@sfxcode/formkit-primevue 3.2.6 → 3.2.8

package/dist/components/PrimeCheckbox.vue.d.ts

@@ -0,0 +1,27 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { CheckboxProps } from 'primevue/checkbox';
+import type { PropType } from 'vue';
+export interface FormKitPrimeCheckboxProps {
+    binary?: CheckboxProps['binary'];
+    trueValue?: CheckboxProps['trueValue'];
+    falseValue?: CheckboxProps['falseValue'];
+    pt?: CheckboxProps['pt'];
+    ptOptions?: CheckboxProps['ptOptions'];
+    unstyled?: CheckboxProps['unstyled'];
+    indeterminate?: CheckboxProps['indeterminate'];
+    variant?: CheckboxProps['variant'];
+    size?: CheckboxProps['size'];
+}
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitPrimeCheckboxProps>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitPrimeCheckboxProps>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/PrimeColorPicker.d.vue.ts

@@ -0,0 +1,24 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { ColorPickerProps } from 'primevue/colorpicker';
+import type { PropType } from 'vue';
+export interface FormKitPrimeColorPickerProps {
+    defaultColor?: ColorPickerProps['defaultColor'];
+    inline?: ColorPickerProps['inline'];
+    format?: ColorPickerProps['format'];
+    pt?: ColorPickerProps['pt'];
+    ptOptions?: ColorPickerProps['ptOptions'];
+    unstyled?: ColorPickerProps['unstyled'];
+}
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitPrimeColorPickerProps>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitPrimeColorPickerProps>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/PrimeColorPicker.vue

@@ -1,12 +1,27 @@
-<script setup>
-import { useFormKitInput } from "../composables";
+<script setup lang='ts'>
+import type { FormKitFrameworkContext } from '@formkit/core'
+import type { ColorPickerProps } from 'primevue/colorpicker'
+
+import type { PropType } from 'vue'
+import { useFormKitInput } from '../composables'
+
+export interface FormKitPrimeColorPickerProps {
+  defaultColor?: ColorPickerProps['defaultColor']
+  inline?: ColorPickerProps['inline']
+  format?: ColorPickerProps['format']
+  pt?: ColorPickerProps['pt']
+  ptOptions?: ColorPickerProps['ptOptions']
+  unstyled?: ColorPickerProps['unstyled']
+}
+
 const props = defineProps({
   context: {
-    type: Object,
-    required: true
-  }
-});
-const { unstyled, handleChange } = useFormKitInput(props.context);
+    type: Object as PropType<FormKitFrameworkContext & FormKitPrimeColorPickerProps>,
+    required: true,
+  },
+})
+
+const { unstyled, handleChange } = useFormKitInput(props.context)
 </script>
 
 <template>

package/dist/components/PrimeColorPicker.vue.d.ts

@@ -0,0 +1,24 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { ColorPickerProps } from 'primevue/colorpicker';
+import type { PropType } from 'vue';
+export interface FormKitPrimeColorPickerProps {
+    defaultColor?: ColorPickerProps['defaultColor'];
+    inline?: ColorPickerProps['inline'];
+    format?: ColorPickerProps['format'];
+    pt?: ColorPickerProps['pt'];
+    ptOptions?: ColorPickerProps['ptOptions'];
+    unstyled?: ColorPickerProps['unstyled'];
+}
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitPrimeColorPickerProps>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitPrimeColorPickerProps>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/PrimeDatePicker.d.vue.ts

@@ -0,0 +1,63 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { DatePickerProps } from 'primevue/datepicker';
+import type { PropType } from 'vue';
+export interface FormKitPrimeDatePickerProps {
+    dateFormat?: DatePickerProps['dateFormat'];
+    placeholder?: DatePickerProps['placeholder'];
+    selectionMode?: DatePickerProps['selectionMode'];
+    inline?: DatePickerProps['inline'];
+    icon?: DatePickerProps['icon'];
+    showOtherMonths?: DatePickerProps['showOtherMonths'];
+    selectOtherMonths?: DatePickerProps['selectOtherMonths'];
+    showIcon?: DatePickerProps['showIcon'];
+    prevIcon?: DatePickerProps['prevIcon'];
+    nextIcon?: DatePickerProps['nextIcon'];
+    incrementIcon?: DatePickerProps['incrementIcon'];
+    decrementIcon?: DatePickerProps['decrementIcon'];
+    numberOfMonths?: DatePickerProps['numberOfMonths'];
+    responsiveOptions?: DatePickerProps['responsiveOptions'];
+    view?: DatePickerProps['view'];
+    minDate?: DatePickerProps['minDate'];
+    maxDate?: DatePickerProps['maxDate'];
+    disabledDates?: DatePickerProps['disabledDates'];
+    disabledDays?: DatePickerProps['disabledDays'];
+    maxDateCount?: DatePickerProps['maxDateCount'];
+    showOnFocus?: DatePickerProps['showOnFocus'];
+    autoZIndex?: DatePickerProps['autoZIndex'];
+    baseZIndex?: DatePickerProps['baseZIndex'];
+    showButtonBar?: DatePickerProps['showButtonBar'];
+    showTime?: DatePickerProps['showTime'];
+    timeOnly?: DatePickerProps['timeOnly'];
+    shortYearCutoff?: DatePickerProps['shortYearCutoff'];
+    hourFormat?: DatePickerProps['hourFormat'];
+    stepHour?: DatePickerProps['stepHour'];
+    stepMinute?: DatePickerProps['stepMinute'];
+    stepSecond?: DatePickerProps['stepSecond'];
+    showSeconds?: DatePickerProps['showSeconds'];
+    hideOnDateTimeSelect?: DatePickerProps['hideOnDateTimeSelect'];
+    hideOnRangeSelection?: DatePickerProps['hideOnRangeSelection'];
+    timeSeparator?: DatePickerProps['timeSeparator'];
+    showWeek?: DatePickerProps['showWeek'];
+    manualInput?: DatePickerProps['manualInput'];
+    appendTo?: DatePickerProps['appendTo'];
+    panelStyle?: DatePickerProps['panelStyle'];
+    panelClass?: DatePickerProps['panelClass'];
+    pt?: DatePickerProps['pt'];
+    ptOptions?: DatePickerProps['ptOptions'];
+    unstyled?: DatePickerProps['unstyled'];
+    size?: DatePickerProps['size'];
+    updateModelType?: DatePickerProps['updateModelType'];
+}
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitPrimeDatePickerProps>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitPrimeDatePickerProps>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/PrimeDatePicker.vue

@@ -1,23 +1,81 @@
-<script setup>
-import { useFormKitInput } from "../composables";
+<script setup lang='ts'>
+import type { FormKitFrameworkContext } from '@formkit/core'
+import type { DatePickerBlurEvent, DatePickerProps } from 'primevue/datepicker'
+
+import type { PropType } from 'vue'
+import { useFormKitInput } from '../composables'
+
+export interface FormKitPrimeDatePickerProps {
+  dateFormat?: DatePickerProps['dateFormat']
+  placeholder?: DatePickerProps['placeholder']
+  selectionMode?: DatePickerProps['selectionMode']
+  inline?: DatePickerProps['inline']
+  icon?: DatePickerProps['icon']
+  showOtherMonths?: DatePickerProps['showOtherMonths']
+  selectOtherMonths?: DatePickerProps['selectOtherMonths']
+  showIcon?: DatePickerProps['showIcon']
+  prevIcon?: DatePickerProps['prevIcon']
+  nextIcon?: DatePickerProps['nextIcon']
+  incrementIcon?: DatePickerProps['incrementIcon']
+  decrementIcon?: DatePickerProps['decrementIcon']
+  numberOfMonths?: DatePickerProps['numberOfMonths']
+  responsiveOptions?: DatePickerProps['responsiveOptions']
+  view?: DatePickerProps['view']
+  minDate?: DatePickerProps['minDate']
+  maxDate?: DatePickerProps['maxDate']
+  disabledDates?: DatePickerProps['disabledDates']
+  disabledDays?: DatePickerProps['disabledDays']
+  maxDateCount?: DatePickerProps['maxDateCount']
+  showOnFocus?: DatePickerProps['showOnFocus']
+  autoZIndex?: DatePickerProps['autoZIndex']
+  baseZIndex?: DatePickerProps['baseZIndex']
+  showButtonBar?: DatePickerProps['showButtonBar']
+  showTime?: DatePickerProps['showTime']
+  timeOnly?: DatePickerProps['timeOnly']
+  shortYearCutoff?: DatePickerProps['shortYearCutoff']
+  hourFormat?: DatePickerProps['hourFormat']
+  stepHour?: DatePickerProps['stepHour']
+  stepMinute?: DatePickerProps['stepMinute']
+  stepSecond?: DatePickerProps['stepSecond']
+  showSeconds?: DatePickerProps['showSeconds']
+  hideOnDateTimeSelect?: DatePickerProps['hideOnDateTimeSelect']
+  hideOnRangeSelection?: DatePickerProps['hideOnRangeSelection']
+  timeSeparator?: DatePickerProps['timeSeparator']
+  showWeek?: DatePickerProps['showWeek']
+  manualInput?: DatePickerProps['manualInput']
+  appendTo?: DatePickerProps['appendTo']
+  panelStyle?: DatePickerProps['panelStyle']
+  panelClass?: DatePickerProps['panelClass']
+  pt?: DatePickerProps['pt']
+  ptOptions?: DatePickerProps['ptOptions']
+  unstyled?: DatePickerProps['unstyled']
+  size?: DatePickerProps['size']
+  updateModelType?: DatePickerProps['updateModelType']
+}
+
 const props = defineProps({
   context: {
-    type: Object,
-    required: true
-  }
-});
-const { validSlotNames, unstyled, isInvalid, handleInput } = useFormKitInput(props.context);
-function handleBlur(e) {
-  props.context?.handlers.blur(e.originalEvent);
+    type: Object as PropType<FormKitFrameworkContext & FormKitPrimeDatePickerProps>,
+    required: true,
+  },
+})
+
+const { validSlotNames, unstyled, isInvalid, handleInput } = useFormKitInput(props.context)
+
+function handleBlur(e: DatePickerBlurEvent) {
+  props.context?.handlers.blur(e.originalEvent as FocusEvent)
 }
+
 function handleClearClick() {
-  props.context?.node.input(null);
+  props.context?.node.input(null)
 }
-function handleSelect(e) {
-  if (props.context?.selectionMode === "range" || props.context?.selectionMode === "multiple") {
-    props.context?.node.input(props.context._value);
-  } else {
-    props.context?.node.input(e);
+
+function handleSelect(e: any) {
+  if (props.context?.selectionMode === 'range' || props.context?.selectionMode === 'multiple') {
+    props.context?.node.input(props.context._value)
+  }
+  else {
+    props.context?.node.input(e)
   }
 }
 </script>

package/dist/components/PrimeDatePicker.vue.d.ts

@@ -0,0 +1,63 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { DatePickerProps } from 'primevue/datepicker';
+import type { PropType } from 'vue';
+export interface FormKitPrimeDatePickerProps {
+    dateFormat?: DatePickerProps['dateFormat'];
+    placeholder?: DatePickerProps['placeholder'];
+    selectionMode?: DatePickerProps['selectionMode'];
+    inline?: DatePickerProps['inline'];
+    icon?: DatePickerProps['icon'];
+    showOtherMonths?: DatePickerProps['showOtherMonths'];
+    selectOtherMonths?: DatePickerProps['selectOtherMonths'];
+    showIcon?: DatePickerProps['showIcon'];
+    prevIcon?: DatePickerProps['prevIcon'];
+    nextIcon?: DatePickerProps['nextIcon'];
+    incrementIcon?: DatePickerProps['incrementIcon'];
+    decrementIcon?: DatePickerProps['decrementIcon'];
+    numberOfMonths?: DatePickerProps['numberOfMonths'];
+    responsiveOptions?: DatePickerProps['responsiveOptions'];
+    view?: DatePickerProps['view'];
+    minDate?: DatePickerProps['minDate'];
+    maxDate?: DatePickerProps['maxDate'];
+    disabledDates?: DatePickerProps['disabledDates'];
+    disabledDays?: DatePickerProps['disabledDays'];
+    maxDateCount?: DatePickerProps['maxDateCount'];
+    showOnFocus?: DatePickerProps['showOnFocus'];
+    autoZIndex?: DatePickerProps['autoZIndex'];
+    baseZIndex?: DatePickerProps['baseZIndex'];
+    showButtonBar?: DatePickerProps['showButtonBar'];
+    showTime?: DatePickerProps['showTime'];
+    timeOnly?: DatePickerProps['timeOnly'];
+    shortYearCutoff?: DatePickerProps['shortYearCutoff'];
+    hourFormat?: DatePickerProps['hourFormat'];
+    stepHour?: DatePickerProps['stepHour'];
+    stepMinute?: DatePickerProps['stepMinute'];
+    stepSecond?: DatePickerProps['stepSecond'];
+    showSeconds?: DatePickerProps['showSeconds'];
+    hideOnDateTimeSelect?: DatePickerProps['hideOnDateTimeSelect'];
+    hideOnRangeSelection?: DatePickerProps['hideOnRangeSelection'];
+    timeSeparator?: DatePickerProps['timeSeparator'];
+    showWeek?: DatePickerProps['showWeek'];
+    manualInput?: DatePickerProps['manualInput'];
+    appendTo?: DatePickerProps['appendTo'];
+    panelStyle?: DatePickerProps['panelStyle'];
+    panelClass?: DatePickerProps['panelClass'];
+    pt?: DatePickerProps['pt'];
+    ptOptions?: DatePickerProps['ptOptions'];
+    unstyled?: DatePickerProps['unstyled'];
+    size?: DatePickerProps['size'];
+    updateModelType?: DatePickerProps['updateModelType'];
+}
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitPrimeDatePickerProps>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitPrimeDatePickerProps>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/PrimeInputMask.d.vue.ts

@@ -0,0 +1,28 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { InputMaskProps } from 'primevue/inputmask';
+import type { PropType } from 'vue';
+export interface FormKitPrimeInputMaskProps {
+    mask?: InputMaskProps['mask'];
+    slotChar?: InputMaskProps['slotChar'];
+    autoClear?: InputMaskProps['autoClear'];
+    unmask?: InputMaskProps['unmask'];
+    pt?: InputMaskProps['pt'];
+    ptOptions?: InputMaskProps['ptOptions'];
+    unstyled?: InputMaskProps['unstyled'];
+    invalid?: InputMaskProps['invalid'];
+    variant?: InputMaskProps['variant'];
+    size?: InputMaskProps['size'];
+}
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitPrimeInputMaskProps>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitPrimeInputMaskProps>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/PrimeInputMask.vue

@@ -1,15 +1,34 @@
-<script setup>
-import IconField from "primevue/iconfield";
-import InputIcon from "primevue/inputicon";
-import { useFormKitInput, useFormKitSection } from "../composables";
+<script setup lang='ts'>
+import type { FormKitFrameworkContext } from '@formkit/core'
+import type { InputMaskProps } from 'primevue/inputmask'
+
+import type { PropType } from 'vue'
+import IconField from 'primevue/iconfield'
+import InputIcon from 'primevue/inputicon'
+import { useFormKitInput, useFormKitSection } from '../composables'
+
+export interface FormKitPrimeInputMaskProps {
+  mask?: InputMaskProps['mask']
+  slotChar?: InputMaskProps['slotChar']
+  autoClear?: InputMaskProps['autoClear']
+  unmask?: InputMaskProps['unmask']
+  pt?: InputMaskProps['pt']
+  ptOptions?: InputMaskProps['ptOptions']
+  unstyled?: InputMaskProps['unstyled']
+  invalid?: InputMaskProps['invalid']
+  variant?: InputMaskProps['variant']
+  size?: InputMaskProps['size']
+}
+
 const props = defineProps({
   context: {
-    type: Object,
-    required: true
-  }
-});
-const { unstyled, isInvalid, handleInput, handleBlur } = useFormKitInput(props.context);
-const { hasPrefixIcon, hasSuffixIcon } = useFormKitSection(props.context);
+    type: Object as PropType<FormKitFrameworkContext & FormKitPrimeInputMaskProps>,
+    required: true,
+  },
+})
+
+const { unstyled, isInvalid, handleInput, handleBlur } = useFormKitInput(props.context)
+const { hasPrefixIcon, hasSuffixIcon } = useFormKitSection(props.context)
 </script>
 
 <template>

package/dist/components/PrimeInputMask.vue.d.ts

@@ -0,0 +1,28 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { InputMaskProps } from 'primevue/inputmask';
+import type { PropType } from 'vue';
+export interface FormKitPrimeInputMaskProps {
+    mask?: InputMaskProps['mask'];
+    slotChar?: InputMaskProps['slotChar'];
+    autoClear?: InputMaskProps['autoClear'];
+    unmask?: InputMaskProps['unmask'];
+    pt?: InputMaskProps['pt'];
+    ptOptions?: InputMaskProps['ptOptions'];
+    unstyled?: InputMaskProps['unstyled'];
+    invalid?: InputMaskProps['invalid'];
+    variant?: InputMaskProps['variant'];
+    size?: InputMaskProps['size'];
+}
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitPrimeInputMaskProps>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitPrimeInputMaskProps>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/PrimeInputNumber.d.vue.ts

@@ -0,0 +1,36 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { InputNumberProps } from 'primevue/inputnumber';
+import type { PropType } from 'vue';
+export interface FormKitPrimeInputNumberProps {
+    useGrouping?: InputNumberProps['useGrouping'];
+    min?: InputNumberProps['min'];
+    max?: InputNumberProps['max'];
+    minFractionDigits?: InputNumberProps['minFractionDigits'];
+    maxFractionDigits?: InputNumberProps['maxFractionDigits'];
+    locale?: InputNumberProps['locale'];
+    mode?: InputNumberProps['mode'];
+    currency?: InputNumberProps['currency'];
+    prefix?: InputNumberProps['prefix'];
+    suffix?: InputNumberProps['suffix'];
+    showButtons?: InputNumberProps['showButtons'];
+    buttonLayout?: InputNumberProps['buttonLayout'];
+    step?: InputNumberProps['step'];
+    pt?: InputNumberProps['pt'];
+    ptOptions?: InputNumberProps['ptOptions'];
+    unstyled?: InputNumberProps['unstyled'];
+    placeholder?: InputNumberProps['placeholder'];
+    size?: InputNumberProps['size'];
+}
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitPrimeInputNumberProps>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitPrimeInputNumberProps>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/PrimeInputNumber.vue

@@ -1,36 +1,70 @@
-<script setup>
-import { watch } from "vue";
-import { useFormKitInput } from "../composables";
+<script setup lang='ts'>
+import type { FormKitFrameworkContext } from '@formkit/core'
+import type { InputNumberBlurEvent, InputNumberProps } from 'primevue/inputnumber'
+
+import type { PropType } from 'vue'
+import { watch } from 'vue'
+import { useFormKitInput } from '../composables'
+
+export interface FormKitPrimeInputNumberProps {
+  useGrouping?: InputNumberProps['useGrouping']
+  min?: InputNumberProps['min']
+  max?: InputNumberProps['max']
+  minFractionDigits?: InputNumberProps['minFractionDigits']
+  maxFractionDigits?: InputNumberProps['maxFractionDigits']
+  locale?: InputNumberProps['locale']
+  mode?: InputNumberProps['mode']
+  currency?: InputNumberProps['currency']
+  prefix?: InputNumberProps['prefix']
+  suffix?: InputNumberProps['suffix']
+  showButtons?: InputNumberProps['showButtons']
+  buttonLayout?: InputNumberProps['buttonLayout']
+  step?: InputNumberProps['step']
+  pt?: InputNumberProps['pt']
+  ptOptions?: InputNumberProps['ptOptions']
+  unstyled?: InputNumberProps['unstyled']
+  placeholder?: InputNumberProps['placeholder']
+  size?: InputNumberProps['size']
+}
+
 const props = defineProps({
   context: {
-    type: Object,
-    required: true
-  }
-});
-const { validSlotNames, unstyled, isInvalid } = useFormKitInput(props.context);
-function handleBlur(e) {
-  props.context?.handlers.blur(e.originalEvent);
+    type: Object as PropType<FormKitFrameworkContext & FormKitPrimeInputNumberProps>,
+    required: true,
+  },
+})
+
+const { validSlotNames, unstyled, isInvalid } = useFormKitInput(props.context)
+
+function handleBlur(e: InputNumberBlurEvent) {
+  props.context?.handlers.blur(e.originalEvent as FocusEvent)
 }
-function handleInput(_) {
-  if (typeof _.value === "number" || _.value === null)
-    props.context?.node.input(_.value);
+
+function handleInput(_: any) {
+  if (typeof _.value === 'number' || _.value === null)
+    props.context?.node.input(_.value)
 }
-function roundToDecimals(value, decimals) {
-  const factor = 10 ** decimals;
-  return Math.round(value * factor) / factor;
+
+function roundToDecimals(value: any, decimals: number) {
+  const factor = 10 ** decimals
+  return Math.round(value * factor) / factor
 }
+
 watch(
   () => props.context._value,
   (newValue) => {
-    if (newValue !== props.context.node.value && typeof newValue === "number") {
+    // Only update if the value is different
+    if (newValue !== props.context.node.value && typeof newValue === 'number') {
       if (props.context.maxFractionDigits && props.context.maxFractionDigits > 0) {
-        props.context?.node.input(roundToDecimals(newValue, props.context.maxFractionDigits));
-      } else {
-        props.context?.node.input(newValue);
+        // fix floating-point precision issues
+        props.context?.node.input(roundToDecimals(newValue, props.context.maxFractionDigits))
+      }
+      else {
+        props.context?.node.input(newValue)
       }
     }
-  }
-);
+  },
+)
 </script>
 
 <template>

package/dist/components/PrimeInputNumber.vue.d.ts

@@ -0,0 +1,36 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { InputNumberProps } from 'primevue/inputnumber';
+import type { PropType } from 'vue';
+export interface FormKitPrimeInputNumberProps {
+    useGrouping?: InputNumberProps['useGrouping'];
+    min?: InputNumberProps['min'];
+    max?: InputNumberProps['max'];
+    minFractionDigits?: InputNumberProps['minFractionDigits'];
+    maxFractionDigits?: InputNumberProps['maxFractionDigits'];
+    locale?: InputNumberProps['locale'];
+    mode?: InputNumberProps['mode'];
+    currency?: InputNumberProps['currency'];
+    prefix?: InputNumberProps['prefix'];
+    suffix?: InputNumberProps['suffix'];
+    showButtons?: InputNumberProps['showButtons'];
+    buttonLayout?: InputNumberProps['buttonLayout'];
+    step?: InputNumberProps['step'];
+    pt?: InputNumberProps['pt'];
+    ptOptions?: InputNumberProps['ptOptions'];
+    unstyled?: InputNumberProps['unstyled'];
+    placeholder?: InputNumberProps['placeholder'];
+    size?: InputNumberProps['size'];
+}
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitPrimeInputNumberProps>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitPrimeInputNumberProps>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/PrimeInputOtp.d.vue.ts

@@ -0,0 +1,26 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { InputOtpProps } from 'primevue/inputotp';
+import type { PropType } from 'vue';
+export interface FormKitPrimeInputOtpProps {
+    unstyled?: InputOtpProps['unstyled'];
+    ptOptions?: InputOtpProps['ptOptions'];
+    pt?: InputOtpProps['pt'];
+    length?: InputOtpProps['length'];
+    variant?: InputOtpProps['variant'];
+    mask?: InputOtpProps['mask'];
+    integerOnly?: InputOtpProps['integerOnly'];
+    size?: InputOtpProps['size'];
+}
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitPrimeInputOtpProps>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitPrimeInputOtpProps>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;