@sfxcode/formkit-primevue 3.3.4 → 3.3.6

package/dist/components/PrimeOutputText.vue

@@ -1,72 +1,72 @@
-<script setup>
-import { computed } from "vue";
-import { useI18n } from "vue-i18n";
-import { useFormKitSection } from "../composables/index.ts";
-import FormKitIcon from "./FormKitIcon.vue";
-import FormKitPrefix from "./FormKitPrefix.vue";
-import FormKitSuffix from "./FormKitSuffix.vue";
+<script setup lang='ts'>
+import type { FormKitFrameworkContext } from '@formkit/core'
+import type { PropType } from 'vue'
+import type { FormKitIconProps } from './FormKitIcon.vue'
+import { computed } from 'vue'
+import { useI18n } from 'vue-i18n'
+import { useFormKitSection } from '../composables'
+import FormKitIcon from './FormKitIcon.vue'
+import FormKitPrefix from './FormKitPrefix.vue'
+import FormKitSuffix from './FormKitSuffix.vue'
+
+export interface FormKitOutputTextProps {
+  html?: boolean
+  isTranslationKey?: boolean
+  convertValue?: (value: string) => string
+  maxLength?: number
+}
+
 const props = defineProps({
   context: {
-    type: Object,
-    required: true
-  }
-});
+    type: Object as PropType<FormKitFrameworkContext> & FormKitIconProps & FormKitOutputTextProps,
+    required: true,
+  },
+})
+
 const textValue = computed(() => {
-  const value = props.context?._value;
-  const { t } = useI18n();
-  let result = "";
+  const value = props.context?._value
+  const { t } = useI18n()
+  let result = ''
   if (value) {
     if (props.context?.isTranslationKey) {
-      result = t(value);
-    } else if (typeof props.context?.convertValue === "function") {
-      result = props.context?.convertValue(value);
-    } else {
-      result = value;
+      result = t(value)
+    }
+    else if (typeof props.context?.convertValue === 'function') {
+      result = props.context?.convertValue(value)
+    }
+    else {
+      result = value
     }
   }
-  const maxLength = props.context?.maxLength;
+
+  // Apply maxLength truncation if specified
+  const maxLength = props.context?.maxLength as number | undefined
   if (result && maxLength && !props.context?.html && result.length > maxLength) {
-    let truncated = result.substring(0, maxLength);
-    const lastSpaceIndex = truncated.lastIndexOf(" ");
+    // Try to truncate at word boundary
+    let truncated = result.substring(0, maxLength)
+    const lastSpaceIndex = truncated.lastIndexOf(' ')
+
+    // Only truncate at word boundary if there's a space, and it's not too far back
+    // (at least 80% of maxLength to avoid cutting too much)
     if (lastSpaceIndex > maxLength * 0.8) {
-      truncated = truncated.substring(0, lastSpaceIndex);
+      truncated = truncated.substring(0, lastSpaceIndex)
     }
-    result = `${truncated}...`;
+    result = `${truncated}...`
   }
-  return result;
-});
-const { hasPrefix, hasPrefixIcon, hasSuffix, hasSuffixIcon } = useFormKitSection(props.context);
+
+  return result
+})
+
+const { hasPrefix, hasPrefixIcon, hasSuffix, hasSuffixIcon } = useFormKitSection(props.context)
 </script>
 
 <template>
   <div class="p-formkit p-output-text">
-    <FormKitIcon
-      v-if="hasPrefixIcon"
-      :icon-class="context?.iconPrefix as string"
-      :on-click="context?.onIconPrefixClicked as () => void"
-      position="prefix"
-    />
+    <FormKitIcon v-if="hasPrefixIcon" :icon-class="context?.iconPrefix as string" :on-click="context?.onIconPrefixClicked as (() => void)" position="prefix" />
     <FormKitPrefix v-if="hasPrefix" :prefix="context?.prefix as string" />
-    <span
-      v-if="context?.html"
-      :id="context?.id"
-      :class="context?.attrs?.class"
-      :style="context?.attrs?.style"
-      v-html="textValue"
-    />
-    <span
-      v-else
-      :id="context?.id"
-      :class="context?.attrs?.class"
-      :style="context?.attrs?.style"
-      v-text="textValue"
-    />
+    <span v-if="context?.html" :id="context?.id" :class="context?.attrs?.class" :style="context?.attrs?.style" v-html="textValue" />
+    <span v-else :id="context?.id" :class="context?.attrs?.class" :style="context?.attrs?.style" v-text="textValue" />
     <FormKitSuffix v-if="hasSuffix" :suffix="context?.suffix as string" />
-    <FormKitIcon
-      v-if="hasSuffixIcon"
-      :icon-class="context?.iconSuffix as string"
-      :on-click="context?.onIconSuffixClicked as () => void"
-      position="suffix"
-    />
+    <FormKitIcon v-if="hasSuffixIcon" :icon-class="context?.iconSuffix as string" :on-click="context?.onIconSuffixClicked as (() => void)" position="suffix" />
   </div>
 </template>

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

@@ -0,0 +1,22 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { PropType } from 'vue';
+import type { FormKitIconProps } from './FormKitIcon.vue';
+export interface FormKitOutputTextProps {
+    html?: boolean;
+    isTranslationKey?: boolean;
+    convertValue?: (value: string) => string;
+    maxLength?: number;
+}
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext> & FormKitIconProps & FormKitOutputTextProps;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext> & FormKitIconProps & FormKitOutputTextProps;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,33 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { PasswordProps } from 'primevue/password';
+import type { PropType } from 'vue';
+export interface FormKitPrimePasswordProps {
+    mediumRegex?: PasswordProps['mediumRegex'];
+    strongRegex?: PasswordProps['strongRegex'];
+    promptLabel?: PasswordProps['promptLabel'];
+    weakLabel?: PasswordProps['weakLabel'];
+    mediumLabel?: PasswordProps['mediumLabel'];
+    strongLabel?: PasswordProps['strongLabel'];
+    maskIcon?: PasswordProps['maskIcon'];
+    unmaskIcon?: PasswordProps['unmaskIcon'];
+    pt?: PasswordProps['pt'];
+    ptOptions?: PasswordProps['ptOptions'];
+    unstyled?: PasswordProps['unstyled'];
+    placeholder?: PasswordProps['placeholder'];
+    feedback?: PasswordProps['feedback'];
+    toggleMask?: PasswordProps['toggleMask'];
+    size?: PasswordProps['size'];
+}
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitPrimePasswordProps>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitPrimePasswordProps>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/PrimePassword.vue

@@ -1,12 +1,36 @@
-<script setup>
-import { useFormKitInput } from "../composables/index.ts";
+<script setup lang='ts'>
+import type { FormKitFrameworkContext } from '@formkit/core'
+import type { PasswordProps } from 'primevue/password'
+
+import type { PropType } from 'vue'
+import { useFormKitInput } from '../composables'
+
+export interface FormKitPrimePasswordProps {
+  mediumRegex?: PasswordProps['mediumRegex']
+  strongRegex?: PasswordProps['strongRegex']
+  promptLabel?: PasswordProps['promptLabel']
+  weakLabel?: PasswordProps['weakLabel']
+  mediumLabel?: PasswordProps['mediumLabel']
+  strongLabel?: PasswordProps['strongLabel']
+  maskIcon?: PasswordProps['maskIcon']
+  unmaskIcon?: PasswordProps['unmaskIcon']
+  pt?: PasswordProps['pt']
+  ptOptions?: PasswordProps['ptOptions']
+  unstyled?: PasswordProps['unstyled']
+  placeholder?: PasswordProps['placeholder']
+  feedback?: PasswordProps['feedback']
+  toggleMask?: PasswordProps['toggleMask']
+  size?: PasswordProps['size']
+}
+
 const props = defineProps({
   context: {
-    type: Object,
-    required: true
-  }
-});
-const { validSlotNames, unstyled, isInvalid, handleInput, handleBlur, modelValue } = useFormKitInput(props.context);
+    type: Object as PropType<FormKitFrameworkContext & FormKitPrimePasswordProps>,
+    required: true,
+  },
+})
+
+const { validSlotNames, unstyled, isInvalid, handleInput, handleBlur, modelValue } = useFormKitInput(props.context)
 </script>
 
 <template>
@@ -25,10 +49,7 @@ const { validSlotNames, unstyled, isInvalid, handleInput, handleBlur, modelValue
       :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,})'
-      "
+      :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,})'"
       :prompt-label="context.promptLabel"
       :weak-label="context.weakLabel"

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

@@ -0,0 +1,33 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { PasswordProps } from 'primevue/password';
+import type { PropType } from 'vue';
+export interface FormKitPrimePasswordProps {
+    mediumRegex?: PasswordProps['mediumRegex'];
+    strongRegex?: PasswordProps['strongRegex'];
+    promptLabel?: PasswordProps['promptLabel'];
+    weakLabel?: PasswordProps['weakLabel'];
+    mediumLabel?: PasswordProps['mediumLabel'];
+    strongLabel?: PasswordProps['strongLabel'];
+    maskIcon?: PasswordProps['maskIcon'];
+    unmaskIcon?: PasswordProps['unmaskIcon'];
+    pt?: PasswordProps['pt'];
+    ptOptions?: PasswordProps['ptOptions'];
+    unstyled?: PasswordProps['unstyled'];
+    placeholder?: PasswordProps['placeholder'];
+    feedback?: PasswordProps['feedback'];
+    toggleMask?: PasswordProps['toggleMask'];
+    size?: PasswordProps['size'];
+}
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitPrimePasswordProps>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitPrimePasswordProps>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,28 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { RadioButtonProps } from 'primevue/radiobutton';
+import type { PropType } from 'vue';
+export interface FormKitPrimeRadioButtonProps {
+    pt?: RadioButtonProps['pt'];
+    ptOptions?: RadioButtonProps['ptOptions'];
+    unstyled?: RadioButtonProps['unstyled'];
+    size?: RadioButtonProps['size'];
+    options?: {
+        label: string;
+        value: any;
+    }[];
+    optionsClass?: string;
+    optionClass?: string;
+}
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitPrimeRadioButtonProps>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitPrimeRadioButtonProps>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/PrimeRadioButton.vue

@@ -1,28 +1,38 @@
-<script setup>
-import { computed } from "vue";
-import { useFormKitInput } from "../composables/index.ts";
+<script setup lang='ts'>
+import type { FormKitFrameworkContext } from '@formkit/core'
+import type { RadioButtonProps } from 'primevue/radiobutton'
+
+import type { PropType } from 'vue'
+import { computed } from 'vue'
+import { useFormKitInput } from '../composables'
+
+export interface FormKitPrimeRadioButtonProps {
+  pt?: RadioButtonProps['pt']
+  ptOptions?: RadioButtonProps['ptOptions']
+  unstyled?: RadioButtonProps['unstyled']
+  size?: RadioButtonProps['size']
+  options?: { label: string, value: any }[]
+  optionsClass?: string
+  optionClass?: string
+}
+
 const props = defineProps({
   context: {
-    type: Object,
-    required: true
-  }
-});
-const { unstyled, isInvalid, handleChange, handleBlur, modelValue } = useFormKitInput(
-  props.context
-);
-const optionsClass = computed(() => props.context?.optionsClass ?? "");
-const optionClass = computed(() => props.context?.optionClass ?? "");
-const labelClass = computed(() => props.context?.labelClass ?? "");
+    type: Object as PropType<FormKitFrameworkContext & FormKitPrimeRadioButtonProps>,
+    required: true,
+  },
+})
+
+const { unstyled, isInvalid, handleChange, handleBlur, modelValue } = useFormKitInput(props.context)
+
+const optionsClass = computed(() => props.context?.optionsClass ?? '')
+const optionClass = computed(() => props.context?.optionClass ?? '')
+const labelClass = computed(() => props.context?.labelClass ?? '')
 </script>
 
 <template>
   <div class="p-formkit p-formkit-options" :class="optionsClass">
-    <div
-      v-for="option in context.options"
-      :key="option.value"
-      class="p-formkit-option"
-      :class="optionClass"
-    >
+    <div v-for="option in context.options" :key="option.value" class="p-formkit-option" :class="optionClass">
       <RadioButton
         :id="context.id"
         v-model="modelValue"

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

@@ -0,0 +1,28 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { RadioButtonProps } from 'primevue/radiobutton';
+import type { PropType } from 'vue';
+export interface FormKitPrimeRadioButtonProps {
+    pt?: RadioButtonProps['pt'];
+    ptOptions?: RadioButtonProps['ptOptions'];
+    unstyled?: RadioButtonProps['unstyled'];
+    size?: RadioButtonProps['size'];
+    options?: {
+        label: string;
+        value: any;
+    }[];
+    optionsClass?: string;
+    optionClass?: string;
+}
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitPrimeRadioButtonProps>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitPrimeRadioButtonProps>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

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

package/dist/components/PrimeRating.vue

@@ -1,12 +1,27 @@
-<script setup>
-import { useFormKitInput } from "../composables/index.ts";
+<script setup lang='ts'>
+import type { FormKitFrameworkContext } from '@formkit/core'
+import type { RatingProps } from 'primevue/rating'
+
+import type { PropType } from 'vue'
+import { useFormKitInput } from '../composables'
+
+export interface FormKitPrimeRatingProps {
+  unstyled?: RatingProps['unstyled']
+  stars?: RatingProps['stars']
+  onIcon?: RatingProps['onIcon']
+  offIcon?: RatingProps['offIcon']
+  ptOptions?: RatingProps['ptOptions']
+  pt?: RatingProps['pt']
+}
+
 const props = defineProps({
   context: {
-    type: Object,
-    required: true
-  }
-});
-const { validSlotNames, unstyled, isInvalid, handleInput, handleBlur, modelValue } = useFormKitInput(props.context);
+    type: Object as PropType<FormKitFrameworkContext & FormKitPrimeRatingProps>,
+    required: true,
+  },
+})
+
+const { validSlotNames, unstyled, isInvalid, handleInput, handleBlur, modelValue } = useFormKitInput(props.context)
 </script>
 
 <template>

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

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

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

@@ -0,0 +1,50 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { SelectProps } from 'primevue/select';
+import type { PropType } from 'vue';
+export interface FormKitPrimeSelectProps {
+    options?: SelectProps['options'];
+    optionLabel?: SelectProps['optionLabel'];
+    optionValue?: SelectProps['optionValue'];
+    optionDisabled?: SelectProps['optionDisabled'];
+    optionGroupLabel?: SelectProps['optionGroupLabel'];
+    optionGroupChildren?: SelectProps['optionGroupChildren'];
+    scrollHeight?: SelectProps['scrollHeight'];
+    filter?: SelectProps['filter'];
+    filterPlaceholder?: SelectProps['filterPlaceholder'];
+    filterLocale?: SelectProps['filterLocale'];
+    filterMatchMode?: SelectProps['filterMatchMode'];
+    filterFields?: SelectProps['filterFields'];
+    editable?: SelectProps['editable'];
+    placeholder?: SelectProps['placeholder'];
+    dataKey?: SelectProps['dataKey'];
+    showClear?: SelectProps['showClear'];
+    overlayStyle?: SelectProps['overlayStyle'];
+    overlayClass?: SelectProps['overlayClass'];
+    appendTo?: SelectProps['appendTo'];
+    resetFilterOnHide?: SelectProps['resetFilterOnHide'];
+    virtualScrollerOptions?: SelectProps['virtualScrollerOptions'];
+    autoOptionFocus?: SelectProps['autoOptionFocus'];
+    selectOnFocus?: SelectProps['selectOnFocus'];
+    filterMessage?: SelectProps['filterMessage'];
+    selectionMessage?: SelectProps['selectionMessage'];
+    emptySelectionMessage?: SelectProps['emptySelectionMessage'];
+    emptyFilterMessage?: SelectProps['emptyFilterMessage'];
+    emptyMessage?: SelectProps['emptyMessage'];
+    pt?: SelectProps['pt'];
+    ptOptions?: SelectProps['ptOptions'];
+    unstyled?: SelectProps['unstyled'];
+    size?: SelectProps['size'];
+}
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitPrimeSelectProps>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitPrimeSelectProps>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/PrimeSelect.vue

@@ -1,12 +1,54 @@
-<script setup>
-import { useFormKitInput } from "../composables/index.ts";
+<script setup lang="ts">
+import type { FormKitFrameworkContext } from '@formkit/core'
+import type { SelectProps } from 'primevue/select'
+
+import type { PropType } from 'vue'
+import { useFormKitInput } from '../composables'
+
+export interface FormKitPrimeSelectProps {
+  options?: SelectProps['options']
+  optionLabel?: SelectProps['optionLabel']
+  optionValue?: SelectProps['optionValue']
+  optionDisabled?: SelectProps['optionDisabled']
+  optionGroupLabel?: SelectProps['optionGroupLabel']
+  optionGroupChildren?: SelectProps['optionGroupChildren']
+  scrollHeight?: SelectProps['scrollHeight']
+  filter?: SelectProps['filter']
+  filterPlaceholder?: SelectProps['filterPlaceholder']
+  filterLocale?: SelectProps['filterLocale']
+  filterMatchMode?: SelectProps['filterMatchMode']
+  filterFields?: SelectProps['filterFields']
+  editable?: SelectProps['editable']
+  placeholder?: SelectProps['placeholder']
+  dataKey?: SelectProps['dataKey']
+  showClear?: SelectProps['showClear']
+  overlayStyle?: SelectProps['overlayStyle']
+  overlayClass?: SelectProps['overlayClass']
+  appendTo?: SelectProps['appendTo']
+  resetFilterOnHide?: SelectProps['resetFilterOnHide']
+  virtualScrollerOptions?: SelectProps['virtualScrollerOptions']
+  autoOptionFocus?: SelectProps['autoOptionFocus']
+  selectOnFocus?: SelectProps['selectOnFocus']
+  filterMessage?: SelectProps['filterMessage']
+  selectionMessage?: SelectProps['selectionMessage']
+  emptySelectionMessage?: SelectProps['emptySelectionMessage']
+  emptyFilterMessage?: SelectProps['emptyFilterMessage']
+  emptyMessage?: SelectProps['emptyMessage']
+  pt?: SelectProps['pt']
+  ptOptions?: SelectProps['ptOptions']
+  unstyled?: SelectProps['unstyled']
+  size?: SelectProps['size']
+
+}
+
 const props = defineProps({
   context: {
-    type: Object,
-    required: true
-  }
-});
-const { validSlotNames, unstyled, isInvalid, handleInput, handleBlur, modelValue } = useFormKitInput(props.context);
+    type: Object as PropType<FormKitFrameworkContext & FormKitPrimeSelectProps>,
+    required: true,
+  },
+})
+
+const { validSlotNames, unstyled, isInvalid, handleInput, handleBlur, modelValue } = useFormKitInput(props.context)
 </script>
 
 <template>

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

@@ -0,0 +1,50 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { SelectProps } from 'primevue/select';
+import type { PropType } from 'vue';
+export interface FormKitPrimeSelectProps {
+    options?: SelectProps['options'];
+    optionLabel?: SelectProps['optionLabel'];
+    optionValue?: SelectProps['optionValue'];
+    optionDisabled?: SelectProps['optionDisabled'];
+    optionGroupLabel?: SelectProps['optionGroupLabel'];
+    optionGroupChildren?: SelectProps['optionGroupChildren'];
+    scrollHeight?: SelectProps['scrollHeight'];
+    filter?: SelectProps['filter'];
+    filterPlaceholder?: SelectProps['filterPlaceholder'];
+    filterLocale?: SelectProps['filterLocale'];
+    filterMatchMode?: SelectProps['filterMatchMode'];
+    filterFields?: SelectProps['filterFields'];
+    editable?: SelectProps['editable'];
+    placeholder?: SelectProps['placeholder'];
+    dataKey?: SelectProps['dataKey'];
+    showClear?: SelectProps['showClear'];
+    overlayStyle?: SelectProps['overlayStyle'];
+    overlayClass?: SelectProps['overlayClass'];
+    appendTo?: SelectProps['appendTo'];
+    resetFilterOnHide?: SelectProps['resetFilterOnHide'];
+    virtualScrollerOptions?: SelectProps['virtualScrollerOptions'];
+    autoOptionFocus?: SelectProps['autoOptionFocus'];
+    selectOnFocus?: SelectProps['selectOnFocus'];
+    filterMessage?: SelectProps['filterMessage'];
+    selectionMessage?: SelectProps['selectionMessage'];
+    emptySelectionMessage?: SelectProps['emptySelectionMessage'];
+    emptyFilterMessage?: SelectProps['emptyFilterMessage'];
+    emptyMessage?: SelectProps['emptyMessage'];
+    pt?: SelectProps['pt'];
+    ptOptions?: SelectProps['ptOptions'];
+    unstyled?: SelectProps['unstyled'];
+    size?: SelectProps['size'];
+}
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitPrimeSelectProps>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitPrimeSelectProps>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;