@una-ui/nuxt 0.58.0 → 0.59.0

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@una-ui/nuxt",
   "configKey": "una",
-  "version": "0.58.0",
+  "version": "0.59.0",
   "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 = "0.58.0";
+const version = "0.59.0";
 
 const module = defineNuxtModule({
   meta: {

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

@@ -6,8 +6,8 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_6) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<NAspectRatioProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NAspectRatioProps> & Readonly<{}>, {
-    rounded: import("vue").HTMLAttributes["class"];
     aspectRatio: string;
+    rounded: import("vue").HTMLAttributes["class"];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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

@@ -3,12 +3,12 @@ import type { ExtractItemType, NComboboxGroupProps, NComboboxProps } from '../..
 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: ExtractItemType<T>) => any) | undefined;
+        readonly "onUpdate:open"?: ((value: boolean) => any) | undefined;
         readonly onHighlight?: ((payload: {
             ref: HTMLElement;
             value: ExtractItemType<T>;
         } | undefined) => any) | undefined;
-        readonly "onUpdate:open"?: ((value: boolean) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:modelValue" | "onHighlight" | "onUpdate:open"> & NComboboxProps<T> & Partial<{}>> & import("vue").PublicProps;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:modelValue" | "onUpdate:open" | "onHighlight"> & NComboboxProps<T> & Partial<{}>> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {
@@ -76,10 +76,10 @@ declare const _default: <T extends AcceptableValue>(__VLS_props: NonNullable<Awa
     } & {
         footer?: (props: {}) => any;
     };
-    emit: ((evt: "update:modelValue", value: ExtractItemType<T>) => void) & ((evt: "highlight", payload: {
+    emit: ((evt: "update:modelValue", value: ExtractItemType<T>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "highlight", payload: {
         ref: HTMLElement;
         value: ExtractItemType<T>;
-    } | undefined) => void) & ((evt: "update:open", value: boolean) => void);
+    } | undefined) => void);
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -10,9 +10,6 @@ type __VLS_Slots = {} & {
     trailing?: (props: typeof __VLS_37) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<NButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NButtonProps> & Readonly<{}>, {
-    type: "button" | "submit" | "reset";
-    loadingPlacement: "leading" | "trailing" | "label";
-    size: string;
     una: {
         btnDefaultVariant?: string;
         btn?: string;
@@ -24,6 +21,9 @@ declare const __VLS_component: import("vue").DefineComponent<NButtonProps, {}, {
         btnLoadingIcon?: string;
     };
     rounded: import("vue").HTMLAttributes["class"];
+    size: string;
+    type: "button" | "submit" | "reset";
+    loadingPlacement: "leading" | "trailing" | "label";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/runtime/components/elements/avatar/Avatar.vue.d.ts

@@ -6,10 +6,10 @@ type __VLS_Slots = {} & {
     fallback?: (props: typeof __VLS_14) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<NAvatarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NAvatarProps> & Readonly<{}>, {
+    as: import("reka-ui").AsTag | import("vue").Component;
+    rounded: import("vue").HTMLAttributes["class"];
     size: import("vue").HTMLAttributes["class"];
     square: import("vue").HTMLAttributes["class"];
-    rounded: import("vue").HTMLAttributes["class"];
-    as: import("reka-ui").AsTag | import("vue").Component;
     avatar: import("vue").HTMLAttributes["class"];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

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

@@ -4,8 +4,8 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_6) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<NDialogCloseProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NDialogCloseProps> & Readonly<{}>, {
-    icon: boolean;
     label: string;
+    icon: boolean;
     btn: string;
     square: import("vue").HTMLAttributes["class"];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -1,8 +1,8 @@
 import type { NDropdownMenuItemProps } from '../../../types/index.js';
 type __VLS_Slots = any;
 declare const __VLS_component: import("vue").DefineComponent<NDropdownMenuItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NDropdownMenuItemProps> & Readonly<{}>, {
-    size: string;
     rounded: import("vue").HTMLAttributes["class"];
+    size: string;
     dropdownMenuItem: import("vue").HTMLAttributes["class"];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

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

@@ -4,8 +4,8 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_6) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<NPaginationFirstProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NPaginationFirstProps> & Readonly<{}>, {
-    icon: boolean;
     label: string;
+    icon: boolean;
     square: import("vue").HTMLAttributes["class"];
     paginationUnselected: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -4,8 +4,8 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_6) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<NPaginationLastProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NPaginationLastProps> & Readonly<{}>, {
-    icon: boolean;
     label: string;
+    icon: boolean;
     square: import("vue").HTMLAttributes["class"];
     paginationUnselected: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -4,8 +4,8 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_6) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<NPaginationNextProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NPaginationNextProps> & Readonly<{}>, {
-    icon: boolean;
     label: string;
+    icon: boolean;
     square: import("vue").HTMLAttributes["class"];
     paginationUnselected: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -4,8 +4,8 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_6) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<NPaginationPrevProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NPaginationPrevProps> & Readonly<{}>, {
-    icon: boolean;
     label: string;
+    icon: boolean;
     square: import("vue").HTMLAttributes["class"];
     paginationUnselected: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -13,22 +13,22 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
     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;
+    leading: (...args: any[]) => void;
+    trailing: (...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;
+    onLeading?: ((...args: any[]) => any) | undefined;
+    onTrailing?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
-    type: HTMLInputElement["type"] | "textarea";
     size: string;
-    autofocusDelay: number;
     resize: string | null;
+    type: HTMLInputElement["type"] | "textarea";
+    autofocusDelay: number;
     rows: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

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

@@ -12,9 +12,8 @@ const props = defineProps({
   icon: { type: null, required: false },
   checkedIcon: { type: null, required: false },
   uncheckedIcon: { type: null, required: false },
-  size: { type: null, required: false, default: "md" },
-  switchChecked: { type: null, required: false, default: "~" },
-  switchUnchecked: { type: null, required: false, default: "~" },
+  switchChecked: { type: null, required: false, default: "primary" },
+  switchUnchecked: { type: null, required: false, default: "gray" },
   una: { type: Object, required: false },
   defaultValue: { type: Boolean, required: false },
   modelValue: { type: [Boolean, null], required: false },
@@ -24,7 +23,9 @@ const props = defineProps({
   asChild: { type: Boolean, required: false },
   as: { type: [String, Object, Function], required: false },
   name: { type: String, required: false },
-  required: { type: Boolean, required: false }
+  required: { type: Boolean, required: false },
+  class: { type: null, required: false },
+  size: { type: null, required: false, default: "md" }
 });
 const emit = defineEmits(["update:modelValue"]);
 const rootPropsEmits = useForwardPropsEmits(reactivePick(props, "as", "asChild", "modelValue", "defaultValue", "disabled", "id", "name", "required", "value"), emit);
@@ -37,7 +38,7 @@ const rootPropsEmits = useForwardPropsEmits(reactivePick(props, "as", "asChild",
     :class="cn(
   'peer switch',
   una?.switch,
-  modelValue ? una?.switchChecked : una?.switchUnchecked
+  modelValue ? una?.switchCheckedBase : una?.switchUncheckedBase
 )"
     :disabled="disabled || loading"
     :switch-checked
@@ -46,7 +47,7 @@ const rootPropsEmits = useForwardPropsEmits(reactivePick(props, "as", "asChild",
   >
     <SwitchThumb
       :class="cn(
-  'switch-thumb',
+  'peer switch-thumb',
   una?.switchThumb,
   modelValue ? 'switch-thumb-checked' : 'switch-thumb-unchecked',
   modelValue ? una?.switchThumbChecked : una?.switchThumbUnchecked

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

@@ -8,8 +8,8 @@ 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<{}>, {
-    icon: import("vue").HTMLAttributes["class"];
     size: import("vue").HTMLAttributes["class"];
+    icon: import("vue").HTMLAttributes["class"];
     square: import("vue").HTMLAttributes["class"];
     radioGroup: import("vue").HTMLAttributes["class"];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -0,0 +1,79 @@
+<script setup>
+import { reactivePick } from "@vueuse/core";
+import { HoverCardRoot, useForwardPropsEmits } from "reka-ui";
+import HoverCardArrow from "./HoverCardArrow.vue";
+import HoverCardContent from "./HoverCardContent.vue";
+import HoverCardTrigger from "./HoverCardTrigger.vue";
+const props = defineProps({
+  hoverCard: { type: null, required: false, default: "outline-gray" },
+  arrow: { type: Boolean, required: false },
+  _hoverCardContent: { type: Object, required: false },
+  _hoverCardTrigger: { type: Object, required: false },
+  _hoverCardArrow: { type: Object, required: false },
+  una: { type: Object, required: false },
+  defaultOpen: { type: Boolean, required: false },
+  open: { type: Boolean, required: false },
+  openDelay: { type: Number, required: false },
+  closeDelay: { type: Number, required: false },
+  reference: { type: null, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: [String, Object, Function], required: false },
+  type: { type: String, required: false },
+  loadingPlacement: { type: String, required: false },
+  icon: { type: Boolean, required: false },
+  disabled: { type: Boolean, required: false },
+  reverse: { type: Boolean, required: false },
+  loading: { type: Boolean, required: false },
+  block: { type: Boolean, required: false },
+  to: { type: null, required: false },
+  label: { type: String, required: false },
+  btn: { type: String, required: false },
+  leading: { type: String, required: false },
+  trailing: { type: String, required: false },
+  square: { type: null, required: false },
+  rounded: { type: null, required: false },
+  class: { type: null, required: false },
+  breadcrumbActive: { type: String, required: false },
+  breadcrumbInactive: { type: String, required: false },
+  paginationSelected: { type: String, required: false },
+  paginationUnselected: { type: String, required: false },
+  dropdownMenu: { type: String, required: false },
+  toggleOn: { type: String, required: false },
+  toggleOff: { type: String, required: false },
+  tabsActive: { type: String, required: false },
+  tabsInactive: { type: String, required: false },
+  navigationMenu: { type: String, required: false },
+  navigationMenuLink: { type: String, required: false },
+  ariaLabel: { type: String, required: false },
+  size: { type: null, required: false }
+});
+const emits = defineEmits(["update:open"]);
+const rootProps = reactivePick(props, [
+  "closeDelay",
+  "openDelay",
+  "defaultOpen",
+  "open"
+]);
+const forwarded = useForwardPropsEmits(rootProps, emits);
+</script>
+
+<template>
+  <HoverCardRoot
+    v-slot="{ open }"
+    v-bind="forwarded"
+  >
+    <slot>
+      <HoverCardTrigger
+        as-child
+        :una
+        v-bind="_hoverCardTrigger"
+      >
+        <slot name="trigger" :open />
+      </HoverCardTrigger>
+      <HoverCardContent v-bind="_hoverCardContent" :hover-card :una>
+        <slot name="content" />
+        <HoverCardArrow v-if="props.arrow" v-bind="_hoverCardArrow" :hover-card :una />
+      </HoverCardContent>
+    </slot>
+  </HoverCardRoot>
+</template>

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

@@ -0,0 +1,25 @@
+import type { NHoverCardProps } from '../../types/index.js';
+declare var __VLS_6: {}, __VLS_11: {
+    open: boolean;
+}, __VLS_16: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+} & {
+    trigger?: (props: typeof __VLS_11) => any;
+} & {
+    content?: (props: typeof __VLS_16) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NHoverCardProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<NHoverCardProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    hoverCard: import("vue").HTMLAttributes["class"];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/hover-card/HoverCardArrow.vue

@@ -0,0 +1,30 @@
+<script setup>
+import { reactiveOmit } from "@vueuse/core";
+import { HoverCardArrow } from "reka-ui";
+import { cn } from "../../utils";
+const props = defineProps({
+  una: { type: Object, required: false },
+  width: { type: Number, required: false, default: 12 },
+  height: { type: Number, required: false, default: 6 },
+  rounded: { type: Boolean, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: [String, Object, Function], required: false },
+  hoverCard: { type: null, required: false },
+  class: { type: null, required: false },
+  size: { type: null, required: false }
+});
+const forwarded = reactiveOmit(props, "class", "una");
+</script>
+
+<template>
+  <HoverCardArrow
+    v-bind="forwarded"
+    data-slot="hover-card-arrow"
+    :class="cn(
+  'hover-card-arrow',
+  props.una?.hoverCardArrow,
+  props.class
+)"
+    :hover-card
+  />
+</template>

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

@@ -0,0 +1,6 @@
+import type { NHoverCardArrowProps } from '../../types/index.js';
+declare const _default: import("vue").DefineComponent<NHoverCardArrowProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NHoverCardArrowProps> & Readonly<{}>, {
+    width: number;
+    height: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/runtime/components/hover-card/HoverCardContent.vue

@@ -0,0 +1,57 @@
+<script setup>
+import { reactiveOmit } from "@vueuse/core";
+import {
+  HoverCardContent,
+  HoverCardPortal,
+  useForwardProps
+} from "reka-ui";
+import { cn } from "../../utils";
+defineOptions({
+  inheritAttrs: false
+});
+const props = defineProps({
+  una: { type: Object, required: false },
+  forceMount: { type: Boolean, required: false },
+  side: { type: null, required: false },
+  sideOffset: { type: Number, required: false, default: 4 },
+  align: { type: null, required: false },
+  alignOffset: { type: Number, required: false },
+  avoidCollisions: { type: Boolean, required: false },
+  collisionBoundary: { type: null, required: false },
+  collisionPadding: { type: [Number, Object], required: false },
+  arrowPadding: { type: Number, required: false },
+  sticky: { type: String, required: false },
+  hideWhenDetached: { type: Boolean, required: false },
+  positionStrategy: { type: String, required: false },
+  updatePositionStrategy: { type: String, required: false },
+  disableUpdateOnLayoutShift: { type: Boolean, required: false },
+  prioritizePosition: { type: Boolean, required: false },
+  reference: { type: null, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: [String, Object, Function], required: false },
+  hoverCard: { type: null, required: false },
+  class: { type: null, required: false },
+  size: { type: null, required: false }
+});
+const delegatedProps = reactiveOmit(props, "una", "class");
+const forwarded = useForwardProps(delegatedProps);
+</script>
+
+<template>
+  <HoverCardPortal>
+    <HoverCardContent
+      data-slot="hover-card-content"
+      v-bind="{ ...forwarded, ...$attrs }"
+      :class="
+  cn(
+    'hover-card-content',
+    props.una?.hoverCardContent,
+    props.class
+  )
+"
+      :hover-card
+    >
+      <slot />
+    </HoverCardContent>
+  </HoverCardPortal>
+</template>

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

@@ -0,0 +1,15 @@
+import type { NHoverCardContentProps } from '../../types/index.js';
+declare var __VLS_10: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NHoverCardContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NHoverCardContentProps> & Readonly<{}>, {
+    sideOffset: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/hover-card/HoverCardTrigger.vue

@@ -0,0 +1,55 @@
+<script setup>
+import { reactiveOmit } from "@vueuse/core";
+import { HoverCardTrigger, useForwardProps } from "reka-ui";
+import { cn } from "../../utils";
+const props = defineProps({
+  una: { type: Object, required: false },
+  reference: { type: null, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: [String, Object, Function], required: false },
+  type: { type: String, required: false },
+  loadingPlacement: { type: String, required: false },
+  icon: { type: Boolean, required: false },
+  disabled: { type: Boolean, required: false },
+  reverse: { type: Boolean, required: false },
+  loading: { type: Boolean, required: false },
+  block: { type: Boolean, required: false },
+  to: { type: null, required: false },
+  label: { type: String, required: false },
+  btn: { type: String, required: false },
+  leading: { type: String, required: false },
+  trailing: { type: String, required: false },
+  size: { type: String, required: false },
+  square: { type: null, required: false },
+  rounded: { type: null, required: false },
+  class: { type: null, required: false },
+  breadcrumbActive: { type: String, required: false },
+  breadcrumbInactive: { type: String, required: false },
+  paginationSelected: { type: String, required: false },
+  paginationUnselected: { type: String, required: false },
+  dropdownMenu: { type: String, required: false },
+  toggleOn: { type: String, required: false },
+  toggleOff: { type: String, required: false },
+  tabsActive: { type: String, required: false },
+  tabsInactive: { type: String, required: false },
+  navigationMenu: { type: String, required: false },
+  navigationMenuLink: { type: String, required: false },
+  ariaLabel: { type: String, required: false }
+});
+const delegatedProps = reactiveOmit(props, "class");
+const forwarded = useForwardProps(delegatedProps);
+</script>
+
+<template>
+  <HoverCardTrigger
+    data-slot="hover-card-trigger"
+    v-bind="forwarded"
+    :class="cn(
+  'hover-card-trigger',
+  props.una?.hoverCardTrigger,
+  props.class
+)"
+  >
+    <slot />
+  </HoverCardTrigger>
+</template>

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

@@ -0,0 +1,13 @@
+import type { NHoverCardTriggerProps } from '../../types/index.js';
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NHoverCardTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NHoverCardTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -4,8 +4,8 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<NBreadcrumbEllipsisProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NBreadcrumbEllipsisProps> & Readonly<{}>, {
-    icon: string;
     size: string;
+    icon: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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

@@ -4,8 +4,8 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<NBreadcrumbSeparatorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NBreadcrumbSeparatorProps> & Readonly<{}>, {
-    icon: string;
     size: string;
+    icon: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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

@@ -14,9 +14,9 @@ declare const __VLS_component: import("vue").DefineComponent<NNavigationMenuLink
         originalEvent: Event;
     }>) => any) | undefined;
 }>, {
+    as: import("reka-ui").AsTag | import("vue").Component;
     btn: string;
     navigationMenuLink: string;
-    as: import("reka-ui").AsTag | import("vue").Component;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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

@@ -4,10 +4,10 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_6) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<NNavigationMenuTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NNavigationMenuTriggerProps> & Readonly<{}>, {
+    as: import("reka-ui").AsTag | import("vue").Component;
     btn: string;
     trailing: string;
     navigationMenu: string;
-    as: import("reka-ui").AsTag | import("vue").Component;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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

@@ -4,8 +4,8 @@ type __VLS_Slots = {} & {
     [K in NonNullable<typeof __VLS_10>]?: (props: typeof __VLS_11) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<NToastActionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NToastActionProps> & Readonly<{}>, {
-    btn: string;
     size: string;
+    btn: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/runtime/components/scroll-area/ScrollArea.vue.d.ts

@@ -4,8 +4,8 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<NScrollAreaProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NScrollAreaProps> & Readonly<{}>, {
-    size: import("vue").HTMLAttributes["class"];
     rounded: import("vue").HTMLAttributes["class"];
+    size: import("vue").HTMLAttributes["class"];
     scrollArea: import("vue").HTMLAttributes["class"];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

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

@@ -6,8 +6,8 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_17) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<NSidebarMenuButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NSidebarMenuButtonProps> & Readonly<{}>, {
-    size: "default" | "sm" | "lg";
     as: import("reka-ui").AsTag | import("vue").Component;
+    size: "default" | "sm" | "lg";
     variant: "default" | "outline";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

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

@@ -18,8 +18,8 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_6) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<NSidebarMenuButtonChildProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NSidebarMenuButtonChildProps> & Readonly<{}>, {
-    size: "default" | "sm" | "lg";
     as: import("reka-ui").AsTag | import("vue").Component;
+    size: "default" | "sm" | "lg";
     variant: "default" | "outline";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

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

@@ -4,8 +4,8 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_6) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<NSidebarMenuSubButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NSidebarMenuSubButtonProps> & Readonly<{}>, {
-    size: "sm" | "md";
     as: import("reka-ui").AsTag | import("vue").Component;
+    size: "sm" | "md";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/runtime/types/hover-card.d.ts

@@ -0,0 +1,57 @@
+import type { HoverCardArrowProps, HoverCardContentProps, HoverCardRootProps, HoverCardTriggerProps } from 'reka-ui';
+import type { HTMLAttributes } from 'vue';
+import type { NButtonProps } from './button.js';
+interface BaseExtensions {
+    /** CSS class for the component */
+    class?: HTMLAttributes['class'];
+    /** Size of the component */
+    size?: HTMLAttributes['class'];
+}
+export interface NHoverCardProps extends HoverCardRootProps, Omit<NHoverCardTriggerProps, 'una' | 'size'>, BaseExtensions {
+    /**
+     * Allows you to add `UnaUI` hover-card preset properties,
+     * Think of it as a shortcut for adding options or variants to the preset if available.
+     *
+     * @see https://github.com/una-ui/una-ui/blob/main/packages/preset/src/_shortcuts/hover-card.ts
+     * @example
+     * hover-card="outline-gray"
+     */
+    hoverCard?: HTMLAttributes['class'];
+    /** Whether to show the arrow or not */
+    arrow?: boolean;
+    /** Props for the hover card content */
+    _hoverCardContent?: Partial<NHoverCardContentProps>;
+    /** Props for the hover card trigger */
+    _hoverCardTrigger?: Partial<NHoverCardTriggerProps>;
+    /** Props for the hover card arrow */
+    _hoverCardArrow?: Partial<NHoverCardArrowProps>;
+    /**
+     * `UnaUI` preset configuration
+     *
+     * @see https://github.com/una-ui/una-ui/blob/main/packages/preset/src/_shortcuts/hover-card.ts
+     */
+    una?: NHoverCardUnaProps;
+}
+export interface NHoverCardContentProps extends HoverCardContentProps, Pick<NHoverCardProps, 'hoverCard'>, BaseExtensions {
+    /** Additional properties for the una component */
+    una?: Pick<NHoverCardUnaProps, 'hoverCardContent'>;
+}
+export interface NHoverCardTriggerProps extends HoverCardTriggerProps, Omit<NButtonProps, 'una'> {
+    /** Additional properties for the una component */
+    una?: Pick<NHoverCardUnaProps, 'hoverCardTrigger'> & NButtonProps['una'];
+}
+export interface NHoverCardArrowProps extends HoverCardArrowProps, Pick<NHoverCardProps, 'hoverCard'>, BaseExtensions {
+    /** Additional properties for the una component */
+    una?: Pick<NHoverCardUnaProps, 'hoverCardArrow'>;
+}
+interface NHoverCardUnaProps {
+    /** CSS class for the hover card */
+    hoverCard?: HTMLAttributes['class'];
+    /** CSS class for the hover card content */
+    hoverCardContent?: HTMLAttributes['class'];
+    /** CSS class for the hover card trigger */
+    hoverCardTrigger?: HTMLAttributes['class'];
+    /** CSS class for the hover card arrow */
+    hoverCardArrow?: HTMLAttributes['class'];
+}
+export {};

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

@@ -16,6 +16,7 @@ export * from './drawer.js';
 export * from './dropdown-menu.js';
 export * from './form.js';
 export * from './form-group.js';
+export * from './hover-card.js';
 export * from './icon.js';
 export * from './indicator.js';
 export * from './input.js';

package/dist/runtime/types/index.js

@@ -16,6 +16,7 @@ export * from "./drawer.js";
 export * from "./dropdown-menu.js";
 export * from "./form.js";
 export * from "./form-group.js";
+export * from "./hover-card.js";
 export * from "./icon.js";
 export * from "./indicator.js";
 export * from "./input.js";

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

@@ -1,6 +1,18 @@
 import type { SwitchRootProps } from 'reka-ui';
 import type { HTMLAttributes } from 'vue';
-export interface NSwitchProps extends SwitchRootProps {
+interface BaseExtensions {
+    class?: HTMLAttributes['class'];
+    /**
+     * Allows you to change the size of the input.
+     *
+     * @default md
+     *
+     * @example
+     * size="sm" | size="2cm" | size="2rem" | size="2px"
+     */
+    size?: HTMLAttributes['class'];
+}
+export interface NSwitchProps extends SwitchRootProps, BaseExtensions {
     /**
      * Add a loading indicator to the switch.
      * This will also disable the switch.
@@ -31,15 +43,6 @@ export interface NSwitchProps extends SwitchRootProps {
      * off-icon="i-heroicons-x-mark-20-solid text-white"
      */
     uncheckedIcon?: HTMLAttributes['class'];
-    /**
-     * Allows you to change the size of the input.
-     *
-     * @default md
-     *
-     * @example
-     * size="sm" | size="2cm" | size="2rem" | size="2px"
-     */
-    size?: HTMLAttributes['class'];
     /**
      * Allows you to add `UnaUI` switch preset properties,
      * Think of it as a shortcut for adding options or variants to the preset if available.
@@ -63,8 +66,8 @@ export interface NSwitchProps extends SwitchRootProps {
      */
     una?: {
         switch?: HTMLAttributes['class'];
-        switchChecked?: HTMLAttributes['class'];
-        switchUnchecked?: HTMLAttributes['class'];
+        switchCheckedBase?: HTMLAttributes['class'];
+        switchUncheckedBase?: HTMLAttributes['class'];
         switchThumb?: HTMLAttributes['class'];
         switchThumbChecked?: HTMLAttributes['class'];
         switchThumbUnchecked?: HTMLAttributes['class'];
@@ -75,3 +78,4 @@ export interface NSwitchProps extends SwitchRootProps {
         switchLoadingIconName?: HTMLAttributes['class'];
     };
 }
+export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@una-ui/nuxt",
   "type": "module",
-  "version": "0.58.0",
+  "version": "0.59.0",
   "description": "Nuxt module for @una-ui",
   "author": "Phojie Rengel <phojrengel@gmail.com>",
   "license": "MIT",
@@ -58,8 +58,8 @@
     "unocss": "^66.0.0",
     "unocss-preset-animations": "^1.2.1",
     "vaul-vue": "^0.4.1",
-    "@una-ui/preset": "^0.58.0",
-    "@una-ui/extractor-vue-script": "^0.58.0"
+    "@una-ui/extractor-vue-script": "^0.59.0",
+    "@una-ui/preset": "^0.59.0"
   },
   "devDependencies": {
     "@iconify-json/lucide": "^1.2.47",