@una-ui/nuxt 1.0.0-alpha.2 → 1.0.0-alpha.4

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@una-ui/nuxt",
   "configKey": "una",
-  "version": "1.0.0-alpha.2",
+  "version": "1.0.0-alpha.4",
   "compatibility": {
     "nuxt": ">=3.0.0"
   },

package/dist/module.mjs

@@ -8,7 +8,7 @@ import 'unocss';
 import 'unocss-preset-animations';
 
 const name = "@una-ui/nuxt";
-const version = "1.0.0-alpha.2";
+const version = "1.0.0-alpha.4";
 
 const module = defineNuxtModule({
   meta: {

package/dist/runtime/components/alert-dialog/AlertDialog.vue.d.ts

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

package/dist/runtime/components/alert-dialog/AlertDialogContent.vue

@@ -19,7 +19,6 @@ const props = defineProps({
   _alertDialogOverlay: { type: Object, required: false },
   una: { type: Object, required: false },
   forceMount: { type: Boolean, required: false },
-  trapFocus: { type: Boolean, required: false },
   disableOutsidePointerEvents: { type: Boolean, required: false },
   asChild: { type: Boolean, required: false },
   as: { type: null, required: false },

package/dist/runtime/components/aspect-ratio/AspectRatio.vue.d.ts

@@ -1,6 +1,6 @@
 import type { NAspectRatioProps } from '../../types/aspect-ratio.js';
 declare var __VLS_6: {
-    aspect: number;
+    aspect: any;
 };
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_6) => any;

package/dist/runtime/components/combobox/Combobox.vue.d.ts

@@ -19,20 +19,20 @@ declare const _default: <T extends AcceptableValue>(__VLS_props: NonNullable<Awa
         'trigger-wrapper'?: (props: {}) => any;
     } & {
         trigger?: (props: {
-            modelValue: ExtractItemType<T> | ExtractItemType<T>[];
-            open: boolean;
+            modelValue: any;
+            open: any;
         }) => any;
     } & {
         'input-wrapper'?: (props: {
-            modelValue: ExtractItemType<T> | ExtractItemType<T>[];
-            open: boolean;
+            modelValue: any;
+            open: any;
         }) => any;
     } & {
         list?: (props: {}) => any;
     } & {
         'input-wrapper'?: (props: {
-            modelValue: ExtractItemType<T> | ExtractItemType<T>[];
-            open: boolean;
+            modelValue: any;
+            open: any;
         }) => any;
     } & {
         header?: (props: {}) => any;

package/dist/runtime/components/data/table/Table.vue

@@ -73,7 +73,9 @@ const props = defineProps({
   getSubRows: { type: Function, required: false },
   initialState: { type: Object, required: false },
   mergeOptions: { type: Function, required: false },
-  meta: { type: Object, required: false }
+  meta: { type: Object, required: false },
+  emptyText: { type: String, required: false },
+  emptyIcon: { type: String, required: false }
 });
 const emit = defineEmits(["select", "selectAll", "expand", "row"]);
 const slots = defineSlots();
@@ -429,6 +431,8 @@ defineExpose({
               v-else
               :colspan="table.getAllLeafColumns().length"
               :una
+              :empty-text="props.emptyText"
+              :empty-icon="props.emptyIcon"
               v-bind="props._tableEmpty"
             >
               <slot name="empty" />

package/dist/runtime/components/data/table/TableEmpty.vue

@@ -6,6 +6,8 @@ import TableRow from "./TableRow.vue";
 const props = defineProps({
   class: { type: null, required: false },
   colspan: { type: Number, required: false, default: 1 },
+  emptyText: { type: String, required: false, default: "No results." },
+  emptyIcon: { type: String, required: false, default: "table-empty-icon-name" },
   _tableCell: { type: Object, required: false },
   _tableRow: { type: Object, required: false },
   una: { type: Object, required: false }
@@ -40,16 +42,22 @@ const delegatedProps = reactiveOmit(props, ["class"]);
         v-bind="omitProps(delegatedProps, ['_tableRow', '_tableCell', 'colspan'])"
       >
         <slot>
-          <div class="grid place-items-center gap-4">
-            <NIcon
-              name="i-tabler-database-x"
-              size="2xl"
-            />
+          <NIcon
+            :name="props.emptyIcon"
+            :class="cn(
+  'table-empty-icon',
+  props.una?.tableEmptyIcon
+)"
+          />
 
-            <span>
-              No results.
-            </span>
-          </div>
+          <span
+            :class="cn(
+  'table-empty-text',
+  props.una?.tableEmptyText
+)"
+          >
+            {{ props.emptyText }}
+          </span>
         </slot>
       </div>
     </TableCell>

package/dist/runtime/components/data/table/TableEmpty.vue.d.ts

@@ -5,8 +5,12 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<NTableEmptyProps>, {
     colspan: number;
+    emptyText: string;
+    emptyIcon: string;
 }>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<NTableEmptyProps>, {
     colspan: number;
+    emptyText: string;
+    emptyIcon: string;
 }>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/runtime/components/drawer/Drawer.vue.d.ts

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

package/dist/runtime/components/drawer/DrawerContent.vue

@@ -14,7 +14,6 @@ const props = defineProps({
   _drawerOverlay: { type: Object, required: false },
   una: { type: Object, required: false },
   forceMount: { type: Boolean, required: false },
-  trapFocus: { type: Boolean, required: false },
   disableOutsidePointerEvents: { type: Boolean, required: false },
   asChild: { type: Boolean, required: false },
   as: { type: null, required: false },

package/dist/runtime/components/elements/Progress.vue.d.ts

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

package/dist/runtime/components/elements/collapsible/Collapsible.vue.d.ts

@@ -1,8 +1,8 @@
 import type { NCollapsibleProps } from '../../../types/index.js';
 declare var __VLS_6: {
-    open: boolean;
+    open: any;
 }, __VLS_11: {
-    open: boolean;
+    open: any;
 }, __VLS_16: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_6) => any;

package/dist/runtime/components/elements/dialog/Dialog.vue.d.ts

@@ -1,6 +1,6 @@
 import type { NDialogProps } from '../../../types/index.js';
 declare var __VLS_6: {}, __VLS_11: {
-    open: boolean;
+    open: any;
 }, __VLS_27: {}, __VLS_32: {}, __VLS_37: {}, __VLS_42: {}, __VLS_44: {}, __VLS_49: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_6) => any;

package/dist/runtime/components/elements/dialog/DialogContent.vue

@@ -20,7 +20,6 @@ const props = defineProps({
   _dialogOverlay: { type: Object, required: false },
   una: { type: Object, required: false },
   forceMount: { type: Boolean, required: false },
-  trapFocus: { type: Boolean, required: false },
   disableOutsidePointerEvents: { type: Boolean, required: false },
   asChild: { type: Boolean, required: false },
   as: { type: null, required: false },

package/dist/runtime/components/elements/dialog/DialogScrollContent.vue

@@ -20,7 +20,6 @@ const props = defineProps({
   _dialogOverlay: { type: Object, required: false },
   una: { type: Object, required: false },
   forceMount: { type: Boolean, required: false },
-  trapFocus: { type: Boolean, required: false },
   disableOutsidePointerEvents: { type: Boolean, required: false },
   asChild: { type: Boolean, required: false },
   as: { type: null, required: false },

package/dist/runtime/components/elements/dropdown-menu/DropdownMenu.vue.d.ts

@@ -4,7 +4,7 @@ declare var __VLS_7: {}, __VLS_12: {}, __VLS_17: {}, __VLS_22: {
 }, __VLS_27: {
     items: NDropdownMenuProps[] | undefined;
 }, __VLS_30: `item-${string}`, __VLS_31: {}, __VLS_62: {
-    label: string | undefined;
+    label: any;
 };
 type __VLS_Slots = {} & {
     [K in NonNullable<typeof __VLS_30>]?: (props: typeof __VLS_31) => any;

package/dist/runtime/components/elements/pagination/Pagination.vue.d.ts

@@ -1,10 +1,7 @@
 import type { NPaginationProps } from '../../../types/index.js';
 declare var __VLS_10: {}, __VLS_15: {}, __VLS_20: {}, __VLS_22: {
-    item: {
-        type: "page";
-        value: number;
-    };
-    page: number;
+    item: any;
+    page: any;
 }, __VLS_30: {}, __VLS_35: {}, __VLS_40: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_10) => any;

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: boolean;
+    open: any;
 }, __VLS_15: {};
 type __VLS_Slots = {} & {
     trigger?: (props: typeof __VLS_10) => 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: boolean;
+    modelValue: any;
 }, __VLS_15: {
-    modelValue: boolean;
+    modelValue: any;
 };
 type __VLS_Slots = {} & {
     icon?: (props: typeof __VLS_10) => any;

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

@@ -8,7 +8,7 @@ declare const _default: <T extends AcceptableValue>(__VLS_props: NonNullable<Awa
     attrs: any;
     slots: {
         default?: (props: {
-            modelValue: AcceptableValue | undefined;
+            modelValue: any;
         }) => any;
     } & {
         label?: (props: {

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

@@ -9,23 +9,23 @@ declare const _default: <T extends AcceptableValue>(__VLS_props: NonNullable<Awa
     attrs: any;
     slots: {
         default?: (props: {
-            modelValue: AcceptableValue | AcceptableValue[] | undefined;
-            open: boolean;
+            modelValue: any;
+            open: any;
         }) => any;
     } & {
         'trigger-wrapper'?: (props: {
-            modelValue: AcceptableValue | AcceptableValue[] | undefined;
-            open: boolean;
+            modelValue: any;
+            open: any;
         }) => any;
     } & {
         trigger?: (props: {
-            modelValue: AcceptableValue | AcceptableValue[] | undefined;
-            open: boolean;
+            modelValue: any;
+            open: any;
         }) => any;
     } & {
         value?: (props: {
-            modelValue: AcceptableValue | AcceptableValue[] | undefined;
-            open: boolean;
+            modelValue: any;
+            open: any;
         }) => any;
     } & {
         content?: (props: {

package/dist/runtime/components/hover-card/HoverCard.vue.d.ts

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

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

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

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

@@ -29,7 +29,7 @@ declare const _default: <T extends U[], U extends NNavigationMenuItemProps>(__VL
         }) => any;
     } & {
         trigger?: (props: {
-            modelValue: string;
+            modelValue: any;
             item: T extends number ? number : T extends string ? string : T extends any[] ? T[number] : T extends Iterable<infer T1> ? T1 : any;
             index: number;
         }) => any;

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

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

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

@@ -1,7 +1,5 @@
 import type { NResizablePanelGroupProps } from '../../types/index.js';
-declare var __VLS_6: {
-    layout: number[];
-};
+declare var __VLS_6: any;
 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: boolean;
+    open: any;
 }, __VLS_26: {}, __VLS_31: {}, __VLS_36: {}, __VLS_41: {}, __VLS_43: {}, __VLS_45: {}, __VLS_50: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_6) => any;

package/dist/runtime/components/sheet/SheetContent.vue

@@ -19,7 +19,6 @@ const props = defineProps({
   _sheetPortal: { type: Object, required: false },
   una: { type: Object, required: false },
   forceMount: { type: Boolean, required: false },
-  trapFocus: { type: Boolean, required: false },
   disableOutsidePointerEvents: { type: Boolean, required: false },
   asChild: { type: Boolean, required: false },
   as: { type: null, required: false }

package/dist/runtime/composables/useUnaSettings.js

@@ -18,16 +18,14 @@ export function useUnaSettings() {
   const settings = useStorage("una-settings", defaultSettings, void 0, {
     mergeDefaults: defu
   });
-  watch(settings, () => {
-    console.log("settings.value.primary", settings.value.primary);
-    console.log("settings.value.gray", settings.value.gray);
-    if (settings.value.primary) {
-      settings.value.primaryColors = getPrimaryColors(settings.value.primary);
-    }
-    if (settings.value.gray) {
-      settings.value.grayColors = getGrayColors(settings.value.gray);
-    }
-  }, { immediate: true, deep: true });
+  watch(
+    () => [settings.value.primary, settings.value.gray],
+    ([primary, gray]) => {
+      settings.value.primaryColors = primary ? getPrimaryColors(primary) : {};
+      settings.value.grayColors = gray ? getGrayColors(gray) : {};
+    },
+    { immediate: true }
+  );
   function reset() {
     if (una.theme) {
       settings.value.theme = una.theme;

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

@@ -3,7 +3,7 @@ import type { PrimitiveProps } from 'reka-ui';
 import type { HTMLAttributes } from 'vue';
 import type { NProgressProps } from './progress.js';
 import type { NScrollAreaProps, NScrollAreaUnaProps } from './scroll-area.js';
-export interface NTableProps<TData, TValue> extends Omit<CoreOptions<TData>, 'data' | 'columns' | 'getCoreRowModel' | 'state' | 'onStateChange' | 'renderFallbackValue'> {
+export interface NTableProps<TData, TValue> extends Omit<CoreOptions<TData>, 'data' | 'columns' | 'getCoreRowModel' | 'state' | 'onStateChange' | 'renderFallbackValue'>, Pick<NTableEmptyProps, 'emptyText' | 'emptyIcon'> {
     class?: HTMLAttributes['class'];
     /**
      * @see https://tanstack.com/table/latest/docs/api/core/table#state
@@ -115,6 +115,9 @@ export interface NTableProps<TData, TValue> extends Omit<CoreOptions<TData>, 'da
     _tableEmpty?: NTableEmptyProps;
     _tableLoading?: NTableLoadingProps;
     _scrollArea?: NScrollAreaProps;
+    /**
+     * Whether the table is loading.
+     */
     loading?: boolean;
     /**
      * `UnaUI` preset configuration
@@ -159,9 +162,17 @@ export interface NTableEmptyProps {
     [key: string]: any;
     class?: HTMLAttributes['class'];
     colspan?: number;
+    /**
+     * The text to display when the table is empty.
+     */
+    emptyText?: string;
+    /**
+     * The icon to display when the table is empty.
+     */
+    emptyIcon?: string;
     _tableCell?: NTableCellProps;
     _tableRow?: NTableRowProps;
-    una?: Pick<NTableUnaProps, 'tableEmpty' | 'tableRow' | 'tableCell'>;
+    una?: Pick<NTableUnaProps, 'tableEmpty' | 'tableRow' | 'tableCell' | 'tableEmptyText' | 'tableEmptyIcon'>;
 }
 export interface NTableLoadingProps {
     [key: string]: any;
@@ -189,9 +200,11 @@ interface NTableUnaProps {
     tableRow?: HTMLAttributes['class'];
     tableCell?: HTMLAttributes['class'];
     tableCaption?: HTMLAttributes['class'];
-    tableEmpty?: HTMLAttributes['class'];
     tableLoading?: HTMLAttributes['class'];
     tableLoadingRow?: HTMLAttributes['class'];
     tableLoadingCell?: HTMLAttributes['class'];
+    tableEmpty?: HTMLAttributes['class'];
+    tableEmptyText?: HTMLAttributes['class'];
+    tableEmptyIcon?: HTMLAttributes['class'];
 }
 export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@una-ui/nuxt",
   "type": "module",
-  "version": "1.0.0-alpha.2",
+  "version": "1.0.0-alpha.4",
   "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.5",
+    "@nuxt/kit": "^3.17.7",
     "@nuxtjs/color-mode": "^3.5.2",
     "@tanstack/vue-table": "^8.21.3",
     "@unocss/core": "^66.2.0",
@@ -53,22 +53,22 @@
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "ohash": "^1.1.6",
-    "reka-ui": "^2.3.1",
+    "reka-ui": "^2.3.2",
     "tailwind-merge": "^3.3.1",
     "unocss": "^66.2.0",
     "unocss-preset-animations": "^1.2.1",
     "vaul-vue": "^0.4.1",
-    "@una-ui/extractor-vue-script": "^1.0.0-alpha.2",
-    "@una-ui/preset": "^1.0.0-alpha.2"
+    "@una-ui/preset": "^1.0.0-alpha.4",
+    "@una-ui/extractor-vue-script": "^1.0.0-alpha.4"
   },
   "devDependencies": {
-    "@iconify-json/lucide": "^1.2.51",
+    "@iconify-json/lucide": "^1.2.57",
     "@iconify-json/radix-icons": "^1.2.2",
     "@iconify-json/tabler": "^1.2.19",
     "@nuxt/module-builder": "^1.0.1",
-    "@nuxt/schema": "^3.17.5",
-    "nuxt": "^3.17.5",
-    "zod": "^3.25.67"
+    "@nuxt/schema": "^3.17.7",
+    "nuxt": "^3.17.7",
+    "zod": "^3.25.76"
   },
   "publishConfig": {
     "access": "public"