@sfxcode/nuxt-ui-formkit 1.2.9 → 1.2.11

package/dist/module.json

@@ -4,9 +4,9 @@
   "compatibility": {
     "nuxt": ">=4.0.0"
   },
-  "version": "1.2.9",
+  "version": "1.2.11",
   "builder": {
-    "@nuxt/module-builder": "1.0.2",
+    "@nuxt/module-builder": "1.0.3",
     "unbuild": "3.6.1"
   }
 }

package/dist/runtime/components/output/FUIcon.d.vue.ts

@@ -1,9 +1,11 @@
 import type { PropType } from 'vue';
+import type { TooltipProps } from '#ui/components/Tooltip.vue';
 export interface FormKitIconProps {
     onIconClicked?: () => void;
     onLeadingIconClicked?: () => void;
     onTrailingIconClicked?: () => void;
 }
+export type FUIconTooltip = Omit<TooltipProps, 'class'>;
 declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     name: {
         type: PropType<string>;
@@ -17,6 +19,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         type: StringConstructor;
         default: string;
     };
+    tooltip: {
+        type: PropType<FUIconTooltip>;
+        default: undefined;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     name: {
         type: PropType<string>;
@@ -30,9 +36,14 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         type: StringConstructor;
         default: string;
     };
+    tooltip: {
+        type: PropType<FUIconTooltip>;
+        default: undefined;
+    };
 }>> & Readonly<{}>, {
     onClick: () => void;
     iconClass: string;
+    tooltip: FUIconTooltip;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/output/FUIcon.vue

@@ -1,4 +1,5 @@
 <script setup>
+defineOptions({ inheritAttrs: false });
 defineProps({
   name: {
     type: String,
@@ -8,13 +9,29 @@ defineProps({
   iconClass: {
     type: String,
     default: ""
+  },
+  tooltip: {
+    type: Object,
+    default: void 0
   }
 });
 </script>
 
 <template>
+  <UTooltip
+    v-if="tooltip"
+    v-bind="tooltip"
+  >
+    <UIcon
+      :name="name"
+      v-bind="$attrs"
+      @click="onClick"
+    />
+  </UTooltip>
   <UIcon
+    v-else
     :name="name"
+    v-bind="$attrs"
     @click="onClick"
   />
 </template>

package/dist/runtime/components/output/FUIcon.vue.d.ts

@@ -1,9 +1,11 @@
 import type { PropType } from 'vue';
+import type { TooltipProps } from '#ui/components/Tooltip.vue';
 export interface FormKitIconProps {
     onIconClicked?: () => void;
     onLeadingIconClicked?: () => void;
     onTrailingIconClicked?: () => void;
 }
+export type FUIconTooltip = Omit<TooltipProps, 'class'>;
 declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     name: {
         type: PropType<string>;
@@ -17,6 +19,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         type: StringConstructor;
         default: string;
     };
+    tooltip: {
+        type: PropType<FUIconTooltip>;
+        default: undefined;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     name: {
         type: PropType<string>;
@@ -30,9 +36,14 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         type: StringConstructor;
         default: string;
     };
+    tooltip: {
+        type: PropType<FUIconTooltip>;
+        default: undefined;
+    };
 }>> & Readonly<{}>, {
     onClick: () => void;
     iconClass: string;
+    tooltip: FUIconTooltip;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/output/FUOutputBadge.d.vue.ts

@@ -1,17 +1,20 @@
 import type { FormKitFrameworkContext } from '@formkit/core';
 import type { PropType } from 'vue';
 import type { FormKitOutputUi } from '../../utils/useFormKitOutput.js';
-import type { FormKitIconProps } from './FUIcon.vue.js';
+import type { FormKitIconProps, FUIconTooltip } from './FUIcon.vue.js';
 export interface FormKitOutputBadgeProps {
     badgeIcon?: string;
     color?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'neutral';
     icon?: string;
+    iconTooltip?: FUIconTooltip;
     leading?: boolean;
     leadingIcon?: string;
+    leadingIconTooltip?: FUIconTooltip;
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     square?: boolean;
     trailing?: boolean;
     trailingIcon?: string;
+    trailingIconTooltip?: FUIconTooltip;
     variant?: 'outline' | 'soft' | 'subtle' | 'ghost' | 'none';
     ui?: FormKitOutputUi;
 }

package/dist/runtime/components/output/FUOutputBadge.vue

@@ -20,7 +20,7 @@ const badgeVariant = computed(() => {
     return "soft";
   return variant;
 });
-const { containerClass, iconClass, leadingIconName, trailingIconName, ui } = useFormKitOutput(props.context);
+const { containerClass, iconClass, leadingIconName, trailingIconName, leadingTooltip, trailingTooltip, ui } = useFormKitOutput(props.context);
 </script>
 
 <template>
@@ -33,6 +33,7 @@ const { containerClass, iconClass, leadingIconName, trailingIconName, ui } = use
       v-if="leadingIconName"
       :name="leadingIconName"
       :class="iconClass"
+      :tooltip="leadingTooltip"
       :on-click="context?.onLeadingIconClicked"
     />
 
@@ -50,6 +51,7 @@ const { containerClass, iconClass, leadingIconName, trailingIconName, ui } = use
       v-if="trailingIconName"
       :name="trailingIconName"
       :class="iconClass"
+      :tooltip="trailingTooltip"
       :on-click="context?.onTrailingIconClicked"
     />
   </div>

package/dist/runtime/components/output/FUOutputBadge.vue.d.ts

@@ -1,17 +1,20 @@
 import type { FormKitFrameworkContext } from '@formkit/core';
 import type { PropType } from 'vue';
 import type { FormKitOutputUi } from '../../utils/useFormKitOutput.js';
-import type { FormKitIconProps } from './FUIcon.vue.js';
+import type { FormKitIconProps, FUIconTooltip } from './FUIcon.vue.js';
 export interface FormKitOutputBadgeProps {
     badgeIcon?: string;
     color?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'neutral';
     icon?: string;
+    iconTooltip?: FUIconTooltip;
     leading?: boolean;
     leadingIcon?: string;
+    leadingIconTooltip?: FUIconTooltip;
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     square?: boolean;
     trailing?: boolean;
     trailingIcon?: string;
+    trailingIconTooltip?: FUIconTooltip;
     variant?: 'outline' | 'soft' | 'subtle' | 'ghost' | 'none';
     ui?: FormKitOutputUi;
 }

package/dist/runtime/components/output/FUOutputBoolean.d.vue.ts

@@ -1,18 +1,23 @@
 import type { FormKitFrameworkContext } from '@formkit/core';
 import type { FormKitOutputUi } from '../../utils/useFormKitOutput.js';
 import type { PropType } from 'vue';
-import type { FormKitIconProps } from './FUIcon.vue.js';
+import type { FormKitIconProps, FUIconTooltip } from './FUIcon.vue.js';
 export interface FormKitOutputBooleanProps {
     color?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'neutral';
     falseIcon?: string;
+    falseIconTooltip?: FUIconTooltip;
     falseValue?: string;
     icon?: string;
+    iconTooltip?: FUIconTooltip;
     leading?: boolean;
     leadingIcon?: string;
+    leadingIconTooltip?: FUIconTooltip;
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     trailing?: boolean;
     trailingIcon?: string;
+    trailingIconTooltip?: FUIconTooltip;
     trueIcon?: string;
+    trueIconTooltip?: FUIconTooltip;
     trueValue?: string;
     variant?: 'outline' | 'soft' | 'subtle' | 'ghost' | 'none';
     ui?: FormKitOutputUi;

package/dist/runtime/components/output/FUOutputBoolean.vue

@@ -24,7 +24,16 @@ const booleanIcon = computed(() => {
   }
   return void 0;
 });
-const { containerClass, iconClass, leadingIconName, trailingIconName } = useFormKitOutput(props.context);
+const booleanIconTooltip = computed(() => {
+  if (booleanValue.value && props.context.trueIconTooltip) {
+    return props.context.trueIconTooltip;
+  }
+  if (!booleanValue.value && props.context.falseIconTooltip) {
+    return props.context.falseIconTooltip;
+  }
+  return void 0;
+});
+const { containerClass, iconClass, leadingIconName, trailingIconName, leadingTooltip, trailingTooltip } = useFormKitOutput(props.context);
 </script>
 
 <template>
@@ -37,12 +46,14 @@ const { containerClass, iconClass, leadingIconName, trailingIconName } = useForm
       v-if="leadingIconName"
       :name="leadingIconName"
       :class="iconClass"
+      :tooltip="leadingTooltip"
       :on-click="context?.onLeadingIconClicked"
     />
     <FUIcon
       v-if="booleanIcon"
       :name="booleanIcon"
       :class="iconClass"
+      :tooltip="booleanIconTooltip"
       :on-click="context?.onIconClicked"
     />
     <span>{{ displayValue }}</span>
@@ -50,6 +61,7 @@ const { containerClass, iconClass, leadingIconName, trailingIconName } = useForm
       v-if="trailingIconName"
       :name="trailingIconName"
       :class="iconClass"
+      :tooltip="trailingTooltip"
       :on-click="context?.onTrailingIconClicked"
     />
   </div>

package/dist/runtime/components/output/FUOutputBoolean.vue.d.ts

@@ -1,18 +1,23 @@
 import type { FormKitFrameworkContext } from '@formkit/core';
 import type { FormKitOutputUi } from '../../utils/useFormKitOutput.js';
 import type { PropType } from 'vue';
-import type { FormKitIconProps } from './FUIcon.vue.js';
+import type { FormKitIconProps, FUIconTooltip } from './FUIcon.vue.js';
 export interface FormKitOutputBooleanProps {
     color?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'neutral';
     falseIcon?: string;
+    falseIconTooltip?: FUIconTooltip;
     falseValue?: string;
     icon?: string;
+    iconTooltip?: FUIconTooltip;
     leading?: boolean;
     leadingIcon?: string;
+    leadingIconTooltip?: FUIconTooltip;
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     trailing?: boolean;
     trailingIcon?: string;
+    trailingIconTooltip?: FUIconTooltip;
     trueIcon?: string;
+    trueIconTooltip?: FUIconTooltip;
     trueValue?: string;
     variant?: 'outline' | 'soft' | 'subtle' | 'ghost' | 'none';
     ui?: FormKitOutputUi;

package/dist/runtime/components/output/FUOutputDate.d.vue.ts

@@ -1,19 +1,22 @@
 import type { FormKitFrameworkContext } from '@formkit/core';
 import type { PropType } from 'vue';
 import type { FormKitOutputUi } from '../../utils/useFormKitOutput.js';
-import type { FormKitIconProps } from './FUIcon.vue.js';
+import type { FormKitIconProps, FUIconTooltip } from './FUIcon.vue.js';
 export interface FormKitOutputDateProps {
     color?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'neutral';
     dateStyle?: 'short' | 'medium' | 'long' | 'full';
     icon?: string;
+    iconTooltip?: FUIconTooltip;
     leading?: boolean;
     leadingIcon?: string;
+    leadingIconTooltip?: FUIconTooltip;
     locale?: string;
     relative?: boolean;
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     timeStyle?: 'short' | 'medium' | 'long';
     trailing?: boolean;
     trailingIcon?: string;
+    trailingIconTooltip?: FUIconTooltip;
     variant?: 'outline' | 'soft' | 'subtle' | 'ghost' | 'none';
     ui?: FormKitOutputUi;
 }

package/dist/runtime/components/output/FUOutputDate.vue

@@ -18,7 +18,7 @@ const dateValue = computed(() => {
     return void 0;
   }
 });
-const { containerClass, iconClass, leadingIconName, trailingIconName } = useFormKitOutput(props.context);
+const { containerClass, iconClass, leadingIconName, trailingIconName, leadingTooltip, trailingTooltip } = useFormKitOutput(props.context);
 </script>
 
 <template>
@@ -31,6 +31,7 @@ const { containerClass, iconClass, leadingIconName, trailingIconName } = useForm
       v-if="leadingIconName"
       :name="leadingIconName"
       :class="iconClass"
+      :tooltip="leadingTooltip"
       :on-click="context?.onLeadingIconClicked"
     />
     <NuxtTime
@@ -46,6 +47,7 @@ const { containerClass, iconClass, leadingIconName, trailingIconName } = useForm
       v-if="trailingIconName"
       :name="trailingIconName"
       :class="iconClass"
+      :tooltip="trailingTooltip"
       :on-click="context?.onTrailingIconClicked"
     />
   </div>

package/dist/runtime/components/output/FUOutputDate.vue.d.ts

@@ -1,19 +1,22 @@
 import type { FormKitFrameworkContext } from '@formkit/core';
 import type { PropType } from 'vue';
 import type { FormKitOutputUi } from '../../utils/useFormKitOutput.js';
-import type { FormKitIconProps } from './FUIcon.vue.js';
+import type { FormKitIconProps, FUIconTooltip } from './FUIcon.vue.js';
 export interface FormKitOutputDateProps {
     color?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'neutral';
     dateStyle?: 'short' | 'medium' | 'long' | 'full';
     icon?: string;
+    iconTooltip?: FUIconTooltip;
     leading?: boolean;
     leadingIcon?: string;
+    leadingIconTooltip?: FUIconTooltip;
     locale?: string;
     relative?: boolean;
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     timeStyle?: 'short' | 'medium' | 'long';
     trailing?: boolean;
     trailingIcon?: string;
+    trailingIconTooltip?: FUIconTooltip;
     variant?: 'outline' | 'soft' | 'subtle' | 'ghost' | 'none';
     ui?: FormKitOutputUi;
 }

package/dist/runtime/components/output/FUOutputLink.d.vue.ts

@@ -1,15 +1,18 @@
 import type { FormKitFrameworkContext } from '@formkit/core';
 import type { PropType } from 'vue';
 import type { FormKitOutputUi } from '../../utils/useFormKitOutput.js';
-import type { FormKitIconProps } from './FUIcon.vue.js';
+import type { FormKitIconProps, FUIconTooltip } from './FUIcon.vue.js';
 export interface FormKitOutputLinkProps {
     color?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'neutral';
     icon?: string;
+    iconTooltip?: FUIconTooltip;
     leading?: boolean;
     leadingIcon?: string;
+    leadingIconTooltip?: FUIconTooltip;
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     trailing?: boolean;
     trailingIcon?: string;
+    trailingIconTooltip?: FUIconTooltip;
     variant?: 'outline' | 'soft' | 'subtle' | 'ghost' | 'none';
     target?: '_blank' | '_self' | '_parent' | '_top';
     rel?: string;

package/dist/runtime/components/output/FUOutputLink.vue

@@ -28,7 +28,7 @@ const linkRel = computed(() => {
 const displayValue = computed(() => {
   return linkUrl;
 });
-const { containerClass, iconClass, leadingIconName, trailingIconName } = useFormKitOutput(props.context);
+const { containerClass, iconClass, leadingIconName, trailingIconName, leadingTooltip, trailingTooltip } = useFormKitOutput(props.context);
 const linkClass = computed(() => {
   const classes = [
     containerClass.value
@@ -47,6 +47,7 @@ const linkClass = computed(() => {
       v-if="leadingIconName"
       :name="leadingIconName"
       :class="iconClass"
+      :tooltip="leadingTooltip"
       :on-click="context?.onLeadingIconClicked"
     />
     <ULink
@@ -72,6 +73,7 @@ const linkClass = computed(() => {
       v-if="trailingIconName"
       :name="trailingIconName"
       :class="iconClass"
+      :tooltip="trailingTooltip"
       :on-click="context?.onTrailingIconClicked"
     />
   </div>

package/dist/runtime/components/output/FUOutputLink.vue.d.ts

@@ -1,15 +1,18 @@
 import type { FormKitFrameworkContext } from '@formkit/core';
 import type { PropType } from 'vue';
 import type { FormKitOutputUi } from '../../utils/useFormKitOutput.js';
-import type { FormKitIconProps } from './FUIcon.vue.js';
+import type { FormKitIconProps, FUIconTooltip } from './FUIcon.vue.js';
 export interface FormKitOutputLinkProps {
     color?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'neutral';
     icon?: string;
+    iconTooltip?: FUIconTooltip;
     leading?: boolean;
     leadingIcon?: string;
+    leadingIconTooltip?: FUIconTooltip;
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     trailing?: boolean;
     trailingIcon?: string;
+    trailingIconTooltip?: FUIconTooltip;
     variant?: 'outline' | 'soft' | 'subtle' | 'ghost' | 'none';
     target?: '_blank' | '_self' | '_parent' | '_top';
     rel?: string;

package/dist/runtime/components/output/FUOutputList.d.vue.ts

@@ -1,18 +1,21 @@
 import type { FormKitFrameworkContext } from '@formkit/core';
 import type { PropType } from 'vue';
 import type { FormKitOutputUi } from '../../utils/useFormKitOutput.js';
-import type { FormKitIconProps } from './FUIcon.vue.js';
+import type { FormKitIconProps, FUIconTooltip } from './FUIcon.vue.js';
 export interface FormKitOutputListProps {
     color?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'neutral';
     icon?: string;
+    iconTooltip?: FUIconTooltip;
     itemClass?: string;
     leading?: boolean;
     leadingIcon?: string;
+    leadingIconTooltip?: FUIconTooltip;
     listType?: 'span' | 'div' | 'ul' | 'ol' | 'comma' | 'semicolon' | 'pipe' | 'dash' | 'space' | 'badge';
     separator?: string;
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     trailing?: boolean;
     trailingIcon?: string;
+    trailingIconTooltip?: FUIconTooltip;
     variant?: 'outline' | 'soft' | 'subtle' | 'ghost' | 'none';
     ui?: FormKitOutputUi;
 }

package/dist/runtime/components/output/FUOutputList.vue

@@ -44,7 +44,7 @@ const badgeVariant = computed(() => {
   if (variant === "ghost" || variant === "none") return "soft";
   return variant;
 });
-const { containerClass, iconClass, leadingIconName, trailingIconName, ui } = useFormKitOutput(props.context);
+const { containerClass, iconClass, leadingIconName, trailingIconName, leadingTooltip, trailingTooltip, ui } = useFormKitOutput(props.context);
 </script>
 
 <template>
@@ -57,6 +57,7 @@ const { containerClass, iconClass, leadingIconName, trailingIconName, ui } = use
       v-if="leadingIconName"
       :name="leadingIconName"
       :class="iconClass"
+      :tooltip="leadingTooltip"
       :on-click="context?.onLeadingIconClicked"
     />
 
@@ -138,6 +139,7 @@ const { containerClass, iconClass, leadingIconName, trailingIconName, ui } = use
       v-if="trailingIconName"
       :name="trailingIconName"
       :class="iconClass"
+      :tooltip="trailingTooltip"
       :on-click="context?.onTrailingIconClicked"
     />
   </div>

package/dist/runtime/components/output/FUOutputList.vue.d.ts

@@ -1,18 +1,21 @@
 import type { FormKitFrameworkContext } from '@formkit/core';
 import type { PropType } from 'vue';
 import type { FormKitOutputUi } from '../../utils/useFormKitOutput.js';
-import type { FormKitIconProps } from './FUIcon.vue.js';
+import type { FormKitIconProps, FUIconTooltip } from './FUIcon.vue.js';
 export interface FormKitOutputListProps {
     color?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'neutral';
     icon?: string;
+    iconTooltip?: FUIconTooltip;
     itemClass?: string;
     leading?: boolean;
     leadingIcon?: string;
+    leadingIconTooltip?: FUIconTooltip;
     listType?: 'span' | 'div' | 'ul' | 'ol' | 'comma' | 'semicolon' | 'pipe' | 'dash' | 'space' | 'badge';
     separator?: string;
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     trailing?: boolean;
     trailingIcon?: string;
+    trailingIconTooltip?: FUIconTooltip;
     variant?: 'outline' | 'soft' | 'subtle' | 'ghost' | 'none';
     ui?: FormKitOutputUi;
 }

package/dist/runtime/components/output/FUOutputNumber.d.vue.ts

@@ -1,17 +1,20 @@
 import type { FormKitFrameworkContext } from '@formkit/core';
 import type { PropType } from 'vue';
 import type { FormKitOutputUi } from '../../utils/useFormKitOutput.js';
-import type { FormKitIconProps } from './FUIcon.vue.js';
+import type { FormKitIconProps, FUIconTooltip } from './FUIcon.vue.js';
 export interface FormKitOutputNumberProps {
     color?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'neutral';
     formatOptions?: Intl.NumberFormatOptions;
     icon?: string;
+    iconTooltip?: FUIconTooltip;
     leading?: boolean;
     leadingIcon?: string;
+    leadingIconTooltip?: FUIconTooltip;
     locale?: string;
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     trailing?: boolean;
     trailingIcon?: string;
+    trailingIconTooltip?: FUIconTooltip;
     variant?: 'outline' | 'soft' | 'subtle' | 'ghost' | 'none';
     ui?: FormKitOutputUi;
 }

package/dist/runtime/components/output/FUOutputNumber.vue

@@ -26,7 +26,7 @@ const displayValue = computed(() => {
     return String(numberValue.value);
   }
 });
-const { containerClass, iconClass, leadingIconName, trailingIconName } = useFormKitOutput(props.context);
+const { containerClass, iconClass, leadingIconName, trailingIconName, leadingTooltip, trailingTooltip } = useFormKitOutput(props.context);
 </script>
 
 <template>
@@ -39,6 +39,7 @@ const { containerClass, iconClass, leadingIconName, trailingIconName } = useForm
       v-if="leadingIconName"
       :name="leadingIconName"
       :class="iconClass"
+      :tooltip="leadingTooltip"
       :on-click="context?.onLeadingIconClicked"
     />
     <span>{{ displayValue }}</span>
@@ -46,6 +47,7 @@ const { containerClass, iconClass, leadingIconName, trailingIconName } = useForm
       v-if="trailingIconName"
       :name="trailingIconName"
       :class="iconClass"
+      :tooltip="trailingTooltip"
       :on-click="context?.onTrailingIconClicked"
     />
   </div>

package/dist/runtime/components/output/FUOutputNumber.vue.d.ts

@@ -1,17 +1,20 @@
 import type { FormKitFrameworkContext } from '@formkit/core';
 import type { PropType } from 'vue';
 import type { FormKitOutputUi } from '../../utils/useFormKitOutput.js';
-import type { FormKitIconProps } from './FUIcon.vue.js';
+import type { FormKitIconProps, FUIconTooltip } from './FUIcon.vue.js';
 export interface FormKitOutputNumberProps {
     color?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'neutral';
     formatOptions?: Intl.NumberFormatOptions;
     icon?: string;
+    iconTooltip?: FUIconTooltip;
     leading?: boolean;
     leadingIcon?: string;
+    leadingIconTooltip?: FUIconTooltip;
     locale?: string;
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     trailing?: boolean;
     trailingIcon?: string;
+    trailingIconTooltip?: FUIconTooltip;
     variant?: 'outline' | 'soft' | 'subtle' | 'ghost' | 'none';
     ui?: FormKitOutputUi;
 }

package/dist/runtime/components/output/FUOutputProgress.d.vue.ts

@@ -1,19 +1,22 @@
 import type { FormKitFrameworkContext } from '@formkit/core';
 import type { PropType } from 'vue';
 import type { FormKitOutputUi } from '../../utils/useFormKitOutput.js';
-import type { FormKitIconProps } from './FUIcon.vue.js';
+import type { FormKitIconProps, FUIconTooltip } from './FUIcon.vue.js';
 export interface FormKitOutputProgressProps {
     animation?: 'carousel' | 'carousel-inverse' | 'swing' | 'elastic';
     color?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'neutral';
     icon?: string;
+    iconTooltip?: FUIconTooltip;
     leading?: boolean;
     leadingIcon?: string;
+    leadingIconTooltip?: FUIconTooltip;
     max?: number;
     orientation?: 'horizontal' | 'vertical';
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     status?: boolean;
     trailing?: boolean;
     trailingIcon?: string;
+    trailingIconTooltip?: FUIconTooltip;
     variant?: 'outline' | 'soft' | 'subtle' | 'ghost' | 'none';
     ui?: FormKitOutputUi;
 }

package/dist/runtime/components/output/FUOutputProgress.vue

@@ -17,7 +17,7 @@ const progressValue = computed(() => {
 const progressSizeClass = computed(() => {
   return props.context.orientation === "vertical" ? "min-h-32" : "min-w-32 flex-1";
 });
-const { containerClass, iconClass, leadingIconName, trailingIconName, ui } = useFormKitOutput(props.context);
+const { containerClass, iconClass, leadingIconName, trailingIconName, leadingTooltip, trailingTooltip, ui } = useFormKitOutput(props.context);
 </script>
 
 <template>
@@ -30,6 +30,7 @@ const { containerClass, iconClass, leadingIconName, trailingIconName, ui } = use
       v-if="leadingIconName"
       :name="leadingIconName"
       :class="iconClass"
+      :tooltip="leadingTooltip"
       :on-click="context?.onLeadingIconClicked"
     />
 
@@ -49,6 +50,7 @@ const { containerClass, iconClass, leadingIconName, trailingIconName, ui } = use
       v-if="trailingIconName"
       :name="trailingIconName"
       :class="iconClass"
+      :tooltip="trailingTooltip"
       :on-click="context?.onTrailingIconClicked"
     />
   </div>

package/dist/runtime/components/output/FUOutputProgress.vue.d.ts

@@ -1,19 +1,22 @@
 import type { FormKitFrameworkContext } from '@formkit/core';
 import type { PropType } from 'vue';
 import type { FormKitOutputUi } from '../../utils/useFormKitOutput.js';
-import type { FormKitIconProps } from './FUIcon.vue.js';
+import type { FormKitIconProps, FUIconTooltip } from './FUIcon.vue.js';
 export interface FormKitOutputProgressProps {
     animation?: 'carousel' | 'carousel-inverse' | 'swing' | 'elastic';
     color?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'neutral';
     icon?: string;
+    iconTooltip?: FUIconTooltip;
     leading?: boolean;
     leadingIcon?: string;
+    leadingIconTooltip?: FUIconTooltip;
     max?: number;
     orientation?: 'horizontal' | 'vertical';
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     status?: boolean;
     trailing?: boolean;
     trailingIcon?: string;
+    trailingIconTooltip?: FUIconTooltip;
     variant?: 'outline' | 'soft' | 'subtle' | 'ghost' | 'none';
     ui?: FormKitOutputUi;
 }

package/dist/runtime/components/output/FUOutputRating.d.vue.ts

@@ -1,18 +1,21 @@
 import type { FormKitFrameworkContext } from '@formkit/core';
 import type { PropType } from 'vue';
 import type { FormKitOutputUi } from '../../utils/useFormKitOutput.js';
-import type { FormKitIconProps } from './FUIcon.vue.js';
+import type { FormKitIconProps, FUIconTooltip } from './FUIcon.vue.js';
 export interface FormKitOutputRatingProps {
     color?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'neutral';
     emptyIcon?: string;
     icon?: string;
+    iconTooltip?: FUIconTooltip;
     leading?: boolean;
     leadingIcon?: string;
+    leadingIconTooltip?: FUIconTooltip;
     length?: number;
     orientation?: 'horizontal' | 'vertical';
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     trailing?: boolean;
     trailingIcon?: string;
+    trailingIconTooltip?: FUIconTooltip;
     variant?: 'outline' | 'soft' | 'subtle' | 'ghost' | 'none';
     ui?: FormKitOutputUi;
 }

package/dist/runtime/components/output/FUOutputRating.vue

@@ -14,7 +14,7 @@ const ratingValue = computed(() => {
     return void 0;
   return Number(value);
 });
-const { containerClass, iconClass, leadingIconName, trailingIconName, ui } = useFormKitOutput(props.context);
+const { containerClass, iconClass, leadingIconName, trailingIconName, leadingTooltip, trailingTooltip, ui } = useFormKitOutput(props.context);
 </script>
 
 <template>
@@ -27,6 +27,7 @@ const { containerClass, iconClass, leadingIconName, trailingIconName, ui } = use
       v-if="leadingIconName"
       :name="leadingIconName"
       :class="iconClass"
+      :tooltip="leadingTooltip"
       :on-click="context?.onLeadingIconClicked"
     />
 
@@ -53,6 +54,7 @@ const { containerClass, iconClass, leadingIconName, trailingIconName, ui } = use
       v-if="trailingIconName"
       :name="trailingIconName"
       :class="iconClass"
+      :tooltip="trailingTooltip"
       :on-click="context?.onTrailingIconClicked"
     />
   </div>

package/dist/runtime/components/output/FUOutputRating.vue.d.ts

@@ -1,18 +1,21 @@
 import type { FormKitFrameworkContext } from '@formkit/core';
 import type { PropType } from 'vue';
 import type { FormKitOutputUi } from '../../utils/useFormKitOutput.js';
-import type { FormKitIconProps } from './FUIcon.vue.js';
+import type { FormKitIconProps, FUIconTooltip } from './FUIcon.vue.js';
 export interface FormKitOutputRatingProps {
     color?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'neutral';
     emptyIcon?: string;
     icon?: string;
+    iconTooltip?: FUIconTooltip;
     leading?: boolean;
     leadingIcon?: string;
+    leadingIconTooltip?: FUIconTooltip;
     length?: number;
     orientation?: 'horizontal' | 'vertical';
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     trailing?: boolean;
     trailingIcon?: string;
+    trailingIconTooltip?: FUIconTooltip;
     variant?: 'outline' | 'soft' | 'subtle' | 'ghost' | 'none';
     ui?: FormKitOutputUi;
 }

package/dist/runtime/components/output/FUOutputText.d.vue.ts

@@ -1,15 +1,18 @@
 import type { FormKitFrameworkContext } from '@formkit/core';
 import type { PropType } from 'vue';
 import type { FormKitOutputUi } from '../../utils/useFormKitOutput.js';
-import type { FormKitIconProps } from './FUIcon.vue.js';
+import type { FormKitIconProps, FUIconTooltip } from './FUIcon.vue.js';
 export interface FormKitOutputTextProps {
     color?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'neutral';
     icon?: string;
+    iconTooltip?: FUIconTooltip;
     leading?: boolean;
     leadingIcon?: string;
+    leadingIconTooltip?: FUIconTooltip;
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     trailing?: boolean;
     trailingIcon?: string;
+    trailingIconTooltip?: FUIconTooltip;
     variant?: 'outline' | 'soft' | 'subtle' | 'ghost' | 'none';
     outputType?: 'text' | 'email' | 'url' | 'tel' | 'color' | 'duration' | 'i18n';
     ui?: FormKitOutputUi;

package/dist/runtime/components/output/FUOutputText.vue

@@ -56,7 +56,7 @@ const colorStyle = computed(() => {
   }
   return " ";
 });
-const { containerClass, iconClass, leadingIconName, trailingIconName } = useFormKitOutput(props.context);
+const { containerClass, iconClass, leadingIconName, trailingIconName, leadingTooltip, trailingTooltip } = useFormKitOutput(props.context);
 </script>
 
 <template>
@@ -70,6 +70,7 @@ const { containerClass, iconClass, leadingIconName, trailingIconName } = useForm
       :name="leadingIconName"
       :class="iconClass"
       :style="colorStyle"
+      :tooltip="leadingTooltip"
       :on-click="context?.onLeadingIconClicked"
     />
 
@@ -94,6 +95,7 @@ const { containerClass, iconClass, leadingIconName, trailingIconName } = useForm
       :name="trailingIconName"
       :class="iconClass"
       :style="colorStyle"
+      :tooltip="trailingTooltip"
       :on-click="context?.onTrailingIconClicked"
     />
   </div>

package/dist/runtime/components/output/FUOutputText.vue.d.ts

@@ -1,15 +1,18 @@
 import type { FormKitFrameworkContext } from '@formkit/core';
 import type { PropType } from 'vue';
 import type { FormKitOutputUi } from '../../utils/useFormKitOutput.js';
-import type { FormKitIconProps } from './FUIcon.vue.js';
+import type { FormKitIconProps, FUIconTooltip } from './FUIcon.vue.js';
 export interface FormKitOutputTextProps {
     color?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'neutral';
     icon?: string;
+    iconTooltip?: FUIconTooltip;
     leading?: boolean;
     leadingIcon?: string;
+    leadingIconTooltip?: FUIconTooltip;
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     trailing?: boolean;
     trailingIcon?: string;
+    trailingIconTooltip?: FUIconTooltip;
     variant?: 'outline' | 'soft' | 'subtle' | 'ghost' | 'none';
     outputType?: 'text' | 'email' | 'url' | 'tel' | 'color' | 'duration' | 'i18n';
     ui?: FormKitOutputUi;

package/dist/runtime/components/output/FUOutputUser.d.vue.ts

@@ -1,7 +1,7 @@
 import type { FormKitFrameworkContext } from '@formkit/core';
 import type { PropType } from 'vue';
 import type { FormKitOutputUi } from '../../utils/useFormKitOutput.js';
-import type { FormKitIconProps } from './FUIcon.vue.js';
+import type { FormKitIconProps, FUIconTooltip } from './FUIcon.vue.js';
 export interface FormKitOutputUserAvatar {
     src?: string;
     alt?: string;
@@ -17,12 +17,15 @@ export interface FormKitOutputUserProps {
     chip?: boolean | Record<string, unknown>;
     color?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'neutral';
     icon?: string;
+    iconTooltip?: FUIconTooltip;
     leading?: boolean;
     leadingIcon?: string;
+    leadingIconTooltip?: FUIconTooltip;
     orientation?: 'horizontal' | 'vertical';
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     trailing?: boolean;
     trailingIcon?: string;
+    trailingIconTooltip?: FUIconTooltip;
     variant?: 'outline' | 'soft' | 'subtle' | 'ghost' | 'none';
     ui?: FormKitOutputUi;
 }

package/dist/runtime/components/output/FUOutputUser.vue

@@ -9,7 +9,7 @@ const props = defineProps({
   }
 });
 const userValue = computed(() => props.context._value);
-const { containerClass, iconClass, leadingIconName, trailingIconName, ui } = useFormKitOutput(props.context);
+const { containerClass, iconClass, leadingIconName, trailingIconName, leadingTooltip, trailingTooltip, ui } = useFormKitOutput(props.context);
 </script>
 
 <template>
@@ -22,6 +22,7 @@ const { containerClass, iconClass, leadingIconName, trailingIconName, ui } = use
       v-if="leadingIconName"
       :name="leadingIconName"
       :class="iconClass"
+      :tooltip="leadingTooltip"
       :on-click="context?.onLeadingIconClicked"
     />
 
@@ -39,6 +40,7 @@ const { containerClass, iconClass, leadingIconName, trailingIconName, ui } = use
       v-if="trailingIconName"
       :name="trailingIconName"
       :class="iconClass"
+      :tooltip="trailingTooltip"
       :on-click="context?.onTrailingIconClicked"
     />
   </div>

package/dist/runtime/components/output/FUOutputUser.vue.d.ts

@@ -1,7 +1,7 @@
 import type { FormKitFrameworkContext } from '@formkit/core';
 import type { PropType } from 'vue';
 import type { FormKitOutputUi } from '../../utils/useFormKitOutput.js';
-import type { FormKitIconProps } from './FUIcon.vue.js';
+import type { FormKitIconProps, FUIconTooltip } from './FUIcon.vue.js';
 export interface FormKitOutputUserAvatar {
     src?: string;
     alt?: string;
@@ -17,12 +17,15 @@ export interface FormKitOutputUserProps {
     chip?: boolean | Record<string, unknown>;
     color?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'neutral';
     icon?: string;
+    iconTooltip?: FUIconTooltip;
     leading?: boolean;
     leadingIcon?: string;
+    leadingIconTooltip?: FUIconTooltip;
     orientation?: 'horizontal' | 'vertical';
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     trailing?: boolean;
     trailingIcon?: string;
+    trailingIconTooltip?: FUIconTooltip;
     variant?: 'outline' | 'soft' | 'subtle' | 'ghost' | 'none';
     ui?: FormKitOutputUi;
 }

package/dist/runtime/formkit/definitions/output.js

@@ -10,42 +10,42 @@ import FUOutputRating from "../../../runtime/components/output/FUOutputRating.vu
 import FUOutputUser from "../../../runtime/components/output/FUOutputUser.vue";
 import FUOutputBadge from "../../../runtime/components/output/FUOutputBadge.vue";
 export const nuxtUIOutputTextDefinition = createInput(FUOutputText, {
-  props: ["size", "color", "variant", "icon", "leadingIcon", "trailingIcon", "leading", "trailing", "onIconClicked", "onLeadingIconClicked", "onTrailingIconClicked", "outputType", "ui"],
+  props: ["size", "color", "variant", "icon", "iconTooltip", "leadingIcon", "leadingIconTooltip", "trailingIcon", "trailingIconTooltip", "leading", "trailing", "onIconClicked", "onLeadingIconClicked", "onTrailingIconClicked", "outputType", "ui"],
   family: "NuxtUIOutput"
 });
 export const nuxtUIOutputBooleanDefinition = createInput(FUOutputBoolean, {
-  props: ["size", "color", "variant", "icon", "leadingIcon", "trailingIcon", "leading", "trailing", "trueValue", "falseValue", "trueIcon", "falseIcon", "onIconClicked", "onLeadingIconClicked", "onTrailingIconClicked", "ui"],
+  props: ["size", "color", "variant", "icon", "iconTooltip", "leadingIcon", "leadingIconTooltip", "trailingIcon", "trailingIconTooltip", "leading", "trailing", "trueValue", "falseValue", "trueIcon", "trueIconTooltip", "falseIcon", "falseIconTooltip", "onIconClicked", "onLeadingIconClicked", "onTrailingIconClicked", "ui"],
   family: "NuxtUIOutput"
 });
 export const nuxtUIOutputDateDefinition = createInput(FUOutputDate, {
-  props: ["size", "color", "variant", "icon", "leadingIcon", "trailingIcon", "leading", "trailing", "dateStyle", "timeStyle", "locale", "relative", "onIconClicked", "onLeadingIconClicked", "onTrailingIconClicked", "ui"],
+  props: ["size", "color", "variant", "icon", "iconTooltip", "leadingIcon", "leadingIconTooltip", "trailingIcon", "trailingIconTooltip", "leading", "trailing", "dateStyle", "timeStyle", "locale", "relative", "onIconClicked", "onLeadingIconClicked", "onTrailingIconClicked", "ui"],
   family: "NuxtUIOutput"
 });
 export const nuxtUIOutputLinkDefinition = createInput(FUOutputLink, {
-  props: ["size", "color", "variant", "icon", "leadingIcon", "trailingIcon", "leading", "trailing", "target", "rel", "underline", "onIconClicked", "onLeadingIconClicked", "onTrailingIconClicked", "ui"],
+  props: ["size", "color", "variant", "icon", "iconTooltip", "leadingIcon", "leadingIconTooltip", "trailingIcon", "trailingIconTooltip", "leading", "trailing", "target", "rel", "underline", "onIconClicked", "onLeadingIconClicked", "onTrailingIconClicked", "ui"],
   family: "NuxtUIOutput"
 });
 export const nuxtUIOutputNumberDefinition = createInput(FUOutputNumber, {
-  props: ["size", "color", "variant", "icon", "leadingIcon", "trailingIcon", "leading", "trailing", "locale", "formatOptions", "onIconClicked", "onLeadingIconClicked", "onTrailingIconClicked", "ui"],
+  props: ["size", "color", "variant", "icon", "iconTooltip", "leadingIcon", "leadingIconTooltip", "trailingIcon", "trailingIconTooltip", "leading", "trailing", "locale", "formatOptions", "onIconClicked", "onLeadingIconClicked", "onTrailingIconClicked", "ui"],
   family: "NuxtUIOutput"
 });
 export const nuxtUIOutputListDefinition = createInput(FUOutputList, {
-  props: ["size", "color", "variant", "icon", "leadingIcon", "trailingIcon", "leading", "trailing", "listType", "separator", "itemClass", "onIconClicked", "onLeadingIconClicked", "onTrailingIconClicked", "ui"],
+  props: ["size", "color", "variant", "icon", "iconTooltip", "leadingIcon", "leadingIconTooltip", "trailingIcon", "trailingIconTooltip", "leading", "trailing", "listType", "separator", "itemClass", "onIconClicked", "onLeadingIconClicked", "onTrailingIconClicked", "ui"],
   family: "NuxtUIOutput"
 });
 export const nuxtUIOutputProgressDefinition = createInput(FUOutputProgress, {
-  props: ["size", "color", "variant", "icon", "leadingIcon", "trailingIcon", "leading", "trailing", "onIconClicked", "onLeadingIconClicked", "onTrailingIconClicked", "max", "status", "orientation", "animation", "ui"],
+  props: ["size", "color", "variant", "icon", "iconTooltip", "leadingIcon", "leadingIconTooltip", "trailingIcon", "trailingIconTooltip", "leading", "trailing", "onIconClicked", "onLeadingIconClicked", "onTrailingIconClicked", "max", "status", "orientation", "animation", "ui"],
   family: "NuxtUIOutput"
 });
 export const nuxtUIOutputRatingDefinition = createInput(FUOutputRating, {
-  props: ["size", "color", "variant", "icon", "leadingIcon", "trailingIcon", "leading", "trailing", "onIconClicked", "onLeadingIconClicked", "onTrailingIconClicked", "length", "emptyIcon", "orientation", "ui"],
+  props: ["size", "color", "variant", "icon", "iconTooltip", "leadingIcon", "leadingIconTooltip", "trailingIcon", "trailingIconTooltip", "leading", "trailing", "onIconClicked", "onLeadingIconClicked", "onTrailingIconClicked", "length", "emptyIcon", "orientation", "ui"],
   family: "NuxtUIOutput"
 });
 export const nuxtUIOutputUserDefinition = createInput(FUOutputUser, {
-  props: ["size", "color", "variant", "icon", "leadingIcon", "trailingIcon", "leading", "trailing", "onIconClicked", "onLeadingIconClicked", "onTrailingIconClicked", "orientation", "chip", "ui"],
+  props: ["size", "color", "variant", "icon", "iconTooltip", "leadingIcon", "leadingIconTooltip", "trailingIcon", "trailingIconTooltip", "leading", "trailing", "onIconClicked", "onLeadingIconClicked", "onTrailingIconClicked", "orientation", "chip", "ui"],
   family: "NuxtUIOutput"
 });
 export const nuxtUIOutputBadgeDefinition = createInput(FUOutputBadge, {
-  props: ["size", "color", "variant", "icon", "leadingIcon", "trailingIcon", "leading", "trailing", "onIconClicked", "onLeadingIconClicked", "onTrailingIconClicked", "badgeIcon", "square", "ui"],
+  props: ["size", "color", "variant", "icon", "iconTooltip", "leadingIcon", "leadingIconTooltip", "trailingIcon", "trailingIconTooltip", "leading", "trailing", "onIconClicked", "onLeadingIconClicked", "onTrailingIconClicked", "badgeIcon", "square", "ui"],
   family: "NuxtUIOutput"
 });

package/dist/runtime/formkit/definitions/output.mjs

@@ -10,42 +10,42 @@ import FUOutputRating from "../../../runtime/components/output/FUOutputRating.vu
 import FUOutputUser from "../../../runtime/components/output/FUOutputUser.vue";
 import FUOutputBadge from "../../../runtime/components/output/FUOutputBadge.vue";
 export const nuxtUIOutputTextDefinition = createInput(FUOutputText, {
-  props: ["size", "color", "variant", "icon", "leadingIcon", "trailingIcon", "leading", "trailing", "onIconClicked", "onLeadingIconClicked", "onTrailingIconClicked", "outputType", "ui"],
+  props: ["size", "color", "variant", "icon", "iconTooltip", "leadingIcon", "leadingIconTooltip", "trailingIcon", "trailingIconTooltip", "leading", "trailing", "onIconClicked", "onLeadingIconClicked", "onTrailingIconClicked", "outputType", "ui"],
   family: "NuxtUIOutput"
 });
 export const nuxtUIOutputBooleanDefinition = createInput(FUOutputBoolean, {
-  props: ["size", "color", "variant", "icon", "leadingIcon", "trailingIcon", "leading", "trailing", "trueValue", "falseValue", "trueIcon", "falseIcon", "onIconClicked", "onLeadingIconClicked", "onTrailingIconClicked", "ui"],
+  props: ["size", "color", "variant", "icon", "iconTooltip", "leadingIcon", "leadingIconTooltip", "trailingIcon", "trailingIconTooltip", "leading", "trailing", "trueValue", "falseValue", "trueIcon", "trueIconTooltip", "falseIcon", "falseIconTooltip", "onIconClicked", "onLeadingIconClicked", "onTrailingIconClicked", "ui"],
   family: "NuxtUIOutput"
 });
 export const nuxtUIOutputDateDefinition = createInput(FUOutputDate, {
-  props: ["size", "color", "variant", "icon", "leadingIcon", "trailingIcon", "leading", "trailing", "dateStyle", "timeStyle", "locale", "relative", "onIconClicked", "onLeadingIconClicked", "onTrailingIconClicked", "ui"],
+  props: ["size", "color", "variant", "icon", "iconTooltip", "leadingIcon", "leadingIconTooltip", "trailingIcon", "trailingIconTooltip", "leading", "trailing", "dateStyle", "timeStyle", "locale", "relative", "onIconClicked", "onLeadingIconClicked", "onTrailingIconClicked", "ui"],
   family: "NuxtUIOutput"
 });
 export const nuxtUIOutputLinkDefinition = createInput(FUOutputLink, {
-  props: ["size", "color", "variant", "icon", "leadingIcon", "trailingIcon", "leading", "trailing", "target", "rel", "underline", "onIconClicked", "onLeadingIconClicked", "onTrailingIconClicked", "ui"],
+  props: ["size", "color", "variant", "icon", "iconTooltip", "leadingIcon", "leadingIconTooltip", "trailingIcon", "trailingIconTooltip", "leading", "trailing", "target", "rel", "underline", "onIconClicked", "onLeadingIconClicked", "onTrailingIconClicked", "ui"],
   family: "NuxtUIOutput"
 });
 export const nuxtUIOutputNumberDefinition = createInput(FUOutputNumber, {
-  props: ["size", "color", "variant", "icon", "leadingIcon", "trailingIcon", "leading", "trailing", "locale", "formatOptions", "onIconClicked", "onLeadingIconClicked", "onTrailingIconClicked", "ui"],
+  props: ["size", "color", "variant", "icon", "iconTooltip", "leadingIcon", "leadingIconTooltip", "trailingIcon", "trailingIconTooltip", "leading", "trailing", "locale", "formatOptions", "onIconClicked", "onLeadingIconClicked", "onTrailingIconClicked", "ui"],
   family: "NuxtUIOutput"
 });
 export const nuxtUIOutputListDefinition = createInput(FUOutputList, {
-  props: ["size", "color", "variant", "icon", "leadingIcon", "trailingIcon", "leading", "trailing", "listType", "separator", "itemClass", "onIconClicked", "onLeadingIconClicked", "onTrailingIconClicked", "ui"],
+  props: ["size", "color", "variant", "icon", "iconTooltip", "leadingIcon", "leadingIconTooltip", "trailingIcon", "trailingIconTooltip", "leading", "trailing", "listType", "separator", "itemClass", "onIconClicked", "onLeadingIconClicked", "onTrailingIconClicked", "ui"],
   family: "NuxtUIOutput"
 });
 export const nuxtUIOutputProgressDefinition = createInput(FUOutputProgress, {
-  props: ["size", "color", "variant", "icon", "leadingIcon", "trailingIcon", "leading", "trailing", "onIconClicked", "onLeadingIconClicked", "onTrailingIconClicked", "max", "status", "orientation", "animation", "ui"],
+  props: ["size", "color", "variant", "icon", "iconTooltip", "leadingIcon", "leadingIconTooltip", "trailingIcon", "trailingIconTooltip", "leading", "trailing", "onIconClicked", "onLeadingIconClicked", "onTrailingIconClicked", "max", "status", "orientation", "animation", "ui"],
   family: "NuxtUIOutput"
 });
 export const nuxtUIOutputRatingDefinition = createInput(FUOutputRating, {
-  props: ["size", "color", "variant", "icon", "leadingIcon", "trailingIcon", "leading", "trailing", "onIconClicked", "onLeadingIconClicked", "onTrailingIconClicked", "length", "emptyIcon", "orientation", "ui"],
+  props: ["size", "color", "variant", "icon", "iconTooltip", "leadingIcon", "leadingIconTooltip", "trailingIcon", "trailingIconTooltip", "leading", "trailing", "onIconClicked", "onLeadingIconClicked", "onTrailingIconClicked", "length", "emptyIcon", "orientation", "ui"],
   family: "NuxtUIOutput"
 });
 export const nuxtUIOutputUserDefinition = createInput(FUOutputUser, {
-  props: ["size", "color", "variant", "icon", "leadingIcon", "trailingIcon", "leading", "trailing", "onIconClicked", "onLeadingIconClicked", "onTrailingIconClicked", "orientation", "chip", "ui"],
+  props: ["size", "color", "variant", "icon", "iconTooltip", "leadingIcon", "leadingIconTooltip", "trailingIcon", "trailingIconTooltip", "leading", "trailing", "onIconClicked", "onLeadingIconClicked", "onTrailingIconClicked", "orientation", "chip", "ui"],
   family: "NuxtUIOutput"
 });
 export const nuxtUIOutputBadgeDefinition = createInput(FUOutputBadge, {
-  props: ["size", "color", "variant", "icon", "leadingIcon", "trailingIcon", "leading", "trailing", "onIconClicked", "onLeadingIconClicked", "onTrailingIconClicked", "badgeIcon", "square", "ui"],
+  props: ["size", "color", "variant", "icon", "iconTooltip", "leadingIcon", "leadingIconTooltip", "trailingIcon", "trailingIconTooltip", "leading", "trailing", "onIconClicked", "onLeadingIconClicked", "onTrailingIconClicked", "badgeIcon", "square", "ui"],
   family: "NuxtUIOutput"
 });

package/dist/runtime/plugin.js

@@ -1,7 +1,9 @@
 import { defineNuxtPlugin } from "#app";
-import { UButton, UIcon, UTabs } from "#components";
+import { UButton, UIcon, UTabs, UTooltip, UUser } from "#components";
 export default defineNuxtPlugin((_nuxtApp) => {
   _nuxtApp.vueApp.component("UButton", UButton);
   _nuxtApp.vueApp.component("UIcon", UIcon);
   _nuxtApp.vueApp.component("UTabs", UTabs);
+  _nuxtApp.vueApp.component("UUser", UUser);
+  _nuxtApp.vueApp.component("UTooltip", UTooltip);
 });

package/dist/runtime/utils/useFormKitOutput.d.ts

@@ -1,4 +1,5 @@
 import type { FormKitFrameworkContext } from '@formkit/core';
+import type { FUIconTooltip } from '../components/output/FUIcon.vue.js';
 export interface FormKitOutputUi {
     /** Merged into `containerClass` - Output components have no themeable Nuxt UI root to forward to. */
     root?: string;
@@ -21,6 +22,8 @@ export declare function useFormKitOutput(context: FormKitFrameworkContext): {
     iconClass: import("vue").ComputedRef<string>;
     leadingIconName: import("vue").ComputedRef<string | null>;
     trailingIconName: import("vue").ComputedRef<string | null>;
+    leadingTooltip: import("vue").ComputedRef<FUIconTooltip | undefined>;
+    trailingTooltip: import("vue").ComputedRef<FUIconTooltip | undefined>;
     ui: import("vue").Ref<{
         root?: string
         /** Merged into `iconClass`, applied to every `FUIcon` an Output component renders. */

package/dist/runtime/utils/useFormKitOutput.js

@@ -76,6 +76,18 @@ export function useFormKitOutput(context) {
     const icon = context.icon;
     return trailingIcon || trailing && icon || null;
   });
+  const leadingTooltip = computed(() => {
+    const leadingIconTooltip = context.leadingIconTooltip;
+    const leading = context.leading;
+    const iconTooltip = context.iconTooltip;
+    return leadingIconTooltip || leading && iconTooltip || void 0;
+  });
+  const trailingTooltip = computed(() => {
+    const trailingIconTooltip = context.trailingIconTooltip;
+    const trailing = context.trailing;
+    const iconTooltip = context.iconTooltip;
+    return trailingIconTooltip || trailing && iconTooltip || void 0;
+  });
   return {
     colorClass,
     sizeClass,
@@ -84,6 +96,8 @@ export function useFormKitOutput(context) {
     iconClass,
     leadingIconName,
     trailingIconName,
+    leadingTooltip,
+    trailingTooltip,
     ui
   };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sfxcode/nuxt-ui-formkit",
-  "version": "1.2.9",
+  "version": "1.2.11",
   "description": "FormKit integration for Nuxt UI - Seamlessly connect FormKit form handling with Nuxt UI components",
   "author": {
     "name": "Tom",
@@ -88,8 +88,8 @@
     "docs:preview": "vitepress preview docs"
   },
   "dependencies": {
-    "@formkit/addons": "^2.1.0",
-    "@formkit/nuxt": "^2.1.0",
+    "@formkit/addons": "^2.1.2",
+    "@formkit/nuxt": "^2.1.2",
     "@nuxt/ui": "^4.10.0",
     "@standard-schema/spec": "^1.1.0",
     "@vue/compiler-dom": "^3.5.40"
@@ -98,25 +98,25 @@
     "@codemirror/lang-json": "^6.0.2",
     "@codemirror/state": "^6.7.1",
     "@codemirror/theme-one-dark": "^6.1.3",
-    "@codemirror/view": "^6.43.6",
+    "@codemirror/view": "^6.43.7",
     "@iconify-json/heroicons": "^1.2.3",
-    "@iconify-json/lucide": "^1.2.118",
-    "@iconify-json/simple-icons": "^1.2.91",
-    "@nuxt/devtools": "4.0.0-alpha.7",
+    "@iconify-json/lucide": "^1.2.121",
+    "@iconify-json/simple-icons": "^1.2.93",
+    "@nuxt/devtools": "4.0.0-alpha.9",
     "@nuxt/eslint-config": "^1.16.0",
-    "@nuxt/kit": "^4.5.0",
-    "@nuxt/module-builder": "^1.0.2",
-    "@nuxt/schema": "^4.5.0",
-    "@nuxt/test-utils": "^4.0.3",
+    "@nuxt/kit": "^4.5.1",
+    "@nuxt/module-builder": "^1.0.3",
+    "@nuxt/schema": "^4.5.1",
+    "@nuxt/test-utils": "^4.1.0",
     "@types/node": "latest",
     "@vitejs/plugin-vue": "^6.0.8",
     "@vue/test-utils": "^2.4.11",
     "changelogen": "^0.6.2",
     "codemirror": "^6.0.2",
-    "eslint": "^10.7.0",
-    "jsdom": "^29.1.1",
+    "eslint": "^10.8.0",
+    "jsdom": "^30.0.1",
     "mkdist": "^2.4.1",
-    "nuxt": "^4.5.0",
+    "nuxt": "^4.5.1",
     "sass-embedded": "^1.100.0",
     "typescript": "~6.0.3",
     "unbuild": "^3.6.1",
@@ -124,9 +124,9 @@
     "vitepress": "2.0.0-alpha.17",
     "vitest": "^4.1.10",
     "vue": "^3.5.40",
-    "vue-i18n": "^11.4.7",
-    "vue-tsc": "^3.3.7",
+    "vue-i18n": "^11.4.8",
+    "vue-tsc": "^3.3.9",
     "zod": "^4.4.3"
   },
-  "packageManager": "pnpm@11.1.2+sha512.415a1cc25974731e75455c1468371be74c5aa5fb7621b50d4056d222451609f11412f23fd602e6169f1e060466641f798597e1be961a10688836a67b16569499"
+  "packageManager": "pnpm@11.17.0+sha512.cca3cea332ad254bb84145f966d19f4879615210346fc92c79a047f23a0d7b3cca3c3792f0076ba1f1831d277efbcf0a9119b31a9a60eca7fb3d6231f331ef72"
 }