@una-ui/nuxt 0.52.1 → 0.53.0

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

@@ -1,14 +1,16 @@
-<script setup lang="ts" generic="T extends { id?: string | number } | Record<string, any>">
-import type { NSidebarMenuProps } from '../../types'
-import { cn } from '../../utils'
-import SidebarMenuItem from './SidebarMenuItem.vue'
-
-const props = defineProps<NSidebarMenuProps<T>>()
-
-function getKey(item: T) {
+<script setup>
+import { cn } from "../../utils";
+import SidebarMenuItem from "./SidebarMenuItem.vue";
+const props = defineProps({
+  items: { type: Array, required: false },
+  itemKey: { type: null, required: false },
+  class: { type: null, required: false },
+  una: { type: Object, required: false }
+});
+function getKey(item) {
   if (props.itemKey)
-    return item[props.itemKey]
-  return 'id' in item ? item.id : JSON.stringify(item)
+    return item[props.itemKey];
+  return "id" in item ? item.id : JSON.stringify(item);
 }
 </script>
 
@@ -16,10 +18,10 @@ function getKey(item: T) {
   <ul
     data-sidebar="menu"
     :class="cn(
-      'sidebar-menu',
-      props.una?.sidebarMenu,
-      props.class,
-    )"
+  'sidebar-menu',
+  props.una?.sidebarMenu,
+  props.class
+)"
   >
     <slot>
       <SidebarMenuItem v-for="item in props.items" :key="getKey(item)">

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

@@ -0,0 +1,22 @@
+import type { NSidebarMenuProps } from '../../types/index.js';
+declare const _default: <T extends {
+    id?: string | number;
+} | Record<string, any>>(__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<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & NSidebarMenuProps<T> & Partial<{}>> & import("vue").PublicProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {
+        default?: (props: {}) => any;
+    } & {
+        item?: (props: {
+            item: T;
+        }) => any;
+    };
+    emit: {};
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -1,22 +1,24 @@
-<script setup lang="ts">
-import type { NSidebarMenuActionProps } from '../../types'
-import { Primitive } from 'reka-ui'
-import { cn } from '../../utils'
-
-const props = withDefaults(defineProps<NSidebarMenuActionProps>(), {
-  as: 'button',
-})
+<script setup>
+import { Primitive } from "reka-ui";
+import { cn } from "../../utils";
+const props = defineProps({
+  showOnHover: { type: Boolean, required: false },
+  class: { type: null, required: false },
+  una: { type: Object, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false, default: "button" }
+});
 </script>
 
 <template>
   <Primitive
     data-sidebar="menu-action"
     :class="cn(
-      'sidebar-menu-action',
-      showOnHover && 'sidebar-menu-action-show-on-hover',
-      props.una?.sidebarMenuAction,
-      props.class,
-    )"
+  'sidebar-menu-action',
+  showOnHover && 'sidebar-menu-action-show-on-hover',
+  props.una?.sidebarMenuAction,
+  props.class
+)"
     :as="as"
     :as-child="asChild"
   >

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

@@ -0,0 +1,34 @@
+import type { NSidebarMenuActionProps } from '../../types/index.js';
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<NSidebarMenuActionProps>, {
+    as: string;
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<NSidebarMenuActionProps>, {
+    as: string;
+}>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -1,18 +1,19 @@
-<script setup lang="ts">
-import type { NSidebarMenuBadgeProps } from '../../types'
-import { cn } from '../../utils'
-
-const props = defineProps<NSidebarMenuBadgeProps>()
+<script setup>
+import { cn } from "../../utils";
+const props = defineProps({
+  class: { type: null, required: false },
+  una: { type: Object, required: false }
+});
 </script>
 
 <template>
   <div
     data-sidebar="menu-badge"
     :class="cn(
-      'sidebar-menu-badge',
-      props.una?.sidebarMenuBadge,
-      props.class,
-    )"
+  'sidebar-menu-badge',
+  props.una?.sidebarMenuBadge,
+  props.class
+)"
   >
     <slot />
   </div>

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

@@ -0,0 +1,12 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & 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/sidebar/SidebarMenuButton.vue

@@ -1,36 +1,35 @@
-<script setup lang="ts">
-import type { NSidebarMenuButtonProps } from '../../types'
-import { computed } from 'vue'
-import { useSidebar } from '../../composables/useSidebar'
-import TooltipContent from '../elements/tooltip/TooltipContent.vue'
-import TooltipRoot from '../elements/tooltip/TooltipRoot.vue'
-import TooltipTrigger from '../elements/tooltip/TooltipTrigger.vue'
-import SidebarMenuButtonChild from './SidebarMenuButtonChild.vue'
-
+<script setup>
+import { computed } from "vue";
+import { useSidebar } from "../../composables/useSidebar";
+import TooltipContent from "../elements/tooltip/TooltipContent.vue";
+import TooltipRoot from "../elements/tooltip/TooltipRoot.vue";
+import TooltipTrigger from "../elements/tooltip/TooltipTrigger.vue";
+import SidebarMenuButtonChild from "./SidebarMenuButtonChild.vue";
 defineOptions({
-  inheritAttrs: false,
-})
-
-const props = withDefaults(defineProps<NSidebarMenuButtonProps>(), {
-  as: 'button',
-  variant: 'default',
-  size: 'default',
-})
-
-const { isMobile, state } = useSidebar()
-
+  inheritAttrs: false
+});
+const props = defineProps({
+  tooltip: { type: null, required: false },
+  isActive: { type: Boolean, required: false },
+  variant: { type: String, required: false, default: "default" },
+  size: { type: String, required: false, default: "default" },
+  class: { type: null, required: false },
+  una: { type: Object, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false, default: "button" }
+});
+const { isMobile, state } = useSidebar();
 const delegatedProps = computed(() => {
-  const { tooltip, una, ...delegated } = props
-  return delegated
-})
-
+  const { tooltip, una, ...delegated } = props;
+  return delegated;
+});
 const unaProps = computed(() => {
   return {
     una: {
-      sidebarMenuButtonChild: props.una?.sidebarMenuButtonChild,
-    },
-  }
-})
+      sidebarMenuButtonChild: props.una?.sidebarMenuButtonChild
+    }
+  };
+});
 </script>
 
 <template>

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

@@ -0,0 +1,19 @@
+import type { NSidebarMenuButtonProps } from '../../types/index.js';
+declare var __VLS_5: {}, __VLS_17: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_5) => any;
+} & {
+    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<{}>, {
+    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>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,48 +1,36 @@
-<script setup lang="ts">
-import type { VariantProps } from 'class-variance-authority'
-import type { PrimitiveProps } from 'reka-ui'
-import type { HTMLAttributes } from 'vue'
-import type { NSidebarMenuButtonChildProps } from '../../types'
-import { cva } from 'class-variance-authority'
-import { Primitive } from 'reka-ui'
-import { cn } from '../../utils'
-
-const props = withDefaults(defineProps<NSidebarMenuButtonChildProps>(), {
-  as: 'button',
-  variant: 'default',
-  size: 'default',
-})
-
+<script setup>
+import { cva } from "class-variance-authority";
+import { Primitive } from "reka-ui";
+import { cn } from "../../utils";
+const props = defineProps({
+  variant: { type: String, required: false, default: "default" },
+  size: { type: String, required: false, default: "default" },
+  isActive: { type: Boolean, required: false },
+  class: { type: null, required: false },
+  una: { type: Object, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false, default: "button" }
+});
 const sidebarMenuButtonVariants = cva(
-  'peer-menu_button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu_item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:!square-8 group-data-[collapsible=icon]:!p-2 [&>span:last-child]:truncate [&>span[icon-base]]:square-4',
+  "peer-menu_button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu_item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:!square-8 group-data-[collapsible=icon]:!p-2 [&>span:last-child]:truncate [&>span[icon-base]]:square-4",
   {
     variants: {
       variant: {
-        default: 'hover:bg-sidebar-accent hover:text-sidebar-accent-foreground',
-        outline:
-          'bg-background shadow-[0_0_0_1px_rgb(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_rgb(var(--sidebar-accent))]',
+        default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
+        outline: "bg-background shadow-[0_0_0_1px_rgb(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_rgb(var(--sidebar-accent))]"
       },
       size: {
-        default: 'h-8 text-sm',
-        sm: 'h-7 text-xs',
-        lg: 'h-12 text-sm group-data-[collapsible=icon]:!p-0',
-      },
+        default: "h-8 text-sm",
+        sm: "h-7 text-xs",
+        lg: "h-12 text-sm group-data-[collapsible=icon]:!p-0"
+      }
     },
     defaultVariants: {
-      variant: 'default',
-      size: 'default',
-    },
-  },
-)
-
-type SidebarMenuButtonVariants = VariantProps<typeof sidebarMenuButtonVariants>
-
-export interface SidebarMenuButtonProps extends PrimitiveProps {
-  variant?: SidebarMenuButtonVariants['variant']
-  size?: SidebarMenuButtonVariants['size']
-  isActive?: boolean
-  class?: HTMLAttributes['class']
-}
+      variant: "default",
+      size: "default"
+    }
+  }
+);
 </script>
 
 <template>
@@ -51,10 +39,10 @@ export interface SidebarMenuButtonProps extends PrimitiveProps {
     :data-size="size"
     :data-active="isActive"
     :class="cn(
-      sidebarMenuButtonVariants({ variant, size }),
-      props.una?.sidebarMenuButtonChild,
-      props.class,
-    )"
+  sidebarMenuButtonVariants({ variant, size }),
+  props.una?.sidebarMenuButtonChild,
+  props.class
+)"
     :as="as"
     :as-child="asChild"
     v-bind="$attrs"

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

@@ -0,0 +1,31 @@
+import type { VariantProps } from 'class-variance-authority';
+import type { PrimitiveProps } from 'reka-ui';
+import type { HTMLAttributes } from 'vue';
+import type { NSidebarMenuButtonChildProps } from '../../types/index.js';
+declare const sidebarMenuButtonVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type SidebarMenuButtonVariants = VariantProps<typeof sidebarMenuButtonVariants>;
+export interface SidebarMenuButtonProps extends PrimitiveProps {
+    variant?: SidebarMenuButtonVariants['variant'];
+    size?: SidebarMenuButtonVariants['size'];
+    isActive?: boolean;
+    class?: HTMLAttributes['class'];
+}
+declare var __VLS_6: {};
+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<{}>, {
+    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>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,18 +1,19 @@
-<script setup lang="ts">
-import type { NSidebarMenuItemProps } from '../../types'
-import { cn } from '../../utils'
-
-const props = defineProps<NSidebarMenuItemProps>()
+<script setup>
+import { cn } from "../../utils";
+const props = defineProps({
+  class: { type: null, required: false },
+  una: { type: Object, required: false }
+});
 </script>
 
 <template>
   <li
     data-sidebar="menu-item"
     :class="cn(
-      'group/menu_item sidebar-menu-item',
-      props.una?.sidebarMenuItem,
-      props.class,
-    )"
+  'group/menu_item sidebar-menu-item',
+  props.una?.sidebarMenuItem,
+  props.class
+)"
   >
     <slot />
   </li>

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

@@ -0,0 +1,12 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & 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/sidebar/SidebarMenuSkeleton.vue

@@ -1,24 +1,25 @@
-<script setup lang="ts">
-import type { NSidebarMenuSkeletonProps } from '../../types'
-import { computed } from 'vue'
-import { cn } from '../../utils'
-import Skeleton from '../elements/Skeleton.vue'
-
-const props = defineProps<NSidebarMenuSkeletonProps>()
-
+<script setup>
+import { computed } from "vue";
+import { cn } from "../../utils";
+import Skeleton from "../elements/Skeleton.vue";
+const props = defineProps({
+  showIcon: { type: Boolean, required: false },
+  class: { type: null, required: false },
+  una: { type: Object, required: false }
+});
 const width = computed(() => {
-  return `${Math.floor(Math.random() * 40) + 50}%`
-})
+  return `${Math.floor(Math.random() * 40) + 50}%`;
+});
 </script>
 
 <template>
   <div
     data-sidebar="menu-skeleton"
     :class="cn(
-      'sidebar-menu-skeleton',
-      props.una?.sidebarMenuSkeleton,
-      props.class,
-    )"
+  'sidebar-menu-skeleton',
+  props.una?.sidebarMenuSkeleton,
+  props.class
+)"
   >
     <slot>
       <Skeleton

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

@@ -0,0 +1,12 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & 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/sidebar/SidebarMenuSub.vue

@@ -1,18 +1,19 @@
-<script setup lang="ts">
-import type { NSidebarMenuSubProps } from '../../types'
-import { cn } from '../../utils'
-
-const props = defineProps<NSidebarMenuSubProps>()
+<script setup>
+import { cn } from "../../utils";
+const props = defineProps({
+  class: { type: null, required: false },
+  una: { type: Object, required: false }
+});
 </script>
 
 <template>
   <ul
     data-sidebar="menu-badge"
     :class="cn(
-      'sidebar-menu-sub',
-      props.una?.sidebarMenuSub,
-      props.class,
-    )"
+  'sidebar-menu-sub',
+  props.una?.sidebarMenuSub,
+  props.class
+)"
   >
     <slot />
   </ul>

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

@@ -0,0 +1,12 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & 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/sidebar/SidebarMenuSubButton.vue

@@ -1,12 +1,14 @@
-<script setup lang="ts">
-import type { NSidebarMenuSubButtonProps } from '../../types'
-import { Primitive } from 'reka-ui'
-import { cn } from '../../utils'
-
-const props = withDefaults(defineProps<NSidebarMenuSubButtonProps>(), {
-  as: 'a',
-  size: 'md',
-})
+<script setup>
+import { Primitive } from "reka-ui";
+import { cn } from "../../utils";
+const props = defineProps({
+  isActive: { type: Boolean, required: false },
+  size: { type: String, required: false, default: "md" },
+  class: { type: null, required: false },
+  una: { type: Object, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false, default: "a" }
+});
 </script>
 
 <template>
@@ -17,14 +19,14 @@ const props = withDefaults(defineProps<NSidebarMenuSubButtonProps>(), {
     :data-size="size"
     :data-active="isActive"
     :class="cn(
-      'flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground outline-none ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>span[icon-base]]:square-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground',
-      'data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground',
-      size === 'sm' && 'text-xs',
-      size === 'md' && 'text-sm',
-      'group-data-[collapsible=icon]:hidden',
-      props.una?.sidebarMenuSubButton,
-      props.class,
-    )"
+  'flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground outline-none ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>span[icon-base]]:square-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground',
+  'data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground',
+  size === 'sm' && 'text-xs',
+  size === 'md' && 'text-sm',
+  'group-data-[collapsible=icon]:hidden',
+  props.una?.sidebarMenuSubButton,
+  props.class
+)"
   >
     <slot />
   </Primitive>

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

@@ -0,0 +1,16 @@
+import type { NSidebarMenuSubButtonProps } from '../../types/index.js';
+declare var __VLS_6: {};
+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<{}>, {
+    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;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,17 +1,18 @@
-<script setup lang="ts">
-import type { NSidebarMenuSubItemProps } from '../../types'
-import { cn } from '../../utils'
-
-const props = defineProps<NSidebarMenuSubItemProps>()
+<script setup>
+import { cn } from "../../utils";
+const props = defineProps({
+  class: { type: null, required: false },
+  una: { type: Object, required: false }
+});
 </script>
 
 <template>
   <li
     :class="cn(
-      'sidebar-menu-sub-item',
-      props.una?.sidebarMenuSubItem,
-      props.class,
-    )"
+  'sidebar-menu-sub-item',
+  props.una?.sidebarMenuSubItem,
+  props.class
+)"
   >
     <slot />
   </li>

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

@@ -0,0 +1,12 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & 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;
+    };
+};