feat: implement Number type

packages/formkit/src/index.ts

@@ -11,6 +11,7 @@ export { color } from './color'
 export { colorpicker } from './colorpicker'
 export { form } from './form'
 export { month } from './month'
+export { number } from './number'
 export { password } from './password'
 export { radio } from './radio'
 export { range } from './range'

packages/formkit/src/number.ts

@@ -0,0 +1,13 @@
+import { type FormKitTypeDefinition } from '@formkit/core'
+import { token } from '@formkit/utils'
+import { text } from './text'
+
+/**
+ * Input definition for a number.
+ * @public
+ */
+export const number: FormKitTypeDefinition = {
+  ...text,
+  forceTypeProp: 'number',
+  schemaMemoKey: token(),
+}

packages/ui/src/stories/formkit/Number.stories.ts

@@ -0,0 +1,26 @@
+import { StoryFn } from '@storybook/vue3'
+import * as types from '@vuestic/formkit'
+
+export default {
+  title: 'Formkit Integration/Number',
+}
+
+export const Default: StoryFn = () => ({
+  setup () {
+    return {
+      types,
+    }
+  },
+  template: `
+    <div class="w-1/5 grid gap-6">
+      <FormKit
+        :type="types.number"
+        help="What temperature should the house be?"
+        label="Thermostat"
+        name="temperature"
+        value="25"
+        step="1"
+      />
+    </div>
+  `,
+})