@sfxcode/formkit-primevue 3.3.4 → 3.3.6

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

@@ -1,12 +1,44 @@
-<script setup>
-import { useFormKitInput } from "../composables/index.ts";
+<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,
-    required: true
-  }
-});
-const { validSlotNames, unstyled, isInvalid, handleInput, handleBlur, modelValue } = useFormKitInput(props.context);
+    type: Object as PropType<FormKitFrameworkContext & FormKitPrimeListboxProps>,
+    required: true,
+  },
+})
+
+const { validSlotNames, unstyled, isInvalid, handleInput, handleBlur, modelValue } = useFormKitInput(props.context)
 </script>
 
 <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

@@ -1,12 +1,57 @@
-<script setup>
-import { useFormKitInput } from "../composables/index.ts";
+<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,
-    required: true
-  }
-});
-const { validSlotNames, unstyled, isInvalid, handleBlur, handleChange, modelValue } = useFormKitInput(props.context);
+    type: Object as PropType<FormKitFrameworkContext & FormKitPrimeMultiSelectProps>,
+    required: true,
+  },
+})
+
+const { validSlotNames, unstyled, isInvalid, handleBlur, handleChange, modelValue } = useFormKitInput(props.context)
 </script>
 
 <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;

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

@@ -0,0 +1,16 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { PropType } from 'vue';
+import type { FormKitIconProps } from './FormKitIcon.vue';
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext> & FormKitIconProps;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext> & FormKitIconProps;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/PrimeOutputBoolean.vue

@@ -1,42 +1,41 @@
-<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'
+
 const props = defineProps({
   context: {
-    type: Object,
-    required: true
-  }
-});
-const { hasPrefix, hasPrefixIcon, hasSuffix, hasSuffixIcon } = useFormKitSection(props.context);
-const { t } = useI18n();
+    type: Object as PropType<FormKitFrameworkContext> & FormKitIconProps,
+    required: true,
+  },
+})
+
+const { hasPrefix, hasPrefixIcon, hasSuffix, hasSuffixIcon } = useFormKitSection(props.context)
+
+const { t } = useI18n()
+
 const translated = computed(() => {
-  if (props.context?._value) return props.context?.trueValue ?? t("formkit.prime.true", "true");
-  else return props.context?.falseValue ?? t("formkit.prime.false", "false");
-});
+  if (props.context?._value)
+    return props.context?.trueValue ?? t('formkit.prime.true', 'true')
+  else
+    return props.context?.falseValue ?? t('formkit.prime.false', 'false')
+})
 </script>
 
 <template>
   <div class="p-formkit p-output-boolean">
-    <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 :id="context?.id" :style="context?.attrs?.style" :class="context?.attrs?.class">
       {{ translated }}
     </span>
     <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/PrimeOutputBoolean.vue.d.ts

@@ -0,0 +1,16 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { PropType } from 'vue';
+import type { FormKitIconProps } from './FormKitIcon.vue';
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext> & FormKitIconProps;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext> & FormKitIconProps;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,16 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { PropType } from 'vue';
+import type { FormKitIconProps } from './FormKitIcon.vue';
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext> & FormKitIconProps;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext> & FormKitIconProps;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/PrimeOutputDate.vue

@@ -1,51 +1,51 @@
-<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'
+
 const props = defineProps({
   context: {
-    type: Object,
-    required: true
-  }
-});
-const { hasPrefix, hasPrefixIcon, hasSuffix, hasSuffixIcon } = useFormKitSection(props.context);
-const { d } = useI18n();
+    type: Object as PropType<FormKitFrameworkContext> & FormKitIconProps,
+    required: true,
+  },
+})
+
+const { hasPrefix, hasPrefixIcon, hasSuffix, hasSuffixIcon } = useFormKitSection(props.context)
+
+const { d } = useI18n()
+
 const converted = computed(() => {
   if (props?.context?._value) {
-    let result = "";
-    const format = props?.context?.attrs?.value?.format ? props?.context?.attrs.value.format : "short";
+    let result = ''
+    const format = props?.context?.attrs?.value?.format ? props?.context?.attrs.value.format : 'short'
     try {
-      result = d(props?.context?._value, format);
-    } catch (e) {
+      result = d(props?.context?._value, format)
+    }
+    // eslint-disable-next-line unused-imports/no-unused-vars
+    catch (e) {
     }
-    return result;
-  } else {
-    return "";
+    return result
+  }
+  else {
+    return ''
   }
-});
+})
 </script>
 
 <template>
   <div class="p-formkit p-output-date">
-    <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 :id="context?.id" :style="context?.attrs?.style" :class="context?.attrs?.class">
       {{ converted }}
     </span>
     <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/PrimeOutputDate.vue.d.ts

@@ -0,0 +1,16 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { PropType } from 'vue';
+import type { FormKitIconProps } from './FormKitIcon.vue';
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext> & FormKitIconProps;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext> & FormKitIconProps;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,16 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { PropType } from 'vue';
+import type { FormKitIconProps } from './FormKitIcon.vue';
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext> & FormKitIconProps;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext> & FormKitIconProps;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/PrimeOutputDuration.vue

@@ -1,36 +1,32 @@
-<script setup>
-import { useFormKitSection, useOutputDuration } 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 { useFormKitSection, useOutputDuration } from '../composables'
+import FormKitIcon from './FormKitIcon.vue'
+import FormKitPrefix from './FormKitPrefix.vue'
+import FormKitSuffix from './FormKitSuffix.vue'
+
 const props = defineProps({
   context: {
-    type: Object,
-    required: true
-  }
-});
-const { hasPrefix, hasPrefixIcon, hasSuffix, hasSuffixIcon } = useFormKitSection(props.context);
-const { formattedDuration } = useOutputDuration();
+    type: Object as PropType<FormKitFrameworkContext> & FormKitIconProps,
+    required: true,
+  },
+})
+
+const { hasPrefix, hasPrefixIcon, hasSuffix, hasSuffixIcon } = useFormKitSection(props.context)
+
+const { formattedDuration } = useOutputDuration()
 </script>
 
 <template>
   <div class="p-formkit p-output-duration">
-    <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 :id="context?.id" :style="context?.attrs?.style" :class="context?.attrs?.class">
       {{ formattedDuration(context?._value) }}
     </span>
     <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/PrimeOutputDuration.vue.d.ts

@@ -0,0 +1,16 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { PropType } from 'vue';
+import type { FormKitIconProps } from './FormKitIcon.vue';
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext> & FormKitIconProps;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext> & FormKitIconProps;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,16 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { PropType } from 'vue';
+import type { FormKitIconProps } from './FormKitIcon.vue';
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext> & FormKitIconProps;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext> & FormKitIconProps;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;