@sfxcode/formkit-primevue 2.6.3 → 2.6.5

package/README.md

@@ -60,29 +60,19 @@ Important: output elements depends on vue-i18n to style numbers, dates, ...
 
 ### Nuxt
 
-Important: use *autoimport: false* if using PrimeVue-FormKit validation and include or
-exclude not needed components as usual.
+[FormKit-PrimeVue-Nuxt](https://github.com/sfxcode/formkit-primevue-nuxt) module available.
 
-Autoimport true prevents elements lookup correctly.
+Features:
 
-Example:
-```typescript
-  primevue: {
-  autoImport: false,
-    components: {
-    exclude: ['Chart', 'Editor'],
-  },
-  options: {
-    theme: {
-      preset: Aura,
-        options: {
-        darkModeSelector: '.dark',
-      },
-    },
-    ripple: true,
-  },
-},
-```
+- add PrimeVue Nuxt Module
+- add FormKit Nuxt Module
+- add i18n Nuxt Module
+- Default Configuration for FormKit (with PrimeVue components) is provided (can be disabled if needed)
+- AutoImport of PrimeVue Form Components
+- PrimeIcons are loaded by Default
+- FormKit Styling of this package is loaded by default
+- AutoImport of Composables
+- AutoImport of Components
 
 ## Limitations
 

package/dist/components/PrimeAutoComplete.vue

@@ -14,6 +14,7 @@ export interface FormKitPrimeAutoCompleteProps {
   typeahead?: AutoCompleteProps['typeahead']
   optionLabel?: AutoCompleteProps['optionLabel']
   options?: any[] | undefined
+  size?: AutoCompleteProps['size']
 }
 
 const props = defineProps({
@@ -52,6 +53,7 @@ function search(event: AutoCompleteCompleteEvent) {
       :tabindex="context?.attrs.tabindex"
       :aria-label="context?.attrs.ariaLabel"
       :aria-labelledby="context?.attrs.ariaLabelledby"
+      :size="context?.size ?? undefined"
       :suggestions="suggestions"
       :option-label="context?.optionLabel"
       :dropdown="context?.dropdown ?? false"

package/dist/components/PrimeCascadeSelect.vue

@@ -15,7 +15,7 @@ export interface FormKitPrimeCascadeSelectProps {
   pt?: CascadeSelectProps['pt']
   ptOptions?: CascadeSelectProps['ptOptions']
   unstyled?: CascadeSelectProps['unstyled']
-
+  size?: CascadeSelectProps['size']
 }
 
 const props = defineProps({
@@ -41,6 +41,7 @@ const { validSlotNames, unstyled, isInvalid, handleInput, handleBlur } = useForm
       :tabindex="context?.attrs.tabindex"
       :aria-label="context?.attrs.ariaLabel"
       :aria-labelledby="context?.attrs.ariaLabelledby"
+      :size="context?.size ?? undefined"
       :options="context?.options"
       :option-label="context?.optionLabel"
       :option-value="context.optionValue"

package/dist/components/PrimeCheckbox.vue

@@ -14,6 +14,7 @@ export interface FormKitPrimeCheckboxProps {
   unstyled?: CheckboxProps['unstyled']
   indeterminate?: CheckboxProps['indeterminate']
   variant?: CheckboxProps['variant']
+  size?: CheckboxProps['size']
 }
 
 const props = defineProps({
@@ -47,6 +48,7 @@ const generatedId = generateId()
       :tabindex="context?.attrs.tabindex"
       :aria-label="context?.attrs.ariaLabel"
       :aria-labelledby="context?.attrs.ariaLabelledby"
+      :size="context?.size ?? undefined"
       :indeterminate="context.indeterminate ?? undefined"
       :binary="context.binary ?? true"
       :variant="context.variant ?? 'outlined'"

package/dist/components/PrimeColorPicker.vue

@@ -12,7 +12,6 @@ export interface FormKitPrimeColorPickerProps {
   pt?: ColorPickerProps['pt']
   ptOptions?: ColorPickerProps['ptOptions']
   unstyled?: ColorPickerProps['unstyled']
-
 }
 
 const props = defineProps({

package/dist/components/PrimeDatePicker.vue

@@ -49,7 +49,7 @@ export interface FormKitPrimeDatePickerProps {
   pt?: DatePickerProps['pt']
   ptOptions?: DatePickerProps['ptOptions']
   unstyled?: DatePickerProps['unstyled']
-
+  size?: DatePickerProps['size']
 }
 
 const props = defineProps({
@@ -93,6 +93,7 @@ function handleSelect(e: any) {
       :tabindex="context?.attrs.tabindex"
       :aria-label="context?.attrs.ariaLabel"
       :aria-labelledby="context?.attrs.ariaLabelledby"
+      :size="context?.size ?? undefined"
       :date-format="context?.dateFormat"
       :placeholder="context?.placeholder"
       :selection-mode="context?.selectionMode ?? 'single'"

package/dist/components/PrimeEditor.vue

@@ -12,7 +12,6 @@ export interface FormKitPrimeEditorProps {
   pt?: EditorProps['pt']
   ptOptions?: EditorProps['ptOptions']
   unstyled?: EditorProps['unstyled']
-
 }
 
 const props = defineProps({

package/dist/components/PrimeInputMask.vue

@@ -17,6 +17,7 @@ export interface FormKitPrimeInputMaskProps {
   unstyled?: InputMaskProps['unstyled']
   invalid?: InputMaskProps['invalid']
   variant?: InputMaskProps['variant']
+  size?: InputMaskProps['size']
 }
 
 const props = defineProps({
@@ -45,6 +46,7 @@ const { hasPrefixIcon, hasSuffixIcon } = useFormKitSection(props.context)
         :tabindex="context?.attrs.tabindex"
         :aria-label="context?.attrs.ariaLabel"
         :aria-labelledby="context?.attrs.ariaLabelledby"
+        :size="context?.size ?? undefined"
         :mask="context.mask ?? undefined"
         :slot-char="context.slotChar ?? '_'"
         :auto-clear="context.autoClear ?? true"
@@ -70,6 +72,7 @@ const { hasPrefixIcon, hasSuffixIcon } = useFormKitSection(props.context)
       :tabindex="context?.attrs.tabindex"
       :aria-label="context?.attrs.ariaLabel"
       :aria-labelledby="context?.attrs.ariaLabelledby"
+      :size="context?.size ?? undefined"
       :mask="context.mask ?? undefined"
       :slot-char="context.slotChar ?? '_'"
       :auto-clear="context.autoClear ?? true"

package/dist/components/PrimeInputNumber.vue

@@ -24,7 +24,7 @@ export interface FormKitPrimeInputNumberProps {
   ptOptions?: InputNumberProps['ptOptions']
   unstyled?: InputNumberProps['unstyled']
   placeholder?: InputNumberProps['placeholder']
-
+  size?: InputNumberProps['size']
 }
 
 const props = defineProps({
@@ -80,6 +80,7 @@ watch(
       :tabindex="context?.attrs.tabindex"
       :aria-label="context?.attrs.ariaLabel"
       :aria-labelledby="context?.attrs.ariaLabelledby"
+      :size="context?.size ?? undefined"
       :placeholder="context.placeholder"
       :use-grouping="context.useGrouping ?? true"
       :min="context.min ?? undefined"

package/dist/components/PrimeInputOtp.vue

@@ -13,7 +13,7 @@ export interface FormKitPrimeInputOtpProps {
   variant?: InputOtpProps['variant']
   mask?: InputOtpProps['mask']
   integerOnly?: InputOtpProps['integerOnly']
-
+  size?: InputOtpProps['size']
 }
 
 const props = defineProps({
@@ -40,6 +40,7 @@ const { validSlotNames, unstyled, isInvalid, handleBlur, handleInput } = useForm
       :tabindex="context?.attrs.tabindex"
       :aria-label="context?.attrs.ariaLabel"
       :aria-labelledby="context?.attrs.ariaLabelledby"
+      :size="context?.size ?? undefined"
       :length="context.length"
       :variant="context.variant"
       :mask="context.mask"

package/dist/components/PrimeInputText.vue

@@ -12,6 +12,7 @@ export interface FormKitPrimeInputTextProps {
   ptOptions?: InputTextProps['ptOptions']
   unstyled?: InputTextProps['unstyled']
   placeholder?: InputTextProps['placeholder']
+  size?: InputTextProps['size']
 }
 
 const props = defineProps({
@@ -41,6 +42,7 @@ const { hasPrefixIcon, hasSuffixIcon } = useFormKitSection(props.context)
         :tabindex="context?.attrs.tabindex"
         :aria-label="context?.attrs.ariaLabel"
         :aria-labelledby="context?.attrs.ariaLabelledby"
+        :size="context?.size ?? undefined"
         :placeholder="context.placeholder"
         :pt="context.pt"
         :pt-options="context.ptOptions"
@@ -63,6 +65,7 @@ const { hasPrefixIcon, hasSuffixIcon } = useFormKitSection(props.context)
       :tabindex="context?.attrs.tabindex"
       :aria-label="context?.attrs.ariaLabel"
       :aria-labelledby="context?.attrs.ariaLabelledby"
+      :size="context?.size ?? undefined"
       :placeholder="context.placeholder"
       :pt="context.pt"
       :pt-options="context.ptOptions"

package/dist/components/PrimeListbox.vue

@@ -20,7 +20,6 @@ export interface FormKitPrimeListboxProps {
   filterMatchMode?: ListboxProps['filterMatchMode']
   autoOptionFocus?: ListboxProps['autoOptionFocus']
   selectOnFocus?: ListboxProps['selectOnFocus']
-
 }
 
 const props = defineProps({

package/dist/components/PrimeMultiSelect.vue

@@ -40,6 +40,7 @@ export interface FormKitPrimeMultiSelectProps {
   placeholder?: MultiSelectProps['placeholder']
   ptOptions?: MultiSelectProps['ptOptions']
   unstyled?: MultiSelectProps['unstyled']
+  size?: MultiSelectProps['size']
 
 }
 
@@ -67,6 +68,7 @@ const { validSlotNames, unstyled, isInvalid, handleBlur, handleChange } = useFor
       :tabindex="context?.attrs.tabindex"
       :aria-label="context?.attrs.ariaLabel"
       :aria-labelledby="context?.attrs.ariaLabelledby"
+      :size="context?.size ?? undefined"
       :placeholder="context.placeholder"
       :options="context.options"
       :option-label="context.optionLabel"

package/dist/components/PrimePassword.vue

@@ -20,7 +20,7 @@ export interface FormKitPrimePasswordProps {
   placeholder?: PasswordProps['placeholder']
   feedback?: PasswordProps['feedback']
   toggleMask?: PasswordProps['toggleMask']
-
+  size?: PasswordProps['size']
 }
 
 const props = defineProps({
@@ -47,6 +47,7 @@ const { validSlotNames, unstyled, isInvalid, handleInput, handleBlur } = useForm
       :tabindex="context?.attrs.tabindex"
       :aria-label="context?.attrs.ariaLabel"
       :aria-labelledby="context?.attrs.ariaLabelledby"
+      :size="context?.size ?? undefined"
       :placeholder="context.placeholder"
       :medium-regex="context.mediumRegex ?? '^(((?=.*[a-z])(?=.*[A-Z]))|((?=.*[a-z])(?=.*[0-9]))|((?=.*[A-Z])(?=.*[0-9])))(?=.{6,})'"
       :strong-regex="context.strongRegex ?? '^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.{8,})'"

package/dist/components/PrimeRadioButton.vue

@@ -9,6 +9,7 @@ export interface FormKitPrimeRadioButtonProps {
   pt?: RadioButtonProps['pt']
   ptOptions?: RadioButtonProps['ptOptions']
   unstyled?: RadioButtonProps['unstyled']
+  size?: RadioButtonProps['size']
   options?: { label: string, value: any }[]
   optionsClass?: string
   optionClass?: string
@@ -38,6 +39,7 @@ const { unstyled, isInvalid, handleChange, handleBlur } = useFormKitInput(props.
         :input-style="context?.attrs.style"
         :input-class="context?.attrs?.class"
         :invalid="isInvalid"
+        :size="context?.size ?? undefined"
         :pt="context.pt"
         :pt-options="context.ptOptions"
         :unstyled="unstyled"

package/dist/components/PrimeRating.vue

@@ -12,7 +12,6 @@ export interface FormKitPrimeRatingProps {
   offIcon?: RatingProps['offIcon']
   ptOptions?: RatingProps['ptOptions']
   pt?: RatingProps['pt']
-
 }
 
 const props = defineProps({

package/dist/components/PrimeSelect.vue

@@ -37,6 +37,7 @@ export interface FormKitPrimeSelectProps {
   pt?: SelectProps['pt']
   ptOptions?: SelectProps['ptOptions']
   unstyled?: SelectProps['unstyled']
+  size?: SelectProps['size']
 
 }
 
@@ -67,6 +68,7 @@ const { validSlotNames, unstyled, isInvalid, handleInput, handleBlur } = useForm
       :tabindex="context?.attrs.tabindex"
       :aria-label="context?.attrs.ariaLabel"
       :aria-labelledby="context?.attrs.ariaLabelledby"
+      :size="context?.size ?? undefined"
       :options="context.options"
       :option-label="context.optionLabel"
       :option-value="context.optionValue"

package/dist/components/PrimeSelectButton.vue

@@ -15,6 +15,7 @@ export interface FormKitPrimeSelectButtonProps {
   multiple?: SelectButtonProps['multiple']
   dataKey?: SelectButtonProps['dataKey']
   options?: SelectButtonProps['options']
+  size?: SelectButtonProps['size']
 
 }
 
@@ -42,6 +43,7 @@ const { validSlotNames, unstyled, isInvalid, handleChange, handleBlur } = useFor
       :tabindex="context?.attrs.tabindex"
       :aria-label="context?.attrs.ariaLabel"
       :aria-labelledby="context?.attrs.ariaLabelledby"
+      :size="context?.size ?? undefined"
       :options="context.options"
       :option-label="context.optionLabel"
       :option-value="context.optionValue"

package/dist/components/PrimeSlider.vue

@@ -14,7 +14,6 @@ export interface FormKitPrimeSliderProps {
   step?: SliderProps['step']
   range?: SliderProps['range']
   orientation?: SliderProps['orientation']
-
 }
 
 const props = defineProps({

package/dist/components/PrimeTextarea.vue

@@ -12,6 +12,7 @@ export interface FormKitPrimeTextareaProps {
   autoResize?: TextareaProps['autoResize']
   rows?: TextareaProps['rows']
   placeholder?: TextareaProps['placeholder']
+  size?: TextareaProps['size']
 
 }
 
@@ -39,6 +40,7 @@ const { unstyled, isInvalid, handleInput, handleBlur } = useFormKitInput(props.c
       :tabindex="context?.attrs.tabindex"
       :aria-label="context?.attrs.ariaLabel"
       :aria-labelledby="context?.attrs.ariaLabelledby"
+      :size="context?.size ?? undefined"
       :placeholder="context.placeholder"
       :rows="context.rows ?? 3"
       :auto-resize="context.autoResize ?? false"

package/dist/components/PrimeToggleButton.vue

@@ -14,6 +14,7 @@ export interface FormKitPrimeToggleButtonProps {
   onIcon?: ToggleButtonProps['onIcon']
   offIcon?: ToggleButtonProps['offIcon']
   iconPos?: ToggleButtonProps['iconPos']
+  size?: ToggleButtonProps['size']
 
 }
 
@@ -41,6 +42,7 @@ const { validSlotNames, unstyled, isInvalid, handleChange, handleBlur } = useFor
       :tabindex="context?.attrs.tabindex"
       :aria-label="context?.attrs.ariaLabel"
       :aria-labelledby="context?.attrs.ariaLabelledby"
+      :size="context?.size ?? undefined"
       :on-label="context.onLabel ?? 'Yes'"
       :off-label="context.offLabel ?? 'No'"
       :on-icon="context.onIcon"

package/dist/components/PrimeTreeSelect.vue

@@ -19,7 +19,7 @@ export interface FormKitPrimeTreeSelectProps {
   scrollHeight?: TreeSelectProps['scrollHeight']
   panelClass?: TreeSelectProps['panelClass']
   variant?: TreeSelectProps['variant']
-
+  size?: TreeSelectProps['size']
 }
 
 const props = defineProps({
@@ -46,6 +46,7 @@ const { validSlotNames, unstyled, isInvalid, handleInput, handleBlur } = useForm
       :tabindex="context?.attrs.tabindex"
       :aria-label="context?.attrs.ariaLabel"
       :aria-labelledby="context?.attrs.ariaLabelledby"
+      :size="context?.size ?? undefined"
       :options="context?.options"
       :placeholder="context.placeholder"
       :selection-mode="context.selectionMode"

package/dist/definitions/input.js

@@ -30,46 +30,46 @@ var _PrimeToggleSwitch = _interopRequireDefault(require("../components/PrimeTogg
 var _PrimeTreeSelect = _interopRequireDefault(require("../components/PrimeTreeSelect.vue"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const primeAutoCompleteDefinition = exports.primeAutoCompleteDefinition = (0, _vue.createInput)(_PrimeAutoComplete.default, {
-  props: ["pt", "ptOptions", "unstyled", "Select", "multiple", "typeahead", "optionLabel", "options"]
+  props: ["pt", "ptOptions", "unstyled", "Select", "multiple", "typeahead", "optionLabel", "options", "size"]
 });
 const primeInputTextDefinition = exports.primeInputTextDefinition = (0, _vue.createInput)(_PrimeInputText.default, {
-  props: ["pt", "ptOptions", "unstyled", "placeholder", "iconPrefix", "iconSuffix"]
+  props: ["pt", "ptOptions", "unstyled", "placeholder", "iconPrefix", "iconSuffix", "size"]
 });
 const primeInputNumberDefinition = exports.primeInputNumberDefinition = (0, _vue.createInput)(_PrimeInputNumber.default, {
-  props: ["useGrouping", "min", "max", "minFractionDigits", "maxFractionDigits", "locale", "mode", "currency", "prefix", "suffix", "showButtons", "buttonLayout", "step", "pt", "ptOptions", "unstyled", "placeholder"]
+  props: ["useGrouping", "min", "max", "minFractionDigits", "maxFractionDigits", "locale", "mode", "currency", "prefix", "suffix", "showButtons", "buttonLayout", "step", "pt", "ptOptions", "unstyled", "placeholder", "size"]
 });
 const primeInputMaskDefinition = exports.primeInputMaskDefinition = (0, _vue.createInput)(_PrimeInputMask.default, {
-  props: ["mask", "slotChar", "autoClear", "unmask", "pt", "ptOptions", "unstyled", "invalid", "variant", "iconPrefix", "iconSuffix"]
+  props: ["mask", "slotChar", "autoClear", "unmask", "pt", "ptOptions", "unstyled", "invalid", "variant", "iconPrefix", "iconSuffix", "size"]
 });
 const primePasswordDefinition = exports.primePasswordDefinition = (0, _vue.createInput)(_PrimePassword.default, {
-  props: ["mediumRegex", "strongRegex", "promptLabel", "weakLabel", "mediumLabel", "strongLabel", "hideIcon", "showIcon", "pt", "ptOptions", "unstyled", "placeholder", "feedback", "toggleMask"]
+  props: ["mediumRegex", "strongRegex", "promptLabel", "weakLabel", "mediumLabel", "strongLabel", "hideIcon", "showIcon", "pt", "ptOptions", "unstyled", "placeholder", "feedback", "toggleMask", "size"]
 });
 const primeTextareaDefinition = exports.primeTextareaDefinition = (0, _vue.createInput)(_PrimeTextarea.default, {
-  props: ["pt", "ptOptions", "unstyled", "autoResize", "rows", "placeholder"]
+  props: ["pt", "ptOptions", "unstyled", "autoResize", "rows", "placeholder", "size"]
 });
 const primeCheckboxDefinition = exports.primeCheckboxDefinition = (0, _vue.createInput)(_PrimeCheckbox.default, {
-  props: ["binary", "trueValue", "falseValue", "pt", "ptOptions", "unstyled", "indeterminate", "variant", "prefix", "suffix"]
+  props: ["binary", "trueValue", "falseValue", "pt", "ptOptions", "unstyled", "indeterminate", "variant", "prefix", "suffix", "size"]
 });
 const primeToggleSwitchDefinition = exports.primeToggleSwitchDefinition = (0, _vue.createInput)(_PrimeToggleSwitch.default, {
   props: ["trueValue", "falseValue", "pt", "ptOptions", "unstyled", "prefix", "suffix"]
 });
 const primeInputOtpDefinition = exports.primeInputOtpDefinition = (0, _vue.createInput)(_PrimeInputOtp.default, {
-  props: ["length", "variant", "mask", "integerOnly", "pt", "ptOptions", "unstyled"]
+  props: ["length", "variant", "mask", "integerOnly", "pt", "ptOptions", "unstyled", "size"]
 });
 const primeEditorDefinition = exports.primeEditorDefinition = (0, _vue.createInput)(_PrimeEditor.default, {
   props: ["placeholder", "formats", "modules", "pt", "ptOptions", "unstyled"]
 });
 const primeSelectDefinition = exports.primeSelectDefinition = (0, _vue.createInput)(_PrimeSelect.default, {
-  props: ["options", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "scrollHeight", "filter", "filterPlaceholder", "filterLocale", "filterMatchMode", "filterFields", "filterInputProps", "editable", "placeholder", "dataKey", "showClear", "panelStyle", "panelClass", "panelProps", "appendTo", "resetFilterOnHide", "virtualScrollerOptions", "autoOptionFocus", "selectOnFocus", "filterMessage", "selectionMessage", "emptySelectionMessage", "emptyFilterMessage", "emptyMessage", "pt", "ptOptions", "unstyled"]
+  props: ["options", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "scrollHeight", "filter", "filterPlaceholder", "filterLocale", "filterMatchMode", "filterFields", "filterInputProps", "editable", "placeholder", "dataKey", "showClear", "panelStyle", "panelClass", "panelProps", "appendTo", "resetFilterOnHide", "virtualScrollerOptions", "autoOptionFocus", "selectOnFocus", "filterMessage", "selectionMessage", "emptySelectionMessage", "emptyFilterMessage", "emptyMessage", "pt", "ptOptions", "unstyled", "size"]
 });
 const primeMultiSelectDefinition = exports.primeMultiSelectDefinition = (0, _vue.createInput)(_PrimeMultiSelect.default, {
-  props: ["options", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "scrollHeight", "inputProps", "closeButtonProps", "dataKey", "filter", "filterPlaceholder", "filterLocale", "filterMatchMode", "filterFields", "appendTo", "display", "maxSelectedLabels", "selectedItemsLabel", "selectionLimit", "showToggleAll", "loading", "selectAll", "resetFilterOnHide", "virtualScrollerOptions", "autoOptionFocus", "autoFilterFocus", "filterMessage", "selectionMessage", "emptySelectionMessage", "emptyFilterMessage", "emptyMessage", "pt", "placeholder", "ptOptions", "unstyled"]
+  props: ["options", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "scrollHeight", "inputProps", "closeButtonProps", "dataKey", "filter", "filterPlaceholder", "filterLocale", "filterMatchMode", "filterFields", "appendTo", "display", "maxSelectedLabels", "selectedItemsLabel", "selectionLimit", "showToggleAll", "loading", "selectAll", "resetFilterOnHide", "virtualScrollerOptions", "autoOptionFocus", "autoFilterFocus", "filterMessage", "selectionMessage", "emptySelectionMessage", "emptyFilterMessage", "emptyMessage", "pt", "placeholder", "ptOptions", "unstyled", "size"]
 });
 const primeListboxDefinition = exports.primeListboxDefinition = (0, _vue.createInput)(_PrimeListbox.default, {
   props: ["pt", "ptOptions", "unstyled", "options", "optionLabel", "optionValue", "multiple", "filter", "filterIcon", "filterPlaceholder", "filterLocale", "filterMatchMode", "autoOptionFocus", "selectOnFocus"]
 });
 const primeDatePickerDefinition = exports.primeDatePickerDefinition = (0, _vue.createInput)(_PrimeDatePicker.default, {
-  props: ["dateFormat", "placeholder", "selectionMode", "inline", "icon", "showOtherMonths", "selectOtherMonths", "showIcon", "previousIcon", "nextIcon", "incrementIcon", "decrementIcon", "numberOfMonths", "responsiveOptions", "view", "touchUI", "minDate", "maxDate", "disabledDates", "disabledDays", "maxDateCount", "showOnFocus", "autoZIndex", "baseZIndex", "showButtonBar", "showTime", "timeOnly", "shortYearCutoff", "hourFormat", "stepHour", "stepMinute", "stepSecond", "showSeconds", "hideOnDateTimeSelect", "hideOnRangeSelection", "timeSeparator", "showWeek", "manualInput", "appendTo", "panelStyle", "panelClass", "pt", "ptOptions", "unstyled"]
+  props: ["dateFormat", "placeholder", "selectionMode", "inline", "icon", "showOtherMonths", "selectOtherMonths", "showIcon", "previousIcon", "nextIcon", "incrementIcon", "decrementIcon", "numberOfMonths", "responsiveOptions", "view", "touchUI", "minDate", "maxDate", "disabledDates", "disabledDays", "maxDateCount", "showOnFocus", "autoZIndex", "baseZIndex", "showButtonBar", "showTime", "timeOnly", "shortYearCutoff", "hourFormat", "stepHour", "stepMinute", "stepSecond", "showSeconds", "hideOnDateTimeSelect", "hideOnRangeSelection", "timeSeparator", "showWeek", "manualInput", "appendTo", "panelStyle", "panelClass", "pt", "ptOptions", "unstyled", "size"]
 });
 const primeSliderDefinition = exports.primeSliderDefinition = (0, _vue.createInput)(_PrimeSlider.default, {
   props: ["pt", "ptOptions", "unstyled", "min", "max", "step", "range", "orientation"]
@@ -78,7 +78,7 @@ const primeRatingDefinition = exports.primeRatingDefinition = (0, _vue.createInp
   props: ["unstyled", "stars", "cancel", "onIcon", "offIcon", "cancelIcon", "ptOptions", "pt"]
 });
 const primeRadioButtonDefinition = exports.primeRadioButtonDefinition = (0, _vue.createInput)(_PrimeRadioButton.default, {
-  props: ["pt", "ptOptions", "unstyled", "options", "optionsClass", "optionClass"]
+  props: ["pt", "ptOptions", "unstyled", "options", "optionsClass", "optionClass", "size"]
 });
 const primeKnobDefinition = exports.primeKnobDefinition = (0, _vue.createInput)(_PrimeKnob.default, {
   props: ["pt", "ptOptions", "unstyled", "min", "max", "step", "size", "strokeWidth", "showValue", "valueColor", "rangeColor", "textColor", "valueTemplate"]
@@ -87,16 +87,16 @@ const primeColorPickerDefinition = exports.primeColorPickerDefinition = (0, _vue
   props: ["defaultColor", "inline", "format", "pt", "ptOptions", "unstyled"]
 });
 const primeToggleButtonDefinition = exports.primeToggleButtonDefinition = (0, _vue.createInput)(_PrimeToggleButton.default, {
-  props: ["pt", "ptOptions", "unstyled", "onLabel", "offLabel", "onIcon", "offIcon", "iconPos"]
+  props: ["pt", "ptOptions", "unstyled", "onLabel", "offLabel", "onIcon", "offIcon", "iconPos", "size"]
 });
 const primeSelectButtonDefinition = exports.primeSelectButtonDefinition = (0, _vue.createInput)(_PrimeSelectButton.default, {
-  props: ["pt", "ptOptions", "unstyled", "optionLabel", "optionValue", "optionDisabled", "multiple", "unselectable", "dataKey", "options"]
+  props: ["pt", "ptOptions", "unstyled", "optionLabel", "optionValue", "optionDisabled", "multiple", "unselectable", "dataKey", "options", "size"]
 });
 const primeCascadeSelectDefinition = exports.primeCascadeSelectDefinition = (0, _vue.createInput)(_PrimeCascadeSelect.default, {
-  props: ["options", "optionLabel", "optionValue", "optionGroupLabel", "optionGroupChildren", "placeholder", "pt", "ptOptions", "unstyled"]
+  props: ["options", "optionLabel", "optionValue", "optionGroupLabel", "optionGroupChildren", "placeholder", "pt", "ptOptions", "unstyled", "size"]
 });
 const primeTreeSelectDefinition = exports.primeTreeSelectDefinition = (0, _vue.createInput)(_PrimeTreeSelect.default, {
-  props: ["options", "placeholder", "selectionMode", "pt", "ptOptions", "unstyled", "emptyMessage", "display", "metaKeySelection", "appendTo", "scrollHeight", "panelClass", "variant"]
+  props: ["options", "placeholder", "selectionMode", "pt", "ptOptions", "unstyled", "emptyMessage", "display", "metaKeySelection", "appendTo", "scrollHeight", "panelClass", "variant", "size"]
 });
 const primeInputs = exports.primeInputs = {
   primeAutoComplete: primeAutoCompleteDefinition,

package/dist/definitions/input.mjs

@@ -23,46 +23,46 @@ import PrimeToggleButton from "../components/PrimeToggleButton.vue";
 import PrimeToggleSwitch from "../components/PrimeToggleSwitch.vue";
 import PrimeTreeSelect from "../components/PrimeTreeSelect.vue";
 export const primeAutoCompleteDefinition = createInput(PrimeAutoComplete, {
-  props: ["pt", "ptOptions", "unstyled", "Select", "multiple", "typeahead", "optionLabel", "options"]
+  props: ["pt", "ptOptions", "unstyled", "Select", "multiple", "typeahead", "optionLabel", "options", "size"]
 });
 export const primeInputTextDefinition = createInput(PrimeInputText, {
-  props: ["pt", "ptOptions", "unstyled", "placeholder", "iconPrefix", "iconSuffix"]
+  props: ["pt", "ptOptions", "unstyled", "placeholder", "iconPrefix", "iconSuffix", "size"]
 });
 export const primeInputNumberDefinition = createInput(PrimeInputNumber, {
-  props: ["useGrouping", "min", "max", "minFractionDigits", "maxFractionDigits", "locale", "mode", "currency", "prefix", "suffix", "showButtons", "buttonLayout", "step", "pt", "ptOptions", "unstyled", "placeholder"]
+  props: ["useGrouping", "min", "max", "minFractionDigits", "maxFractionDigits", "locale", "mode", "currency", "prefix", "suffix", "showButtons", "buttonLayout", "step", "pt", "ptOptions", "unstyled", "placeholder", "size"]
 });
 export const primeInputMaskDefinition = createInput(PrimeInputMask, {
-  props: ["mask", "slotChar", "autoClear", "unmask", "pt", "ptOptions", "unstyled", "invalid", "variant", "iconPrefix", "iconSuffix"]
+  props: ["mask", "slotChar", "autoClear", "unmask", "pt", "ptOptions", "unstyled", "invalid", "variant", "iconPrefix", "iconSuffix", "size"]
 });
 export const primePasswordDefinition = createInput(PrimePassword, {
-  props: ["mediumRegex", "strongRegex", "promptLabel", "weakLabel", "mediumLabel", "strongLabel", "hideIcon", "showIcon", "pt", "ptOptions", "unstyled", "placeholder", "feedback", "toggleMask"]
+  props: ["mediumRegex", "strongRegex", "promptLabel", "weakLabel", "mediumLabel", "strongLabel", "hideIcon", "showIcon", "pt", "ptOptions", "unstyled", "placeholder", "feedback", "toggleMask", "size"]
 });
 export const primeTextareaDefinition = createInput(PrimeTextarea, {
-  props: ["pt", "ptOptions", "unstyled", "autoResize", "rows", "placeholder"]
+  props: ["pt", "ptOptions", "unstyled", "autoResize", "rows", "placeholder", "size"]
 });
 export const primeCheckboxDefinition = createInput(PrimeCheckbox, {
-  props: ["binary", "trueValue", "falseValue", "pt", "ptOptions", "unstyled", "indeterminate", "variant", "prefix", "suffix"]
+  props: ["binary", "trueValue", "falseValue", "pt", "ptOptions", "unstyled", "indeterminate", "variant", "prefix", "suffix", "size"]
 });
 export const primeToggleSwitchDefinition = createInput(PrimeToggleSwitch, {
   props: ["trueValue", "falseValue", "pt", "ptOptions", "unstyled", "prefix", "suffix"]
 });
 export const primeInputOtpDefinition = createInput(PrimeInputOtp, {
-  props: ["length", "variant", "mask", "integerOnly", "pt", "ptOptions", "unstyled"]
+  props: ["length", "variant", "mask", "integerOnly", "pt", "ptOptions", "unstyled", "size"]
 });
 export const primeEditorDefinition = createInput(PrimeEditor, {
   props: ["placeholder", "formats", "modules", "pt", "ptOptions", "unstyled"]
 });
 export const primeSelectDefinition = createInput(PrimeSelect, {
-  props: ["options", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "scrollHeight", "filter", "filterPlaceholder", "filterLocale", "filterMatchMode", "filterFields", "filterInputProps", "editable", "placeholder", "dataKey", "showClear", "panelStyle", "panelClass", "panelProps", "appendTo", "resetFilterOnHide", "virtualScrollerOptions", "autoOptionFocus", "selectOnFocus", "filterMessage", "selectionMessage", "emptySelectionMessage", "emptyFilterMessage", "emptyMessage", "pt", "ptOptions", "unstyled"]
+  props: ["options", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "scrollHeight", "filter", "filterPlaceholder", "filterLocale", "filterMatchMode", "filterFields", "filterInputProps", "editable", "placeholder", "dataKey", "showClear", "panelStyle", "panelClass", "panelProps", "appendTo", "resetFilterOnHide", "virtualScrollerOptions", "autoOptionFocus", "selectOnFocus", "filterMessage", "selectionMessage", "emptySelectionMessage", "emptyFilterMessage", "emptyMessage", "pt", "ptOptions", "unstyled", "size"]
 });
 export const primeMultiSelectDefinition = createInput(PrimeMultiSelect, {
-  props: ["options", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "scrollHeight", "inputProps", "closeButtonProps", "dataKey", "filter", "filterPlaceholder", "filterLocale", "filterMatchMode", "filterFields", "appendTo", "display", "maxSelectedLabels", "selectedItemsLabel", "selectionLimit", "showToggleAll", "loading", "selectAll", "resetFilterOnHide", "virtualScrollerOptions", "autoOptionFocus", "autoFilterFocus", "filterMessage", "selectionMessage", "emptySelectionMessage", "emptyFilterMessage", "emptyMessage", "pt", "placeholder", "ptOptions", "unstyled"]
+  props: ["options", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "scrollHeight", "inputProps", "closeButtonProps", "dataKey", "filter", "filterPlaceholder", "filterLocale", "filterMatchMode", "filterFields", "appendTo", "display", "maxSelectedLabels", "selectedItemsLabel", "selectionLimit", "showToggleAll", "loading", "selectAll", "resetFilterOnHide", "virtualScrollerOptions", "autoOptionFocus", "autoFilterFocus", "filterMessage", "selectionMessage", "emptySelectionMessage", "emptyFilterMessage", "emptyMessage", "pt", "placeholder", "ptOptions", "unstyled", "size"]
 });
 export const primeListboxDefinition = createInput(PrimeListbox, {
   props: ["pt", "ptOptions", "unstyled", "options", "optionLabel", "optionValue", "multiple", "filter", "filterIcon", "filterPlaceholder", "filterLocale", "filterMatchMode", "autoOptionFocus", "selectOnFocus"]
 });
 export const primeDatePickerDefinition = createInput(PrimeDatePicker, {
-  props: ["dateFormat", "placeholder", "selectionMode", "inline", "icon", "showOtherMonths", "selectOtherMonths", "showIcon", "previousIcon", "nextIcon", "incrementIcon", "decrementIcon", "numberOfMonths", "responsiveOptions", "view", "touchUI", "minDate", "maxDate", "disabledDates", "disabledDays", "maxDateCount", "showOnFocus", "autoZIndex", "baseZIndex", "showButtonBar", "showTime", "timeOnly", "shortYearCutoff", "hourFormat", "stepHour", "stepMinute", "stepSecond", "showSeconds", "hideOnDateTimeSelect", "hideOnRangeSelection", "timeSeparator", "showWeek", "manualInput", "appendTo", "panelStyle", "panelClass", "pt", "ptOptions", "unstyled"]
+  props: ["dateFormat", "placeholder", "selectionMode", "inline", "icon", "showOtherMonths", "selectOtherMonths", "showIcon", "previousIcon", "nextIcon", "incrementIcon", "decrementIcon", "numberOfMonths", "responsiveOptions", "view", "touchUI", "minDate", "maxDate", "disabledDates", "disabledDays", "maxDateCount", "showOnFocus", "autoZIndex", "baseZIndex", "showButtonBar", "showTime", "timeOnly", "shortYearCutoff", "hourFormat", "stepHour", "stepMinute", "stepSecond", "showSeconds", "hideOnDateTimeSelect", "hideOnRangeSelection", "timeSeparator", "showWeek", "manualInput", "appendTo", "panelStyle", "panelClass", "pt", "ptOptions", "unstyled", "size"]
 });
 export const primeSliderDefinition = createInput(PrimeSlider, {
   props: ["pt", "ptOptions", "unstyled", "min", "max", "step", "range", "orientation"]
@@ -71,7 +71,7 @@ export const primeRatingDefinition = createInput(PrimeRating, {
   props: ["unstyled", "stars", "cancel", "onIcon", "offIcon", "cancelIcon", "ptOptions", "pt"]
 });
 export const primeRadioButtonDefinition = createInput(PrimeRadioButton, {
-  props: ["pt", "ptOptions", "unstyled", "options", "optionsClass", "optionClass"]
+  props: ["pt", "ptOptions", "unstyled", "options", "optionsClass", "optionClass", "size"]
 });
 export const primeKnobDefinition = createInput(PrimeKnob, {
   props: ["pt", "ptOptions", "unstyled", "min", "max", "step", "size", "strokeWidth", "showValue", "valueColor", "rangeColor", "textColor", "valueTemplate"]
@@ -80,16 +80,16 @@ export const primeColorPickerDefinition = createInput(PrimeColorPicker, {
   props: ["defaultColor", "inline", "format", "pt", "ptOptions", "unstyled"]
 });
 export const primeToggleButtonDefinition = createInput(PrimeToggleButton, {
-  props: ["pt", "ptOptions", "unstyled", "onLabel", "offLabel", "onIcon", "offIcon", "iconPos"]
+  props: ["pt", "ptOptions", "unstyled", "onLabel", "offLabel", "onIcon", "offIcon", "iconPos", "size"]
 });
 export const primeSelectButtonDefinition = createInput(PrimeSelectButton, {
-  props: ["pt", "ptOptions", "unstyled", "optionLabel", "optionValue", "optionDisabled", "multiple", "unselectable", "dataKey", "options"]
+  props: ["pt", "ptOptions", "unstyled", "optionLabel", "optionValue", "optionDisabled", "multiple", "unselectable", "dataKey", "options", "size"]
 });
 export const primeCascadeSelectDefinition = createInput(PrimeCascadeSelect, {
-  props: ["options", "optionLabel", "optionValue", "optionGroupLabel", "optionGroupChildren", "placeholder", "pt", "ptOptions", "unstyled"]
+  props: ["options", "optionLabel", "optionValue", "optionGroupLabel", "optionGroupChildren", "placeholder", "pt", "ptOptions", "unstyled", "size"]
 });
 export const primeTreeSelectDefinition = createInput(PrimeTreeSelect, {
-  props: ["options", "placeholder", "selectionMode", "pt", "ptOptions", "unstyled", "emptyMessage", "display", "metaKeySelection", "appendTo", "scrollHeight", "panelClass", "variant"]
+  props: ["options", "placeholder", "selectionMode", "pt", "ptOptions", "unstyled", "emptyMessage", "display", "metaKeySelection", "appendTo", "scrollHeight", "panelClass", "variant", "size"]
 });
 export const primeInputs = {
   primeAutoComplete: primeAutoCompleteDefinition,

package/dist/index.d.ts

@@ -1,4 +1,102 @@
+import type { FormKitInputs } from '@formkit/inputs';
 import { FormKitDataDebug, FormKitDataEdit, FormKitDataView } from './components';
 import { useFormKitRepeater, useFormKitSchema, useInputEditor, useInputEditorSchema, usePrimeInputs } from './composables';
 import { primeInputs, primeOutputs } from './definitions';
 export { FormKitDataDebug, FormKitDataEdit, FormKitDataView, primeInputs, primeOutputs, useFormKitRepeater, useFormKitSchema, useInputEditor, useInputEditorSchema, usePrimeInputs, };
+declare module '@formkit/inputs' {
+    interface FormKitInputProps<Props extends FormKitInputs<Props>> {
+        primeAutoComplete: {
+            type: 'primeAutoComplete';
+        };
+        primeInputText: {
+            type: 'primeInputText';
+        };
+        primeInputNumber: {
+            type: 'primeInputNumber';
+        };
+        primeInputMask: {
+            type: 'primeInputMask';
+        };
+        primePassword: {
+            type: 'primePassword';
+        };
+        primeCheckbox: {
+            type: 'primeCheckbox';
+        };
+        primeToggleSwitch: {
+            type: 'primeToggleSwitch';
+        };
+        primeTextarea: {
+            type: 'primeTextarea';
+        };
+        primeEditor: {
+            type: 'primeEditor';
+        };
+        primeSelect: {
+            type: 'primeSelect';
+        };
+        primeMultiSelect: {
+            type: 'primeMultiSelect';
+        };
+        primeDatePicker: {
+            type: 'primeDatePicker';
+        };
+        primeSlider: {
+            type: 'primeSlider';
+        };
+        primeKnob: {
+            type: 'primeKnob';
+        };
+        primeRating: {
+            type: 'primeRating';
+        };
+        primeRadioButton: {
+            type: 'primeRadioButton';
+        };
+        primeColorPicker: {
+            type: 'primeColorPicker';
+        };
+        primeToggleButton: {
+            type: 'primeToggleButton';
+        };
+        primeListbox: {
+            type: 'primeListbox';
+        };
+        primeSelectButton: {
+            type: 'primeSelectButton';
+        };
+        primeCascadeSelect: {
+            type: 'primeCascadeSelect';
+        };
+        primeTreeSelect: {
+            type: 'primeTreeSelect';
+        };
+        primeInputOtp: {
+            type: 'primeInputOtp';
+        };
+        primeOutputText: {
+            type: 'primeOutputText';
+        };
+        primeOutputLink: {
+            type: 'primeOutputLink';
+        };
+        primeOutputReference: {
+            type: 'primeOutputReference';
+        };
+        primeOutputNumber: {
+            type: 'primeOutputNumber';
+        };
+        primeOutputDate: {
+            type: 'primeOutputDate';
+        };
+        primeOutputBoolean: {
+            type: 'primeOutputBoolean';
+        };
+        primeOutputDuration: {
+            type: 'primeOutputDuration';
+        };
+        primeOutputList: {
+            type: 'primeOutputList';
+        };
+    }
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sfxcode/formkit-primevue",
   "type": "module",
-  "version": "2.6.3",
+  "version": "2.6.5",
   "packageManager": "pnpm@9.12.1+sha256.91452fdfa46234ae447d46d5c4fc4e7e0a7058f90495c4b6f77f8beebbb154e3",
   "author": {
     "name": "Tom",
@@ -73,7 +73,7 @@
     "dev:build": "vite build dev",
     "dev:preview": "vite preview dev",
     "release": "npm run lint && npm run build && changelogen --patch --release  && npm publish --access public && git push --follow-tags",
-    "lint": "eslint ./src",
+    "lint": "eslint .",
     "lint:fix": "eslint . --fix",
     "prepublishOnly": "pnpm build",
     "docs:dev": "vitepress dev docs",
@@ -90,6 +90,7 @@
     "@formkit/addons": "^1.6.7",
     "@formkit/drag-and-drop": "^0.2.5",
     "@formkit/i18n": "^1.6.7",
+    "@formkit/inputs": "^1.6.7",
     "@formkit/vue": "^1.6.7",
     "@intlify/core": "9.14.1",
     "primeicons": "^7.0.0",
@@ -102,10 +103,10 @@
     "@antfu/eslint-config": "^3.8.0",
     "@formkit/core": "^1.6.7",
     "@primevue/themes": "^4.2.1",
-    "@types/node": "^22.8.6",
+    "@types/node": "^22.9.0",
     "@types/uuid": "^10.0.0",
-    "@unocss/preset-icons": "^0.63.6",
-    "@unocss/preset-uno": "^0.63.6",
+    "@unocss/preset-icons": "^0.64.0",
+    "@unocss/preset-uno": "^0.64.0",
     "@vitejs/plugin-vue": "^5.1.4",
     "@vitest/coverage-v8": "^2.1.4",
     "@vitest/ui": "^2.1.4",
@@ -122,7 +123,7 @@
     "consola": "^3.2.3",
     "cookie": "^1.0.1",
     "eslint": "^9.14.0",
-    "happy-dom": "^15.8.0",
+    "happy-dom": "^15.11.0",
     "json-editor-vue": "^0.17.3",
     "mkdist": "^1.6.0",
     "quill": "^2.0.2",
@@ -130,7 +131,7 @@
     "tslib": "^2.8.1",
     "typescript": "^5.6.3",
     "unbuild": "2.0.0",
-    "unocss": "^0.63.6",
+    "unocss": "^0.64.0",
     "unplugin-auto-import": "^0.18.3",
     "unplugin-vue-components": "^0.27.4",
     "vite": "^5.4.10",
@@ -138,7 +139,7 @@
     "vite-plugin-eslint": "^1.8.1",
     "vite-plugin-pages": "^0.32.3",
     "vite-ssg": "^0.24.1",
-    "vitepress": "^1.4.3",
+    "vitepress": "^1.5.0",
     "vitest": "^2.1.4",
     "vue": "^3.5.12",
     "vue-demi": "^0.14.10",