@una-ui/nuxt 0.57.0 → 0.58.0

package/dist/runtime/components/elements/popover/Popover.vue.d.ts

@@ -1,6 +1,6 @@
 import type { NPopoverProps } from '../../../types/index.js';
 declare var __VLS_10: {
-    open: any;
+    open: boolean;
 }, __VLS_15: {};
 type __VLS_Slots = {} & {
     trigger?: (props: typeof __VLS_10) => any;

package/dist/runtime/components/elements/tabs/Tabs.vue.d.ts

@@ -1,6 +1,6 @@
 import type { NTabsProps } from '../../../types/tabs.js';
 declare var __VLS_6: {}, __VLS_11: {
-    items: any;
+    items: any[] | undefined;
 }, __VLS_16: {
     item: any;
     disabled: any;

package/dist/runtime/components/elements/tabs/TabsTrigger.vue.d.ts

@@ -1,5 +1,5 @@
 import type { NTabsTriggerProps } from '../../../types/tabs.js';
-declare var __VLS_7: any, __VLS_8: any;
+declare var __VLS_7: string | number, __VLS_8: any;
 type __VLS_Slots = {} & {
     [K in NonNullable<typeof __VLS_7>]?: (props: typeof __VLS_8) => any;
 };

package/dist/runtime/components/forms/Input.vue

@@ -1,6 +1,6 @@
 <script setup>
 import { computed, onMounted, ref } from "vue";
-import { cn, randomId } from "../../utils";
+import { cn, looseToNumber, randomId } from "../../utils";
 import NIcon from "../elements/Icon.vue";
 defineOptions({
   inheritAttrs: false
@@ -10,7 +10,8 @@ const props = defineProps({
   status: { type: String, required: false },
   loading: { type: Boolean, required: false },
   reverse: { type: Boolean, required: false },
-  modelValue: { type: [String, Number], required: false },
+  autofocus: { type: Boolean, required: false },
+  autofocusDelay: { type: Number, required: false, default: 0 },
   leading: { type: String, required: false },
   trailing: { type: String, required: false },
   input: { type: String, required: false },
@@ -23,8 +24,15 @@ const props = defineProps({
   una: { type: Object, required: false },
   _inputWrapper: { type: Object, required: false }
 });
-const emit = defineEmits(["leading", "trailing", "update:modelValue"]);
+const emit = defineEmits([
+  "leading",
+  "trailing",
+  "update:modelValue",
+  "change",
+  "blur"
+]);
 const slots = defineSlots();
+const [modelValue, modelModifiers] = defineModel({ type: null });
 const id = props.id ?? randomId("input");
 const isLeading = computed(() => props.leading || slots.leading);
 const isTrailing = computed(() => props.trailing || slots.trailing || props.status || props.loading);
@@ -88,13 +96,49 @@ function resizeTextarea() {
   if (inputRef.value.rows > maxAutoresizeRows)
     inputRef.value.rows = maxAutoresizeRows;
 }
+function updateInput(value) {
+  if (modelModifiers.trim) {
+    value = value?.trim() ?? null;
+  }
+  if (modelModifiers.number || props.type === "number") {
+    value = looseToNumber(value);
+  }
+  if (modelModifiers.nullify) {
+    value ||= null;
+  }
+  modelValue.value = value;
+  emit("update:modelValue", value);
+}
 function onInput(event) {
-  emit("update:modelValue", event.target.value);
+  if (!modelModifiers.lazy) {
+    updateInput(event.target.value);
+  }
   resizeTextarea();
 }
+function onChange(event) {
+  const value = event.target.value;
+  if (modelModifiers.lazy) {
+    updateInput(value);
+  }
+  if (modelModifiers.trim) {
+    event.target.value = value.trim();
+  }
+  emit("change", event);
+}
+function onBlur(event) {
+  emit("blur", event);
+}
 onMounted(() => {
+  setTimeout(() => {
+    autoFocus();
+  }, props.autofocusDelay);
   resizeTextarea();
 });
+function autoFocus() {
+  if (props.autofocus) {
+    inputRef.value?.focus();
+  }
+}
 defineExpose({
   focus: () => inputRef.value?.focus(),
   blur: () => inputRef.value?.blur(),
@@ -152,6 +196,8 @@ defineExpose({
       :cols="type === 'textarea' ? cols : void 0"
       v-bind="$attrs"
       @input="onInput"
+      @blur="onBlur"
+      @change="onChange"
     />
 
     <div

package/dist/runtime/components/forms/Input.vue.d.ts

@@ -1,16 +1,33 @@
 import type { NInputProps } from '../../types/index.js';
+type __VLS_Props = NInputProps;
 type __VLS_Slots = {
     leading?: any;
     trailing?: any;
 };
-declare const __VLS_component: import("vue").DefineComponent<NInputProps, {
+type __VLS_PublicProps = __VLS_Props & {
+    modelValue?: string | number | null | undefined;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {
     focus: () => void | undefined;
     blur: () => void | undefined;
     select: () => void | undefined;
     inputRef: import("vue").Ref<HTMLTextAreaElement | undefined, HTMLTextAreaElement | undefined>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    leading: (...args: any[]) => void;
+    trailing: (...args: any[]) => void;
+    blur: (...args: any[]) => void;
+    change: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onLeading?: ((...args: any[]) => any) | undefined;
+    onTrailing?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
     type: HTMLInputElement["type"] | "textarea";
     size: string;
+    autofocusDelay: number;
     resize: string | null;
     rows: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/forms/Switch.vue.d.ts

@@ -1,8 +1,8 @@
 import type { NSwitchProps } from '../../types/index.js';
 declare var __VLS_10: {
-    modelValue: any;
+    modelValue: boolean;
 }, __VLS_15: {
-    modelValue: any;
+    modelValue: boolean;
 };
 type __VLS_Slots = {} & {
     icon?: (props: typeof __VLS_10) => any;

package/dist/runtime/components/forms/radio-group/RadioGroup.vue.d.ts

@@ -1,5 +1,5 @@
 import type { AcceptableValue } from 'reka-ui';
-import type { NRadioGroupProps } from '../../../types/index.js';
+import type { NRadioGroupItemProps, NRadioGroupProps } from '../../../types/index.js';
 declare const _default: <T extends AcceptableValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly "onUpdate:modelValue"?: ((payload: string) => any) | undefined;
@@ -8,15 +8,15 @@ declare const _default: <T extends AcceptableValue>(__VLS_props: NonNullable<Awa
     attrs: any;
     slots: {
         default?: (props: {
-            modelValue: any;
+            modelValue: AcceptableValue | undefined;
         }) => any;
     } & {
         label?: (props: {
-            item: any;
+            item: NRadioGroupItemProps | T;
         }) => any;
     } & {
         description?: (props: {
-            item: any;
+            item: NRadioGroupItemProps | T;
         }) => any;
     };
     emit: (evt: "update:modelValue", payload: string) => void;

package/dist/runtime/components/forms/select/Select.vue.d.ts

@@ -1,5 +1,5 @@
 import type { AcceptableValue } from 'reka-ui';
-import type { NSelectProps } from '../../../types/index.js';
+import type { NSelectProps, SelectGroup as SelectGroupType } from '../../../types/index.js';
 declare const _default: <T extends AcceptableValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly "onUpdate:modelValue"?: ((value: T) => any) | undefined;
@@ -9,55 +9,55 @@ declare const _default: <T extends AcceptableValue>(__VLS_props: NonNullable<Awa
     attrs: any;
     slots: {
         default?: (props: {
-            modelValue: any;
-            open: any;
+            modelValue: AcceptableValue | AcceptableValue[] | undefined;
+            open: boolean;
         }) => any;
     } & {
         'trigger-wrapper'?: (props: {
-            modelValue: any;
-            open: any;
+            modelValue: AcceptableValue | AcceptableValue[] | undefined;
+            open: boolean;
         }) => any;
     } & {
         trigger?: (props: {
-            modelValue: any;
-            open: any;
+            modelValue: AcceptableValue | AcceptableValue[] | undefined;
+            open: boolean;
         }) => any;
     } & {
         value?: (props: {
-            modelValue: any;
-            open: any;
+            modelValue: AcceptableValue | AcceptableValue[] | undefined;
+            open: boolean;
         }) => any;
     } & {
         content?: (props: {
-            items: any;
+            items: T[] | SelectGroupType<T>[];
         }) => any;
     } & {
         label?: (props: {
-            label: any;
+            label: string;
         }) => any;
     } & {
         item?: (props: {
-            item: any;
+            item: T | SelectGroupType<T>;
         }) => any;
     } & {
         indicator?: (props: {
-            item: any;
+            item: T | SelectGroupType<T>;
         }) => any;
     } & {
         group?: (props: {
-            items: any;
+            items: SelectGroupType<T>;
         }) => any;
     } & {
         label?: (props: {
-            label: any;
+            label: string;
         }) => any;
     } & {
         item?: (props: {
-            item: any;
+            item: T;
         }) => any;
     } & {
         indicator?: (props: {
-            item: any;
+            item: T;
         }) => any;
     } & {
         default?: (props: {}) => any;

package/dist/runtime/components/misc/ThemeSwitcher.vue.d.ts

@@ -1,5 +1,5 @@
 declare var __VLS_5: {
-    open: any;
+    open: boolean;
 }, __VLS_10: {};
 type __VLS_Slots = {} & {
     trigger?: (props: typeof __VLS_5) => any;

package/dist/runtime/components/navigation/breadcrumb/Breadcrumb.vue.d.ts

@@ -1,16 +1,26 @@
 import type { NBreadcrumbProps } from '../../../types/index.js';
 declare var __VLS_5: {
-    items: any;
+    items: Partial<import("../../../types/index.js").NButtonProps & {
+        children?: import("../../../types/index.js").NButtonProps[];
+    }>[];
 }, __VLS_10: {
-    item: any;
+    item: Partial<import("../../../types/index.js").NButtonProps & {
+        children?: import("../../../types/index.js").NButtonProps[];
+    }>;
 }, __VLS_15: {
-    item: any;
+    item: Partial<import("../../../types/index.js").NButtonProps & {
+        children?: import("../../../types/index.js").NButtonProps[];
+    }>;
 }, __VLS_20: {
-    item: any;
-    index: any;
+    item: Partial<import("../../../types/index.js").NButtonProps & {
+        children?: import("../../../types/index.js").NButtonProps[];
+    }>;
+    index: number;
     isActive: boolean;
 }, __VLS_22: {
-    item: any;
+    item: Partial<import("../../../types/index.js").NButtonProps & {
+        children?: import("../../../types/index.js").NButtonProps[];
+    }>;
 }, __VLS_33: {};
 type __VLS_Slots = {} & {
     root?: (props: typeof __VLS_5) => any;

package/dist/runtime/components/navigation-menu/NavigationMenu.vue.d.ts

@@ -7,31 +7,31 @@ declare const _default: <T extends U[], U extends NNavigationMenuItemProps>(__VL
     attrs: any;
     slots: {
         [x: string]: ((props: {
-            item: any;
-            active: any;
+            item: T extends number ? number : T extends string ? string : T extends any[] ? T[number] : T extends Iterable<infer T1> ? T1 : any;
+            active: boolean | undefined;
         }) => any) | undefined;
     } & {
-        [x: string]: ((props: {
-            items: any;
-            item: any;
+        [x: `${string}-content`]: ((props: {
+            items: import("../../types/index.js").NNavigationMenuLinkProps[];
+            item: T extends number ? number : T extends string ? string : T extends any[] ? T[number] : T extends Iterable<infer T1> ? T1 : any;
         }) => any) | undefined;
     } & {
         [x: string]: ((props: {
-            item: any;
+            item: T extends number ? number : T extends string ? string : T extends any[] ? T[number] : T extends Iterable<infer T1> ? T1 : any;
         }) => any) | undefined;
     } & {
         default?: (props: {
-            items: any;
+            items: T | undefined;
         }) => any;
     } & {
         list?: (props: {
-            items: any;
+            items: T | undefined;
         }) => any;
     } & {
         trigger?: (props: {
-            modelValue: any;
-            item: any;
-            index: any;
+            modelValue: string;
+            item: T extends number ? number : T extends string ? string : T extends any[] ? T[number] : T extends Iterable<infer T1> ? T1 : any;
+            index: number;
         }) => any;
     } & {
         viewport?: (props: {}) => any;

package/dist/runtime/components/navigation-menu/NavigationMenuLink.vue.d.ts

@@ -1,6 +1,6 @@
 import type { NNavigationMenuLinkProps } from '../../types/index.js';
 declare var __VLS_6: {
-    active: any;
+    active: boolean | undefined;
 };
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_6) => any;

package/dist/runtime/components/overlays/Toaster.vue.d.ts

@@ -1,5 +1,5 @@
 import type { NToasterProps } from '../../types/index.js';
-declare var __VLS_9: any, __VLS_10: any;
+declare var __VLS_9: string | number, __VLS_10: any;
 type __VLS_Slots = {} & {
     [K in NonNullable<typeof __VLS_9>]?: (props: typeof __VLS_10) => any;
 };

package/dist/runtime/components/overlays/toast/Toast.vue.d.ts

@@ -1,6 +1,6 @@
 import type { NToastProps } from '../../../types/index.js';
 declare var __VLS_10: {}, __VLS_15: {}, __VLS_20: {}, __VLS_25: {}, __VLS_30: {}, __VLS_32: {
-    actions: any;
+    actions: import("reka-ui").ToastActionProps[];
 }, __VLS_40: {};
 type __VLS_Slots = {} & {
     leading?: (props: typeof __VLS_10) => any;

package/dist/runtime/components/overlays/toast/ToastAction.vue.d.ts

@@ -1,5 +1,5 @@
 import type { NToastActionProps } from '../../../types/index.js';
-declare var __VLS_10: any, __VLS_11: any;
+declare var __VLS_10: string | number, __VLS_11: any;
 type __VLS_Slots = {} & {
     [K in NonNullable<typeof __VLS_10>]?: (props: typeof __VLS_11) => any;
 };

package/dist/runtime/components/resizable/ResizablePanel.vue.d.ts

@@ -1,5 +1,11 @@
 import type { NResizablePanelProps } from '../../types/index.js';
-declare var __VLS_6: any;
+declare var __VLS_6: {
+    isCollapsed: boolean;
+    isExpanded: boolean;
+    collapse: () => void;
+    expand: () => void;
+    resize: (size: number) => void;
+};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_6) => any;
 };

package/dist/runtime/components/resizable/ResizablePanelGroup.vue.d.ts

@@ -1,5 +1,7 @@
 import type { NResizablePanelGroupProps } from '../../types/index.js';
-declare var __VLS_6: any;
+declare var __VLS_6: {
+    layout: number[];
+};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_6) => any;
 };

package/dist/runtime/components/sheet/Sheet.vue.d.ts

@@ -1,6 +1,6 @@
 import type { NSheetProps } from '../../types/index.js';
 declare var __VLS_6: {}, __VLS_11: {
-    open: any;
+    open: boolean;
 }, __VLS_26: {}, __VLS_31: {}, __VLS_36: {}, __VLS_41: {}, __VLS_43: {}, __VLS_48: {};
 type __VLS_Slots = {} & {
     root?: (props: typeof __VLS_6) => any;

package/dist/runtime/components/sidebar/SidebarInput.vue

@@ -8,7 +8,8 @@ const props = defineProps({
   status: { type: String, required: false },
   loading: { type: Boolean, required: false },
   reverse: { type: Boolean, required: false },
-  modelValue: { type: [String, Number], required: false },
+  autofocus: { type: Boolean, required: false },
+  autofocusDelay: { type: Number, required: false },
   leading: { type: String, required: false },
   trailing: { type: String, required: false },
   input: { type: String, required: false },

package/dist/runtime/components/sidebar/SidebarMenu.vue.d.ts

@@ -9,7 +9,7 @@ declare const _default: <T extends {
         default?: (props: {}) => any;
     } & {
         item?: (props: {
-            item: any;
+            item: T;
         }) => any;
     };
     emit: {};

package/dist/runtime/types/input.d.ts

@@ -24,11 +24,17 @@ export interface NInputProps {
      */
     reverse?: boolean;
     /**
-     * Value of the input.
+     * Automatically focus the input when the component is mounted.
      *
-     * @default null
+     * @default false
+     */
+    autofocus?: boolean;
+    /**
+     * Delay the autofocus of the input when the component is mounted.
+     *
+     * @default 0
      */
-    modelValue?: string | number;
+    autofocusDelay?: number;
     /**
      * Display leading icon.
      *

package/dist/runtime/types/table.d.ts

@@ -124,32 +124,39 @@ export interface NTableProps<TData, TValue> extends Omit<CoreOptions<TData>, 'da
     una?: NTableUnaProps & NScrollAreaUnaProps;
 }
 export interface NTableBodyProps extends PrimitiveProps {
+    [key: string]: any;
     class?: HTMLAttributes['class'];
     una?: Pick<NTableUnaProps, 'tableBody'>;
 }
 export interface NTableHeadProps extends PrimitiveProps {
+    [key: string]: any;
     class?: HTMLAttributes['class'];
     dataPinned?: 'left' | 'right' | false;
     una?: Pick<NTableUnaProps, 'tableHead'>;
 }
 export interface NTableHeaderProps extends PrimitiveProps {
+    [key: string]: any;
     class?: HTMLAttributes['class'];
     una?: Pick<NTableUnaProps, 'tableHeader'>;
 }
 export interface NTableFooterProps extends PrimitiveProps {
+    [key: string]: any;
     class?: HTMLAttributes['class'];
     una?: Pick<NTableUnaProps, 'tableFooter'>;
 }
 export interface NTableRowProps extends PrimitiveProps {
+    [key: string]: any;
     class?: HTMLAttributes['class'];
     una?: Pick<NTableUnaProps, 'tableRow'>;
 }
 export interface NTableCellProps extends PrimitiveProps {
+    [key: string]: any;
     class?: HTMLAttributes['class'];
     dataPinned?: 'left' | 'right' | false;
     una?: Pick<NTableUnaProps, 'tableCell'>;
 }
 export interface NTableEmptyProps {
+    [key: string]: any;
     class?: HTMLAttributes['class'];
     colspan?: number;
     _tableCell?: NTableCellProps;
@@ -157,6 +164,7 @@ export interface NTableEmptyProps {
     una?: Pick<NTableUnaProps, 'tableEmpty' | 'tableRow' | 'tableCell'>;
 }
 export interface NTableLoadingProps {
+    [key: string]: any;
     size?: HTMLAttributes['class'];
     enabled?: boolean;
     class?: HTMLAttributes['class'];
@@ -167,6 +175,7 @@ export interface NTableLoadingProps {
     una?: Pick<NTableUnaProps, 'tableLoading' | 'tableLoadingCell' | 'tableLoadingRow'>;
 }
 export interface NTableCaptionProps extends PrimitiveProps {
+    [key: string]: any;
     class?: HTMLAttributes['class'];
     una?: Pick<NTableUnaProps, 'tableCaption'>;
 }

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

@@ -28,3 +28,4 @@ export declare function getPriority<T>(...args: (T | undefined)[]): T | undefine
  * ```
  */
 export declare function isEqualObject(...objects: Record<string, any>[]): boolean;
+export declare function looseToNumber(val: any): any;

package/dist/runtime/utils/index.js

@@ -43,3 +43,7 @@ export function isEqualObject(...objects) {
     return JSON.stringify(obj) === JSON.stringify(objects[i - 1]);
   });
 }
+export function looseToNumber(val) {
+  const n = Number.parseFloat(val);
+  return Number.isNaN(n) ? val : n;
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@una-ui/nuxt",
   "type": "module",
-  "version": "0.57.0",
+  "version": "0.58.0",
   "description": "Nuxt module for @una-ui",
   "author": "Phojie Rengel <phojrengel@gmail.com>",
   "license": "MIT",
@@ -38,7 +38,7 @@
   "dependencies": {
     "@headlessui/vue": "^1.7.23",
     "@iconify/utils": "^2.3.0",
-    "@nuxt/kit": "^3.17.4",
+    "@nuxt/kit": "^3.17.5",
     "@nuxtjs/color-mode": "^3.5.2",
     "@tanstack/vue-table": "^8.21.3",
     "@unocss/core": "^66.0.0",
@@ -58,16 +58,16 @@
     "unocss": "^66.0.0",
     "unocss-preset-animations": "^1.2.1",
     "vaul-vue": "^0.4.1",
-    "@una-ui/extractor-vue-script": "^0.57.0",
-    "@una-ui/preset": "^0.57.0"
+    "@una-ui/preset": "^0.58.0",
+    "@una-ui/extractor-vue-script": "^0.58.0"
   },
   "devDependencies": {
-    "@iconify-json/lucide": "^1.2.44",
+    "@iconify-json/lucide": "^1.2.47",
     "@iconify-json/radix-icons": "^1.2.2",
-    "@iconify-json/tabler": "^1.2.18",
+    "@iconify-json/tabler": "^1.2.19",
     "@nuxt/module-builder": "^1.0.1",
-    "@nuxt/schema": "^3.17.4",
-    "nuxt": "^3.17.4",
+    "@nuxt/schema": "^3.17.5",
+    "nuxt": "^3.17.5",
     "zod": "^3.25.30"
   },
   "publishConfig": {