@lerianstudio/sindarian-ui 1.2.0-beta.13 → 1.2.0-beta.14

package/dist/esm/components/ui/progress/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/progress/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAA;AAI7D,KAAK,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,GAAG;IACzE,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,KAAK,EACL,cAA6B,EAC7B,GAAG,KAAK,EACT,EAAE,aAAa,qBAiBf;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/esm/components/ui/progress/index.js

@@ -0,0 +1,8 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as ProgressPrimitive from '@radix-ui/react-progress';
+import { cn } from '../../../lib/utils.js';
+function Progress({ className, value, indicatorColor = 'bg-primary', ...props }) {
+    return (_jsx(ProgressPrimitive.Root, { "data-slot": "progress", className: cn('bg-primary/20 relative h-4 w-full overflow-hidden rounded-full', className), ...props, children: _jsx(ProgressPrimitive.Indicator, { "data-slot": "progress-indicator", className: cn('h-full w-full flex-1 transition-all', indicatorColor), style: { transform: `translateX(-${100 - (value || 0)}%)` } }) }));
+}
+export { Progress };

package/dist/esm/components/ui/qr-code/index.d.ts

@@ -0,0 +1,26 @@
+export type QRCodeProps = {
+    /**
+     * The `otpauth://totp/...` URI to encode. An empty or whitespace-only value
+     * renders nothing (never a broken QR).
+     */
+    value: string;
+    /**
+     * Rendered square edge in px. Drives both width and height of the SVG.
+     * @defaultValue 160
+     */
+    size?: number;
+    /**
+     * Optional image URL rendered in the center of the code (e.g. a brand logo).
+     * When set, the error-correction level is raised to `H` so the code stays
+     * scannable despite the occluded modules, and the modules behind the image
+     * are excavated to the background color.
+     */
+    logoSrc?: string;
+    /**
+     * Accessible name for the QR image. Falls back to a generic label when
+     * omitted. Consumers should pass an i18n string.
+     */
+    'aria-label'?: string;
+};
+export declare function QRCode({ value, size, logoSrc, 'aria-label': ariaLabel }: QRCodeProps): import("react").JSX.Element | null;
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/ui/qr-code/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/qr-code/index.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,WAAW,GAAG;IACxB;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;;;OAKG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAUD,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,IAAmB,EACnB,OAAO,EACP,YAAY,EAAE,SAA8B,EAC7C,EAAE,WAAW,sCA2Bb"}

package/dist/esm/components/ui/qr-code/index.js

@@ -0,0 +1,24 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { QRCodeSVG } from 'qrcode.react';
+const DEFAULT_SIZE = 160;
+const DEFAULT_ARIA_LABEL = 'QR code';
+/**
+ * Center image edge as a fraction of the code size. Kept small so error
+ * correction can recover the excavated modules.
+ */
+const LOGO_SIZE_RATIO = 0.22;
+export function QRCode({ value, size = DEFAULT_SIZE, logoSrc, 'aria-label': ariaLabel = DEFAULT_ARIA_LABEL }) {
+    if (!value || value.trim() === '') {
+        return null;
+    }
+    const logoSize = Math.round(size * LOGO_SIZE_RATIO);
+    return (_jsx(QRCodeSVG, { "data-slot": "qr-code", value: value, size: size, role: "img", "aria-label": ariaLabel, level: logoSrc ? 'H' : 'L', imageSettings: logoSrc
+            ? {
+                src: logoSrc,
+                height: logoSize,
+                width: logoSize,
+                excavate: true
+            }
+            : undefined }));
+}

package/dist/esm/components/ui/radio-group/index.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+declare function RadioGroup({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Root>): React.JSX.Element;
+declare function RadioGroupItem({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Item>): React.JSX.Element;
+export { RadioGroup, RadioGroupItem };
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/ui/radio-group/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/radio-group/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAA;AAKlE,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,qBAQvD;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,qBAkBvD;AAED,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAA"}

package/dist/esm/components/ui/radio-group/index.js

@@ -0,0 +1,12 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import { Circle } from 'lucide-react';
+import { cn } from '../../../lib/utils.js';
+function RadioGroup({ className, ...props }) {
+    return (_jsx(RadioGroupPrimitive.Root, { "data-slot": "radio-group", className: cn('grid gap-3', className), ...props }));
+}
+function RadioGroupItem({ className, ...props }) {
+    return (_jsx(RadioGroupPrimitive.Item, { "data-slot": "radio-group-item", className: cn('border-input text-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:bg-input/30 dark:aria-invalid:ring-destructive/40 aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50', className), ...props, children: _jsx(RadioGroupPrimitive.Indicator, { "data-slot": "radio-group-indicator", className: "relative flex items-center justify-center", children: _jsx(Circle, { className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" }) }) }));
+}
+export { RadioGroup, RadioGroupItem };

package/dist/esm/components/ui/scroll-area/index.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+declare function ScrollArea({ className, children, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.Root>): React.JSX.Element;
+declare function ScrollBar({ className, orientation, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): React.JSX.Element;
+export { ScrollArea, ScrollBar };
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/ui/scroll-area/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/scroll-area/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAA;AAIlE,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,qBAiBvD;AAED,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,WAAwB,EACxB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,mBAAmB,CAAC,qBAqBtE;AAED,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,CAAA"}

package/dist/esm/components/ui/scroll-area/index.js

@@ -0,0 +1,13 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+import { cn } from '../../../lib/utils.js';
+function ScrollArea({ className, children, ...props }) {
+    return (_jsxs(ScrollAreaPrimitive.Root, { "data-slot": "scroll-area", className: cn('relative', className), ...props, children: [_jsx(ScrollAreaPrimitive.Viewport, { "data-slot": "scroll-area-viewport", className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1", children: children }), _jsx(ScrollBar, {}), _jsx(ScrollAreaPrimitive.Corner, {})] }));
+}
+function ScrollBar({ className, orientation = 'vertical', ...props }) {
+    return (_jsx(ScrollAreaPrimitive.ScrollAreaScrollbar, { "data-slot": "scroll-area-scrollbar", orientation: orientation, className: cn('flex touch-none p-px transition-colors select-none', orientation === 'vertical' &&
+            'h-full w-2.5 border-l border-l-transparent', orientation === 'horizontal' &&
+            'h-2.5 flex-col border-t border-t-transparent', className), ...props, children: _jsx(ScrollAreaPrimitive.ScrollAreaThumb, { "data-slot": "scroll-area-thumb", className: "bg-border relative flex-1 rounded-full" }) }));
+}
+export { ScrollArea, ScrollBar };

package/dist/esm/components/ui/select/index.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import * as SelectPrimitive from '@radix-ui/react-select';
+declare function Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>): React.JSX.Element;
+declare function SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>): React.JSX.Element;
+declare function SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>): React.JSX.Element;
+type SelectTriggerProps = React.ComponentProps<typeof SelectPrimitive.Trigger> & {
+    readOnly?: boolean;
+};
+declare function SelectTrigger({ className, readOnly, children, ...props }: SelectTriggerProps): React.JSX.Element;
+declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): React.JSX.Element;
+declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): React.JSX.Element;
+declare function SelectContent({ className, children, position, ...props }: React.ComponentProps<typeof SelectPrimitive.Content>): React.JSX.Element;
+declare function SelectEmpty({ className, ...props }: React.ComponentPropsWithoutRef<'div'>): React.JSX.Element;
+declare function SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>): React.JSX.Element;
+declare function SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>): React.JSX.Element;
+declare function SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>): React.JSX.Element;
+export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectEmpty, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton };
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/ui/select/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/select/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAKzD,iBAAS,MAAM,CAAC,EACd,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,qBAEnD;AAED,iBAAS,WAAW,CAAC,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,qBAEpD;AAED,iBAAS,WAAW,CAAC,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,qBAEpD;AAED,KAAK,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAC5C,OAAO,eAAe,CAAC,OAAO,CAC/B,GAAG;IACF,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,qBAqBpB;AAED,iBAAS,oBAAoB,CAAC,EAC5B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,cAAc,CAAC,qBAU7D;AACD,iBAAS,sBAAsB,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,gBAAgB,CAAC,qBAU/D;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,QAAmB,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,qBA0CtD;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,qBAQvC;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,qBAQpD;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,qBAgBnD;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,SAAS,CAAC,qBAQxD;AAED,OAAO,EACL,MAAM,EACN,WAAW,EACX,WAAW,EACX,aAAa,EACb,aAAa,EACb,WAAW,EACX,WAAW,EACX,UAAU,EACV,eAAe,EACf,oBAAoB,EACpB,sBAAsB,EACvB,CAAA"}

package/dist/esm/components/ui/select/index.js

@@ -0,0 +1,47 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import * as SelectPrimitive from '@radix-ui/react-select';
+import { Check, ChevronDown, ChevronUp } from 'lucide-react';
+import { cn } from '../../../lib/utils.js';
+function Select({ ...props }) {
+    return _jsx(SelectPrimitive.Root, { "data-slot": "select", ...props });
+}
+function SelectGroup({ ...props }) {
+    return _jsx(SelectPrimitive.Group, { "data-slot": "select-group", ...props });
+}
+function SelectValue({ ...props }) {
+    return _jsx(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
+}
+function SelectTrigger({ className, readOnly, children, ...props }) {
+    return (_jsxs(SelectPrimitive.Trigger, { "data-slot": "select-trigger", "data-size": "default", className: cn('select-trigger select-read-only select-disabled', className), "aria-readonly": readOnly, "data-read-only": readOnly ? '' : undefined, ...props, children: [children, !readOnly && (_jsx(SelectPrimitive.Icon, { asChild: true, children: _jsx(ChevronDown, { className: "select-chevron" }) }))] }));
+}
+function SelectScrollUpButton({ className, ...props }) {
+    return (_jsx(SelectPrimitive.ScrollUpButton, { "data-slot": "select-scroll-up-button", className: cn('select-scroll-button', className), ...props, children: _jsx(ChevronUp, { className: "size-4" }) }));
+}
+function SelectScrollDownButton({ className, ...props }) {
+    return (_jsx(SelectPrimitive.ScrollDownButton, { "data-slot": "select-scroll-down-button", className: cn('select-scroll-button', className), ...props, children: _jsx(ChevronDown, { className: "size-4" }) }));
+}
+function SelectContent({ className, children, position = 'popper', ...props }) {
+    const options = React.useMemo(() => React.Children.map(React.Children.toArray(children), (child) => {
+        if (React.isValidElement(child) &&
+            child.type === SelectItem) {
+            return child.props.value;
+        }
+    }), [children]);
+    return (_jsx(SelectPrimitive.Portal, { children: _jsxs(SelectPrimitive.Content, { "data-slot": "select-content", "data-position": position, className: cn('group/select select-content', position === 'popper' && 'select-content-popper', className), "data-empty": options.length === 0, position: position, ...props, children: [_jsx(SelectScrollUpButton, {}), _jsx(SelectPrimitive.Viewport, { className: cn('p-1', position === 'popper' &&
+                        'h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width)'), children: children }), _jsx(SelectScrollDownButton, {})] }) }));
+}
+function SelectEmpty({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "select-empty", className: cn('select-empty', className), ...props }));
+}
+function SelectLabel({ className, ...props }) {
+    return (_jsx(SelectPrimitive.Label, { "data-slot": "select-label", className: cn('select-label', className), ...props }));
+}
+function SelectItem({ className, children, ...props }) {
+    return (_jsxs(SelectPrimitive.Item, { "data-slot": "select-item", className: cn('select-item', className), ...props, children: [_jsx("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: _jsx(SelectPrimitive.ItemIndicator, { children: _jsx(Check, { className: "size-4" }) }) }), _jsx(SelectPrimitive.ItemText, { children: children })] }));
+}
+function SelectSeparator({ className, ...props }) {
+    return (_jsx(SelectPrimitive.Separator, { "data-slot": "select-separator", className: cn('select-separator', className), ...props }));
+}
+export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectEmpty, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton };

package/dist/esm/components/ui/separator/index.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+declare function Separator({ className, orientation, decorative, ...props }: React.ComponentProps<typeof SeparatorPrimitive.Root>): React.JSX.Element;
+export { Separator };
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/ui/separator/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/separator/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAA;AAI/D,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,WAA0B,EAC1B,UAAiB,EACjB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,qBActD;AAED,OAAO,EAAE,SAAS,EAAE,CAAA"}

package/dist/esm/components/ui/separator/index.js

@@ -0,0 +1,8 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import { cn } from '../../../lib/utils.js';
+function Separator({ className, orientation = 'horizontal', decorative = true, ...props }) {
+    return (_jsx(SeparatorPrimitive.Root, { "data-slot": "separator", decorative: decorative, orientation: orientation, className: cn('bg-border shrink-0', orientation === 'horizontal' ? 'h-px w-full' : 'h-full w-px', className), ...props }));
+}
+export { Separator };

package/dist/esm/components/ui/sheet/index.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import * as SheetPrimitive from '@radix-ui/react-dialog';
+import { type VariantProps } from 'class-variance-authority';
+declare function Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>): React.JSX.Element;
+declare function SheetTrigger({ ...props }: React.ComponentProps<typeof SheetPrimitive.Trigger>): React.JSX.Element;
+declare function SheetClose({ ...props }: React.ComponentProps<typeof SheetPrimitive.Close>): React.JSX.Element;
+declare function SheetPortal({ ...props }: React.ComponentProps<typeof SheetPrimitive.Portal>): React.JSX.Element;
+declare function SheetOverlay({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Overlay>): React.JSX.Element;
+declare const sheetVariants: (props?: ({
+    side?: "top" | "right" | "bottom" | "left" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type SheetContentProps = React.ComponentProps<typeof SheetPrimitive.Content> & VariantProps<typeof sheetVariants>;
+declare function SheetContent({ side, className, children, onInteractOutside, ...props }: SheetContentProps): React.JSX.Element;
+declare function SheetHeader({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function SheetFooter({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function SheetTitle({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Title>): React.JSX.Element;
+declare function SheetDescription({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Description>): React.JSX.Element;
+export { Sheet, SheetPortal, SheetOverlay, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription };
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/ui/sheet/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/sheet/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,cAAc,MAAM,wBAAwB,CAAA;AACxD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,iBAAS,KAAK,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,qBAE5E;AAED,iBAAS,YAAY,CAAC,EACpB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,qBAErD;AAED,iBAAS,UAAU,CAAC,EAClB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,KAAK,CAAC,qBAEnD;AAED,iBAAS,WAAW,CAAC,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,MAAM,CAAC,qBAEpD;AAED,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,qBAWrD;AAED,QAAA,MAAM,aAAa;;8EAiBlB,CAAA;AAED,KAAK,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,GAC1E,YAAY,CAAC,OAAO,aAAa,CAAC,CAAA;AAEpC,iBAAS,YAAY,CAAC,EACpB,IAAc,EACd,SAAS,EACT,QAAQ,EACR,iBAAiB,EACjB,GAAG,KAAK,EACT,EAAE,iBAAiB,qBAsCnB;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAWxE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAWxE;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,KAAK,CAAC,qBAWnD;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,WAAW,CAAC,qBAQzD;AAED,OAAO,EACL,KAAK,EACL,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,WAAW,EACX,WAAW,EACX,UAAU,EACV,gBAAgB,EACjB,CAAA"}

package/dist/esm/components/ui/sheet/index.js

@@ -0,0 +1,59 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import * as SheetPrimitive from '@radix-ui/react-dialog';
+import { cva } from 'class-variance-authority';
+import { X } from 'lucide-react';
+import { cn } from '../../../lib/utils.js';
+function Sheet({ ...props }) {
+    return _jsx(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
+}
+function SheetTrigger({ ...props }) {
+    return _jsx(SheetPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
+}
+function SheetClose({ ...props }) {
+    return _jsx(SheetPrimitive.Close, { "data-slot": "sheet-close", ...props });
+}
+function SheetPortal({ ...props }) {
+    return _jsx(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
+}
+function SheetOverlay({ className, ...props }) {
+    return (_jsx(SheetPrimitive.Overlay, { "data-slot": "sheet-overlay", className: cn('data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80', className), ...props }));
+}
+const sheetVariants = cva('fixed z-50 gap-4 bg-background p-12 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500', {
+    variants: {
+        side: {
+            top: 'inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top',
+            bottom: 'inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom',
+            left: 'inset-y-0 left-0 h-full w-2/5 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left',
+            right: 'inset-y-0 right-0 h-full w-2/5  border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right'
+        }
+    },
+    defaultVariants: {
+        side: 'right'
+    }
+});
+function SheetContent({ side = 'right', className, children, onInteractOutside, ...props }) {
+    const handleInteractOutside = React.useCallback((event) => {
+        const target = event.target;
+        if (target?.closest('[data-sonner-toaster]')) {
+            event.preventDefault();
+            return;
+        }
+        onInteractOutside?.(event);
+    }, [onInteractOutside]);
+    return (_jsxs(SheetPortal, { children: [_jsx(SheetOverlay, {}), _jsxs(SheetPrimitive.Content, { "data-slot": "sheet-content", className: cn('flex max-h-screen flex-col overflow-x-auto px-8 pb-0', sheetVariants({ side }), className), onInteractOutside: handleInteractOutside, ...props, children: [children, _jsxs(SheetPrimitive.Close, { className: "data-[state=open]:bg-secondary absolute top-7 right-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-hidden disabled:pointer-events-none", children: [_jsx(X, { className: "h-6 w-6" }), _jsx("span", { className: "sr-only", children: "Close" })] })] })] }));
+}
+function SheetHeader({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "sheet-header", className: cn('mb-4 flex flex-col space-y-2 text-center sm:text-left', className), ...props }));
+}
+function SheetFooter({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "sheet-footer", className: cn('mt-auto flex flex-col-reverse justify-center pt-20 sm:flex-row sm:justify-end sm:space-x-2', className), ...props }));
+}
+function SheetTitle({ className, ...props }) {
+    return (_jsx(SheetPrimitive.Title, { "data-slot": "sheet-title", className: cn('text-muted-foreground mb-2 flex text-xl font-bold', className), ...props }));
+}
+function SheetDescription({ className, ...props }) {
+    return (_jsx(SheetPrimitive.Description, { "data-slot": "sheet-description", className: cn('text-shadcn-500 text-sm font-medium', className), ...props }));
+}
+export { Sheet, SheetPortal, SheetOverlay, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription };

package/dist/esm/components/ui/sidebar/index.d.ts

@@ -0,0 +1,11 @@
+export * from './sidebar-root.js';
+export * from './sidebar-components.js';
+export * from './sidebar-item-icon-button.js';
+export * from './sidebar-item-button.js';
+export * from './sidebar-item.js';
+export * from './sidebar-expand-button.js';
+export * from './sidebar-back-button.js';
+export * from './sidebar-provider.js';
+export * from './sidebar-item-collapsible.js';
+export * from './sidebar-router.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/ui/sidebar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/sidebar/index.tsx"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,sBAAsB,CAAA;AACpC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,uBAAuB,CAAA;AACrC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA;AACrC,cAAc,oBAAoB,CAAA;AAClC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,kBAAkB,CAAA"}

package/dist/esm/components/ui/sidebar/index.js

@@ -0,0 +1,10 @@
+export * from './sidebar-root.js';
+export * from './sidebar-components.js';
+export * from './sidebar-item-icon-button.js';
+export * from './sidebar-item-button.js';
+export * from './sidebar-item.js';
+export * from './sidebar-expand-button.js';
+export * from './sidebar-back-button.js';
+export * from './sidebar-provider.js';
+export * from './sidebar-item-collapsible.js';
+export * from './sidebar-router.js';

package/dist/esm/components/ui/sidebar/next-router.cjs

@@ -0,0 +1,44 @@
+'use strict'
+
+/**
+ * Next.js router resolution — deliberately authored as CommonJS, and shipped
+ * byte-identical into BOTH build outputs (`dist/` and `dist/esm/`).
+ *
+ * `require` with a literal specifier, wrapped in try/catch, is the one form
+ * that behaves correctly in both consumer worlds:
+ *  - Next (webpack/turbopack) statically sees the literal and bundles
+ *    next/link into the client chunk, so navigation stays client-side;
+ *  - Vite/rolldown cannot resolve it when `next` is absent, and instead of
+ *    failing the build it drops through to the catch.
+ * A dynamic `import()` fails the Vite build outright; a computed specifier
+ * hides it from Next too, which would silently downgrade the Console to full
+ * page loads.
+ *
+ * That form has no equivalent in ES modules: a bare `require` does not exist
+ * there, so the ESM build would always fall through to the catch and every
+ * Next.js consumer would silently lose client-side sidebar navigation. Rather
+ * than fork the behavior per format, the ~15 lines that need CommonJS
+ * semantics live in a `.cjs` file — CommonJS inside `dist/` (package type
+ * commonjs) and CommonJS inside `dist/esm/` (`.cjs` overrides type module).
+ * Every bundler in play (webpack, rollup/Vite, esbuild) and Node itself read
+ * it the same way from either entry point.
+ *
+ * Resolved once by its importer, so the returned object — and therefore
+ * `usePathname`'s identity — is stable across renders.
+ *
+ * @returns {{ Link: unknown, usePathname: () => string } | null}
+ */
+exports.loadNextRouter = function loadNextRouter() {
+  try {
+    const link = require('next/link')
+    const navigation = require('next/navigation')
+
+    const Link = link?.default ?? link
+    const usePathname = navigation?.usePathname
+
+    if (!Link || typeof usePathname !== 'function') return null
+    return { Link, usePathname }
+  } catch {
+    return null
+  }
+}

package/dist/esm/components/ui/sidebar/next-router.d.cts

@@ -0,0 +1,7 @@
+import type { SidebarRouter } from './sidebar-router'
+
+/**
+ * Resolves next/link + next/navigation, or null when Next.js is absent.
+ * Implemented in `next-router.cjs` — see that file for why it is CommonJS.
+ */
+export declare function loadNextRouter(): SidebarRouter | null

package/dist/esm/components/ui/sidebar/sidebar-back-button.d.ts

@@ -0,0 +1,3 @@
+import { SidebarItem } from './sidebar-item.js';
+export declare function SidebarBackButton({ ...props }: React.ComponentProps<typeof SidebarItem>): import("react").JSX.Element;
+//# sourceMappingURL=sidebar-back-button.d.ts.map

package/dist/esm/components/ui/sidebar/sidebar-back-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-back-button.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/sidebar/sidebar-back-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAE5C,wBAAgB,iBAAiB,CAAC,EAChC,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,+BAM1C"}

package/dist/esm/components/ui/sidebar/sidebar-back-button.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SidebarItem } from './sidebar-item.js';
+export function SidebarBackButton({ ...props }) {
+    return (_jsx("div", { className: "flex w-full flex-col", children: _jsx(SidebarItem, { ...props }) }));
+}

package/dist/esm/components/ui/sidebar/sidebar-components.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+export type SidebarHeaderProps = React.ComponentProps<'div'> & {
+    className?: string;
+    collapsed?: boolean;
+};
+export declare const SidebarHeader: ({ className, collapsed, ...props }: SidebarHeaderProps) => React.JSX.Element;
+export type SidebarContentProps = React.ComponentProps<'div'> & {
+    className?: string;
+};
+export declare const SidebarContent: ({ className, ...props }: SidebarContentProps) => React.JSX.Element;
+export type SidebarGroupProps = {
+    className?: string;
+} & React.ComponentProps<'nav'>;
+export declare const SidebarGroup: ({ className, ...props }: SidebarGroupProps) => React.JSX.Element;
+export type SidebarGroupTitleProps = React.PropsWithChildren & {
+    collapsed?: boolean;
+};
+export declare const SidebarGroupTitle: ({ children }: SidebarGroupTitleProps) => React.JSX.Element;
+export type SidebarFooterProps = {
+    className?: string;
+} & React.ComponentProps<'nav'>;
+export declare const SidebarFooter: ({ className, ...props }: SidebarFooterProps) => React.JSX.Element;
+//# sourceMappingURL=sidebar-components.d.ts.map

package/dist/esm/components/ui/sidebar/sidebar-components.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-components.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/sidebar/sidebar-components.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,oCAI3B,kBAAkB,sBAWpB,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,cAAc,GAAI,yBAG5B,mBAAmB,sBAUrB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;AAE/B,eAAO,MAAM,YAAY,GAAI,yBAAyB,iBAAiB,sBAUtE,CAAA;AAED,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,iBAAiB,GAAG;IAC7D,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,iBAAiB,GAAI,cAAc,sBAAsB,sBAcrE,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;AAE/B,eAAO,MAAM,aAAa,GAAI,yBAAyB,kBAAkB,sBASxE,CAAA"}

package/dist/esm/components/ui/sidebar/sidebar-components.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../../lib/utils.js';
+import { useSidebar } from './sidebar-provider.js';
+import { Separator } from '../separator/index.js';
+export const SidebarHeader = ({ className, collapsed, ...props }) => (_jsx("div", { "data-slot": "sidebar-header", "data-collapsed": collapsed, className: cn('bg-card flex w-full flex-col items-center p-4', collapsed && 'justify-center p-0', className), ...props }));
+export const SidebarContent = ({ className, ...props }) => (_jsx("div", { "data-slot": "sidebar-content", className: cn('bg-card group flex flex-1 flex-col gap-4 overflow-hidden overflow-y-auto px-4 pt-4 transition-all duration-300 ease-in-out', 'group-data-[collapsed=true]/sidebar:items-center group-data-[collapsed=true]/sidebar:px-2', className), ...props }));
+export const SidebarGroup = ({ className, ...props }) => (_jsx("nav", { "data-slot": "sidebar-group", className: cn('flex flex-col gap-1', 'group-data-[collapsed=true]/sidebar:items-center', className), ...props }));
+export const SidebarGroupTitle = ({ children }) => {
+    const { isCollapsed } = useSidebar();
+    if (isCollapsed) {
+        return _jsx(Separator, {});
+    }
+    return (_jsx("div", { "data-slot": "sidebar-group-title", className: "my-2 px-2", children: _jsx("p", { className: "text-body-text text-xs font-semibold tracking-[1.1px] uppercase", children: children }) }));
+};
+export const SidebarFooter = ({ className, ...props }) => (_jsx("nav", { "data-slot": "sidebar-footer", className: cn('border-border bg-card flex w-full justify-center border-t p-4', className), ...props }));

package/dist/esm/components/ui/sidebar/sidebar-expand-button.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+type SidebarExpandButtonProps = {
+    tooltip?: string;
+};
+export declare const SidebarExpandButton: ({ tooltip }: SidebarExpandButtonProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=sidebar-expand-button.d.ts.map

package/dist/esm/components/ui/sidebar/sidebar-expand-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-expand-button.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/sidebar/sidebar-expand-button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAYzB,KAAK,wBAAwB,GAAG;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,eAAO,MAAM,mBAAmB,GAAI,aAAa,wBAAwB,sBAqCxE,CAAA"}

package/dist/esm/components/ui/sidebar/sidebar-expand-button.js

@@ -0,0 +1,12 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { PanelLeftClose, PanelRightClose } from 'lucide-react';
+import { useSidebar } from './sidebar-provider.js';
+import { SidebarFooter } from './sidebar-components.js';
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../../ui/tooltip/index.js';
+import { IconButton } from '../icon-button/index.js';
+export const SidebarExpandButton = ({ tooltip }) => {
+    const { isCollapsed, toggleSidebar } = useSidebar();
+    return (_jsxs(React.Fragment, { children: [!isCollapsed && (_jsx("div", { "data-slot": "sidebar-expand-button", className: "border-border bg-card flex w-full", children: _jsx("div", { className: "absolute right-[-20px] bottom-4", children: _jsx(IconButton, { variant: "secondary", rounded: true, onClick: toggleSidebar, children: _jsx(PanelLeftClose, { className: "text-shadcn-400" }) }) }) })), isCollapsed && (_jsx(SidebarFooter, { children: _jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { className: "group/expand-button text-shadcn-400 hover:bg-accent rounded-sm bg-transparent p-2", onClick: toggleSidebar, children: _jsx(PanelRightClose, { className: "group-hover/expand-button:text-white dark:text-white" }) }), _jsx(TooltipContent, { side: "right", children: tooltip || 'Expand' })] }) }) }))] }));
+};

package/dist/esm/components/ui/sidebar/sidebar-item-button.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { type SidebarLinkProps } from './sidebar-router.js';
+export type SidebarItemButtonProps = SidebarLinkProps & {
+    className?: string;
+    title: string;
+    icon?: React.ReactNode;
+    active?: boolean;
+    inactive?: boolean;
+    disabled?: boolean;
+};
+export declare function SidebarItemButton({ className, title, icon, href, active, inactive, disabled, ...props }: SidebarItemButtonProps): React.JSX.Element;
+//# sourceMappingURL=sidebar-item-button.d.ts.map

package/dist/esm/components/ui/sidebar/sidebar-item-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-item-button.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/sidebar/sidebar-item-button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAoB,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAE1E,MAAM,MAAM,sBAAsB,GAAG,gBAAgB,GAAG;IACtD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,QAAgB,EAChB,GAAG,KAAK,EACT,EAAE,sBAAsB,qBA8CxB"}

package/dist/esm/components/ui/sidebar/sidebar-item-button.js

@@ -0,0 +1,18 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { buttonVariants, iconVariants } from '../../ui/button/index.js';
+import { cn } from '../../../lib/utils.js';
+import { useSidebarRouter } from './sidebar-router.js';
+export function SidebarItemButton({ className, title, icon, href, active, inactive, disabled = false, ...props }) {
+    const { Link } = useSidebarRouter();
+    const sharedClassName = cn(buttonVariants({
+        variant: active ? 'tertiary' : 'outline',
+        fullWidth: true,
+        size: 'small'
+    }), 'group/link flex items-center justify-start', inactive && 'hover:border-transparent', disabled && 'cursor-default opacity-30', className);
+    const content = (_jsxs(_Fragment, { children: [icon && (_jsx("span", { className: cn(iconVariants({ position: 'start', size: 'small' })), children: icon })), title] }));
+    if (disabled || inactive) {
+        return (_jsx("div", { "data-slot": "sidebar-item-button", className: sharedClassName, children: content }));
+    }
+    return (_jsx(Link, { "data-slot": "sidebar-item-button", href: href, className: sharedClassName, ...props, children: content }));
+}

package/dist/esm/components/ui/sidebar/sidebar-item-collapsible.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@radix-ui/react-collapsible';
+import { SidebarItemButton } from './sidebar-item-button.js';
+import { SidebarItemIconButton } from './sidebar-item-icon-button.js';
+export type SidebarItemCollapsibleProps = React.ComponentProps<typeof Collapsible> & {
+    name?: string;
+};
+export declare function SidebarItemCollapsible({ name, className, ...props }: SidebarItemCollapsibleProps): React.JSX.Element;
+export type SidebarItemCollapsibleTriggerProps = React.ComponentProps<typeof CollapsibleTrigger> & Omit<React.ComponentProps<typeof SidebarItemButton>, 'href'> & Omit<React.ComponentProps<typeof SidebarItemIconButton>, 'href'>;
+export declare function SidebarItemCollapsibleTrigger({ className, icon, title, children: _children, ...props }: SidebarItemCollapsibleTriggerProps): React.JSX.Element;
+export declare function SidebarItemCollapsibleContent({ className, children, ...props }: React.ComponentProps<typeof CollapsibleContent>): React.JSX.Element;
+//# sourceMappingURL=sidebar-item-collapsible.d.ts.map

package/dist/esm/components/ui/sidebar/sidebar-item-collapsible.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-item-collapsible.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/sidebar/sidebar-item-collapsible.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EACL,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EACnB,MAAM,6BAA6B,CAAA;AAIpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AAEzD,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAA;AAElE,MAAM,MAAM,2BAA2B,GAAG,KAAK,CAAC,cAAc,CAC5D,OAAO,WAAW,CACnB,GAAG;IACF,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,wBAAgB,sBAAsB,CAAC,EACrC,IAAI,EACJ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,2BAA2B,qBA+B7B;AAED,MAAM,MAAM,kCAAkC,GAAG,KAAK,CAAC,cAAc,CACnE,OAAO,kBAAkB,CAC1B,GACC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,EAAE,MAAM,CAAC,GAC5D,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,EAAE,MAAM,CAAC,CAAA;AAElE,wBAAgB,6BAA6B,CAAC,EAC5C,SAAS,EACT,IAAI,EACJ,KAAK,EACL,QAAQ,EAAE,SAAS,EACnB,GAAG,KAAK,EACT,EAAE,kCAAkC,qBAgCpC;AAED,wBAAgB,6BAA6B,CAAC,EAC5C,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,qBA0BjD"}

package/dist/esm/components/ui/sidebar/sidebar-item-collapsible.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { cn } from '../../../lib/utils.js';
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@radix-ui/react-collapsible';
+import { ChevronRight } from 'lucide-react';
+import { useSidebar } from './sidebar-provider.js';
+import { Separator } from '../separator/index.js';
+import { SidebarItemButton } from './sidebar-item-button.js';
+import { buttonVariants } from '../button/index.js';
+import { SidebarItemIconButton } from './sidebar-item-icon-button.js';
+export function SidebarItemCollapsible({ name, className, ...props }) {
+    const { isCollapsed, getItemCollapsed, setItemCollapsed } = useSidebar();
+    const [open, setOpen] = React.useState(name ? getItemCollapsed(name) : false);
+    const handleOpenChange = (open) => {
+        setOpen(open);
+        if (name) {
+            setItemCollapsed(name, open);
+        }
+    };
+    React.useEffect(() => {
+        if (name) {
+            setOpen(getItemCollapsed(name));
+        }
+    }, [name, getItemCollapsed]);
+    return (_jsx(Collapsible, { open: open, onOpenChange: handleOpenChange, "data-slot": "sidebar-item-collapsible", className: cn({
+            'rounded-md': isCollapsed
+        }, className), ...props }));
+}
+export function SidebarItemCollapsibleTrigger({ className, icon, title, children: _children, ...props }) {
+    const { isCollapsed } = useSidebar();
+    return (_jsxs(CollapsibleTrigger, { "data-slot": "sidebar-item-collapsible-trigger", className: cn('flex w-full flex-row p-0', 'transition-all hover:underline [&[data-state=open]>svg]:rotate-90', buttonVariants({
+            variant: 'outline',
+            fullWidth: true,
+            size: 'small'
+        }), {
+            'size-10': isCollapsed
+        }, className), ...props, children: [isCollapsed && (_jsx(SidebarItemIconButton, { title: title, icon: icon, href: "", inactive: true })), !isCollapsed && (_jsxs(_Fragment, { children: [_jsx(SidebarItemButton, { title: title, icon: icon, href: '', inactive: true }), _jsx(ChevronRight, { className: "text-foreground mr-1 size-6 shrink-0 cursor-pointer transition-transform duration-200" })] }))] }));
+}
+export function SidebarItemCollapsibleContent({ className, children, ...props }) {
+    const { isCollapsed } = useSidebar();
+    return (_jsx(CollapsibleContent, { "data-slot": "sidebar-item-collapsible-content", className: cn('mt-1 flex flex-col gap-1', 'data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down overflow-hidden transition-all duration-200 ease-in-out', {
+            'items-center': isCollapsed
+        }, className), ...props, children: isCollapsed ? (children) : (_jsxs("div", { className: "flex items-stretch gap-3", children: [_jsx(Separator, { className: "ml-5 h-auto", orientation: "vertical" }), _jsx("div", { className: "flex w-full flex-col gap-1", children: children })] })) }));
+}

package/dist/esm/components/ui/sidebar/sidebar-item-icon-button.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { type SidebarLinkProps } from './sidebar-router.js';
+type SidebarItemIconButtonProps = SidebarLinkProps & {
+    title: string;
+    icon: React.ReactNode;
+    active?: boolean;
+    inactive?: boolean;
+    disabled?: boolean;
+};
+export declare const SidebarItemIconButton: ({ className, title, icon, href, active, inactive, disabled, ...props }: SidebarItemIconButtonProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=sidebar-item-icon-button.d.ts.map

package/dist/esm/components/ui/sidebar/sidebar-item-icon-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-item-icon-button.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/sidebar/sidebar-item-icon-button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,OAAO,EAAoB,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAE1E,KAAK,0BAA0B,GAAG,gBAAgB,GAAG;IACnD,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,qBAAqB,GAAI,wEASnC,0BAA0B,sBAuC5B,CAAA"}