@sfxcode/formkit-primevue 3.3.1 → 3.3.3

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

@@ -0,0 +1,24 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { InputTextProps } from 'primevue/inputtext';
+import type { PropType } from 'vue';
+export interface FormKitPrimeInputTextProps {
+    pt?: InputTextProps['pt'];
+    ptOptions?: InputTextProps['ptOptions'];
+    unstyled?: InputTextProps['unstyled'];
+    size?: InputTextProps['size'];
+    inputType?: string | undefined;
+    placeholder?: string;
+}
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitPrimeInputTextProps>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitPrimeInputTextProps>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/PrimeInputText.vue

@@ -0,0 +1,80 @@
+<script setup lang='ts'>
+import type { FormKitFrameworkContext } from '@formkit/core'
+import type { InputTextProps } from 'primevue/inputtext'
+
+import type { PropType } from 'vue'
+import IconField from 'primevue/iconfield'
+import InputIcon from 'primevue/inputicon'
+import { useFormKitInput, useFormKitSection } from '../composables'
+
+export interface FormKitPrimeInputTextProps {
+  pt?: InputTextProps['pt']
+  ptOptions?: InputTextProps['ptOptions']
+  unstyled?: InputTextProps['unstyled']
+  size?: InputTextProps['size']
+  inputType?: string | undefined
+  placeholder?: string
+}
+
+const props = defineProps({
+  context: {
+    type: Object as PropType<FormKitFrameworkContext & FormKitPrimeInputTextProps>,
+    required: true,
+  },
+})
+
+const { unstyled, isInvalid, handleInput, handleBlur, modelValue } = useFormKitInput(props.context)
+const { hasPrefixIcon, hasSuffixIcon } = useFormKitSection(props.context)
+</script>
+
+<template>
+  <div class="p-formkit">
+    <IconField v-if="hasPrefixIcon || hasSuffixIcon">
+      <InputIcon v-if="hasPrefixIcon" :class="context?.iconPrefix" />
+      <InputText
+        :id="context.id"
+        v-model="modelValue"
+        v-bind="context?.attrs"
+        :type="context?.attrs?.inputType ?? 'text'"
+        :disabled="!!context?.disabled"
+        :readonly="context?.attrs.readonly ?? false"
+        :style="context?.attrs?.style"
+        :class="context?.attrs?.class"
+        :invalid="isInvalid"
+        :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"
+        :unstyled="unstyled"
+        @input="handleInput"
+        @blur="handleBlur"
+      />
+      <InputIcon v-if="hasSuffixIcon" :class="context?.iconSuffix" />
+    </IconField>
+    <InputText
+      v-if="!hasPrefixIcon && !hasSuffixIcon"
+      :id="context.id"
+      v-model="modelValue"
+      v-bind="context?.attrs"
+      :type="context?.inputType ?? 'text'"
+      :disabled="!!context?.disabled"
+      :readonly="context?.attrs.readonly ?? false"
+      :style="context?.attrs.style"
+      :class="context?.attrs?.class"
+      :invalid="isInvalid"
+      :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"
+      :unstyled="unstyled"
+      @input="handleInput"
+      @blur="handleBlur"
+    />
+  </div>
+</template>

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

@@ -0,0 +1,24 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { InputTextProps } from 'primevue/inputtext';
+import type { PropType } from 'vue';
+export interface FormKitPrimeInputTextProps {
+    pt?: InputTextProps['pt'];
+    ptOptions?: InputTextProps['ptOptions'];
+    unstyled?: InputTextProps['unstyled'];
+    size?: InputTextProps['size'];
+    inputType?: string | undefined;
+    placeholder?: string;
+}
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitPrimeInputTextProps>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitPrimeInputTextProps>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,31 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { KnobProps } from 'primevue/knob';
+import type { PropType } from 'vue';
+export interface FormKitPrimeKnobProps {
+    pt?: KnobProps['pt'];
+    ptOptions?: KnobProps['ptOptions'];
+    unstyled?: KnobProps['unstyled'];
+    min?: KnobProps['min'];
+    max?: KnobProps['max'];
+    step?: KnobProps['step'];
+    size?: KnobProps['size'];
+    strokeWidth?: KnobProps['strokeWidth'];
+    showValue?: KnobProps['showValue'];
+    valueColor?: KnobProps['valueColor'];
+    rangeColor?: KnobProps['rangeColor'];
+    textColor?: KnobProps['textColor'];
+    valueTemplate?: KnobProps['valueTemplate'];
+}
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitPrimeKnobProps>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitPrimeKnobProps>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/PrimeKnob.vue

@@ -0,0 +1,75 @@
+<script setup lang='ts'>
+import type { FormKitFrameworkContext } from '@formkit/core'
+import type { KnobProps } from 'primevue/knob'
+
+import type { PropType } from 'vue'
+import { useFormKitInput } from '../composables'
+
+export interface FormKitPrimeKnobProps {
+  pt?: KnobProps['pt']
+  ptOptions?: KnobProps['ptOptions']
+  unstyled?: KnobProps['unstyled']
+  min?: KnobProps['min']
+  max?: KnobProps['max']
+  step?: KnobProps['step']
+  size?: KnobProps['size']
+  strokeWidth?: KnobProps['strokeWidth']
+  showValue?: KnobProps['showValue']
+  valueColor?: KnobProps['valueColor']
+  rangeColor?: KnobProps['rangeColor']
+  textColor?: KnobProps['textColor']
+  valueTemplate?: KnobProps['valueTemplate']
+
+}
+
+const props = defineProps({
+  context: {
+    type: Object as PropType<FormKitFrameworkContext & FormKitPrimeKnobProps>,
+    required: true,
+  },
+})
+
+const { unstyled, isInvalid, modelValue } = useFormKitInput(props.context)
+
+function handleInput(e: any) {
+  props.context?.node.input(e)
+  props.context?.handlers.blur(e)
+}
+
+function updateValue(n: number) {
+  props.context?.node.input(n)
+}
+</script>
+
+<template>
+  <div class="p-formkit">
+    <Knob
+      :id="context.id"
+      v-model="modelValue"
+      v-bind="context?.attrs"
+      :disabled="!!context?.disabled"
+      :readonly="context?.attrs.readonly ?? false"
+      :style="context?.attrs.style"
+      :class="context?.attrs?.class"
+      :invalid="isInvalid"
+      :tabindex="context?.attrs.tabindex"
+      :aria-label="context?.attrs.ariaLabel"
+      :aria-labelledby="context?.attrs.ariaLabelledby"
+      :min="context.min ?? 0"
+      :max="context.max ?? 100"
+      :step="context.step ?? undefined"
+      :size="context.size ?? 100"
+      :stroke-width="context.strokeWidth ?? 14"
+      :show-value="context.showValue ?? true"
+      :value-color="context.valueColor ?? undefined"
+      :range-color="context.rangeColor ?? undefined"
+      :text-color="context.textColor ?? undefined"
+      :value-template="context.valueTemplate ?? undefined"
+      :pt="context.pt"
+      :pt-options="context.ptOptions"
+      :unstyled="unstyled"
+      @change="handleInput"
+      @update:model-value="updateValue"
+    />
+  </div>
+</template>

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

@@ -0,0 +1,31 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { KnobProps } from 'primevue/knob';
+import type { PropType } from 'vue';
+export interface FormKitPrimeKnobProps {
+    pt?: KnobProps['pt'];
+    ptOptions?: KnobProps['ptOptions'];
+    unstyled?: KnobProps['unstyled'];
+    min?: KnobProps['min'];
+    max?: KnobProps['max'];
+    step?: KnobProps['step'];
+    size?: KnobProps['size'];
+    strokeWidth?: KnobProps['strokeWidth'];
+    showValue?: KnobProps['showValue'];
+    valueColor?: KnobProps['valueColor'];
+    rangeColor?: KnobProps['rangeColor'];
+    textColor?: KnobProps['textColor'];
+    valueTemplate?: KnobProps['valueTemplate'];
+}
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitPrimeKnobProps>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitPrimeKnobProps>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,42 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { ListboxProps } from 'primevue/listbox';
+import type { PropType } from 'vue';
+export interface FormKitPrimeListboxProps {
+    pt?: ListboxProps['pt'];
+    ptOptions?: ListboxProps['ptOptions'];
+    unstyled?: ListboxProps['unstyled'];
+    options?: ListboxProps['options'];
+    optionLabel?: ListboxProps['optionLabel'];
+    optionValue?: ListboxProps['optionValue'];
+    multiple?: ListboxProps['multiple'];
+    filter?: ListboxProps['filter'];
+    filterIcon?: ListboxProps['filterIcon'];
+    filterPlaceholder?: ListboxProps['filterPlaceholder'];
+    filterLocale?: ListboxProps['filterLocale'];
+    filterMatchMode?: ListboxProps['filterMatchMode'];
+    autoOptionFocus?: ListboxProps['autoOptionFocus'];
+    selectOnFocus?: ListboxProps['selectOnFocus'];
+    optionDisabled?: ListboxProps['optionDisabled'];
+    optionGroupLabel?: ListboxProps['optionGroupLabel'];
+    optionGroupChildren?: ListboxProps['optionGroupChildren'];
+    listStyle?: ListboxProps['listStyle'];
+    dataKey?: ListboxProps['dataKey'];
+    metaKeySelection?: ListboxProps['metaKeySelection'];
+    virtualScrollerOptions?: ListboxProps['virtualScrollerOptions'];
+    tabindex?: ListboxProps['tabindex'];
+    ariaLabel?: ListboxProps['ariaLabel'];
+    ariaLabelledby?: ListboxProps['ariaLabelledby'];
+}
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitPrimeListboxProps>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitPrimeListboxProps>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/PrimeListbox.vue

@@ -0,0 +1,86 @@
+<script setup lang="ts">
+import type { FormKitFrameworkContext } from '@formkit/core'
+import type { ListboxProps } from 'primevue/listbox'
+import type { PropType } from 'vue'
+import { useFormKitInput } from '../composables'
+
+export interface FormKitPrimeListboxProps {
+  pt?: ListboxProps['pt']
+  ptOptions?: ListboxProps['ptOptions']
+  unstyled?: ListboxProps['unstyled']
+  options?: ListboxProps['options']
+  optionLabel?: ListboxProps['optionLabel']
+  optionValue?: ListboxProps['optionValue']
+  multiple?: ListboxProps['multiple']
+  filter?: ListboxProps['filter']
+  filterIcon?: ListboxProps['filterIcon']
+  filterPlaceholder?: ListboxProps['filterPlaceholder']
+  filterLocale?: ListboxProps['filterLocale']
+  filterMatchMode?: ListboxProps['filterMatchMode']
+  autoOptionFocus?: ListboxProps['autoOptionFocus']
+  selectOnFocus?: ListboxProps['selectOnFocus']
+  optionDisabled?: ListboxProps['optionDisabled']
+  optionGroupLabel?: ListboxProps['optionGroupLabel']
+  optionGroupChildren?: ListboxProps['optionGroupChildren']
+  listStyle?: ListboxProps['listStyle']
+  dataKey?: ListboxProps['dataKey']
+  metaKeySelection?: ListboxProps['metaKeySelection']
+  virtualScrollerOptions?: ListboxProps['virtualScrollerOptions']
+  tabindex?: ListboxProps['tabindex']
+  ariaLabel?: ListboxProps['ariaLabel']
+  ariaLabelledby?: ListboxProps['ariaLabelledby']
+}
+
+const props = defineProps({
+  context: {
+    type: Object as PropType<FormKitFrameworkContext & FormKitPrimeListboxProps>,
+    required: true,
+  },
+})
+
+const { validSlotNames, unstyled, isInvalid, handleInput, handleBlur, modelValue } = useFormKitInput(props.context)
+</script>
+
+<template>
+  <div class="p-formkit">
+    <Listbox
+      :id="context.id"
+      v-model="modelValue"
+      v-bind="context?.attrs"
+      :disabled="!!context?.disabled"
+      :readonly="context?.attrs.readonly ?? false"
+      :list-style="context?.attrs.style"
+      :class="context?.attrs?.class"
+      :invalid="isInvalid"
+      :tabindex="context?.attrs.tabindex"
+      :aria-label="context?.attrs.ariaLabel"
+      :aria-labelledby="context?.attrs.ariaLabelledby"
+      :options="context?.options"
+      :option-label="context.optionLabel"
+      :option-value="context.optionValue"
+      :option-disabled="context.optionDisabled"
+      :option-group-label="context.optionGroupLabel"
+      :option-group-children="context.optionGroupChildren"
+      :multiple="context.multiple ?? false"
+      :filter="context.filter ?? false"
+      :filter-icon="context.filterIcon"
+      :filter-placeholder="context.filterPlaceholder"
+      :filter-locale="context.filterLocale"
+      :filter-match-mode="context.filterMatchMode"
+      :auto-option-focus="context.autoOptionFocus ?? true"
+      :select-on-focus="context.selectOnFocus ?? false"
+      :data-key="context.dataKey"
+      :meta-key-selection="context.metaKeySelection ?? false"
+      :virtual-scroller-options="context.virtualScrollerOptions"
+      :pt="context.pt"
+      :pt-options="context.ptOptions"
+      :unstyled="unstyled"
+      @change="handleInput"
+      @blur="handleBlur"
+    >
+      <template v-for="slotName in validSlotNames" :key="slotName" #[slotName]="slotProps">
+        <component :is="context?.slots[slotName]" v-bind="{ ...context, ...slotProps }" />
+      </template>
+    </Listbox>
+  </div>
+</template>

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

@@ -0,0 +1,42 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { ListboxProps } from 'primevue/listbox';
+import type { PropType } from 'vue';
+export interface FormKitPrimeListboxProps {
+    pt?: ListboxProps['pt'];
+    ptOptions?: ListboxProps['ptOptions'];
+    unstyled?: ListboxProps['unstyled'];
+    options?: ListboxProps['options'];
+    optionLabel?: ListboxProps['optionLabel'];
+    optionValue?: ListboxProps['optionValue'];
+    multiple?: ListboxProps['multiple'];
+    filter?: ListboxProps['filter'];
+    filterIcon?: ListboxProps['filterIcon'];
+    filterPlaceholder?: ListboxProps['filterPlaceholder'];
+    filterLocale?: ListboxProps['filterLocale'];
+    filterMatchMode?: ListboxProps['filterMatchMode'];
+    autoOptionFocus?: ListboxProps['autoOptionFocus'];
+    selectOnFocus?: ListboxProps['selectOnFocus'];
+    optionDisabled?: ListboxProps['optionDisabled'];
+    optionGroupLabel?: ListboxProps['optionGroupLabel'];
+    optionGroupChildren?: ListboxProps['optionGroupChildren'];
+    listStyle?: ListboxProps['listStyle'];
+    dataKey?: ListboxProps['dataKey'];
+    metaKeySelection?: ListboxProps['metaKeySelection'];
+    virtualScrollerOptions?: ListboxProps['virtualScrollerOptions'];
+    tabindex?: ListboxProps['tabindex'];
+    ariaLabel?: ListboxProps['ariaLabel'];
+    ariaLabelledby?: ListboxProps['ariaLabelledby'];
+}
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitPrimeListboxProps>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitPrimeListboxProps>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,53 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { MultiSelectProps } from 'primevue/multiselect';
+import type { PropType } from 'vue';
+export interface FormKitPrimeMultiSelectProps {
+    options?: MultiSelectProps['options'];
+    optionLabel?: MultiSelectProps['optionLabel'];
+    optionValue?: MultiSelectProps['optionValue'];
+    optionDisabled?: MultiSelectProps['optionDisabled'];
+    optionGroupLabel?: MultiSelectProps['optionGroupLabel'];
+    optionGroupChildren?: MultiSelectProps['optionGroupChildren'];
+    scrollHeight?: MultiSelectProps['scrollHeight'];
+    dataKey?: MultiSelectProps['dataKey'];
+    filter?: MultiSelectProps['filter'];
+    filterPlaceholder?: MultiSelectProps['filterPlaceholder'];
+    filterLocale?: MultiSelectProps['filterLocale'];
+    filterMatchMode?: MultiSelectProps['filterMatchMode'];
+    filterFields?: MultiSelectProps['filterFields'];
+    appendTo?: MultiSelectProps['appendTo'];
+    display?: MultiSelectProps['display'];
+    maxSelectedLabels?: MultiSelectProps['maxSelectedLabels'];
+    selectedItemsLabel?: MultiSelectProps['selectedItemsLabel'];
+    selectionLimit?: MultiSelectProps['selectionLimit'];
+    showToggleAll?: MultiSelectProps['showToggleAll'];
+    loading?: MultiSelectProps['loading'];
+    selectAll?: MultiSelectProps['selectAll'];
+    resetFilterOnHide?: MultiSelectProps['resetFilterOnHide'];
+    virtualScrollerOptions?: MultiSelectProps['virtualScrollerOptions'];
+    autoOptionFocus?: MultiSelectProps['autoOptionFocus'];
+    autoFilterFocus?: MultiSelectProps['autoFilterFocus'];
+    filterMessage?: MultiSelectProps['filterMessage'];
+    selectionMessage?: MultiSelectProps['selectionMessage'];
+    emptySelectionMessage?: MultiSelectProps['emptySelectionMessage'];
+    emptyFilterMessage?: MultiSelectProps['emptyFilterMessage'];
+    emptyMessage?: MultiSelectProps['emptyMessage'];
+    pt?: MultiSelectProps['pt'];
+    placeholder?: MultiSelectProps['placeholder'];
+    ptOptions?: MultiSelectProps['ptOptions'];
+    unstyled?: MultiSelectProps['unstyled'];
+    size?: MultiSelectProps['size'];
+}
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitPrimeMultiSelectProps>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitPrimeMultiSelectProps>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/PrimeMultiSelect.vue

@@ -0,0 +1,115 @@
+<script setup lang='ts'>
+import type { FormKitFrameworkContext } from '@formkit/core'
+import type { MultiSelectProps } from 'primevue/multiselect'
+
+import type { PropType } from 'vue'
+import { useFormKitInput } from '../composables'
+
+export interface FormKitPrimeMultiSelectProps {
+  options?: MultiSelectProps['options']
+  optionLabel?: MultiSelectProps['optionLabel']
+  optionValue?: MultiSelectProps['optionValue']
+  optionDisabled?: MultiSelectProps['optionDisabled']
+  optionGroupLabel?: MultiSelectProps['optionGroupLabel']
+  optionGroupChildren?: MultiSelectProps['optionGroupChildren']
+  scrollHeight?: MultiSelectProps['scrollHeight']
+  dataKey?: MultiSelectProps['dataKey']
+  filter?: MultiSelectProps['filter']
+  filterPlaceholder?: MultiSelectProps['filterPlaceholder']
+  filterLocale?: MultiSelectProps['filterLocale']
+  filterMatchMode?: MultiSelectProps['filterMatchMode']
+  filterFields?: MultiSelectProps['filterFields']
+  appendTo?: MultiSelectProps['appendTo']
+  display?: MultiSelectProps['display']
+  maxSelectedLabels?: MultiSelectProps['maxSelectedLabels']
+  selectedItemsLabel?: MultiSelectProps['selectedItemsLabel']
+  selectionLimit?: MultiSelectProps['selectionLimit']
+  showToggleAll?: MultiSelectProps['showToggleAll']
+  loading?: MultiSelectProps['loading']
+  selectAll?: MultiSelectProps['selectAll']
+  resetFilterOnHide?: MultiSelectProps['resetFilterOnHide']
+  virtualScrollerOptions?: MultiSelectProps['virtualScrollerOptions']
+  autoOptionFocus?: MultiSelectProps['autoOptionFocus']
+  autoFilterFocus?: MultiSelectProps['autoFilterFocus']
+  filterMessage?: MultiSelectProps['filterMessage']
+  selectionMessage?: MultiSelectProps['selectionMessage']
+  emptySelectionMessage?: MultiSelectProps['emptySelectionMessage']
+  emptyFilterMessage?: MultiSelectProps['emptyFilterMessage']
+  emptyMessage?: MultiSelectProps['emptyMessage']
+  pt?: MultiSelectProps['pt']
+  placeholder?: MultiSelectProps['placeholder']
+  ptOptions?: MultiSelectProps['ptOptions']
+  unstyled?: MultiSelectProps['unstyled']
+  size?: MultiSelectProps['size']
+
+}
+
+const props = defineProps({
+  context: {
+    type: Object as PropType<FormKitFrameworkContext & FormKitPrimeMultiSelectProps>,
+    required: true,
+  },
+})
+
+const { validSlotNames, unstyled, isInvalid, handleBlur, handleChange, modelValue } = useFormKitInput(props.context)
+</script>
+
+<template>
+  <div class="p-formkit">
+    <MultiSelect
+      v-model="modelValue"
+      v-bind="context?.attrs"
+      :input-id="context.id"
+      :disabled="!!context?.disabled"
+      :readonly="context?.attrs.readonly ?? false"
+      :list-style="context?.attrs.style"
+      :class="context?.attrs?.class"
+      :invalid="isInvalid"
+      :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"
+      :option-value="context.optionValue"
+      :option-disabled="context.optionDisabled"
+      :option-group-label="context.optionGroupLabel"
+      :option-group-children="context.optionGroupChildren"
+      :scroll-height="context.scrollHeight"
+      :data-key="context.dataKey"
+      :filter="context.filter ?? false"
+      :filter-placeholder="context.filterPlaceholder"
+      :filter-locale="context.filterLocale"
+      :filter-match-mode="context.filterMatchMode"
+      :fitler-fields="context.filterFields"
+      :append-to="context.appendTo"
+      :close-icon="context.closeIcon"
+      :display="context.display"
+      :max-selected-labels="context.maxSelectedLabels"
+      :selected-items-label="context.selectedItemsLabel"
+      :selection-limit="context.selectionLimit"
+      :show-toggle-all="context.showToggleAll"
+      :loading="context.loading"
+      :select-all="context.selectAll"
+      :reset-filter-on-hide="context.resetFilterOnHide"
+      :virtual-scroller-options="context.virtualScrollerOptions"
+      :auto-option-focus="context.autoOptionFocus"
+      :auto-filter-focus="context.autoFilterFocus"
+      :filter-message="context.filterMessage"
+      :selection-message="context.selectionMessage"
+      :empty-selection-message="context.emptySelectionMessage"
+      :empty-filter-message="context.emptyFilterMessage"
+      :empty-message="context.emptyMessage"
+      :pt="context.pt"
+      :pt-options="context.ptOptions"
+      :unstyled="unstyled"
+      @change="handleChange"
+      @blur="handleBlur"
+    >
+      <template v-for="slotName in validSlotNames" :key="slotName" #[slotName]="slotProps">
+        <component :is="context?.slots[slotName]" v-bind="{ ...context, ...slotProps }" />
+      </template>
+    </MultiSelect>
+  </div>
+</template>

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

@@ -0,0 +1,53 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { MultiSelectProps } from 'primevue/multiselect';
+import type { PropType } from 'vue';
+export interface FormKitPrimeMultiSelectProps {
+    options?: MultiSelectProps['options'];
+    optionLabel?: MultiSelectProps['optionLabel'];
+    optionValue?: MultiSelectProps['optionValue'];
+    optionDisabled?: MultiSelectProps['optionDisabled'];
+    optionGroupLabel?: MultiSelectProps['optionGroupLabel'];
+    optionGroupChildren?: MultiSelectProps['optionGroupChildren'];
+    scrollHeight?: MultiSelectProps['scrollHeight'];
+    dataKey?: MultiSelectProps['dataKey'];
+    filter?: MultiSelectProps['filter'];
+    filterPlaceholder?: MultiSelectProps['filterPlaceholder'];
+    filterLocale?: MultiSelectProps['filterLocale'];
+    filterMatchMode?: MultiSelectProps['filterMatchMode'];
+    filterFields?: MultiSelectProps['filterFields'];
+    appendTo?: MultiSelectProps['appendTo'];
+    display?: MultiSelectProps['display'];
+    maxSelectedLabels?: MultiSelectProps['maxSelectedLabels'];
+    selectedItemsLabel?: MultiSelectProps['selectedItemsLabel'];
+    selectionLimit?: MultiSelectProps['selectionLimit'];
+    showToggleAll?: MultiSelectProps['showToggleAll'];
+    loading?: MultiSelectProps['loading'];
+    selectAll?: MultiSelectProps['selectAll'];
+    resetFilterOnHide?: MultiSelectProps['resetFilterOnHide'];
+    virtualScrollerOptions?: MultiSelectProps['virtualScrollerOptions'];
+    autoOptionFocus?: MultiSelectProps['autoOptionFocus'];
+    autoFilterFocus?: MultiSelectProps['autoFilterFocus'];
+    filterMessage?: MultiSelectProps['filterMessage'];
+    selectionMessage?: MultiSelectProps['selectionMessage'];
+    emptySelectionMessage?: MultiSelectProps['emptySelectionMessage'];
+    emptyFilterMessage?: MultiSelectProps['emptyFilterMessage'];
+    emptyMessage?: MultiSelectProps['emptyMessage'];
+    pt?: MultiSelectProps['pt'];
+    placeholder?: MultiSelectProps['placeholder'];
+    ptOptions?: MultiSelectProps['ptOptions'];
+    unstyled?: MultiSelectProps['unstyled'];
+    size?: MultiSelectProps['size'];
+}
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitPrimeMultiSelectProps>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitPrimeMultiSelectProps>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;