@lerianstudio/sindarian-ui 2.0.0-beta.25 → 2.0.0-beta.26

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

@@ -1,31 +1 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as ProgressPrimitive from '@radix-ui/react-progress';
-import { cn } from '../../../lib/utils.js';
-/**
- * `value` and `max` are Radix's own props, so the bar reports `aria-valuenow` /
- * `aria-valuemax` and flips `data-state` between `loading` and `complete`.
- * Omitting `value`, or passing `null`, is Radix's indeterminate state and draws
- * an empty track.
- *
- * Both numbers are BOUNDED BEFORE THE ROOT SEES THEM, so the drawn width and
- * the announced value can never disagree. Radix accepts a value only inside
- * `[0, max]`: hand it one outside and the root drops `aria-valuenow`, sticks
- * `data-state` on `indeterminate` and logs an error, while the indicator here
- * goes on drawing the clamped bar. Substituting 100 for a non-positive max is
- * Radix's own fallback, and is also what keeps a `max` of 0 from dividing by
- * zero.
- */
-function Progress({ className, value, max, indicatorColor = 'bg-primary', ...props }) {
-    const scale = Number.isFinite(max) && max > 0 ? max : 100;
-    // Bound against `scale`, not against the rejected `max`: with `max={0}` the
-    // scale is already 100, and clamping to 0 would report a finished bar empty.
-    // Non-finite values are indeterminate, matching Radix without producing an
-    // invalid CSS transform.
-    const bounded = Number.isFinite(value)
-        ? Math.min(scale, Math.max(0, value))
-        : null;
-    const percent = ((bounded ?? 0) / scale) * 100;
-    return (_jsx(ProgressPrimitive.Root, { "data-slot": "progress", value: bounded, max: scale, 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 - percent}%)` } }) }));
-}
-export { Progress };
+"use client";import{jsx as o}from"react/jsx-runtime";import*as i from"@radix-ui/react-progress";import{cn as l}from"../../../lib/utils.js";function u({className:a,value:s,max:r,indicatorColor:n="bg-primary",...m}){const t=Number.isFinite(r)&&r>0?r:100;const e=Number.isFinite(s)?Math.min(t,Math.max(0,s)):null;const c=(e??0)/t*100;return o(i.Root,{"data-slot":"progress",value:e,max:t,className:l("bg-primary/20 relative h-4 w-full overflow-hidden rounded-full",a),...m,children:o(i.Indicator,{"data-slot":"progress-indicator",className:l("h-full w-full flex-1 transition-all",n),style:{transform:`translateX(-${100-c}%)`}})})}export{u as Progress};

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

@@ -1,24 +1 @@
-'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 }));
-}
+"use client";import{jsx as n}from"react/jsx-runtime";import{QRCodeSVG as a}from"qrcode.react";const s=160;const d="QR code";const l=.22;export function QRCode({value:e,size:i=s,logoSrc:t,"aria-label":r=d}){if(!e||e.trim()===""){return null}const o=Math.round(i*l);return n(a,{"data-slot":"qr-code",value:e,size:i,role:"img","aria-label":r,level:t?"H":"L",imageSettings:t?{src:t,height:o,width:o,excavate:true}:void 0})}

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

@@ -1,12 +1 @@
-'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-border text-primary focus-visible:ring-ring 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 };
+"use client";import{jsx as r}from"react/jsx-runtime";import*as e from"@radix-ui/react-radio-group";import{Circle as t}from"lucide-react";import{cn as o}from"../../../lib/utils.js";function s({className:i,...a}){return r(e.Root,{"data-slot":"radio-group",className:o("grid gap-3",i),...a})}function d({className:i,...a}){return r(e.Item,{"data-slot":"radio-group-item",className:o("border-input-border text-primary focus-visible:ring-ring 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",i),...a,children:r(e.Indicator,{"data-slot":"radio-group-indicator",className:"relative flex items-center justify-center",children:r(t,{className:"fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2"})})})}export{s as RadioGroup,d as RadioGroupItem};

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

@@ -1,13 +1 @@
-'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 };
+"use client";import{jsx as l,jsxs as i}from"react/jsx-runtime";import*as o from"@radix-ui/react-scroll-area";import{cn as s}from"../../../lib/utils.js";function n({className:e,children:r,...a}){return i(o.Root,{"data-slot":"scroll-area",className:s("relative",e),...a,children:[l(o.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:r}),l(t,{}),l(o.Corner,{})]})}function t({className:e,orientation:r="vertical",...a}){return l(o.ScrollAreaScrollbar,{"data-slot":"scroll-area-scrollbar",orientation:r,className:s("flex touch-none p-px transition-colors select-none",r==="vertical"&&"h-full w-2.5 border-l border-l-transparent",r==="horizontal"&&"h-2.5 flex-col border-t border-t-transparent",e),...a,children:l(o.ScrollAreaThumb,{"data-slot":"scroll-area-thumb",className:"bg-border relative flex-1 rounded-full"})})}export{n as ScrollArea,t as ScrollBar};

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

@@ -1,74 +1 @@
-'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 });
-}
-/**
- * Radix strips `className` and `style` off its `Select.Value` before rendering
- * the span, so this slot cannot be styled directly — it is styled from the
- * trigger instead, see VALUE_OVERFLOW_CLASS.
- */
-function SelectValue({ ...props }) {
-    return _jsx(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
-}
-/**
- * Truncate the selected value instead of letting it wrap out of the trigger.
- *
- * `.select-trigger` is a fixed-height `flex w-full items-center justify-between`
- * box, and a flex item never shrinks below its own min-content width: a long
- * value broke to a second line and overflowed the box. `min-w-0` lets the value
- * slot shrink, `truncate` ellipsises what no longer fits — the chevron keeps its
- * place because the value absorbs all the shrinkage.
- *
- * Written as a descendant-scoped variant on the TRIGGER because Radix strips
- * `className` off `Select.Value` itself. DESCENDANT, not `>`: a trigger that
- * carries a leading glyph groups the glyph and the value into one flex child
- * (see `SelectField`'s `leadingIcon`), so the value span is no longer the
- * trigger's direct child and a `>` combinator stopped truncating exactly where
- * the trigger has the least room. The wrapper carries `min-w-0` itself, which
- * is what lets the shrinkage reach the value.
- *
- * Truncation hides text, so a trigger showing a long value should also carry
- * `title` — on the trigger, never on the value slot, which Radix renders
- * `pointer-events: none`.
- */
-const VALUE_OVERFLOW_CLASS = '[&_[data-slot=select-value]]:min-w-0 [&_[data-slot=select-value]]:truncate';
-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', VALUE_OVERFLOW_CLASS, 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 };
+"use client";import{jsx as t,jsxs as i}from"react/jsx-runtime";import*as c from"react";import*as a from"@radix-ui/react-select";import{Check as h,ChevronDown as u,ChevronUp as S}from"lucide-react";import{cn as r}from"../../../lib/utils.js";function g({...e}){return t(a.Root,{"data-slot":"select",...e})}function N({...e}){return t(a.Group,{"data-slot":"select-group",...e})}function b({...e}){return t(a.Value,{"data-slot":"select-value",...e})}const w="[&_[data-slot=select-value]]:min-w-0 [&_[data-slot=select-value]]:truncate";function v({className:e,readOnly:l,children:s,...o}){return i(a.Trigger,{"data-slot":"select-trigger","data-size":"default",className:r("select-trigger select-read-only select-disabled",w,e),"aria-readonly":l,"data-read-only":l?"":void 0,...o,children:[s,!l&&t(a.Icon,{asChild:true,children:t(u,{className:"select-chevron"})})]})}function m({className:e,...l}){return t(a.ScrollUpButton,{"data-slot":"select-scroll-up-button",className:r("select-scroll-button",e),...l,children:t(S,{className:"size-4"})})}function p({className:e,...l}){return t(a.ScrollDownButton,{"data-slot":"select-scroll-down-button",className:r("select-scroll-button",e),...l,children:t(u,{className:"size-4"})})}function x({className:e,children:l,position:s="popper",...o}){const f=c.useMemo(()=>c.Children.map(c.Children.toArray(l),n=>{if(c.isValidElement(n)&&n.type===d){return n.props.value}}),[l]);return t(a.Portal,{children:i(a.Content,{"data-slot":"select-content","data-position":s,className:r("group/select select-content",s==="popper"&&"select-content-popper",e),"data-empty":f.length===0,position:s,...o,children:[t(m,{}),t(a.Viewport,{className:r("p-1",s==="popper"&&"h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width)"),children:l}),t(p,{})]})})}function C({className:e,...l}){return t("div",{"data-slot":"select-empty",className:r("select-empty",e),...l})}function y({className:e,...l}){return t(a.Label,{"data-slot":"select-label",className:r("select-label",e),...l})}function d({className:e,children:l,...s}){return i(a.Item,{"data-slot":"select-item",className:r("select-item",e),...s,children:[t("span",{className:"absolute right-2 flex h-3.5 w-3.5 items-center justify-center",children:t(a.ItemIndicator,{children:t(h,{className:"size-4"})})}),t(a.ItemText,{children:l})]})}function I({className:e,...l}){return t(a.Separator,{"data-slot":"select-separator",className:r("select-separator",e),...l})}export{g as Select,N as SelectGroup,b as SelectValue,v as SelectTrigger,x as SelectContent,C as SelectEmpty,y as SelectLabel,d as SelectItem,I as SelectSeparator,m as SelectScrollUpButton,p as SelectScrollDownButton};

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

@@ -1,8 +1 @@
-'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 };
+"use client";import{jsx as e}from"react/jsx-runtime";import*as i from"@radix-ui/react-separator";import{cn as s}from"../../../lib/utils.js";function l({className:o,orientation:r="horizontal",decorative:t=true,...a}){return e(i.Root,{"data-slot":"separator",decorative:t,orientation:r,className:s("bg-border shrink-0",r==="horizontal"?"h-px w-full":"h-full w-px",o),...a})}export{l as Separator};

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

@@ -1,92 +1 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as SheetPrimitive from '@radix-ui/react-dialog';
-import { cva } from 'class-variance-authority';
-import { X } from 'lucide-react';
-import { cn, keepOpenOnToast } 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('motion-safe:data-[state=open]:animate-in motion-safe: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 }));
-}
-/**
- * ⛔ A PANEL BUILT FOR A DESKTOP HAS TO STOP BEING TWO FIFTHS ON A PHONE.
- *
- * `w-2/5` and `p-12` were unconditional. At a 390px viewport that is a 156px
- * panel with 59px of usable width, and a form field inside it measures 9px of
- * text — a sheet that cannot be read, let alone filled in. At 320px the panel
- * is 128px and the field has NOTHING: its own padding is wider than its box.
- * Thirteen product-console routes opened a sheet that looked like that, which
- * is why that console has carried a rule against `[data-slot='sheet-content']`
- * since its M10 lane; this is that rule brought home, and the console can drop
- * its copy.
- *
- * ⚠️ THE PHONE VALUES CARRY THE MODIFIER, THE DESKTOP ONES DO NOT, AND THAT
- * ASYMMETRY IS THE WHOLE MECHANISM. `cn` resolves these through tailwind-merge
- * before the cascade sees them, and tailwind-merge only drops a conflicting
- * class carrying the SAME modifiers. So a caller's `w-[594px]` replaces
- * `w-2/5` and leaves `max-sm:w-full` standing: the fifteen product-console
- * sheets that declare a pixel width of their own — and the two that declare
- * `w-full` — all still fill a phone, with no edit at the call site. Written
- * the other way round — `w-full sm:w-2/5` — the caller's bare `w-[594px]`
- * would have been overruled by `sm:w-2/5` at every desktop width instead,
- * which is the same bug pointing the other way.
- *
- * ⚠️ IT CUTS BOTH WAYS, AND THE PADDING IS WHERE THAT IS FELT. A caller's bare
- * `p-0` drops `p-12` and cannot reach `max-sm:px-4` either, so a panel that
- * asked for no padding gets 16px a side below 40rem. That is deliberate — it
- * is what makes the phone step reach the call sites that need it most — and it
- * is what product-console's own unlayered rule already did to those five
- * sheets, so nothing there moves. For any other consumer it is a behaviour
- * change from 2.0.0-beta.11, and the way out is one token.
- *
- * A call site that genuinely wants its own phone width or padding says so with
- * the modifier (`max-sm:w-[320px]`, `max-sm:p-0`), which is one token and
- * strictly more than the console's unlayered rule allowed anyone.
- *
- * 40rem rather than 768px, unlike `SidebarTrigger` next door: nothing here is
- * paired with a pixel media query in JavaScript. This is a reading-width
- * decision and it is the complement of `sm:`, so it moves with the reader's
- * font exactly as the rest of the package's responsive steps do. The one panel
- * that IS coupled to the pixel breakpoint is the navigation drawer, and
- * `SidebarRoot` opts it out by restating both tokens under `max-sm:`.
- */
-const sheetVariants = cva('fixed z-50 gap-4 bg-background p-12 max-sm:px-4 shadow-lg transition ease-in-out motion-safe:data-[state=open]:animate-in motion-safe: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 max-sm:w-full 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 max-sm:w-full 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, showCloseButton = true, closeLabel = 'Close', onInteractOutside, ...props }) {
-    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: keepOpenOnToast(onInteractOutside), ...props, children: [children, showCloseButton && (_jsxs(SheetPrimitive.Close, { className: "data-[state=open]:bg-secondary ring-offset-background focus-visible:ring-ring absolute top-7 right-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:pointer-events-none", children: [_jsx(X, { className: "h-6 w-6" }), _jsx("span", { className: "sr-only", children: closeLabel })] }))] })] }));
-}
-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-muted-foreground text-sm font-medium', className), ...props }));
-}
-export { Sheet, SheetPortal, SheetOverlay, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription };
+"use client";import{jsx as e,jsxs as n}from"react/jsx-runtime";import*as a from"@radix-ui/react-dialog";import{cva as u}from"class-variance-authority";import{X as h}from"lucide-react";import{cn as s,keepOpenOnToast as p}from"../../../lib/utils.js";function x({...t}){return e(a.Root,{"data-slot":"sheet",...t})}function g({...t}){return e(a.Trigger,{"data-slot":"sheet-trigger",...t})}function b({...t}){return e(a.Close,{"data-slot":"sheet-close",...t})}function i({...t}){return e(a.Portal,{"data-slot":"sheet-portal",...t})}function r({className:t,...o}){return e(a.Overlay,{"data-slot":"sheet-overlay",className:s("motion-safe:data-[state=open]:animate-in motion-safe: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",t),...o})}const v=u("fixed z-50 gap-4 bg-background p-12 max-sm:px-4 shadow-lg transition ease-in-out motion-safe:data-[state=open]:animate-in motion-safe: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 max-sm:w-full 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 max-sm:w-full border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right"}},defaultVariants:{side:"right"}});function y({side:t="right",className:o,children:l,showCloseButton:d=true,closeLabel:f="Close",onInteractOutside:c,...m}){return n(i,{children:[e(r,{}),n(a.Content,{"data-slot":"sheet-content",className:s("flex max-h-screen flex-col overflow-x-auto px-8 pb-0",v({side:t}),o),onInteractOutside:p(c),...m,children:[l,d&&n(a.Close,{className:"data-[state=open]:bg-secondary ring-offset-background focus-visible:ring-ring absolute top-7 right-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:pointer-events-none",children:[e(h,{className:"h-6 w-6"}),e("span",{className:"sr-only",children:f})]})]})]})}function S({className:t,...o}){return e("div",{"data-slot":"sheet-header",className:s("mb-4 flex flex-col space-y-2 text-center sm:text-left",t),...o})}function N({className:t,...o}){return e("div",{"data-slot":"sheet-footer",className:s("mt-auto flex flex-col-reverse justify-center pt-20 sm:flex-row sm:justify-end sm:space-x-2",t),...o})}function w({className:t,...o}){return e(a.Title,{"data-slot":"sheet-title",className:s("text-muted-foreground mb-2 flex text-xl font-bold",t),...o})}function j({className:t,...o}){return e(a.Description,{"data-slot":"sheet-description",className:s("text-muted-foreground text-sm font-medium",t),...o})}export{x as Sheet,i as SheetPortal,r as SheetOverlay,g as SheetTrigger,b as SheetClose,y as SheetContent,S as SheetHeader,N as SheetFooter,w as SheetTitle,j as SheetDescription};

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

@@ -1,11 +1 @@
-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-trigger.js';
-export * from './sidebar-back-button.js';
-export * from './sidebar-provider.js';
-export * from './sidebar-item-collapsible.js';
-export * from './sidebar-router.js';
+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-trigger.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

@@ -1,119 +1 @@
-'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}
- */
-/**
- * Whether `next` itself is present in this install.
- *
- * The thrown error cannot answer this on its own. MODULE_NOT_FOUND (and the
- * "Cannot find module" text) is ALSO what Node reports when `next/link` is right
- * there but something IT requires is missing — a genuinely broken install, which
- * an error-shape check silences along with the intended fallback. Asking about
- * the top-level package separates "no Next here" from "Next here and broken".
- *
- * `next/package.json` rather than `next`: the manifest is inert, while the
- * package entry executes code and could throw for the very reason being
- * diagnosed.
- */
-function nextIsInstalled() {
-  try {
-    require.resolve('next/package.json')
-    return true
-  } catch {
-    return false
-  }
-}
-
-/**
- * Whether the failure says one of the two ENTRIES we require is itself absent,
- * rather than something missing INSIDE an installed next.
- *
- * This is the distinction the warning turns on, and `nextIsInstalled()` alone
- * cannot draw it: a shimmed or mocked environment can leave the real `next`
- * package on disk while `next/link` does not resolve, which is not a broken
- * install and not worth a word. Naming the two specifiers keeps the check narrow
- * — a missing INNER dependency reports some other module and still warns, which
- * is the whole point.
- */
-function isMissingNextEntry(error) {
-  return /Cannot find module '(next\/link|next\/navigation)'/.test(
-    String(error && error.message)
-  )
-}
-
-exports.loadNextRouter = function loadNextRouter() {
-  // Which entry is being loaded right now, so a failure can name the one that
-  // actually failed. Both requires share one try block, and the message used to
-  // say "next/link" unconditionally — so a broken `next/navigation` sent whoever
-  // read the warning to inspect the wrong module.
-  //
-  // A variable for the MESSAGE only. Both specifiers stay literal in the
-  // `require` calls: per the header, a computed specifier hides them from Next's
-  // bundler and silently downgrades navigation, which is the whole reason this
-  // file is CommonJS.
-  let loading = 'next/link'
-  try {
-    const link = require('next/link')
-    loading = 'next/navigation'
-    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 (error) {
-    // Two very different situations reach here. `next` simply NOT INSTALLED is
-    // the intended fallback (every Vite consumer) and must stay silent. `next`
-    // installed but failing to load is the silent downgrade this file's header
-    // warns about: the Console drops to plain anchors and full page loads with
-    // nothing anywhere saying why. Only the second one is worth a word, and only
-    // in development.
-    //
-    // TWO signals, because each covers what the other misses.
-    // `nextIsInstalled()` is the robust one: it does not depend on error text,
-    // which varies across Node, Jest and every bundler. But on its own it warns
-    // whenever the real package is on disk while the entry does not resolve —
-    // a mocked or shimmed environment, not a broken install. `isMissingNextEntry`
-    // narrows that: a missing INNER dependency names some other module, so it
-    // still warns, which is the case actually worth reporting.
-    if (
-      process.env.NODE_ENV !== 'production' &&
-      nextIsInstalled() &&
-      !isMissingNextEntry(error)
-    ) {
-      console.warn(
-        `[sindarian-ui] next is installed but ${loading} failed to load, so ` +
-          'sidebar navigation falls back to full page loads. Original error:',
-        error
-      )
-    }
-    return null
-  }
-}
+"use strict";function nextIsInstalled(){try{require.resolve("next/package.json");return true}catch{return false}}function isMissingNextEntry(t){return/Cannot find module '(next\/link|next\/navigation)'/.test(String(t&&t.message))}exports.loadNextRouter=function t(){let e="next/link";try{const n=require("next/link");e="next/navigation";const r=require("next/navigation");const i=n?.default??n;const a=r?.usePathname;if(!i||typeof a!=="function")return null;return{Link:i,usePathname:a}}catch(n){if(process.env.NODE_ENV!=="production"&&nextIsInstalled()&&!isMissingNextEntry(n)){console.warn(`[sindarian-ui] next is installed but ${e} failed to load, so sidebar navigation falls back to full page loads. Original error:`,n)}return null}};

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

@@ -1,5 +1 @@
-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 }) }));
-}
+import{jsx as r}from"react/jsx-runtime";import{SidebarItem as o}from"./sidebar-item.js";export function SidebarBackButton({...e}){return r("div",{className:"flex w-full flex-col",children:r(o,{...e})})}

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

@@ -1,15 +1 @@
-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 }));
+import{jsx as t}from"react/jsx-runtime";import{cn as a}from"../../../lib/utils.js";import{useSidebar as s}from"./sidebar-provider.js";import{Separator as d}from"../separator/index.js";export const SidebarHeader=({className:r,collapsed:e,...o})=>t("div",{"data-slot":"sidebar-header","data-collapsed":e,className:a("bg-card flex w-full flex-col items-center p-4",e&&"justify-center p-0",r),...o});export const SidebarContent=({className:r,...e})=>t("div",{"data-slot":"sidebar-content",className:a("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",r),...e});export const SidebarGroup=({className:r,...e})=>t("nav",{"data-slot":"sidebar-group",className:a("flex flex-col gap-1","group-data-[collapsed=true]/sidebar:items-center",r),...e});export const SidebarGroupTitle=({children:r})=>{const{isCollapsed:e}=s();if(e){return t(d,{})}return t("div",{"data-slot":"sidebar-group-title",className:"my-2 px-2",children:t("p",{className:"text-body-text text-xs font-semibold tracking-[1.1px] uppercase",children:r})})};export const SidebarFooter=({className:r,...e})=>t("nav",{"data-slot":"sidebar-footer",className:a("border-border bg-card flex w-full justify-center border-t p-4",r),...e});

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

@@ -1,42 +1 @@
-'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, isDrawer, toggleSidebar } = useSidebar();
-    /**
-     * Nothing to collapse in a drawer. The expanded branch below hangs its button
-     * at `right-[-20px]`, twenty pixels outside the rail — off the canvas of an
-     * overlay that has no page beside it — and collapsing to a 72px strip inside
-     * a 244px sheet is not a state worth reaching. The drawer's own close control
-     * and the backdrop are how it is dismissed.
-     *
-     * ⚠️ `isDrawer`, NOT `isMobile`. A consumer left on the default
-     * `mobile="inline"` still has a real rail below 768px, and its collapse
-     * control has to come with it.
-     */
-    if (isDrawer) {
-        return null;
-    }
-    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, "aria-label": tooltip || 'Collapse sidebar', "aria-expanded": true, children: _jsx(PanelLeftClose, { className: "text-muted-foreground" }) }) }) })), isCollapsed && (_jsx(SidebarFooter, { children: _jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger
-                            // `hover:text-accent-foreground` on the TRIGGER, not only on
-                            // the glyph below. The base ink here used to be base/400, which
-                            // no rule paired with anything; now that it is the muted token,
-                            // it is the ink anything inside this trigger inherits, and the
-                            // muted token reads 1.07:1 on sunglow in dark. The glyph
-                            // overrides it today, so this pairs the fill for whatever the
-                            // trigger holds next.
-                            , { 
-                                // `hover:text-accent-foreground` on the TRIGGER, not only on
-                                // the glyph below. The base ink here used to be base/400, which
-                                // no rule paired with anything; now that it is the muted token,
-                                // it is the ink anything inside this trigger inherits, and the
-                                // muted token reads 1.07:1 on sunglow in dark. The glyph
-                                // overrides it today, so this pairs the fill for whatever the
-                                // trigger holds next.
-                                className: "group/expand-button text-muted-foreground hover:bg-accent hover:text-accent-foreground rounded-sm bg-transparent p-2", onClick: toggleSidebar, "aria-label": tooltip || 'Expand sidebar', "aria-expanded": false, children: _jsx(PanelRightClose, { className: "group-hover/expand-button:text-accent-foreground dark:text-white" }) }), _jsx(TooltipContent, { side: "right", children: tooltip || 'Expand' })] }) }) }))] }));
-};
+"use client";import{jsx as e,jsxs as a}from"react/jsx-runtime";import d from"react";import{PanelLeftClose as i,PanelRightClose as l}from"lucide-react";import{useSidebar as s}from"./sidebar-provider.js";import{SidebarFooter as c}from"./sidebar-components.js";import{Tooltip as p,TooltipContent as m,TooltipProvider as u,TooltipTrigger as x}from"../../ui/tooltip/index.js";import{IconButton as b}from"../icon-button/index.js";export const SidebarExpandButton=({tooltip:r})=>{const{isCollapsed:o,isDrawer:n,toggleSidebar:t}=s();if(n){return null}return a(d.Fragment,{children:[!o&&e("div",{"data-slot":"sidebar-expand-button",className:"border-border bg-card flex w-full",children:e("div",{className:"absolute right-[-20px] bottom-4",children:e(b,{variant:"secondary",rounded:true,onClick:t,"aria-label":r||"Collapse sidebar","aria-expanded":true,children:e(i,{className:"text-muted-foreground"})})})}),o&&e(c,{children:e(u,{children:a(p,{children:[e(x,{className:"group/expand-button text-muted-foreground hover:bg-accent hover:text-accent-foreground rounded-sm bg-transparent p-2",onClick:t,"aria-label":r||"Expand sidebar","aria-expanded":false,children:e(l,{className:"group-hover/expand-button:text-accent-foreground dark:text-white"})}),e(m,{side:"right",children:r||"Expand"})]})})})]})};

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

@@ -1,18 +1 @@
-'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 }));
-}
+"use client";import{jsx as t,Fragment as f,jsxs as p}from"react/jsx-runtime";import{buttonVariants as h,iconVariants as b}from"../../ui/button/index.js";import{cn as i}from"../../../lib/utils.js";import{useSidebarRouter as x}from"./sidebar-router.js";export function SidebarItemButton({className:o,title:l,icon:r,href:m,active:u,inactive:s,disabled:e=false,...c}){const{Link:d}=x();const a=i(h({variant:u?"tertiary":"outline",fullWidth:true,size:"small"}),"group/link flex items-center justify-start",s&&"hover:border-transparent",e&&"cursor-default opacity-30",o);const n=p(f,{children:[r&&t("span",{className:i(b({position:"start",size:"small"})),children:r}),l]});if(e||s){return t("div",{"data-slot":"sidebar-item-button",className:a,children:n})}return t(d,{"data-slot":"sidebar-item-button",href:m,className:a,...c,children:n})}

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

@@ -1,44 +1 @@
-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', 'motion-safe:data-[state=closed]:animate-collapsible-up motion-safe: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 })] })) }));
-}
+import{jsx as o,Fragment as b,jsxs as s}from"react/jsx-runtime";import d from"react";import{cn as n}from"../../../lib/utils.js";import{Collapsible as h,CollapsibleContent as g,CollapsibleTrigger as C}from"@radix-ui/react-collapsible";import{ChevronRight as x}from"lucide-react";import{useSidebar as m}from"./sidebar-provider.js";import{Separator as v}from"../separator/index.js";import{SidebarItemButton as I}from"./sidebar-item-button.js";import{buttonVariants as S}from"../button/index.js";import{SidebarItemIconButton as N}from"./sidebar-item-icon-button.js";export function SidebarItemCollapsible({name:e,className:t,...a}){const{isCollapsed:l,getItemCollapsed:i,setItemCollapsed:r}=m();const[f,p]=d.useState(e?i(e):false);const u=c=>{p(c);if(e){r(e,c)}};d.useEffect(()=>{if(e){p(i(e))}},[e,i]);return o(h,{open:f,onOpenChange:u,"data-slot":"sidebar-item-collapsible",className:n({"rounded-md":l},t),...a})}export function SidebarItemCollapsibleTrigger({className:e,icon:t,title:a,children:l,...i}){const{isCollapsed:r}=m();return s(C,{"data-slot":"sidebar-item-collapsible-trigger",className:n("flex w-full flex-row p-0","transition-all hover:underline [&[data-state=open]>svg]:rotate-90",S({variant:"outline",fullWidth:true,size:"small"}),{"size-10":r},e),...i,children:[r&&o(N,{title:a,icon:t,href:"",inactive:true}),!r&&s(b,{children:[o(I,{title:a,icon:t,href:"",inactive:true}),o(x,{className:"text-foreground mr-1 size-6 shrink-0 cursor-pointer transition-transform duration-200"})]})]})}export function SidebarItemCollapsibleContent({className:e,children:t,...a}){const{isCollapsed:l}=m();return o(g,{"data-slot":"sidebar-item-collapsible-content",className:n("mt-1 flex flex-col gap-1","motion-safe:data-[state=closed]:animate-collapsible-up motion-safe:data-[state=open]:animate-collapsible-down overflow-hidden transition-all duration-200 ease-in-out",{"items-center":l},e),...a,children:l?t:s("div",{className:"flex items-stretch gap-3",children:[o(v,{className:"ml-5 h-auto",orientation:"vertical"}),o("div",{className:"flex w-full flex-col gap-1",children:t})]})})}

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

@@ -1,14 +1 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { buttonVariants } from '../../ui/button/index.js';
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../../ui/tooltip/index.js';
-import { cn } from '../../../lib/utils.js';
-import { iconButtonVariants } from '../icon-button/index.js';
-import { useSidebarRouter } from './sidebar-router.js';
-export const SidebarItemIconButton = ({ className, title, icon, href, active, inactive, disabled, ...props }) => {
-    const { Link } = useSidebarRouter();
-    const sharedClassName = cn(buttonVariants({
-        variant: active ? 'tertiary' : 'outline'
-    }), iconButtonVariants(), inactive && 'hover:border-transparent', disabled && 'cursor-default opacity-30', className);
-    return (_jsx(TooltipProvider, { children: _jsxs(Tooltip, { delayDuration: 0, children: [_jsx(TooltipTrigger, { asChild: true, children: disabled || inactive ? (_jsx("div", { "data-slot": "sidebar-item-icon-button", className: sharedClassName, children: icon })) : (_jsx(Link, { "data-slot": "sidebar-item-icon-button", href: href, className: sharedClassName, ...props, children: icon })) }), _jsx(TooltipContent, { side: "right", children: title })] }) }));
-};
+"use client";import{jsx as t,jsxs as c}from"react/jsx-runtime";import{buttonVariants as u}from"../../ui/button/index.js";import{Tooltip as p,TooltipContent as h,TooltipProvider as f,TooltipTrigger as b}from"../../ui/tooltip/index.js";import{cn as x}from"../../../lib/utils.js";import{iconButtonVariants as T}from"../icon-button/index.js";import{useSidebarRouter as j}from"./sidebar-router.js";export const SidebarItemIconButton=({className:a,title:n,icon:r,href:s,active:l,inactive:o,disabled:i,...d})=>{const{Link:m}=j();const e=x(u({variant:l?"tertiary":"outline"}),T(),o&&"hover:border-transparent",i&&"cursor-default opacity-30",a);return t(f,{children:c(p,{delayDuration:0,children:[t(b,{asChild:true,children:i||o?t("div",{"data-slot":"sidebar-item-icon-button",className:e,children:r}):t(m,{"data-slot":"sidebar-item-icon-button",href:s,className:e,...d,children:r})}),t(h,{side:"right",children:n})]})})};