@sfxcode/formkit-primevue 3.0.0 → 3.0.1

package/dist/components/FormKitIcon.vue

@@ -0,0 +1,25 @@
+<script setup lang="ts">
+import type { PropType } from 'vue'
+
+export interface FormKitIconProps {
+  onIconPrefixClicked?: () => void
+  onIconSuffixClicked?: () => void
+}
+
+defineProps({
+  iconClass: {
+    type: String,
+    default: '',
+  },
+  onClick: { type: Function as PropType<() => void>, default: undefined },
+  position: {
+    type: String,
+    required: true,
+    validator: (val: string) => ['prefix', 'suffix'].includes(val),
+  },
+})
+</script>
+
+<template>
+  <i :class="[`formkit-${position}-icon`, iconClass]" @click="onClick" />
+</template>

package/dist/components/FormKitPrefix.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+defineProps({
+  prefix: String,
+})
+</script>
+
+<template>
+  <span class="formkit-prefix">
+    {{ prefix }}
+  </span>
+</template>

package/dist/components/FormKitSuffix.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+defineProps({
+  suffix: String,
+})
+</script>
+
+<template>
+  <span class="formkit-suffix">
+    {{ suffix }}
+  </span>
+</template>

package/dist/components/PrimeOutputBoolean.vue

@@ -1,13 +1,17 @@
 <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 as PropType<FormKitFrameworkContext>,
+    type: Object as PropType<FormKitFrameworkContext> & FormKitIconProps,
     required: true,
   },
 })
@@ -26,16 +30,12 @@ const translated = computed(() => {
 
 <template>
   <div class="p-formkit p-output-boolean">
-    <i v-if="hasPrefixIcon" class="formkit-prefix-icon" :class="context?.iconPrefix" />
-    <span v-if="hasPrefix" class="formkit-prefix">
-      {{ context?.prefix }}
-    </span>
+    <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>
-    <span v-if="hasSuffix" class="formkit-suffix">
-      {{ context?.suffix }}
-    </span>
-    <i v-if="hasSuffixIcon" class="formkit-suffix-icon" :class="context?.iconSuffix" />
+    <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" />
   </div>
 </template>

package/dist/components/PrimeOutputDate.vue

@@ -1,16 +1,21 @@
 <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 as PropType<FormKitFrameworkContext>,
+    type: Object as PropType<FormKitFrameworkContext> & FormKitIconProps,
     required: true,
   },
 })
+
 const { hasPrefix, hasPrefixIcon, hasSuffix, hasSuffixIcon } = useFormKitSection(props.context)
 
 const { d } = useI18n()
@@ -35,16 +40,12 @@ const converted = computed(() => {
 
 <template>
   <div class="p-formkit p-output-date">
-    <i v-if="hasPrefixIcon" class="formkit-prefix-icon" :class="context?.iconPrefix" />
-    <span v-if="hasPrefix" class="formkit-prefix">
-      {{ context?.prefix }}
-    </span>
+    <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>
-    <span v-if="hasSuffix" class="formkit-suffix">
-      {{ context?.suffix }}
-    </span>
-    <i v-if="hasSuffixIcon" class="formkit-suffix-icon" :class="context?.iconSuffix" />
+    <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" />
   </div>
 </template>

package/dist/components/PrimeOutputDuration.vue

@@ -1,14 +1,19 @@
 <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 as PropType<FormKitFrameworkContext>,
+    type: Object as PropType<FormKitFrameworkContext> & FormKitIconProps,
     required: true,
   },
 })
+
 const { hasPrefix, hasPrefixIcon, hasSuffix, hasSuffixIcon } = useFormKitSection(props.context)
 
 const { formattedDuration } = useOutputDuration()
@@ -16,16 +21,12 @@ const { formattedDuration } = useOutputDuration()
 
 <template>
   <div class="p-formkit p-output-duration">
-    <i v-if="hasPrefixIcon" class="formkit-prefix-icon" :class="context?.iconPrefix" />
-    <span v-if="hasPrefix" class="formkit-prefix">
-      {{ context?.prefix }}
-    </span>
+    <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>
-    <span v-if="hasSuffix" class="formkit-suffix">
-      {{ context?.suffix }}
-    </span>
-    <i v-if="hasSuffixIcon" class="formkit-suffix-icon" :class="context?.iconSuffix" />
+    <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" />
   </div>
 </template>

package/dist/components/PrimeOutputLink.vue

@@ -1,12 +1,16 @@
 <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 { useFormKitSection } from '../composables'
+import FormKitIcon from './FormKitIcon.vue'
+import FormKitPrefix from './FormKitPrefix.vue'
+import FormKitSuffix from './FormKitSuffix.vue'
 
 const props = defineProps({
   context: {
-    type: Object as PropType<FormKitFrameworkContext>,
+    type: Object as PropType<FormKitFrameworkContext> & FormKitIconProps,
     required: true,
   },
 })
@@ -28,10 +32,8 @@ const title = computed(() => {
 
 <template>
   <div class="p-formkit p-output-link">
-    <i v-if="hasPrefixIcon" class="formkit-prefix-icon" :class="context?.iconPrefix" />
-    <span v-if="hasPrefix" class="formkit-prefix">
-      {{ context?.prefix }}
-    </span>
+    <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" />
     <a
       v-if="context?.value"
       :id="context?.id"
@@ -42,9 +44,7 @@ const title = computed(() => {
     >
       <span>{{ title }}</span>
     </a>
-    <span v-if="hasSuffix" class="formkit-suffix">
-      {{ context?.suffix }}
-    </span>
-    <i v-if="hasSuffixIcon" class="formkit-suffix-icon" :class="context?.iconSuffix" />
+    <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" />
   </div>
 </template>

package/dist/components/PrimeOutputList.vue

@@ -1,16 +1,16 @@
 <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 { useFormKitSection } from '../composables'
-
-export interface FormKitOutputListProps {
-  listStyle?: 'div' | 'ul' | 'ol' | 'span'
-}
+import FormKitIcon from './FormKitIcon.vue'
+import FormKitPrefix from './FormKitPrefix.vue'
+import FormKitSuffix from './FormKitSuffix.vue'
 
 const props = defineProps({
   context: {
-    type: Object as PropType<FormKitFrameworkContext & FormKitOutputListProps>,
+    type: Object as PropType<FormKitFrameworkContext> & FormKitIconProps,
     required: true,
   },
 })
@@ -24,10 +24,8 @@ const { hasPrefix, hasPrefixIcon, hasSuffix, hasSuffixIcon } = useFormKitSection
 
 <template>
   <div class="p-formkit p-output-list">
-    <i v-if="hasPrefixIcon" class="formkit-prefix-icon" :class="context?.iconPrefix" />
-    <span v-if="hasPrefix && listStyle === 'span'" class="formkit-prefix">
-      {{ context?.prefix }}
-    </span>
+    <FormKitIcon v-if="hasPrefixIcon" :icon-class="context?.iconPrefix as string" :on-click="context?.onIconPrefixClicked as (() => void)" position="prefix" />
+    <FormKitPrefix v-if="hasPrefix && listStyle === 'span'" :prefix="context?.prefix as string" />
     <span v-if="listStyle === 'span'" :id="context?.id" :style="context?.attrs?.style" class="p-output-list-items" :class="context?.attrs?.class">
       <template v-for="(value, index) of context?._value" :key="index">
         <span v-if="index !== 0" class="p-output-list-divider" :class="context?.dividerClass">{{ context?.divider ?? ', ' }}</span>
@@ -55,9 +53,7 @@ const { hasPrefix, hasPrefixIcon, hasSuffix, hasSuffixIcon } = useFormKitSection
         </span>
       </li>
     </ol>
-    <span v-if="hasSuffix && listStyle === 'span'" class="formkit-suffix">
-      {{ context?.suffix }}
-    </span>
-    <i v-if="hasSuffixIcon" class="formkit-suffix-icon" :class="context?.iconSuffix" />
+    <FormKitSuffix v-if="hasSuffix && listStyle === 'span'" :suffix="context?.suffix as string" />
+    <FormKitIcon v-if="hasSuffixIcon" :icon-class="context?.iconSuffix as string" :on-click="context?.onIconSuffixClicked as (() => void)" position="suffix" />
   </div>
 </template>

package/dist/components/PrimeOutputNumber.vue

@@ -1,17 +1,22 @@
 <script setup lang='ts'>
 import type { FormKitFrameworkContext } from '@formkit/core'
 import type { PropType } from 'vue'
-import { computed } 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 as PropType<FormKitFrameworkContext>,
+    type: Object as PropType<FormKitFrameworkContext> & FormKitIconProps,
     required: true,
   },
 })
+
 const { hasPrefix, hasPrefixIcon, hasSuffix, hasSuffixIcon } = useFormKitSection(props.context)
 
 const { n } = useI18n()
@@ -43,16 +48,12 @@ const converted = computed(() => {
 
 <template>
   <div class="p-formkit p-output-number">
-    <i v-if="hasPrefixIcon" class="formkit-prefix-icon" :class="context?.iconPrefix" />
-    <span v-if="hasPrefix" class="formkit-prefix">
-      {{ context?.prefix }}
-    </span>
+    <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>
-    <span v-if="hasSuffix" class="formkit-suffix">
-      {{ context?.suffix }}
-    </span>
-    <i v-if="hasSuffixIcon" class="formkit-suffix-icon" :class="context?.iconSuffix" />
+    <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" />
   </div>
 </template>

package/dist/components/PrimeOutputReference.vue

@@ -1,12 +1,16 @@
 <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 { useFormKitSection } from '../composables'
+import FormKitIcon from './FormKitIcon.vue'
+import FormKitPrefix from './FormKitPrefix.vue'
+import FormKitSuffix from './FormKitSuffix.vue'
 
 const props = defineProps({
   context: {
-    type: Object as PropType<FormKitFrameworkContext>,
+    type: Object as PropType<FormKitFrameworkContext> & FormKitIconProps,
     required: true,
   },
 })
@@ -30,10 +34,8 @@ const title = computed(() => {
 
 <template>
   <div class="p-formkit p-output-reference">
-    <i v-if="hasPrefixIcon" class="formkit-prefix-icon" :class="context?.iconPrefix" />
-    <span v-if="hasPrefix" class="formkit-prefix">
-      {{ context?.prefix }}
-    </span>
+    <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" />
     <component
       :is="context?.linkComponentName ? context?.linkComponentName : 'RouterLink'"
       v-if="context?.internal"
@@ -54,9 +56,7 @@ const title = computed(() => {
     >
       {{ title }}
     </a>
-    <span v-if="hasSuffix" class="formkit-suffix">
-      {{ context?.suffix }}
-    </span>
-    <i v-if="hasSuffixIcon" class="formkit-suffix-icon" :class="context?.iconSuffix" />
+    <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" />
   </div>
 </template>

package/dist/components/PrimeOutputText.vue

@@ -1,13 +1,17 @@
 <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 as PropType<FormKitFrameworkContext>,
+    type: Object as PropType<FormKitFrameworkContext> & FormKitIconProps,
     required: true,
   },
 })
@@ -31,15 +35,11 @@ const { hasPrefix, hasPrefixIcon, hasSuffix, hasSuffixIcon } = useFormKitSection
 
 <template>
   <div class="p-formkit p-output-text">
-    <i v-if="hasPrefixIcon" class="formkit-prefix-icon" :class="context?.iconPrefix" />
-    <span v-if="hasPrefix" class="formkit-prefix">
-      {{ context?.prefix }}
-    </span>
+    <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="hasSuffix" class="formkit-suffix">
-      {{ context?.suffix }}
-    </span>
-    <i v-if="hasSuffixIcon" class="formkit-suffix-icon" :class="context?.iconSuffix" />
+    <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" />
   </div>
 </template>

package/dist/definitions/output.js

@@ -15,26 +15,26 @@ var _PrimeOutputReference = _interopRequireDefault(require("../components/PrimeO
 var _PrimeOutputText = _interopRequireDefault(require("../components/PrimeOutputText.vue"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const primeOutputTextDefinition = exports.primeOutputTextDefinition = (0, _vue.createInput)(_PrimeOutputText.default, {
-  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "isTranslationKey", "html"]
+  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "isTranslationKey", "html", "onIconPrefixClicked", "onIconSuffixClicked"]
 });
 const primeOutputDateDefinition = exports.primeOutputDateDefinition = (0, _vue.createInput)(_PrimeOutputDate.default, {
-  props: ["prefix", "suffix", "iconPrefix", "iconSuffix"]
+  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "onIconPrefixClicked", "onIconSuffixClicked"]
 });
 const primeOutputNumberDefinition = exports.primeOutputNumberDefinition = (0, _vue.createInput)(_PrimeOutputNumber.default, {
-  props: ["prefix", "suffix", "iconPrefix", "iconSuffix"]
+  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "onIconPrefixClicked", "onIconSuffixClicked"]
 });
 const primeOutputLinkDefinition = exports.primeOutputLinkDefinition = (0, _vue.createInput)(_PrimeOutputLink.default, {
-  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "title"]
+  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "title", "onIconPrefixClicked", "onIconSuffixClicked"]
 });
 const primeOutputReferenceDefinition = exports.primeOutputReferenceDefinition = (0, _vue.createInput)(_PrimeOutputReference.default, {
-  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "reference", "internal", "linkComponentName", "title"]
+  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "reference", "internal", "linkComponentName", "title", "onIconPrefixClicked", "onIconSuffixClicked"]
 });
 const primeOutputBooleanDefinition = exports.primeOutputBooleanDefinition = (0, _vue.createInput)(_PrimeOutputBoolean.default, {
-  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "trueValue", "falseValue"]
+  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "trueValue", "falseValue", "onIconPrefixClicked", "onIconSuffixClicked"]
 });
 const primeOutputDurationDefinition = exports.primeOutputDurationDefinition = (0, _vue.createInput)(_PrimeOutputDuration.default, {
-  props: ["prefix", "suffix", "iconPrefix", "iconSuffix"]
+  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "onIconPrefixClicked", "onIconSuffixClicked"]
 });
 const primeOutputListDefinition = exports.primeOutputListDefinition = (0, _vue.createInput)(_PrimeOutputList.default, {
-  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "divider", "itemClass", "dividerClass", "listStyle"]
+  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "divider", "itemClass", "dividerClass", "listStyle", "onIconPrefixClicked", "onIconSuffixClicked"]
 });

package/dist/definitions/output.mjs

@@ -8,26 +8,26 @@ import PrimeOutputNumber from "../components/PrimeOutputNumber.vue";
 import PrimeOutputReference from "../components/PrimeOutputReference.vue";
 import PrimeOutputText from "../components/PrimeOutputText.vue";
 export const primeOutputTextDefinition = createInput(PrimeOutputText, {
-  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "isTranslationKey", "html"]
+  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "isTranslationKey", "html", "onIconPrefixClicked", "onIconSuffixClicked"]
 });
 export const primeOutputDateDefinition = createInput(PrimeOutputDate, {
-  props: ["prefix", "suffix", "iconPrefix", "iconSuffix"]
+  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "onIconPrefixClicked", "onIconSuffixClicked"]
 });
 export const primeOutputNumberDefinition = createInput(PrimeOutputNumber, {
-  props: ["prefix", "suffix", "iconPrefix", "iconSuffix"]
+  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "onIconPrefixClicked", "onIconSuffixClicked"]
 });
 export const primeOutputLinkDefinition = createInput(PrimeOutputLink, {
-  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "title"]
+  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "title", "onIconPrefixClicked", "onIconSuffixClicked"]
 });
 export const primeOutputReferenceDefinition = createInput(PrimeOutputReference, {
-  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "reference", "internal", "linkComponentName", "title"]
+  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "reference", "internal", "linkComponentName", "title", "onIconPrefixClicked", "onIconSuffixClicked"]
 });
 export const primeOutputBooleanDefinition = createInput(PrimeOutputBoolean, {
-  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "trueValue", "falseValue"]
+  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "trueValue", "falseValue", "onIconPrefixClicked", "onIconSuffixClicked"]
 });
 export const primeOutputDurationDefinition = createInput(PrimeOutputDuration, {
-  props: ["prefix", "suffix", "iconPrefix", "iconSuffix"]
+  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "onIconPrefixClicked", "onIconSuffixClicked"]
 });
 export const primeOutputListDefinition = createInput(PrimeOutputList, {
-  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "divider", "itemClass", "dividerClass", "listStyle"]
+  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "divider", "itemClass", "dividerClass", "listStyle", "onIconPrefixClicked", "onIconSuffixClicked"]
 });

package/dist/plugins/index.d.ts

@@ -1,2 +1,3 @@
 import type { FormKitNode } from '@formkit/core';
 export declare function addPrimeAsteriskPlugin(node: FormKitNode): void;
+export declare function addLabelPlugin(node: FormKitNode): void;

package/dist/plugins/index.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.addLabelPlugin = addLabelPlugin;
 exports.addPrimeAsteriskPlugin = addPrimeAsteriskPlugin;
 function addPrimeAsteriskPlugin(node) {
   if (!node.props.type.startsWith("prime")) return;
@@ -24,4 +25,36 @@ function addPrimeAsteriskPlugin(node) {
       };
     }
   });
+}
+function addLabelPlugin(node) {
+  if (!node.props.type.startsWith("prime")) return;
+  node.on("created", () => {
+    if (node.props.definition?.schema) {
+      const schemaFn = node.props.definition?.schema;
+      node.props.definition.schema = (sectionsSchema = {}) => {
+        sectionsSchema.label = {
+          children: [{
+            $el: "span",
+            attrs: {
+              title: "$help",
+              class: "p-formkit-label"
+            },
+            children: ["$label"]
+          }, {
+            $el: "span",
+            if: "$state.required",
+            attrs: {
+              class: "p-formkit-required",
+              title: "$help"
+            },
+            children: ["*"]
+          }]
+        };
+        sectionsSchema.help = {
+          children: []
+        };
+        return schemaFn(sectionsSchema);
+      };
+    }
+  });
 }

package/dist/plugins/index.mjs

@@ -20,3 +20,36 @@ export function addPrimeAsteriskPlugin(node) {
     }
   });
 }
+export function addLabelPlugin(node) {
+  if (!node.props.type.startsWith("prime"))
+    return;
+  node.on("created", () => {
+    if (node.props.definition?.schema) {
+      const schemaFn = node.props.definition?.schema;
+      node.props.definition.schema = (sectionsSchema = {}) => {
+        sectionsSchema.label = {
+          children: [{
+            $el: "span",
+            attrs: {
+              title: "$help",
+              class: "p-formkit-label"
+            },
+            children: ["$label"]
+          }, {
+            $el: "span",
+            if: "$state.required",
+            attrs: {
+              class: "p-formkit-required",
+              title: "$help"
+            },
+            children: ["*"]
+          }]
+        };
+        sectionsSchema.help = {
+          children: []
+        };
+        return schemaFn(sectionsSchema);
+      };
+    }
+  });
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sfxcode/formkit-primevue",
   "type": "module",
-  "version": "3.0.0",
+  "version": "3.0.1",
   "packageManager": "pnpm@10.13.1+sha512.37ebf1a5c7a30d5fabe0c5df44ee8da4c965ca0c5af3dbab28c3a1681b70a256218d05c81c9c0dcf767ef6b8551eb5b960042b9ed4300c59242336377e01cfad",
   "author": {
     "name": "Tom",
@@ -72,7 +72,7 @@
     "dev": "vite serve dev",
     "dev:build": "vite build dev",
     "dev:preview": "vite preview dev",
-    "release": "npm run lint && npm run build && changelogen --major --release  && npm publish --access public && git push --follow-tags",
+    "release": "npm run lint && npm run build && changelogen --patch --release  && npm publish --access public && git push --follow-tags",
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",
     "prepublishOnly": "pnpm build",
@@ -100,19 +100,19 @@
     "@antfu/eslint-config": "^5.0.0",
     "@formkit/core": "^1.6.9",
     "@formkit/drag-and-drop": "^0.5.3",
-    "@primeuix/themes": "^1.2.1",
+    "@primeuix/themes": "^1.2.2",
     "@types/node": "^24.1.0",
     "@types/uuid": "^10.0.0",
     "@unocss/preset-icons": "66.3.3",
     "@unocss/preset-uno": "66.3.3",
-    "@vitejs/plugin-vue": "^6.0.0",
+    "@vitejs/plugin-vue": "^6.0.1",
     "@vitest/coverage-v8": "^3.2.4",
     "@vitest/ui": "^3.2.4",
     "@vue/compiler-sfc": "^3.5.18",
     "@vue/server-renderer": "^3.5.18",
     "@vue/test-utils": "^2.4.6",
     "@vue/tsconfig": "^0.7.0",
-    "@vueuse/core": "^13.5.0",
+    "@vueuse/core": "^13.6.0",
     "@vueuse/head": "^2.0.0",
     "changelogen": "^0.6.2",
     "chart.js": "^4.5.0",