npm - una-nuxt-module - Versions diffs - 3.0.38 → 3.0.39 - Mend

una-nuxt-module 3.0.38 → 3.0.39

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (639) hide show

package/dist/runtime/components/ui/popover/PopoverContent.d.vue.ts CHANGED Viewed

@@ -8,18 +8,18 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_14) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    openAutoFocus: (event: Event) => any;
     escapeKeyDown: (event: KeyboardEvent) => any;
     pointerDownOutside: (event: import("reka-ui").PointerDownOutsideEvent) => any;
     focusOutside: (event: import("reka-ui").FocusOutsideEvent) => any;
     interactOutside: (event: import("reka-ui").PointerDownOutsideEvent | import("reka-ui").FocusOutsideEvent) => any;
+    openAutoFocus: (event: Event) => any;
     closeAutoFocus: (event: Event) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: import("reka-ui").PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: import("reka-ui").FocusOutsideEvent) => any) | undefined;
     onInteractOutside?: ((event: import("reka-ui").PointerDownOutsideEvent | import("reka-ui").FocusOutsideEvent) => any) | undefined;
+    onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/ui/popover/PopoverContent.vue CHANGED Viewed

@@ -5,7 +5,7 @@ import {
   PopoverPortal,
   useForwardPropsEmits
 } from "reka-ui";
-import cn from "../../../utils/cn";
+import cn from "#unaxt/utils/cn";
 defineOptions({
   inheritAttrs: false
 });

package/dist/runtime/components/ui/popover/PopoverContent.vue.d.ts CHANGED Viewed

@@ -8,18 +8,18 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_14) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    openAutoFocus: (event: Event) => any;
     escapeKeyDown: (event: KeyboardEvent) => any;
     pointerDownOutside: (event: import("reka-ui").PointerDownOutsideEvent) => any;
     focusOutside: (event: import("reka-ui").FocusOutsideEvent) => any;
     interactOutside: (event: import("reka-ui").PointerDownOutsideEvent | import("reka-ui").FocusOutsideEvent) => any;
+    openAutoFocus: (event: Event) => any;
     closeAutoFocus: (event: Event) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: import("reka-ui").PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: import("reka-ui").FocusOutsideEvent) => any) | undefined;
     onInteractOutside?: ((event: import("reka-ui").PointerDownOutsideEvent | import("reka-ui").FocusOutsideEvent) => any) | undefined;
+    onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/ui/progress/Progress.vue CHANGED Viewed

@@ -4,7 +4,7 @@ import {
   ProgressIndicator,
   ProgressRoot
 } from "reka-ui";
-import cn from "../../../utils/cn";
+import cn from "#unaxt/utils/cn";
 const props = defineProps({
   modelValue: { type: [Number, null], required: false, default: 0 },
   max: { type: Number, required: false },

package/dist/runtime/components/ui/radio-group/RadioGroup.vue CHANGED Viewed

@@ -1,7 +1,7 @@
 <script setup>
 import { reactiveOmit } from "@vueuse/core";
 import { RadioGroupRoot, useForwardPropsEmits } from "reka-ui";
-import cn from "../../../utils/cn";
+import cn from "#unaxt/utils/cn";
 const props = defineProps({
   modelValue: { type: null, required: false },
   defaultValue: { type: null, required: false },

package/dist/runtime/components/ui/radio-group/RadioGroupItem.vue CHANGED Viewed

@@ -1,12 +1,12 @@
 <script setup>
 import { reactiveOmit } from "@vueuse/core";
-import { CircleIcon } from "lucide-vue-next";
+import { CircleIcon } from "@lucide/vue";
 import {
   RadioGroupIndicator,
   RadioGroupItem,
   useForwardProps
 } from "reka-ui";
-import cn from "../../../utils/cn";
+import cn from "#unaxt/utils/cn";
 const props = defineProps({
   id: { type: String, required: false },
   value: { type: null, required: false },

package/dist/runtime/components/ui/range-calendar/RangeCalendar.vue CHANGED Viewed

@@ -1,7 +1,7 @@
 <script setup>
 import { reactiveOmit } from "@vueuse/core";
 import { RangeCalendarRoot, useForwardPropsEmits } from "reka-ui";
-import cn from "../../../utils/cn";
+import cn from "#unaxt/utils/cn";
 import { RangeCalendarCell, RangeCalendarCellTrigger, RangeCalendarGrid, RangeCalendarGridBody, RangeCalendarGridHead, RangeCalendarGridRow, RangeCalendarHeadCell, RangeCalendarHeader, RangeCalendarHeading, RangeCalendarNextButton, RangeCalendarPrevButton } from ".";
 const props = defineProps({
   defaultPlaceholder: { type: Object, required: false },

package/dist/runtime/components/ui/range-calendar/RangeCalendarCell.vue CHANGED Viewed

@@ -1,7 +1,7 @@
 <script setup>
 import { reactiveOmit } from "@vueuse/core";
 import { RangeCalendarCell, useForwardProps } from "reka-ui";
-import cn from "../../../utils/cn";
+import cn from "#unaxt/utils/cn";
 const props = defineProps({
   date: { type: Object, required: true },
   asChild: { type: Boolean, required: false },

package/dist/runtime/components/ui/range-calendar/RangeCalendarCellTrigger.vue CHANGED Viewed

@@ -1,7 +1,7 @@
 <script setup>
 import { reactiveOmit } from "@vueuse/core";
 import { RangeCalendarCellTrigger, useForwardProps } from "reka-ui";
-import cn from "../../../utils/cn";
+import cn from "#unaxt/utils/cn";
 import { buttonVariants } from "../button";
 const props = defineProps({
   day: { type: Object, required: true },

package/dist/runtime/components/ui/range-calendar/RangeCalendarGrid.vue CHANGED Viewed

@@ -1,7 +1,7 @@
 <script setup>
 import { reactiveOmit } from "@vueuse/core";
 import { RangeCalendarGrid, useForwardProps } from "reka-ui";
-import cn from "../../../utils/cn";
+import cn from "#unaxt/utils/cn";
 const props = defineProps({
   asChild: { type: Boolean, required: false },
   as: { type: null, required: false },

package/dist/runtime/components/ui/range-calendar/RangeCalendarGridRow.vue CHANGED Viewed

@@ -1,7 +1,7 @@
 <script setup>
 import { reactiveOmit } from "@vueuse/core";
 import { RangeCalendarGridRow, useForwardProps } from "reka-ui";
-import cn from "../../../utils/cn";
+import cn from "#unaxt/utils/cn";
 const props = defineProps({
   asChild: { type: Boolean, required: false },
   as: { type: null, required: false },

package/dist/runtime/components/ui/range-calendar/RangeCalendarHeadCell.vue CHANGED Viewed

@@ -1,7 +1,7 @@
 <script setup>
 import { reactiveOmit } from "@vueuse/core";
 import { RangeCalendarHeadCell, useForwardProps } from "reka-ui";
-import cn from "../../../utils/cn";
+import cn from "#unaxt/utils/cn";
 const props = defineProps({
   asChild: { type: Boolean, required: false },
   as: { type: null, required: false },

package/dist/runtime/components/ui/range-calendar/RangeCalendarHeader.vue CHANGED Viewed

@@ -1,7 +1,7 @@
 <script setup>
 import { reactiveOmit } from "@vueuse/core";
 import { RangeCalendarHeader, useForwardProps } from "reka-ui";
-import cn from "../../../utils/cn";
+import cn from "#unaxt/utils/cn";
 const props = defineProps({
   asChild: { type: Boolean, required: false },
   as: { type: null, required: false },

package/dist/runtime/components/ui/range-calendar/RangeCalendarHeading.vue CHANGED Viewed

@@ -1,7 +1,7 @@
 <script setup>
 import { reactiveOmit } from "@vueuse/core";
 import { RangeCalendarHeading, useForwardProps } from "reka-ui";
-import cn from "../../../utils/cn";
+import cn from "#unaxt/utils/cn";
 const props = defineProps({
   asChild: { type: Boolean, required: false },
   as: { type: null, required: false },

package/dist/runtime/components/ui/range-calendar/RangeCalendarNextButton.vue CHANGED Viewed

@@ -1,8 +1,8 @@
 <script setup>
 import { reactiveOmit } from "@vueuse/core";
-import { ChevronRight } from "lucide-vue-next";
+import { ChevronRight } from "@lucide/vue";
 import { RangeCalendarNext, useForwardProps } from "reka-ui";
-import cn from "../../../utils/cn";
+import cn from "#unaxt/utils/cn";
 import { buttonVariants } from "../button";
 const props = defineProps({
   nextPage: { type: Function, required: false },

package/dist/runtime/components/ui/range-calendar/RangeCalendarPrevButton.vue CHANGED Viewed

@@ -1,8 +1,8 @@
 <script setup>
 import { reactiveOmit } from "@vueuse/core";
-import { ChevronLeft } from "lucide-vue-next";
+import { ChevronLeft } from "@lucide/vue";
 import { RangeCalendarPrev, useForwardProps } from "reka-ui";
-import cn from "../../../utils/cn";
+import cn from "#unaxt/utils/cn";
 import { buttonVariants } from "../button";
 const props = defineProps({
   prevPage: { type: Function, required: false },

package/dist/runtime/components/ui/resizable/ResizableHandle.vue CHANGED Viewed

@@ -1,8 +1,8 @@
 <script setup>
 import { reactiveOmit } from "@vueuse/core";
-import { GripVertical } from "lucide-vue-next";
+import { GripVertical } from "@lucide/vue";
 import { SplitterResizeHandle, useForwardPropsEmits } from "reka-ui";
-import cn from "../../../utils/cn";
+import cn from "#unaxt/utils/cn";
 const props = defineProps({
   id: { type: String, required: false },
   hitAreaMargins: { type: Object, required: false },

package/dist/runtime/components/ui/resizable/ResizablePanel.d.vue.ts CHANGED Viewed

@@ -10,13 +10,13 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<SplitterPanelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    expand: () => any;
     resize: (size: number, prevSize: number | undefined) => any;
     collapse: () => any;
-    expand: () => any;
 }, string, import("vue").PublicProps, Readonly<SplitterPanelProps> & Readonly<{
+    onExpand?: (() => any) | undefined;
     onResize?: ((size: number, prevSize: number | undefined) => any) | undefined;
     onCollapse?: (() => any) | undefined;
-    onExpand?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/ui/resizable/ResizablePanel.vue.d.ts CHANGED Viewed

@@ -10,13 +10,13 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<SplitterPanelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    expand: () => any;
     resize: (size: number, prevSize: number | undefined) => any;
     collapse: () => any;
-    expand: () => any;
 }, string, import("vue").PublicProps, Readonly<SplitterPanelProps> & Readonly<{
+    onExpand?: (() => any) | undefined;
     onResize?: ((size: number, prevSize: number | undefined) => any) | undefined;
     onCollapse?: (() => any) | undefined;
-    onExpand?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/ui/resizable/ResizablePanelGroup.vue CHANGED Viewed

@@ -1,7 +1,7 @@
 <script setup>
 import { reactiveOmit } from "@vueuse/core";
 import { SplitterGroup, useForwardPropsEmits } from "reka-ui";
-import cn from "../../../utils/cn";
+import cn from "#unaxt/utils/cn";
 const props = defineProps({
   id: { type: [String, null], required: false },
   autoSaveId: { type: [String, null], required: false },

package/dist/runtime/components/ui/scroll-area/ScrollArea.vue CHANGED Viewed

@@ -5,7 +5,7 @@ import {
   ScrollAreaRoot,
   ScrollAreaViewport
 } from "reka-ui";
-import cn from "../../../utils/cn";
+import cn from "#unaxt/utils/cn";
 import ScrollBar from "./ScrollBar.vue";
 const props = defineProps({
   type: { type: String, required: false },

package/dist/runtime/components/ui/scroll-area/ScrollBar.vue CHANGED Viewed

@@ -1,7 +1,7 @@
 <script setup>
 import { reactiveOmit } from "@vueuse/core";
 import { ScrollAreaScrollbar, ScrollAreaThumb } from "reka-ui";
-import cn from "../../../utils/cn";
+import cn from "#unaxt/utils/cn";
 const props = defineProps({
   orientation: { type: String, required: false, default: "vertical" },
   forceMount: { type: Boolean, required: false },

package/dist/runtime/components/ui/select/SelectContent.vue CHANGED Viewed

@@ -6,7 +6,7 @@ import {
   SelectViewport,
   useForwardPropsEmits
 } from "reka-ui";
-import cn from "../../../utils/cn";
+import cn from "#unaxt/utils/cn";
 import { SelectScrollDownButton, SelectScrollUpButton } from ".";
 defineOptions({
   inheritAttrs: false

package/dist/runtime/components/ui/select/SelectItem.vue CHANGED Viewed

@@ -1,13 +1,13 @@
 <script setup>
 import { reactiveOmit } from "@vueuse/core";
-import { Check } from "lucide-vue-next";
+import { Check } from "@lucide/vue";
 import {
   SelectItem,
   SelectItemIndicator,
   SelectItemText,
   useForwardProps
 } from "reka-ui";
-import cn from "../../../utils/cn";
+import cn from "#unaxt/utils/cn";
 const props = defineProps({
   value: { type: null, required: true },
   disabled: { type: Boolean, required: false },
@@ -34,7 +34,7 @@ const forwardedProps = useForwardProps(delegatedProps);
     <span class="absolute right-2 flex size-3.5 items-center justify-center">
       <SelectItemIndicator>
         <slot name="indicator-icon">
-          <Check class="size-4" />
+          <Check class="size-4 opacity-50" />
         </slot>
       </SelectItemIndicator>
     </span>

package/dist/runtime/components/ui/select/SelectLabel.vue CHANGED Viewed

@@ -1,6 +1,6 @@
 <script setup>
 import { SelectLabel } from "reka-ui";
-import cn from "../../../utils/cn";
+import cn from "#unaxt/utils/cn";
 const props = defineProps({
   for: { type: String, required: false },
   asChild: { type: Boolean, required: false },

package/dist/runtime/components/ui/select/SelectScrollDownButton.vue CHANGED Viewed

@@ -1,8 +1,8 @@
 <script setup>
 import { reactiveOmit } from "@vueuse/core";
-import { ChevronDown } from "lucide-vue-next";
+import { ChevronDown } from "@lucide/vue";
 import { SelectScrollDownButton, useForwardProps } from "reka-ui";
-import cn from "../../../utils/cn";
+import cn from "#unaxt/utils/cn";
 const props = defineProps({
   asChild: { type: Boolean, required: false },
   as: { type: null, required: false },

package/dist/runtime/components/ui/select/SelectScrollUpButton.vue CHANGED Viewed

@@ -1,8 +1,8 @@
 <script setup>
 import { reactiveOmit } from "@vueuse/core";
-import { ChevronUp } from "lucide-vue-next";
+import { ChevronUp } from "@lucide/vue";
 import { SelectScrollUpButton, useForwardProps } from "reka-ui";
-import cn from "../../../utils/cn";
+import cn from "#unaxt/utils/cn";
 const props = defineProps({
   asChild: { type: Boolean, required: false },
   as: { type: null, required: false },

package/dist/runtime/components/ui/select/SelectSeparator.vue CHANGED Viewed

@@ -1,7 +1,7 @@
 <script setup>
 import { reactiveOmit } from "@vueuse/core";
 import { SelectSeparator } from "reka-ui";
-import cn from "../../../utils/cn";
+import cn from "#unaxt/utils/cn";
 const props = defineProps({
   asChild: { type: Boolean, required: false },
   as: { type: null, required: false },

package/dist/runtime/components/ui/select/SelectTrigger.vue CHANGED Viewed

@@ -1,8 +1,8 @@
 <script setup>
 import { reactiveOmit } from "@vueuse/core";
-import { ChevronDown } from "lucide-vue-next";
+import { ChevronDown } from "@lucide/vue";
 import { SelectIcon, SelectTrigger, useForwardProps } from "reka-ui";
-import cn from "../../../utils/cn";
+import cn from "#unaxt/utils/cn";
 const props = defineProps({
   disabled: { type: Boolean, required: false },
   reference: { type: null, required: false },

package/dist/runtime/components/ui/separator/Separator.vue CHANGED Viewed

@@ -1,7 +1,7 @@
 <script setup>
 import { reactiveOmit } from "@vueuse/core";
 import { Separator } from "reka-ui";
-import cn from "../../../utils/cn";
+import cn from "#unaxt/utils/cn";
 const props = defineProps({
   orientation: { type: String, required: false, default: "horizontal" },
   decorative: { type: Boolean, required: false, default: true },

package/dist/runtime/components/ui/sheet/SheetContent.d.vue.ts CHANGED Viewed

@@ -9,18 +9,18 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_19) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<SheetContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    openAutoFocus: (event: Event) => any;
     escapeKeyDown: (event: KeyboardEvent) => any;
     pointerDownOutside: (event: import("reka-ui").PointerDownOutsideEvent) => any;
     focusOutside: (event: import("reka-ui").FocusOutsideEvent) => any;
     interactOutside: (event: import("reka-ui").PointerDownOutsideEvent | import("reka-ui").FocusOutsideEvent) => any;
+    openAutoFocus: (event: Event) => any;
     closeAutoFocus: (event: Event) => any;
 }, string, import("vue").PublicProps, Readonly<SheetContentProps> & Readonly<{
-    onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: import("reka-ui").PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: import("reka-ui").FocusOutsideEvent) => any) | undefined;
     onInteractOutside?: ((event: import("reka-ui").PointerDownOutsideEvent | import("reka-ui").FocusOutsideEvent) => any) | undefined;
+    onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/ui/sheet/SheetContent.vue CHANGED Viewed

@@ -1,13 +1,13 @@
 <script setup>
 import { reactiveOmit } from "@vueuse/core";
-import { X } from "lucide-vue-next";
+import { X } from "@lucide/vue";
 import {
   DialogClose,
   DialogContent,
   DialogPortal,
   useForwardPropsEmits
 } from "reka-ui";
-import cn from "../../../utils/cn";
+import cn from "#unaxt/utils/cn";
 import SheetOverlay from "./SheetOverlay.vue";
 defineOptions({
   inheritAttrs: false

package/dist/runtime/components/ui/sheet/SheetContent.vue.d.ts CHANGED Viewed

@@ -9,18 +9,18 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_19) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<SheetContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    openAutoFocus: (event: Event) => any;
     escapeKeyDown: (event: KeyboardEvent) => any;
     pointerDownOutside: (event: import("reka-ui").PointerDownOutsideEvent) => any;
     focusOutside: (event: import("reka-ui").FocusOutsideEvent) => any;
     interactOutside: (event: import("reka-ui").PointerDownOutsideEvent | import("reka-ui").FocusOutsideEvent) => any;
+    openAutoFocus: (event: Event) => any;
     closeAutoFocus: (event: Event) => any;
 }, string, import("vue").PublicProps, Readonly<SheetContentProps> & Readonly<{
-    onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: import("reka-ui").PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: import("reka-ui").FocusOutsideEvent) => any) | undefined;
     onInteractOutside?: ((event: import("reka-ui").PointerDownOutsideEvent | import("reka-ui").FocusOutsideEvent) => any) | undefined;
+    onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/ui/sheet/SheetDescription.vue CHANGED Viewed

@@ -1,7 +1,7 @@
 <script setup>
 import { reactiveOmit } from "@vueuse/core";
 import { DialogDescription } from "reka-ui";
-import cn from "../../../utils/cn";
+import cn from "#unaxt/utils/cn";
 const props = defineProps({
   asChild: { type: Boolean, required: false },
   as: { type: null, required: false },

package/dist/runtime/components/ui/sheet/SheetFooter.vue CHANGED Viewed

@@ -1,5 +1,5 @@
 <script setup>
-import cn from "../../../utils/cn";
+import cn from "#unaxt/utils/cn";
 const props = defineProps({
   class: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true }
 });

package/dist/runtime/components/ui/sheet/SheetHeader.vue CHANGED Viewed

@@ -1,5 +1,5 @@
 <script setup>
-import cn from "../../../utils/cn";
+import cn from "#unaxt/utils/cn";
 const props = defineProps({
   class: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true }
 });

package/dist/runtime/components/ui/sheet/SheetOverlay.vue CHANGED Viewed

@@ -1,7 +1,7 @@
 <script setup>
 import { reactiveOmit } from "@vueuse/core";
 import { DialogOverlay } from "reka-ui";
-import cn from "../../../utils/cn";
+import cn from "#unaxt/utils/cn";
 const props = defineProps({
   forceMount: { type: Boolean, required: false },
   asChild: { type: Boolean, required: false },

package/dist/runtime/components/ui/sheet/SheetTitle.vue CHANGED Viewed

@@ -1,7 +1,7 @@
 <script setup>
 import { reactiveOmit } from "@vueuse/core";
 import { DialogTitle } from "reka-ui";
-import cn from "../../../utils/cn";
+import cn from "#unaxt/utils/cn";
 const props = defineProps({
   asChild: { type: Boolean, required: false },
   as: { type: null, required: false },

package/dist/runtime/components/ui/sidebar/Sidebar.d.vue.ts CHANGED Viewed

@@ -1,11 +1,9 @@
 import type { SidebarProps } from ".";
-declare var __VLS_1: {}, __VLS_36: {}, __VLS_38: {};
+declare var __VLS_1: {}, __VLS_9: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 } & {
-    default?: (props: typeof __VLS_36) => any;
-} & {
-    default?: (props: typeof __VLS_38) => any;
+    default?: (props: typeof __VLS_9) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<SidebarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SidebarProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/ui/sidebar/Sidebar.vue CHANGED Viewed

@@ -1,5 +1,6 @@
 <script setup>
-import cn from "../../../utils/cn";
+import { computed, useTemplateRef } from "vue";
+import cn from "#unaxt/utils/cn";
 import { Sheet, SheetContent } from "../sheet";
 import SheetDescription from "../sheet/SheetDescription.vue";
 import SheetHeader from "../sheet/SheetHeader.vue";
@@ -15,6 +16,8 @@ const props = defineProps({
   class: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true }
 });
 const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
+const mobileHost = useTemplateRef("mobileHost");
+const inMobileSheet = computed(() => isMobile.value && openMobile.value && mobileHost.value != null);
 </script>
 <template>
@@ -27,30 +30,12 @@ const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
     <slot />
   </div>
-  <Sheet v-else-if="isMobile" :open="openMobile" v-bind="$attrs" @update:open="setOpenMobile">
-    <SheetContent
-      data-sidebar="sidebar"
-      data-slot="sidebar"
-      data-mobile="true"
-      :side="side"
-      class="bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden"
-      :style="{
-  '--sidebar-width': SIDEBAR_WIDTH_MOBILE
-}"
-    >
-      <SheetHeader class="sr-only">
-        <SheetTitle>Sidebar</SheetTitle>
-        <SheetDescription>Displays the mobile sidebar.</SheetDescription>
-      </SheetHeader>
-      <div class="flex h-full w-full flex-col">
-        <slot />
-      </div>
-    </SheetContent>
-  </Sheet>
   <div
     v-else
-    class="group peer text-sidebar-foreground hidden md:block"
+    :class="cn(
+  'group peer text-sidebar-foreground',
+  isMobile ? 'hidden' : 'hidden md:block'
+)"
     data-slot="sidebar"
     :data-state="state"
     :data-collapsible="state === 'collapsed' ? collapsible : ''"
@@ -80,8 +65,29 @@ const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
         data-sidebar="sidebar"
         class="bg-sidebar group-data-[variant=floating]:border-sidebar-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm"
       >
-        <slot />
+        <Teleport :disabled="!inMobileSheet" :to="mobileHost || 'body'">
+          <slot />
+        </Teleport>
       </div>
     </div>
   </div>
+  <Sheet v-if="collapsible !== 'none'" :open="isMobile && openMobile" @update:open="setOpenMobile">
+    <SheetContent
+      data-sidebar="sidebar"
+      data-slot="sidebar"
+      data-mobile="true"
+      :side="side"
+      class="bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden"
+      :style="{
+  '--sidebar-width': SIDEBAR_WIDTH_MOBILE
+}"
+    >
+      <SheetHeader class="sr-only">
+        <SheetTitle>Sidebar</SheetTitle>
+        <SheetDescription>Displays the mobile sidebar.</SheetDescription>
+      </SheetHeader>
+      <div ref="mobileHost" class="flex h-full w-full flex-col" />
+    </SheetContent>
+  </Sheet>
 </template>

package/dist/runtime/components/ui/sidebar/Sidebar.vue.d.ts CHANGED Viewed

@@ -1,11 +1,9 @@
 import type { SidebarProps } from ".";
-declare var __VLS_1: {}, __VLS_36: {}, __VLS_38: {};
+declare var __VLS_1: {}, __VLS_9: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 } & {
-    default?: (props: typeof __VLS_36) => any;
-} & {
-    default?: (props: typeof __VLS_38) => any;
+    default?: (props: typeof __VLS_9) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<SidebarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SidebarProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/ui/sidebar/SidebarContent.vue CHANGED Viewed

@@ -1,5 +1,5 @@
 <script setup>
-import cn from "../../../utils/cn";
+import cn from "#unaxt/utils/cn";
 const props = defineProps({
   class: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true }
 });

package/dist/runtime/components/ui/sidebar/SidebarFooter.vue CHANGED Viewed

@@ -1,5 +1,5 @@
 <script setup>
-import cn from "../../../utils/cn";
+import cn from "#unaxt/utils/cn";
 const props = defineProps({
   class: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true }
 });

package/dist/runtime/components/ui/sidebar/SidebarGroup.vue CHANGED Viewed

@@ -1,5 +1,5 @@
 <script setup>
-import cn from "../../../utils/cn";
+import cn from "#unaxt/utils/cn";
 const props = defineProps({
   class: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true }
 });