@una-ui/nuxt 1.0.0-alpha.1 → 1.0.0-alpha.10

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

@@ -12,19 +12,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
     blur: () => void | undefined;
     select: () => void | undefined;
     inputRef: import("vue").Ref<HTMLTextAreaElement | undefined, HTMLTextAreaElement | undefined>;
-}, {}, {}, {}, 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;
-}>, {
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{}>, {
     type: HTMLInputElement["type"] | "textarea";
     size: string;
     autofocusDelay: number;

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

@@ -8,6 +8,7 @@ import { RadioGroupRoot, useForwardPropsEmits } from "reka-ui";
 import { cn } from "../../../utils";
 import RadioGroupItem from "./RadioGroupItem.vue";
 const props = defineProps({
+  modelValue: { type: null, required: true },
   items: { type: Array, required: false },
   labelKey: { type: null, required: false },
   valueKey: { type: null, required: false },
@@ -20,7 +21,6 @@ const props = defineProps({
   square: { type: null, required: false, default: "1em" },
   rounded: { type: null, required: false },
   icon: { type: null, required: false },
-  modelValue: { type: null, required: false },
   defaultValue: { type: null, required: false },
   disabled: { type: Boolean, required: false },
   orientation: { type: String, required: false },
@@ -71,7 +71,6 @@ function getItemDescription(item) {
 
 <template>
   <RadioGroupRoot
-    v-slot="{ modelValue }"
     :class="cn(
   'radio-group',
   orientation === 'horizontal' ? 'radio-group-orientation-horizontal' : 'radio-group-orientation-vertical',

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

@@ -1,22 +1,22 @@
 import type { AcceptableValue } from 'reka-ui';
 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<{
+declare const _default: <T extends AcceptableValue, Item extends T | NRadioGroupItemProps<T>>(__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;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:modelValue"> & NRadioGroupProps<T> & Partial<{}>> & import("vue").PublicProps;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:modelValue"> & NRadioGroupProps<T, Item> & Partial<{}>> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {
         default?: (props: {
-            modelValue: AcceptableValue | undefined;
+            modelValue: any;
         }) => any;
     } & {
         label?: (props: {
-            item: NRadioGroupItemProps | T;
+            item: any;
         }) => any;
     } & {
         description?: (props: {
-            item: NRadioGroupItemProps | T;
+            item: any;
         }) => any;
     };
     emit: (evt: "update:modelValue", payload: string) => void;

package/dist/runtime/components/forms/radio-group/RadioGroupItem.vue

@@ -12,6 +12,7 @@ defineOptions({
   inheritAttrs: false
 });
 const props = defineProps({
+  value: { type: null, required: true },
   label: { type: String, required: false },
   radioGroup: { type: null, required: false, default: "primary" },
   description: { type: String, required: false },
@@ -22,7 +23,6 @@ const props = defineProps({
   rounded: { type: null, required: false },
   icon: { type: null, required: false, default: "radio-group-indicator-icon" },
   id: { type: String, required: false },
-  value: { type: null, required: false },
   disabled: { type: Boolean, required: false },
   asChild: { type: Boolean, required: false },
   as: { type: null, required: false },

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

@@ -1,4 +1,5 @@
 import type { NRadioGroupItemProps } from '../../../types/index.js';
+type __VLS_Props = NRadioGroupItemProps;
 declare var __VLS_9: {}, __VLS_17: {}, __VLS_19: {};
 type __VLS_Slots = {} & {
     icon?: (props: typeof __VLS_9) => any;
@@ -7,7 +8,7 @@ type __VLS_Slots = {} & {
 } & {
     description?: (props: typeof __VLS_19) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<NRadioGroupItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NRadioGroupItemProps> & Readonly<{}>, {
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     icon: import("vue").HTMLAttributes["class"];
     size: import("vue").HTMLAttributes["class"];
     square: import("vue").HTMLAttributes["class"];

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

@@ -13,11 +13,14 @@ import SelectSeparator from "./SelectSeparator.vue";
 import SelectTrigger from "./SelectTrigger.vue";
 import SelectValue from "./SelectValue.vue";
 const props = defineProps({
-  items: { type: Array, required: true },
+  items: { type: null, required: true },
   itemKey: { type: null, required: false },
   valueKey: { type: null, required: false },
   label: { type: String, required: false },
   groupSeparator: { type: Boolean, required: false },
+  defaultValue: { type: null, required: false },
+  modelValue: { type: null, required: false },
+  multiple: { type: null, required: false },
   _selectScrollUpButton: { type: Object, required: false },
   _selectItemText: { type: Object, required: false },
   _selectScrollDownButton: { type: Object, required: false },
@@ -31,11 +34,8 @@ const props = defineProps({
   una: { type: Object, required: false },
   open: { type: Boolean, required: false },
   defaultOpen: { type: Boolean, required: false },
-  defaultValue: { type: null, required: false },
-  modelValue: { type: null, required: false },
   by: { type: [String, Function], required: false },
   dir: { type: String, required: false },
-  multiple: { type: Boolean, required: false },
   autocomplete: { type: String, required: false },
   disabled: { type: Boolean, required: false },
   name: { type: String, required: false },
@@ -87,7 +87,6 @@ function isItemSelected(item, modelValue) {
 
 <template>
   <SelectRoot
-    v-slot="{ modelValue, open }"
     :class="cn(
   props.una?.select,
   props.class
@@ -211,7 +210,6 @@ function isItemSelected(item, modelValue) {
               </slot>
             </SelectGroup>
           </template>
-          <slot />
         </slot>
       </SelectContent>
     </slot>

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

@@ -1,66 +1,64 @@
 import type { AcceptableValue } from 'reka-ui';
 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<{
+declare const _default: <T extends AcceptableValue, I extends Array<T | SelectGroupType<T>>, M extends boolean = false>(__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;
         readonly "onUpdate:open"?: ((value: boolean) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:modelValue" | "onUpdate:open"> & NSelectProps<T> & Partial<{}>> & import("vue").PublicProps;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:modelValue" | "onUpdate:open"> & NSelectProps<T, I, M> & Partial<{}>> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     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: {
-            items: T[] | SelectGroupType<T>[];
+            items: any;
         }) => any;
     } & {
         label?: (props: {
-            label: string;
+            label: any;
         }) => any;
     } & {
         item?: (props: {
-            item: T | SelectGroupType<T>;
+            item: any;
         }) => any;
     } & {
         indicator?: (props: {
-            item: T | SelectGroupType<T>;
+            item: any;
         }) => any;
     } & {
         group?: (props: {
-            items: SelectGroupType<T>;
+            items: any;
         }) => any;
     } & {
         label?: (props: {
-            label: string;
+            label: any;
         }) => any;
     } & {
         item?: (props: {
-            item: T;
+            item: any;
         }) => any;
     } & {
         indicator?: (props: {
-            item: T;
+            item: any;
         }) => any;
-    } & {
-        default?: (props: {}) => any;
     };
     emit: ((evt: "update:modelValue", value: T) => void) & ((evt: "update:open", value: boolean) => void);
 }>) => import("vue").VNode & {

package/dist/runtime/components/forms/select/SelectContent.vue

@@ -22,8 +22,10 @@ const props = defineProps({
   bodyLock: { type: Boolean, required: false },
   side: { type: null, required: false },
   sideOffset: { type: Number, required: false },
+  sideFlip: { type: Boolean, required: false },
   align: { type: null, required: false },
   alignOffset: { type: Number, required: false },
+  alignFlip: { type: Boolean, required: false },
   avoidCollisions: { type: Boolean, required: false },
   collisionBoundary: { type: null, required: false },
   collisionPadding: { type: [Number, Object], required: false },
@@ -51,6 +53,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
       v-bind="{ ...forwarded, ...$attrs }"
       :class="
   cn(
+    'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95',
     'select-content',
     position === 'popper' && 'select-content-popper',
     props.class

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/hover-card/HoverCardContent.vue

@@ -14,8 +14,10 @@ const props = defineProps({
   forceMount: { type: Boolean, required: false },
   side: { type: null, required: false },
   sideOffset: { type: Number, required: false, default: 4 },
+  sideFlip: { type: Boolean, required: false },
   align: { type: null, required: false },
   alignOffset: { type: Number, required: false },
+  alignFlip: { type: Boolean, required: false },
   avoidCollisions: { type: Boolean, required: false },
   collisionBoundary: { type: null, required: false },
   collisionPadding: { type: [Number, Object], required: false },
@@ -44,6 +46,7 @@ const forwarded = useForwardProps(delegatedProps);
       v-bind="{ ...forwarded, ...$attrs }"
       :class="
   cn(
+    'data-[state=hidden]:opacity-0 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95',
     'hover-card-content',
     props.una?.hoverCardContent,
     props.class

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

@@ -25,23 +25,23 @@ const currentPrimaryThemeName = computed(() => {
 });
 const currentGrayThemeHex = computed(() => settings.value.grayColors?.["--una-gray-hex"]);
 const currentGrayThemeName = computed(() => {
-  if (settings.value.theme !== null) {
-    return false;
+  if (settings.value.theme) {
+    return settings.value.theme;
   }
   const theme = grayThemes.find(([, theme2]) => theme2["--una-gray-hex"] === currentGrayThemeHex.value);
   return theme ? theme[0] : "";
 });
-function updateColor(theme) {
+function updateTheme(theme) {
   settings.value.theme = theme;
-  settings.value.primary = "";
-  settings.value.gray = "";
+  settings.value.primary = false;
+  settings.value.gray = false;
 }
 function updatePrimaryTheme(theme) {
-  settings.value.theme = null;
+  settings.value.theme = false;
   settings.value.primary = theme;
 }
 function updateGrayTheme(theme) {
-  settings.value.theme = null;
+  settings.value.theme = false;
   settings.value.gray = theme;
 }
 function shuffleTheme() {
@@ -114,7 +114,7 @@ function shuffleTheme() {
                   class="justify-start gap-2 ring-primary"
                   :aria-label="`Theme: ${theme.name}`"
                   :class="currentPrimaryThemeName === theme?.name && 'ring-2'"
-                  @click="updateColor(theme.name)"
+                  @click="updateTheme(theme.name)"
                 >
                   <template #leading>
                     <Icon
@@ -169,19 +169,25 @@ function shuffleTheme() {
         <div class="space-y-2">
           <Label for="color" class="text-xs"> Gray Color </Label>
           <div class="grid grid-cols-7 gap-3">
-            <button
+            <template
               v-for="[key, theme] in grayThemes"
               :key="key"
-              :title="capitalize(key)"
-              :style="{ background: theme['--una-gray-hex'] }"
-              :class="currentGrayThemeName === key ? 'ring-2' : 'scale-93'"
-              class="transition-all"
-              rounded="full"
-              square="6.5"
-              :aria-label="`Gray Color: ${key}`"
-              ring="gray offset-4 offset-background"
-              @click="updateGrayTheme(key)"
-            />
+            >
+              <button
+                :title="capitalize(key)"
+                :style="{
+  '--c-gray': `oklch(${theme['--una-gray-600']})`,
+  '--c-gray-foreground': `oklch(${theme['--una-gray-500']})`
+}"
+                class="bg-$c-gray transition-all dark:bg-$c-gray-foreground"
+                rounded="full"
+                square="6.5"
+                :class="[currentGrayThemeName === key ? 'ring-2' : 'scale-93']"
+                ring="gray offset-4 offset-background"
+                :aria-label="`Gray Color: ${key}`"
+                @click="updateGrayTheme(key)"
+              />
+            </template>
           </div>
         </div>
 

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/breadcrumb/Breadcrumb.vue.d.ts

@@ -1,26 +1,16 @@
 import type { NBreadcrumbProps } from '../../../types/index.js';
 declare var __VLS_5: {
-    items: Partial<import("../../../types/index.js").NButtonProps & {
-        children?: import("../../../types/index.js").NButtonProps[];
-    }>[];
+    items: any;
 }, __VLS_10: {
-    item: Partial<import("../../../types/index.js").NButtonProps & {
-        children?: import("../../../types/index.js").NButtonProps[];
-    }>;
+    item: any;
 }, __VLS_15: {
-    item: Partial<import("../../../types/index.js").NButtonProps & {
-        children?: import("../../../types/index.js").NButtonProps[];
-    }>;
+    item: any;
 }, __VLS_20: {
-    item: Partial<import("../../../types/index.js").NButtonProps & {
-        children?: import("../../../types/index.js").NButtonProps[];
-    }>;
-    index: number;
+    item: any;
+    index: any;
     isActive: boolean;
 }, __VLS_22: {
-    item: Partial<import("../../../types/index.js").NButtonProps & {
-        children?: import("../../../types/index.js").NButtonProps[];
-    }>;
+    item: any;
 }, __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: T extends number ? number : T extends string ? string : T extends any[] ? T[number] : T extends Iterable<infer T1> ? T1 : any;
-            active: boolean | undefined;
+            item: any;
+            active: any;
         }) => any) | undefined;
     } & {
-        [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;
+        [x: string]: ((props: {
+            items: any;
+            item: any;
         }) => any) | undefined;
     } & {
         [x: string]: ((props: {
-            item: T extends number ? number : T extends string ? string : T extends any[] ? T[number] : T extends Iterable<infer T1> ? T1 : any;
+            item: any;
         }) => any) | undefined;
     } & {
         default?: (props: {
-            items: T | undefined;
+            items: any;
         }) => any;
     } & {
         list?: (props: {
-            items: T | undefined;
+            items: any;
         }) => any;
     } & {
         trigger?: (props: {
-            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;
+            modelValue: any;
+            item: any;
+            index: any;
         }) => any;
     } & {
         viewport?: (props: {}) => any;

package/dist/runtime/components/navigation-menu/NavigationMenuIndicator.vue

@@ -18,6 +18,7 @@ const forwardedProps = useForwardProps(delegatedProps);
   <NavigationMenuIndicator
     v-bind="forwardedProps"
     :class="cn(
+  'data-[state=hidden]:opacity-0 data-[state=visible]:animate-fadeIn data-[state=hidden]:animate-fadeOut',
   'navigation-menu-indicator',
   props.una?.navigationMenuIndicator,
   props.class

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: boolean | undefined;
+    active: any;
 };
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_6) => any;

package/dist/runtime/components/navigation-menu/NavigationMenuViewport.vue

@@ -34,6 +34,7 @@ const forwardedProps = useForwardProps(delegatedProps);
   cn(
     'navigation-menu-viewport',
     'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90',
+    'data-[state=closed]:fade-out data-[state=open]:fade-in',
     props.una?.navigationMenuViewport
   )
 "

package/dist/runtime/components/number-field/NumberField.vue

@@ -19,6 +19,7 @@ const props = defineProps({
   formatOptions: { type: null, required: false },
   locale: { type: String, required: false },
   disabled: { type: Boolean, required: false },
+  readonly: { type: Boolean, required: false },
   disableWheelChange: { type: Boolean, required: false },
   invertWheelChange: { type: Boolean, required: false },
   id: { type: String, required: false },

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

@@ -1,5 +1,5 @@
 import type { NToasterProps } from '../../types/index.js';
-declare var __VLS_9: string | number, __VLS_10: any;
+declare var __VLS_9: any, __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: import("reka-ui").ToastActionProps[];
+    actions: any;
 }, __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: string | number, __VLS_11: any;
+declare var __VLS_10: any, __VLS_11: any;
 type __VLS_Slots = {} & {
     [K in NonNullable<typeof __VLS_10>]?: (props: typeof __VLS_11) => any;
 };