@customafk/lunas-ui 0.2.5 → 0.2.7

package/dist/ui/sidebar.d.cts

@@ -1,9 +1,9 @@
-import { t as Button } from "../button-DYZCqN6A.cjs";
+import { t as Button } from "../button-Bn54lPVz.cjs";
 import { Separator } from "./separator.cjs";
 import { TooltipContent } from "./tooltip.cjs";
-import { t as Input } from "../input-DszdZdbJ.cjs";
-import * as react_jsx_runtime225 from "react/jsx-runtime";
-import * as class_variance_authority_types9 from "class-variance-authority/types";
+import { t as Input } from "../input-t2hpPP2K.cjs";
+import * as react_jsx_runtime254 from "react/jsx-runtime";
+import * as class_variance_authority_types11 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
 
 //#region packages/components/ui/sidebar.d.ts
@@ -16,7 +16,42 @@ type SidebarContextProps = {
   isMobile: boolean;
   toggleSidebar: () => void;
 };
+/**
+ * Hook that returns the current sidebar state and control methods from the nearest SidebarProvider.
+ * Must be used within a `<SidebarProvider>`.
+ */
 declare function useSidebar(): SidebarContextProps;
+/**
+ * Context provider that manages sidebar open/collapsed state, mobile drawer, keyboard shortcut (Ctrl+B), and CSS variables for all child Sidebar components.
+ *
+ * @example
+ * ```tsx
+ * import {
+ *   SidebarProvider, Sidebar, SidebarHeader, SidebarContent,
+ *   SidebarMenu, SidebarMenuItem, SidebarMenuButton,
+ *   SidebarInset, SidebarTrigger,
+ * } from '@customafk/lunas-ui/ui/sidebar';
+ *
+ * <SidebarProvider>
+ *   <Sidebar>
+ *     <SidebarHeader>Logo</SidebarHeader>
+ *     <SidebarContent>
+ *       <SidebarMenu>
+ *         <SidebarMenuItem>
+ *           <SidebarMenuButton asChild isActive>
+ *             <a href="/dashboard">Dashboard</a>
+ *           </SidebarMenuButton>
+ *         </SidebarMenuItem>
+ *       </SidebarMenu>
+ *     </SidebarContent>
+ *   </Sidebar>
+ *   <SidebarInset>
+ *     <SidebarTrigger />
+ *     <main>Page content</main>
+ *   </SidebarInset>
+ * </SidebarProvider>
+ * ```
+ */
 declare function SidebarProvider({
   defaultOpen,
   open: openProp,
@@ -26,10 +61,20 @@ declare function SidebarProvider({
   children,
   ...props
 }: React.ComponentProps<'div'> & {
+  /** Whether the sidebar starts expanded. @default true */
   defaultOpen?: boolean;
+  /** Controlled open state. */
   open?: boolean;
+  /** Callback fired when the open state changes. */
   onOpenChange?: (open: boolean) => void;
-}): react_jsx_runtime225.JSX.Element;
+}): react_jsx_runtime254.JSX.Element;
+/**
+ * The main sidebar panel; renders as a Drawer on mobile and a fixed `<aside>` on desktop with optional collapse behavior.
+ *
+ * @param side - Which edge of the viewport the sidebar attaches to. @default `'left'`
+ * @param variant - Visual style: `'sidebar'` (default), `'floating'`, or `'inset'`.
+ * @param collapsible - Collapse mode: `'offcanvas'` (slides out), `'icon'` (icon-only), or `'none'` (always visible).
+ */
 declare function Sidebar({
   side,
   variant,
@@ -41,75 +86,106 @@ declare function Sidebar({
   side?: 'left' | 'right';
   variant?: 'sidebar' | 'floating' | 'inset';
   collapsible?: 'offcanvas' | 'icon' | 'none';
-}): react_jsx_runtime225.JSX.Element;
+}): react_jsx_runtime254.JSX.Element;
+/** Icon button that toggles the sidebar open/collapsed state. */
 declare function SidebarTrigger({
   className,
   onClick,
   ...props
-}: React.ComponentProps<typeof Button>): react_jsx_runtime225.JSX.Element;
+}: React.ComponentProps<typeof Button>): react_jsx_runtime254.JSX.Element;
+/** Invisible drag-rail along the sidebar edge that toggles collapse on click. */
 declare function SidebarRail({
   className,
   ...props
-}: React.ComponentProps<'button'>): react_jsx_runtime225.JSX.Element;
+}: React.ComponentProps<'button'>): react_jsx_runtime254.JSX.Element;
+/** The main content area that sits beside the Sidebar; expands to fill the remaining viewport width. */
 declare function SidebarInset({
   className,
   children,
   ...props
-}: React.ComponentProps<'main'>): react_jsx_runtime225.JSX.Element;
+}: React.ComponentProps<'main'>): react_jsx_runtime254.JSX.Element;
+/** A compact search input styled for use inside a sidebar header. */
 declare function SidebarInput({
   className,
   ...props
-}: React.ComponentProps<typeof Input>): react_jsx_runtime225.JSX.Element;
+}: React.ComponentProps<typeof Input>): react_jsx_runtime254.JSX.Element;
+/** Sticky top section of the Sidebar, typically holding a logo or workspace switcher. */
 declare function SidebarHeader({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime225.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime254.JSX.Element;
+/** Sticky bottom section of the Sidebar, typically holding user account info or settings. */
 declare function SidebarFooter({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime225.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime254.JSX.Element;
+/** A horizontal Separator styled for use between sections inside a Sidebar. */
 declare function SidebarSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof Separator>): react_jsx_runtime225.JSX.Element;
+}: React.ComponentProps<typeof Separator>): react_jsx_runtime254.JSX.Element;
+/** Scrollable middle section of the Sidebar that grows to fill available space. */
 declare function SidebarContent({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime225.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime254.JSX.Element;
+/** A logical section within SidebarContent, grouping related SidebarMenu items. */
 declare function SidebarGroup({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime225.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime254.JSX.Element;
+/**
+ * Small all-caps heading label at the top of a SidebarGroup; hidden automatically in icon-only collapse mode.
+ *
+ * @param asChild - When true, renders as the child element via Radix Slot.
+ */
 declare function SidebarGroupLabel({
   className,
   asChild,
   ...props
 }: React.ComponentProps<'div'> & {
   asChild?: boolean;
-}): react_jsx_runtime225.JSX.Element;
+}): react_jsx_runtime254.JSX.Element;
+/**
+ * Action button (e.g. "Add") positioned absolutely at the top-right of a SidebarGroup label.
+ *
+ * @param asChild - When true, renders as the child element via Radix Slot.
+ */
 declare function SidebarGroupAction({
   className,
   asChild,
   ...props
 }: React.ComponentProps<'button'> & {
   asChild?: boolean;
-}): react_jsx_runtime225.JSX.Element;
+}): react_jsx_runtime254.JSX.Element;
+/** The content area of a SidebarGroup, typically wrapping a SidebarMenu. */
 declare function SidebarGroupContent({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime225.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime254.JSX.Element;
+/** Vertical list `<ul>` that holds SidebarMenuItems. */
 declare function SidebarMenu({
   className,
   ...props
-}: React.ComponentProps<'ul'>): react_jsx_runtime225.JSX.Element;
+}: React.ComponentProps<'ul'>): react_jsx_runtime254.JSX.Element;
+/** A single `<li>` entry in a SidebarMenu that may include a button, action, and badge. */
 declare function SidebarMenuItem({
   className,
   ...props
-}: React.ComponentProps<'li'>): react_jsx_runtime225.JSX.Element;
+}: React.ComponentProps<'li'>): react_jsx_runtime254.JSX.Element;
 declare const sidebarMenuButtonVariants: (props?: ({
   variant?: "default" | "outline" | null | undefined;
   size?: "sm" | "lg" | "default" | null | undefined;
-} & class_variance_authority_types9.ClassProp) | undefined) => string;
+} & class_variance_authority_types11.ClassProp) | undefined) => string;
+/**
+ * The primary clickable button within a SidebarMenuItem; collapses to an icon-only view when the sidebar is in icon-collapse mode and optionally shows a tooltip.
+ *
+ * @param asChild - When true, renders as the child element via Radix Slot (useful for router links).
+ * @param isActive - Marks the button as the currently active route.
+ * @param tooltip - A string or TooltipContent props shown when the sidebar is collapsed to icon-only mode.
+ * @param variant - `'default'` or `'outline'`.
+ * @param size - `'default'`, `'sm'`, or `'lg'`.
+ */
 declare function SidebarMenuButton({
   asChild,
   isActive,
@@ -122,7 +198,13 @@ declare function SidebarMenuButton({
   asChild?: boolean;
   isActive?: boolean;
   tooltip?: string | React.ComponentProps<typeof TooltipContent>;
-} & VariantProps<typeof sidebarMenuButtonVariants>): react_jsx_runtime225.JSX.Element;
+} & VariantProps<typeof sidebarMenuButtonVariants>): react_jsx_runtime254.JSX.Element;
+/**
+ * An icon action button (e.g. more-options) positioned at the right of a SidebarMenuButton.
+ *
+ * @param asChild - When true, renders as the child element via Radix Slot.
+ * @param showOnHover - When true, the action is only visible on hover or when the menu item is focused.
+ */
 declare function SidebarMenuAction({
   className,
   asChild,
@@ -131,26 +213,41 @@ declare function SidebarMenuAction({
 }: React.ComponentProps<'button'> & {
   asChild?: boolean;
   showOnHover?: boolean;
-}): react_jsx_runtime225.JSX.Element;
+}): react_jsx_runtime254.JSX.Element;
+/** Small numeric or text badge rendered at the right of a SidebarMenuButton (e.g. unread count). */
 declare function SidebarMenuBadge({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime225.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime254.JSX.Element;
+/**
+ * Placeholder skeleton row rendered in place of a SidebarMenuButton while menu items are loading.
+ *
+ * @param showIcon - When true, also renders a small square skeleton for the icon slot.
+ */
 declare function SidebarMenuSkeleton({
   className,
   showIcon,
   ...props
 }: React.ComponentProps<'div'> & {
   showIcon?: boolean;
-}): react_jsx_runtime225.JSX.Element;
+}): react_jsx_runtime254.JSX.Element;
+/** Indented nested list of SidebarMenuSubItems rendered below a parent SidebarMenuItem. */
 declare function SidebarMenuSub({
   className,
   ...props
-}: React.ComponentProps<'ul'>): react_jsx_runtime225.JSX.Element;
+}: React.ComponentProps<'ul'>): react_jsx_runtime254.JSX.Element;
+/** A single `<li>` entry inside a SidebarMenuSub. */
 declare function SidebarMenuSubItem({
   className,
   ...props
-}: React.ComponentProps<'li'>): react_jsx_runtime225.JSX.Element;
+}: React.ComponentProps<'li'>): react_jsx_runtime254.JSX.Element;
+/**
+ * The clickable link/button for a nested sub-menu entry inside a SidebarMenuSub.
+ *
+ * @param asChild - When true, renders as the child element via Radix Slot.
+ * @param size - `'sm'` for smaller text, `'md'` for normal text.
+ * @param isActive - Highlights the button as the currently active sub-route.
+ */
 declare function SidebarMenuSubButton({
   asChild,
   size,
@@ -161,7 +258,7 @@ declare function SidebarMenuSubButton({
   asChild?: boolean;
   size?: 'sm' | 'md';
   isActive?: boolean;
-}): react_jsx_runtime225.JSX.Element;
+}): react_jsx_runtime254.JSX.Element;
 //#endregion
 export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar };
 //# sourceMappingURL=sidebar.d.cts.map

package/dist/ui/sidebar.d.mts

@@ -1,10 +1,10 @@
-import { t as Button } from "../button-B5a1UlC_.mjs";
+import { t as Button } from "../button-C76drZpd.mjs";
 import { Separator } from "./separator.mjs";
 import { TooltipContent } from "./tooltip.mjs";
-import { t as Input } from "../input-Dv7UKl6Z.mjs";
+import { t as Input } from "../input-D5dtkW6g.mjs";
+import * as react_jsx_runtime256 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as react_jsx_runtime253 from "react/jsx-runtime";
-import * as class_variance_authority_types11 from "class-variance-authority/types";
+import * as class_variance_authority_types12 from "class-variance-authority/types";
 
 //#region packages/components/ui/sidebar.d.ts
 type SidebarContextProps = {
@@ -16,7 +16,42 @@ type SidebarContextProps = {
   isMobile: boolean;
   toggleSidebar: () => void;
 };
+/**
+ * Hook that returns the current sidebar state and control methods from the nearest SidebarProvider.
+ * Must be used within a `<SidebarProvider>`.
+ */
 declare function useSidebar(): SidebarContextProps;
+/**
+ * Context provider that manages sidebar open/collapsed state, mobile drawer, keyboard shortcut (Ctrl+B), and CSS variables for all child Sidebar components.
+ *
+ * @example
+ * ```tsx
+ * import {
+ *   SidebarProvider, Sidebar, SidebarHeader, SidebarContent,
+ *   SidebarMenu, SidebarMenuItem, SidebarMenuButton,
+ *   SidebarInset, SidebarTrigger,
+ * } from '@customafk/lunas-ui/ui/sidebar';
+ *
+ * <SidebarProvider>
+ *   <Sidebar>
+ *     <SidebarHeader>Logo</SidebarHeader>
+ *     <SidebarContent>
+ *       <SidebarMenu>
+ *         <SidebarMenuItem>
+ *           <SidebarMenuButton asChild isActive>
+ *             <a href="/dashboard">Dashboard</a>
+ *           </SidebarMenuButton>
+ *         </SidebarMenuItem>
+ *       </SidebarMenu>
+ *     </SidebarContent>
+ *   </Sidebar>
+ *   <SidebarInset>
+ *     <SidebarTrigger />
+ *     <main>Page content</main>
+ *   </SidebarInset>
+ * </SidebarProvider>
+ * ```
+ */
 declare function SidebarProvider({
   defaultOpen,
   open: openProp,
@@ -26,10 +61,20 @@ declare function SidebarProvider({
   children,
   ...props
 }: React.ComponentProps<'div'> & {
+  /** Whether the sidebar starts expanded. @default true */
   defaultOpen?: boolean;
+  /** Controlled open state. */
   open?: boolean;
+  /** Callback fired when the open state changes. */
   onOpenChange?: (open: boolean) => void;
-}): react_jsx_runtime253.JSX.Element;
+}): react_jsx_runtime256.JSX.Element;
+/**
+ * The main sidebar panel; renders as a Drawer on mobile and a fixed `<aside>` on desktop with optional collapse behavior.
+ *
+ * @param side - Which edge of the viewport the sidebar attaches to. @default `'left'`
+ * @param variant - Visual style: `'sidebar'` (default), `'floating'`, or `'inset'`.
+ * @param collapsible - Collapse mode: `'offcanvas'` (slides out), `'icon'` (icon-only), or `'none'` (always visible).
+ */
 declare function Sidebar({
   side,
   variant,
@@ -41,75 +86,106 @@ declare function Sidebar({
   side?: 'left' | 'right';
   variant?: 'sidebar' | 'floating' | 'inset';
   collapsible?: 'offcanvas' | 'icon' | 'none';
-}): react_jsx_runtime253.JSX.Element;
+}): react_jsx_runtime256.JSX.Element;
+/** Icon button that toggles the sidebar open/collapsed state. */
 declare function SidebarTrigger({
   className,
   onClick,
   ...props
-}: React.ComponentProps<typeof Button>): react_jsx_runtime253.JSX.Element;
+}: React.ComponentProps<typeof Button>): react_jsx_runtime256.JSX.Element;
+/** Invisible drag-rail along the sidebar edge that toggles collapse on click. */
 declare function SidebarRail({
   className,
   ...props
-}: React.ComponentProps<'button'>): react_jsx_runtime253.JSX.Element;
+}: React.ComponentProps<'button'>): react_jsx_runtime256.JSX.Element;
+/** The main content area that sits beside the Sidebar; expands to fill the remaining viewport width. */
 declare function SidebarInset({
   className,
   children,
   ...props
-}: React.ComponentProps<'main'>): react_jsx_runtime253.JSX.Element;
+}: React.ComponentProps<'main'>): react_jsx_runtime256.JSX.Element;
+/** A compact search input styled for use inside a sidebar header. */
 declare function SidebarInput({
   className,
   ...props
-}: React.ComponentProps<typeof Input>): react_jsx_runtime253.JSX.Element;
+}: React.ComponentProps<typeof Input>): react_jsx_runtime256.JSX.Element;
+/** Sticky top section of the Sidebar, typically holding a logo or workspace switcher. */
 declare function SidebarHeader({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime253.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime256.JSX.Element;
+/** Sticky bottom section of the Sidebar, typically holding user account info or settings. */
 declare function SidebarFooter({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime253.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime256.JSX.Element;
+/** A horizontal Separator styled for use between sections inside a Sidebar. */
 declare function SidebarSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof Separator>): react_jsx_runtime253.JSX.Element;
+}: React.ComponentProps<typeof Separator>): react_jsx_runtime256.JSX.Element;
+/** Scrollable middle section of the Sidebar that grows to fill available space. */
 declare function SidebarContent({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime253.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime256.JSX.Element;
+/** A logical section within SidebarContent, grouping related SidebarMenu items. */
 declare function SidebarGroup({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime253.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime256.JSX.Element;
+/**
+ * Small all-caps heading label at the top of a SidebarGroup; hidden automatically in icon-only collapse mode.
+ *
+ * @param asChild - When true, renders as the child element via Radix Slot.
+ */
 declare function SidebarGroupLabel({
   className,
   asChild,
   ...props
 }: React.ComponentProps<'div'> & {
   asChild?: boolean;
-}): react_jsx_runtime253.JSX.Element;
+}): react_jsx_runtime256.JSX.Element;
+/**
+ * Action button (e.g. "Add") positioned absolutely at the top-right of a SidebarGroup label.
+ *
+ * @param asChild - When true, renders as the child element via Radix Slot.
+ */
 declare function SidebarGroupAction({
   className,
   asChild,
   ...props
 }: React.ComponentProps<'button'> & {
   asChild?: boolean;
-}): react_jsx_runtime253.JSX.Element;
+}): react_jsx_runtime256.JSX.Element;
+/** The content area of a SidebarGroup, typically wrapping a SidebarMenu. */
 declare function SidebarGroupContent({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime253.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime256.JSX.Element;
+/** Vertical list `<ul>` that holds SidebarMenuItems. */
 declare function SidebarMenu({
   className,
   ...props
-}: React.ComponentProps<'ul'>): react_jsx_runtime253.JSX.Element;
+}: React.ComponentProps<'ul'>): react_jsx_runtime256.JSX.Element;
+/** A single `<li>` entry in a SidebarMenu that may include a button, action, and badge. */
 declare function SidebarMenuItem({
   className,
   ...props
-}: React.ComponentProps<'li'>): react_jsx_runtime253.JSX.Element;
+}: React.ComponentProps<'li'>): react_jsx_runtime256.JSX.Element;
 declare const sidebarMenuButtonVariants: (props?: ({
   variant?: "default" | "outline" | null | undefined;
   size?: "sm" | "lg" | "default" | null | undefined;
-} & class_variance_authority_types11.ClassProp) | undefined) => string;
+} & class_variance_authority_types12.ClassProp) | undefined) => string;
+/**
+ * The primary clickable button within a SidebarMenuItem; collapses to an icon-only view when the sidebar is in icon-collapse mode and optionally shows a tooltip.
+ *
+ * @param asChild - When true, renders as the child element via Radix Slot (useful for router links).
+ * @param isActive - Marks the button as the currently active route.
+ * @param tooltip - A string or TooltipContent props shown when the sidebar is collapsed to icon-only mode.
+ * @param variant - `'default'` or `'outline'`.
+ * @param size - `'default'`, `'sm'`, or `'lg'`.
+ */
 declare function SidebarMenuButton({
   asChild,
   isActive,
@@ -122,7 +198,13 @@ declare function SidebarMenuButton({
   asChild?: boolean;
   isActive?: boolean;
   tooltip?: string | React.ComponentProps<typeof TooltipContent>;
-} & VariantProps<typeof sidebarMenuButtonVariants>): react_jsx_runtime253.JSX.Element;
+} & VariantProps<typeof sidebarMenuButtonVariants>): react_jsx_runtime256.JSX.Element;
+/**
+ * An icon action button (e.g. more-options) positioned at the right of a SidebarMenuButton.
+ *
+ * @param asChild - When true, renders as the child element via Radix Slot.
+ * @param showOnHover - When true, the action is only visible on hover or when the menu item is focused.
+ */
 declare function SidebarMenuAction({
   className,
   asChild,
@@ -131,26 +213,41 @@ declare function SidebarMenuAction({
 }: React.ComponentProps<'button'> & {
   asChild?: boolean;
   showOnHover?: boolean;
-}): react_jsx_runtime253.JSX.Element;
+}): react_jsx_runtime256.JSX.Element;
+/** Small numeric or text badge rendered at the right of a SidebarMenuButton (e.g. unread count). */
 declare function SidebarMenuBadge({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime253.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime256.JSX.Element;
+/**
+ * Placeholder skeleton row rendered in place of a SidebarMenuButton while menu items are loading.
+ *
+ * @param showIcon - When true, also renders a small square skeleton for the icon slot.
+ */
 declare function SidebarMenuSkeleton({
   className,
   showIcon,
   ...props
 }: React.ComponentProps<'div'> & {
   showIcon?: boolean;
-}): react_jsx_runtime253.JSX.Element;
+}): react_jsx_runtime256.JSX.Element;
+/** Indented nested list of SidebarMenuSubItems rendered below a parent SidebarMenuItem. */
 declare function SidebarMenuSub({
   className,
   ...props
-}: React.ComponentProps<'ul'>): react_jsx_runtime253.JSX.Element;
+}: React.ComponentProps<'ul'>): react_jsx_runtime256.JSX.Element;
+/** A single `<li>` entry inside a SidebarMenuSub. */
 declare function SidebarMenuSubItem({
   className,
   ...props
-}: React.ComponentProps<'li'>): react_jsx_runtime253.JSX.Element;
+}: React.ComponentProps<'li'>): react_jsx_runtime256.JSX.Element;
+/**
+ * The clickable link/button for a nested sub-menu entry inside a SidebarMenuSub.
+ *
+ * @param asChild - When true, renders as the child element via Radix Slot.
+ * @param size - `'sm'` for smaller text, `'md'` for normal text.
+ * @param isActive - Highlights the button as the currently active sub-route.
+ */
 declare function SidebarMenuSubButton({
   asChild,
   size,
@@ -161,7 +258,7 @@ declare function SidebarMenuSubButton({
   asChild?: boolean;
   size?: 'sm' | 'md';
   isActive?: boolean;
-}): react_jsx_runtime253.JSX.Element;
+}): react_jsx_runtime256.JSX.Element;
 //#endregion
 export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar };
 //# sourceMappingURL=sidebar.d.mts.map

package/dist/ui/sidebar.mjs

@@ -1,2 +1,2 @@
-"use client";import"../button.variants-B_dFX3i2.mjs";import{t as e}from"../button-D8BUqpI2.mjs";import{t}from"../skeleton-Ba6koCVf.mjs";import{i as n,n as r,r as i,t as a}from"../tooltip-B3dTcgcc.mjs";import{t as o}from"../separator-Bf0gymN4.mjs";import{t as s}from"../input-DMjPBcJO.mjs";import{Drawer as c,DrawerContent as l,DrawerDescription as u,DrawerHeader as d}from"./drawer.mjs";import{cn as f}from"@customafk/react-toolkit/utils";import{cva as p}from"class-variance-authority";import{jsx as m,jsxs as h}from"react/jsx-runtime";import{MenuIcon as g}from"lucide-react";import{createContext as _,use as v,useCallback as y,useEffect as b,useMemo as x,useState as S}from"react";import{Slot as C}from"radix-ui";import{useIsMobile as w}from"@customafk/react-toolkit/hooks/useMobile";const T=_(null);function E(){let e=v(T);if(!e)throw Error(`useSidebar must be used within a SidebarProvider.`);return e}function D({defaultOpen:e=!0,open:t,onOpenChange:n,className:r,style:a,children:o,...s}){let c=w(),[l,u]=S(!1),[d,p]=S(e),h=t??d,g=y(e=>{let t=typeof e==`function`?e(h):e;n?n(t):p(t),document.cookie=`sidebar_state=${t}; path=/; max-age=604800`},[n,h]),_=y(()=>c?u(e=>!e):g(e=>!e),[c,g,u]);b(()=>{let e=e=>{e.key===`b`&&(e.metaKey||e.ctrlKey)&&(e.preventDefault(),_())};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[_]);let v=h?`expanded`:`collapsed`,C=x(()=>({state:v,isMobile:c,toggleSidebar:_,open:h,setOpen:g,openMobile:l,setOpenMobile:u}),[v,h,g,c,l,u,_]);return m(T.Provider,{value:C,children:m(i,{delayDuration:0,children:m(`div`,{"data-slot":`sidebar-wrapper`,style:{"--sidebar-width":`16rem`,"--sidebar-width-icon":`3rem`,...a},className:f(`group/sidebar-wrapper`,`has-data-[variant=inset]:bg-sidebar`,`flex h-dvh w-full`,r),...s,children:o})})})}function O({side:e=`left`,variant:t=`sidebar`,collapsible:n=`offcanvas`,className:r,children:i,...a}){let{isMobile:o,state:s,openMobile:p,setOpenMobile:g}=E();return n===`none`?m(`aside`,{"data-slot":`sidebar`,className:f(`bg-sidebar`,`text-sidebar-foreground`,`flex h-full w-(--sidebar-width) flex-col`,`border-r`,r),...a,children:i}):o?m(c,{open:p,onOpenChange:g,direction:`left`,children:h(l,{"data-sidebar":`sidebar`,"data-slot":`sidebar`,"data-mobile":`true`,className:`bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden`,style:{"--sidebar-width":`18rem`},children:[h(d,{className:`sr-only`,children:[m(l,{children:`Sidebar`}),m(u,{children:`Displays the mobile sidebar.`})]}),m(`div`,{className:`flex h-full w-full flex-col`,children:i})]})}):h(`aside`,{className:`group peer text-sidebar-foreground bg-card hidden md:block`,"data-state":s,"data-collapsible":s===`collapsed`?n:``,"data-variant":t,"data-side":e,"data-slot":`sidebar`,children:[m(`div`,{"data-slot":`sidebar-gap`,className:f(`relative`,`bg-transparent`,`transition-[width] duration-200 ease-linear`,`h-14 w-(--sidebar-width)`,`group-data-[collapsible=offcanvas]:w-0`,`group-data-[side=right]:rotate-180`,t===`floating`||t===`inset`?`group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]`:`group-data-[collapsible=icon]:w-(--sidebar-width-icon)`)}),m(`div`,{"data-slot":`sidebar-container`,className:f(`hidden md:flex`,`fixed inset-y-0 top-14 z-10`,`h-[calc(100dvh-3.5rem)] w-(--sidebar-width)`,`border-r`,`transition-[left,right,width] duration-200 ease-linear`,e===`left`&&`left-0`,e===`left`&&`group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]`,e===`right`&&`right-0`,e===`right`&&`group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]`,t===`floating`||t===`inset`?`p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]`:`group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l`,r),...a,children:m(`div`,{"data-sidebar":`sidebar`,"data-slot":`sidebar-inner`,className:f(`flex size-full flex-col`,`group-data-[variant=floating]:rounded-lg`,`group-data-[variant=floating]:border`,`group-data-[variant=floating]:border-sidebar-border`,`group-data-[variant=floating]:shadow-sm`),children:i})})]})}function k({className:t,onClick:n,...r}){let{toggleSidebar:i}=E();return h(e,{"data-sidebar":`trigger`,"data-slot":`sidebar-trigger`,variant:`ghost`,size:`icon`,className:f(`size-10 rounded-full`,t),onClick:e=>{n?.(e),i()},...r,children:[m(g,{className:`!size-6`}),m(`span`,{className:`sr-only`,children:`Toggle Sidebar`})]})}function A({className:e,...t}){let{toggleSidebar:n}=E();return m(`button`,{"data-sidebar":`rail`,"data-slot":`sidebar-rail`,"aria-label":`Toggle Sidebar`,tabIndex:-1,onClick:n,title:`Toggle Sidebar`,className:f(`absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear sm:flex`,`after:absolute`,`after:inset-y-0`,`after:left-1/2`,`after:w-0.5`,`group-data-[side=left]:-right-4`,`group-data-[side=right]:left-0`,`in-data-[side=left]:cursor-w-resize`,`in-data-[side=right]:cursor-e-resize`,`[[data-side=left][data-state=collapsed]_&]:cursor-e-resize`,`[[data-side=right][data-state=collapsed]_&]:cursor-w-resize`,`hover:after:bg-sidebar-border`,`hover:group-data-[collapsible=offcanvas]:bg-sidebar`,`group-data-[collapsible=offcanvas]:translate-x-0`,`group-data-[collapsible=offcanvas]:after:left-full`,`[[data-side=left][data-collapsible=offcanvas]_&]:-right-2`,`[[data-side=right][data-collapsible=offcanvas]_&]:-left-2`,e),...t})}function j({className:e,children:t,...n}){return h(`main`,{"data-slot":`sidebar-inset`,className:f(`w-full`,`relative`,`flex flex-1 flex-col`,e),...n,children:[m(`div`,{className:`h-14 w-full`}),m(`div`,{className:f(`flex-1 inset-shadow-sm`),children:t})]})}function M({className:e,...t}){return m(s,{"data-slot":`sidebar-input`,"data-sidebar":`input`,className:f(`bg-background h-8 w-full shadow-none`,e),...t})}function N({className:e,...t}){return m(`div`,{"data-slot":`sidebar-header`,"data-sidebar":`header`,className:f(`flex flex-col gap-2 p-2`,e),...t})}function P({className:e,...t}){return m(`div`,{"data-slot":`sidebar-footer`,"data-sidebar":`footer`,className:f(`flex flex-col gap-2 p-2`,e),...t})}function F({className:e,...t}){return m(o,{"data-slot":`sidebar-separator`,"data-sidebar":`separator`,className:f(`bg-sidebar-border mx-2 w-auto`,e),...t})}function I({className:e,...t}){return m(`div`,{"data-slot":`sidebar-content`,"data-sidebar":`content`,className:f(`flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden`,e),...t})}function L({className:e,...t}){return m(`div`,{"data-slot":`sidebar-group`,"data-sidebar":`group`,className:f(`relative flex w-full min-w-0 flex-col p-2`,e),...t})}function R({className:e,asChild:t=!1,...n}){return m(t?C.Slot:`div`,{"data-slot":`sidebar-group-label`,"data-sidebar":`group-label`,className:f(`text-sidebar-foreground/70`,`ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 ease-linear`,`focus-visible:ring-2`,`[&>svg]:size-4`,`[&>svg]:shrink-0`,`group-data-[collapsible=icon]:-mt-8`,`group-data-[collapsible=icon]:opacity-0`,e),...n})}function z({className:e,asChild:t=!1,...n}){return m(t?C.Slot:`button`,{"data-slot":`sidebar-group-action`,"data-sidebar":`group-action`,className:f(`text-sidebar-foreground ring-sidebar-ring`,`absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform`,`focus-visible:ring-2`,`hover:bg-sidebar-accent`,`hover:text-sidebar-accent-foreground`,`[&>svg]:size-4`,`[&>svg]:shrink-0`,`after:absolute after:-inset-2 md:after:hidden`,`group-data-[collapsible=icon]:hidden`,e),...n})}function B({className:e,...t}){return m(`div`,{"data-slot":`sidebar-group-content`,"data-sidebar":`group-content`,className:f(`w-full text-sm`,e),...t})}function V({className:e,...t}){return m(`ul`,{"data-slot":`sidebar-menu`,"data-sidebar":`menu`,className:f(`flex w-full min-w-0 flex-col gap-1`,e),...t})}function H({className:e,...t}){return m(`li`,{"data-slot":`sidebar-menu-item`,"data-sidebar":`menu-item`,className:f(`group/menu-item relative`,e),...t})}const U=p([`peer/menu-button cursor-pointer flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden 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]:size-8!`,`group-data-[collapsible=icon]:p-2!`,`[&>span:last-child]:truncate`,`[&>svg]:size-4`,`[&>svg]:shrink-0`],{variants:{variant:{default:`hover:bg-sidebar-accent hover:text-sidebar-accent-foreground`,outline:`bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(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!`}},defaultVariants:{variant:`default`,size:`default`}});function W({asChild:e=!1,isActive:t=!1,variant:i=`default`,size:o=`default`,tooltip:s,className:c,...l}){let u=e?C.Slot:`button`,{isMobile:d,state:p}=E(),g=m(u,{"data-slot":`sidebar-menu-button`,"data-sidebar":`menu-button`,"data-size":o,"data-active":t,className:f(U({variant:i,size:o}),c),...l});return s?(typeof s==`string`&&(s={children:s}),h(a,{children:[m(n,{asChild:!0,children:g}),m(r,{side:`right`,align:`center`,hidden:p!==`collapsed`||d,...s})]})):g}function G({className:e,asChild:t=!1,showOnHover:n=!1,...r}){return m(t?C.Slot:`button`,{"data-slot":`sidebar-menu-action`,"data-sidebar":`menu-action`,className:f(`text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform`,`focus-visible:ring-2`,`[&>svg]:size-4`,`[&>svg]:shrink-0`,`after:absolute after:-inset-2 md:after:hidden`,`peer-data-[size=sm]/menu-button:top-1`,`peer-data-[size=default]/menu-button:top-1.5`,`peer-data-[size=lg]/menu-button:top-2.5`,`group-data-[collapsible=icon]:hidden`,n&&`peer-data-[active=true]/menu-button:text-sidebar-accent-foreground`,n&&`group-focus-within/menu-item:opacity-100`,n&&`group-hover/menu-item:opacity-100`,n&&`data-[state=open]:opacity-100 md:opacity-0`,e),...r})}function K({className:e,...t}){return m(`div`,{"data-slot":`sidebar-menu-badge`,"data-sidebar":`menu-badge`,className:f(`text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none`,`peer-hover/menu-button:text-sidebar-accent-foreground`,`peer-data-[active=true]/menu-button:text-sidebar-accent-foreground`,`peer-data-[size=sm]/menu-button:top-1`,`peer-data-[size=default]/menu-button:top-1.5`,`peer-data-[size=lg]/menu-button:top-2.5`,`group-data-[collapsible=icon]:hidden`,e),...t})}function q({className:e,showIcon:n=!1,...r}){let i=x(()=>`${Math.floor(Math.random()*40)+50}%`,[]);return h(`div`,{"data-slot":`sidebar-menu-skeleton`,"data-sidebar":`menu-skeleton`,className:f(`flex h-8 items-center gap-2 rounded-md px-2`,e),...r,children:[n&&m(t,{className:`size-4 rounded-md`,"data-sidebar":`menu-skeleton-icon`}),m(t,{className:`h-4 max-w-(--skeleton-width) flex-1`,"data-sidebar":`menu-skeleton-text`,style:{"--skeleton-width":i}})]})}function J({className:e,...t}){return m(`ul`,{"data-slot":`sidebar-menu-sub`,"data-sidebar":`menu-sub`,className:f(`border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5`,`group-data-[collapsible=icon]:hidden`,e),...t})}function Y({className:e,...t}){return m(`li`,{"data-slot":`sidebar-menu-sub-item`,"data-sidebar":`menu-sub-item`,className:f(`group/menu-sub-item relative`,e),...t})}function X({asChild:e=!1,size:t=`md`,isActive:n=!1,className:r,...i}){return m(e?C.Slot:`a`,{"data-slot":`sidebar-menu-sub-button`,"data-sidebar":`menu-sub-button`,"data-size":t,"data-active":n,className:f(`text-sidebar-foreground ring-sidebar-ring`,`flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden`,`hover:bg-sidebar-accent`,`hover:text-sidebar-accent-foreground`,`active:bg-sidebar-accent`,`active:text-sidebar-accent-foreground`,`focus-visible:ring-2`,`disabled:pointer-events-none`,`disabled:opacity-50`,`aria-disabled:pointer-events-none`,`aria-disabled:opacity-50`,`[&>span:last-child]:truncate`,`[&>svg]:size-4`,`[&>svg]:shrink-0`,`[&>svg]:text-sidebar-accent-foreground`,`data-[active=true]:bg-sidebar-accent`,`data-[active=true]:text-sidebar-accent-foreground`,t===`sm`&&`text-xs`,t===`md`&&`text-sm`,`group-data-[collapsible=icon]:hidden`,r),...i})}export{O as Sidebar,I as SidebarContent,P as SidebarFooter,L as SidebarGroup,z as SidebarGroupAction,B as SidebarGroupContent,R as SidebarGroupLabel,N as SidebarHeader,M as SidebarInput,j as SidebarInset,V as SidebarMenu,G as SidebarMenuAction,K as SidebarMenuBadge,W as SidebarMenuButton,H as SidebarMenuItem,q as SidebarMenuSkeleton,J as SidebarMenuSub,X as SidebarMenuSubButton,Y as SidebarMenuSubItem,D as SidebarProvider,A as SidebarRail,F as SidebarSeparator,k as SidebarTrigger,E as useSidebar};
+"use client";import"../button.variants-DeCyas1F.mjs";import{t as e}from"../button-C6ybzxxj.mjs";import{t}from"../skeleton-BPxcW2yu.mjs";import{i as n,n as r,r as i,t as a}from"../tooltip-Bj0iOG4s.mjs";import{t as o}from"../separator-BMsbHAVt.mjs";import{t as s}from"../input-Cd0G5y-9.mjs";import{Drawer as c,DrawerContent as l,DrawerDescription as u,DrawerHeader as d}from"./drawer.mjs";import{MenuIcon as f}from"lucide-react";import{createContext as p,use as m,useCallback as h,useEffect as g,useMemo as _,useState as v}from"react";import{jsx as y,jsxs as b}from"react/jsx-runtime";import{cn as x}from"@customafk/react-toolkit/utils";import{cva as S}from"class-variance-authority";import{Slot as C}from"radix-ui";import{useIsMobile as w}from"@customafk/react-toolkit/hooks/useMobile";const T=p(null);function E(){let e=m(T);if(!e)throw Error(`useSidebar must be used within a SidebarProvider.`);return e}function D({defaultOpen:e=!0,open:t,onOpenChange:n,className:r,style:a,children:o,...s}){let c=w(),[l,u]=v(!1),[d,f]=v(e),p=t??d,m=h(e=>{let t=typeof e==`function`?e(p):e;n?n(t):f(t),document.cookie=`sidebar_state=${t}; path=/; max-age=604800`},[n,p]),b=h(()=>c?u(e=>!e):m(e=>!e),[c,m,u]);g(()=>{let e=e=>{e.key===`b`&&(e.metaKey||e.ctrlKey)&&(e.preventDefault(),b())};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[b]);let S=p?`expanded`:`collapsed`,C=_(()=>({state:S,isMobile:c,toggleSidebar:b,open:p,setOpen:m,openMobile:l,setOpenMobile:u}),[S,p,m,c,l,u,b]);return y(T.Provider,{value:C,children:y(i,{delayDuration:0,children:y(`div`,{"data-slot":`sidebar-wrapper`,style:{"--sidebar-width":`16rem`,"--sidebar-width-icon":`3rem`,...a},className:x(`group/sidebar-wrapper`,`has-data-[variant=inset]:bg-sidebar`,`flex h-dvh w-full`,r),...s,children:o})})})}function O({side:e=`left`,variant:t=`sidebar`,collapsible:n=`offcanvas`,className:r,children:i,...a}){let{isMobile:o,state:s,openMobile:f,setOpenMobile:p}=E();return n===`none`?y(`aside`,{"data-slot":`sidebar`,className:x(`bg-sidebar`,`text-sidebar-foreground`,`flex h-full w-(--sidebar-width) flex-col`,`border-r`,r),...a,children:i}):o?y(c,{open:f,onOpenChange:p,direction:`left`,children:b(l,{"data-sidebar":`sidebar`,"data-slot":`sidebar`,"data-mobile":`true`,className:`bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden`,style:{"--sidebar-width":`18rem`},children:[b(d,{className:`sr-only`,children:[y(l,{children:`Sidebar`}),y(u,{children:`Displays the mobile sidebar.`})]}),y(`div`,{className:`flex h-full w-full flex-col`,children:i})]})}):b(`aside`,{className:`group peer text-sidebar-foreground bg-card hidden md:block`,"data-state":s,"data-collapsible":s===`collapsed`?n:``,"data-variant":t,"data-side":e,"data-slot":`sidebar`,children:[y(`div`,{"data-slot":`sidebar-gap`,className:x(`relative`,`bg-transparent`,`transition-[width] duration-200 ease-linear`,`h-14 w-(--sidebar-width)`,`group-data-[collapsible=offcanvas]:w-0`,`group-data-[side=right]:rotate-180`,t===`floating`||t===`inset`?`group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]`:`group-data-[collapsible=icon]:w-(--sidebar-width-icon)`)}),y(`div`,{"data-slot":`sidebar-container`,className:x(`hidden md:flex`,`fixed inset-y-0 top-14 z-10`,`h-[calc(100dvh-3.5rem)] w-(--sidebar-width)`,`border-r`,`transition-[left,right,width] duration-200 ease-linear`,e===`left`&&`left-0`,e===`left`&&`group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]`,e===`right`&&`right-0`,e===`right`&&`group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]`,t===`floating`||t===`inset`?`p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]`:`group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l`,r),...a,children:y(`div`,{"data-sidebar":`sidebar`,"data-slot":`sidebar-inner`,className:x(`flex size-full flex-col`,`group-data-[variant=floating]:rounded-lg`,`group-data-[variant=floating]:border`,`group-data-[variant=floating]:border-sidebar-border`,`group-data-[variant=floating]:shadow-sm`),children:i})})]})}function k({className:t,onClick:n,...r}){let{toggleSidebar:i}=E();return b(e,{"data-sidebar":`trigger`,"data-slot":`sidebar-trigger`,variant:`ghost`,size:`icon`,className:x(`size-10 rounded-full`,t),onClick:e=>{n?.(e),i()},...r,children:[y(f,{className:`!size-6`}),y(`span`,{className:`sr-only`,children:`Toggle Sidebar`})]})}function A({className:e,...t}){let{toggleSidebar:n}=E();return y(`button`,{"data-sidebar":`rail`,"data-slot":`sidebar-rail`,"aria-label":`Toggle Sidebar`,tabIndex:-1,onClick:n,title:`Toggle Sidebar`,className:x(`absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear sm:flex`,`after:absolute`,`after:inset-y-0`,`after:left-1/2`,`after:w-0.5`,`group-data-[side=left]:-right-4`,`group-data-[side=right]:left-0`,`in-data-[side=left]:cursor-w-resize`,`in-data-[side=right]:cursor-e-resize`,`[[data-side=left][data-state=collapsed]_&]:cursor-e-resize`,`[[data-side=right][data-state=collapsed]_&]:cursor-w-resize`,`hover:after:bg-sidebar-border`,`hover:group-data-[collapsible=offcanvas]:bg-sidebar`,`group-data-[collapsible=offcanvas]:translate-x-0`,`group-data-[collapsible=offcanvas]:after:left-full`,`[[data-side=left][data-collapsible=offcanvas]_&]:-right-2`,`[[data-side=right][data-collapsible=offcanvas]_&]:-left-2`,e),...t})}function j({className:e,children:t,...n}){return b(`main`,{"data-slot":`sidebar-inset`,className:x(`w-full`,`relative`,`flex flex-1 flex-col`,e),...n,children:[y(`div`,{className:`h-14 w-full`}),y(`div`,{className:x(`flex-1 inset-shadow-sm`),children:t})]})}function M({className:e,...t}){return y(s,{"data-slot":`sidebar-input`,"data-sidebar":`input`,className:x(`bg-background h-8 w-full shadow-none`,e),...t})}function N({className:e,...t}){return y(`div`,{"data-slot":`sidebar-header`,"data-sidebar":`header`,className:x(`flex flex-col gap-2 p-2`,e),...t})}function P({className:e,...t}){return y(`div`,{"data-slot":`sidebar-footer`,"data-sidebar":`footer`,className:x(`flex flex-col gap-2 p-2`,e),...t})}function F({className:e,...t}){return y(o,{"data-slot":`sidebar-separator`,"data-sidebar":`separator`,className:x(`bg-sidebar-border mx-2 w-auto`,e),...t})}function I({className:e,...t}){return y(`div`,{"data-slot":`sidebar-content`,"data-sidebar":`content`,className:x(`flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden`,e),...t})}function L({className:e,...t}){return y(`div`,{"data-slot":`sidebar-group`,"data-sidebar":`group`,className:x(`relative flex w-full min-w-0 flex-col p-2`,e),...t})}function R({className:e,asChild:t=!1,...n}){return y(t?C.Slot:`div`,{"data-slot":`sidebar-group-label`,"data-sidebar":`group-label`,className:x(`text-sidebar-foreground/70`,`ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 ease-linear`,`focus-visible:ring-2`,`[&>svg]:size-4`,`[&>svg]:shrink-0`,`group-data-[collapsible=icon]:-mt-8`,`group-data-[collapsible=icon]:opacity-0`,e),...n})}function z({className:e,asChild:t=!1,...n}){return y(t?C.Slot:`button`,{"data-slot":`sidebar-group-action`,"data-sidebar":`group-action`,className:x(`text-sidebar-foreground ring-sidebar-ring`,`absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform`,`focus-visible:ring-2`,`hover:bg-sidebar-accent`,`hover:text-sidebar-accent-foreground`,`[&>svg]:size-4`,`[&>svg]:shrink-0`,`after:absolute after:-inset-2 md:after:hidden`,`group-data-[collapsible=icon]:hidden`,e),...n})}function B({className:e,...t}){return y(`div`,{"data-slot":`sidebar-group-content`,"data-sidebar":`group-content`,className:x(`w-full text-sm`,e),...t})}function V({className:e,...t}){return y(`ul`,{"data-slot":`sidebar-menu`,"data-sidebar":`menu`,className:x(`flex w-full min-w-0 flex-col gap-1`,e),...t})}function H({className:e,...t}){return y(`li`,{"data-slot":`sidebar-menu-item`,"data-sidebar":`menu-item`,className:x(`group/menu-item relative`,e),...t})}const U=S([`peer/menu-button cursor-pointer flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden 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]:size-8!`,`group-data-[collapsible=icon]:p-2!`,`[&>span:last-child]:truncate`,`[&>svg]:size-4`,`[&>svg]:shrink-0`],{variants:{variant:{default:`hover:bg-sidebar-accent hover:text-sidebar-accent-foreground`,outline:`bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(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!`}},defaultVariants:{variant:`default`,size:`default`}});function W({asChild:e=!1,isActive:t=!1,variant:i=`default`,size:o=`default`,tooltip:s,className:c,...l}){let u=e?C.Slot:`button`,{isMobile:d,state:f}=E(),p=y(u,{"data-slot":`sidebar-menu-button`,"data-sidebar":`menu-button`,"data-size":o,"data-active":t,className:x(U({variant:i,size:o}),c),...l});return s?(typeof s==`string`&&(s={children:s}),b(a,{children:[y(n,{asChild:!0,children:p}),y(r,{side:`right`,align:`center`,hidden:f!==`collapsed`||d,...s})]})):p}function G({className:e,asChild:t=!1,showOnHover:n=!1,...r}){return y(t?C.Slot:`button`,{"data-slot":`sidebar-menu-action`,"data-sidebar":`menu-action`,className:x(`text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform`,`focus-visible:ring-2`,`[&>svg]:size-4`,`[&>svg]:shrink-0`,`after:absolute after:-inset-2 md:after:hidden`,`peer-data-[size=sm]/menu-button:top-1`,`peer-data-[size=default]/menu-button:top-1.5`,`peer-data-[size=lg]/menu-button:top-2.5`,`group-data-[collapsible=icon]:hidden`,n&&`peer-data-[active=true]/menu-button:text-sidebar-accent-foreground`,n&&`group-focus-within/menu-item:opacity-100`,n&&`group-hover/menu-item:opacity-100`,n&&`data-[state=open]:opacity-100 md:opacity-0`,e),...r})}function K({className:e,...t}){return y(`div`,{"data-slot":`sidebar-menu-badge`,"data-sidebar":`menu-badge`,className:x(`text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none`,`peer-hover/menu-button:text-sidebar-accent-foreground`,`peer-data-[active=true]/menu-button:text-sidebar-accent-foreground`,`peer-data-[size=sm]/menu-button:top-1`,`peer-data-[size=default]/menu-button:top-1.5`,`peer-data-[size=lg]/menu-button:top-2.5`,`group-data-[collapsible=icon]:hidden`,e),...t})}function q({className:e,showIcon:n=!1,...r}){let i=_(()=>`${Math.floor(Math.random()*40)+50}%`,[]);return b(`div`,{"data-slot":`sidebar-menu-skeleton`,"data-sidebar":`menu-skeleton`,className:x(`flex h-8 items-center gap-2 rounded-md px-2`,e),...r,children:[n&&y(t,{className:`size-4 rounded-md`,"data-sidebar":`menu-skeleton-icon`}),y(t,{className:`h-4 max-w-(--skeleton-width) flex-1`,"data-sidebar":`menu-skeleton-text`,style:{"--skeleton-width":i}})]})}function J({className:e,...t}){return y(`ul`,{"data-slot":`sidebar-menu-sub`,"data-sidebar":`menu-sub`,className:x(`border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5`,`group-data-[collapsible=icon]:hidden`,e),...t})}function Y({className:e,...t}){return y(`li`,{"data-slot":`sidebar-menu-sub-item`,"data-sidebar":`menu-sub-item`,className:x(`group/menu-sub-item relative`,e),...t})}function X({asChild:e=!1,size:t=`md`,isActive:n=!1,className:r,...i}){return y(e?C.Slot:`a`,{"data-slot":`sidebar-menu-sub-button`,"data-sidebar":`menu-sub-button`,"data-size":t,"data-active":n,className:x(`text-sidebar-foreground ring-sidebar-ring`,`flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden`,`hover:bg-sidebar-accent`,`hover:text-sidebar-accent-foreground`,`active:bg-sidebar-accent`,`active:text-sidebar-accent-foreground`,`focus-visible:ring-2`,`disabled:pointer-events-none`,`disabled:opacity-50`,`aria-disabled:pointer-events-none`,`aria-disabled:opacity-50`,`[&>span:last-child]:truncate`,`[&>svg]:size-4`,`[&>svg]:shrink-0`,`[&>svg]:text-sidebar-accent-foreground`,`data-[active=true]:bg-sidebar-accent`,`data-[active=true]:text-sidebar-accent-foreground`,t===`sm`&&`text-xs`,t===`md`&&`text-sm`,`group-data-[collapsible=icon]:hidden`,r),...i})}export{O as Sidebar,I as SidebarContent,P as SidebarFooter,L as SidebarGroup,z as SidebarGroupAction,B as SidebarGroupContent,R as SidebarGroupLabel,N as SidebarHeader,M as SidebarInput,j as SidebarInset,V as SidebarMenu,G as SidebarMenuAction,K as SidebarMenuBadge,W as SidebarMenuButton,H as SidebarMenuItem,q as SidebarMenuSkeleton,J as SidebarMenuSub,X as SidebarMenuSubButton,Y as SidebarMenuSubItem,D as SidebarProvider,A as SidebarRail,F as SidebarSeparator,k as SidebarTrigger,E as useSidebar};
 //# sourceMappingURL=sidebar.mjs.map