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

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

@@ -1,49 +1 @@
-'use client';
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ScrollArea = ScrollArea;
-exports.ScrollBar = ScrollBar;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ScrollAreaPrimitive = __importStar(require("@radix-ui/react-scroll-area"));
-const utils_1 = require("../../../lib/utils");
-function ScrollArea({ className, children, ...props }) {
-    return ((0, jsx_runtime_1.jsxs)(ScrollAreaPrimitive.Root, { "data-slot": "scroll-area", className: (0, utils_1.cn)('relative', className), ...props, children: [(0, jsx_runtime_1.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 }), (0, jsx_runtime_1.jsx)(ScrollBar, {}), (0, jsx_runtime_1.jsx)(ScrollAreaPrimitive.Corner, {})] }));
-}
-function ScrollBar({ className, orientation = 'vertical', ...props }) {
-    return ((0, jsx_runtime_1.jsx)(ScrollAreaPrimitive.ScrollAreaScrollbar, { "data-slot": "scroll-area-scrollbar", orientation: orientation, className: (0, utils_1.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: (0, jsx_runtime_1.jsx)(ScrollAreaPrimitive.ScrollAreaThumb, { "data-slot": "scroll-area-thumb", className: "bg-border relative flex-1 rounded-full" }) }));
-}
+"use client";"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(t,e,r,l){if(l===void 0)l=r;var n=Object.getOwnPropertyDescriptor(e,r);if(!n||("get"in n?!e.__esModule:n.writable||n.configurable)){n={enumerable:true,get:function(){return e[r]}}}Object.defineProperty(t,l,n)}):(function(t,e,r,l){if(l===void 0)l=r;t[l]=e[r]}));var __setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(t,e){Object.defineProperty(t,"default",{enumerable:true,value:e})}):function(t,e){t["default"]=e});var __importStar=this&&this.__importStar||(function(){var t=function(e){t=Object.getOwnPropertyNames||function(r){var l=[];for(var n in r)if(Object.prototype.hasOwnProperty.call(r,n))l[l.length]=n;return l};return t(e)};return function(e){if(e&&e.__esModule)return e;var r={};if(e!=null){for(var l=t(e),n=0;n<l.length;n++)if(l[n]!=="default")__createBinding(r,e,l[n])}__setModuleDefault(r,e);return r}})();Object.defineProperty(exports,"__esModule",{value:true});exports.ScrollArea=ScrollArea;exports.ScrollBar=ScrollBar;const jsx_runtime_1=require("react/jsx-runtime");const ScrollAreaPrimitive=__importStar(require("@radix-ui/react-scroll-area"));const utils_1=require("../../../lib/utils");function ScrollArea({className:t,children:e,...r}){return(0,jsx_runtime_1.jsxs)(ScrollAreaPrimitive.Root,{"data-slot":"scroll-area",className:(0,utils_1.cn)("relative",t),...r,children:[(0,jsx_runtime_1.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:e}),(0,jsx_runtime_1.jsx)(ScrollBar,{}),(0,jsx_runtime_1.jsx)(ScrollAreaPrimitive.Corner,{})]})}function ScrollBar({className:t,orientation:e="vertical",...r}){return(0,jsx_runtime_1.jsx)(ScrollAreaPrimitive.ScrollAreaScrollbar,{"data-slot":"scroll-area-scrollbar",orientation:e,className:(0,utils_1.cn)("flex touch-none p-px transition-colors select-none",e==="vertical"&&"h-full w-2.5 border-l border-l-transparent",e==="horizontal"&&"h-2.5 flex-col border-t border-t-transparent",t),...r,children:(0,jsx_runtime_1.jsx)(ScrollAreaPrimitive.ScrollAreaThumb,{"data-slot":"scroll-area-thumb",className:"bg-border relative flex-1 rounded-full"})})}

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

@@ -1,119 +1 @@
-'use client';
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Select = Select;
-exports.SelectGroup = SelectGroup;
-exports.SelectValue = SelectValue;
-exports.SelectTrigger = SelectTrigger;
-exports.SelectContent = SelectContent;
-exports.SelectEmpty = SelectEmpty;
-exports.SelectLabel = SelectLabel;
-exports.SelectItem = SelectItem;
-exports.SelectSeparator = SelectSeparator;
-exports.SelectScrollUpButton = SelectScrollUpButton;
-exports.SelectScrollDownButton = SelectScrollDownButton;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
-const SelectPrimitive = __importStar(require("@radix-ui/react-select"));
-const lucide_react_1 = require("lucide-react");
-const utils_1 = require("../../../lib/utils");
-function Select({ ...props }) {
-    return (0, jsx_runtime_1.jsx)(SelectPrimitive.Root, { "data-slot": "select", ...props });
-}
-function SelectGroup({ ...props }) {
-    return (0, jsx_runtime_1.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 (0, jsx_runtime_1.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 ((0, jsx_runtime_1.jsxs)(SelectPrimitive.Trigger, { "data-slot": "select-trigger", "data-size": "default", className: (0, utils_1.cn)('select-trigger select-read-only select-disabled', VALUE_OVERFLOW_CLASS, className), "aria-readonly": readOnly, "data-read-only": readOnly ? '' : undefined, ...props, children: [children, !readOnly && ((0, jsx_runtime_1.jsx)(SelectPrimitive.Icon, { asChild: true, children: (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDown, { className: "select-chevron" }) }))] }));
-}
-function SelectScrollUpButton({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(SelectPrimitive.ScrollUpButton, { "data-slot": "select-scroll-up-button", className: (0, utils_1.cn)('select-scroll-button', className), ...props, children: (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronUp, { className: "size-4" }) }));
-}
-function SelectScrollDownButton({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(SelectPrimitive.ScrollDownButton, { "data-slot": "select-scroll-down-button", className: (0, utils_1.cn)('select-scroll-button', className), ...props, children: (0, jsx_runtime_1.jsx)(lucide_react_1.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 ((0, jsx_runtime_1.jsx)(SelectPrimitive.Portal, { children: (0, jsx_runtime_1.jsxs)(SelectPrimitive.Content, { "data-slot": "select-content", "data-position": position, className: (0, utils_1.cn)('group/select select-content', position === 'popper' && 'select-content-popper', className), "data-empty": options.length === 0, position: position, ...props, children: [(0, jsx_runtime_1.jsx)(SelectScrollUpButton, {}), (0, jsx_runtime_1.jsx)(SelectPrimitive.Viewport, { className: (0, utils_1.cn)('p-1', position === 'popper' &&
-                        'h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width)'), children: children }), (0, jsx_runtime_1.jsx)(SelectScrollDownButton, {})] }) }));
-}
-function SelectEmpty({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "select-empty", className: (0, utils_1.cn)('select-empty', className), ...props }));
-}
-function SelectLabel({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(SelectPrimitive.Label, { "data-slot": "select-label", className: (0, utils_1.cn)('select-label', className), ...props }));
-}
-function SelectItem({ className, children, ...props }) {
-    return ((0, jsx_runtime_1.jsxs)(SelectPrimitive.Item, { "data-slot": "select-item", className: (0, utils_1.cn)('select-item', className), ...props, children: [(0, jsx_runtime_1.jsx)("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: (0, jsx_runtime_1.jsx)(SelectPrimitive.ItemIndicator, { children: (0, jsx_runtime_1.jsx)(lucide_react_1.Check, { className: "size-4" }) }) }), (0, jsx_runtime_1.jsx)(SelectPrimitive.ItemText, { children: children })] }));
-}
-function SelectSeparator({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(SelectPrimitive.Separator, { "data-slot": "select-separator", className: (0, utils_1.cn)('select-separator', className), ...props }));
-}
+"use client";"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(t,e,r,l){if(l===void 0)l=r;var s=Object.getOwnPropertyDescriptor(e,r);if(!s||("get"in s?!e.__esModule:s.writable||s.configurable)){s={enumerable:true,get:function(){return e[r]}}}Object.defineProperty(t,l,s)}):(function(t,e,r,l){if(l===void 0)l=r;t[l]=e[r]}));var __setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(t,e){Object.defineProperty(t,"default",{enumerable:true,value:e})}):function(t,e){t["default"]=e});var __importStar=this&&this.__importStar||(function(){var t=function(e){t=Object.getOwnPropertyNames||function(r){var l=[];for(var s in r)if(Object.prototype.hasOwnProperty.call(r,s))l[l.length]=s;return l};return t(e)};return function(e){if(e&&e.__esModule)return e;var r={};if(e!=null){for(var l=t(e),s=0;s<l.length;s++)if(l[s]!=="default")__createBinding(r,e,l[s])}__setModuleDefault(r,e);return r}})();Object.defineProperty(exports,"__esModule",{value:true});exports.Select=Select;exports.SelectGroup=SelectGroup;exports.SelectValue=SelectValue;exports.SelectTrigger=SelectTrigger;exports.SelectContent=SelectContent;exports.SelectEmpty=SelectEmpty;exports.SelectLabel=SelectLabel;exports.SelectItem=SelectItem;exports.SelectSeparator=SelectSeparator;exports.SelectScrollUpButton=SelectScrollUpButton;exports.SelectScrollDownButton=SelectScrollDownButton;const jsx_runtime_1=require("react/jsx-runtime");const React=__importStar(require("react"));const SelectPrimitive=__importStar(require("@radix-ui/react-select"));const lucide_react_1=require("lucide-react");const utils_1=require("../../../lib/utils");function Select({...t}){return(0,jsx_runtime_1.jsx)(SelectPrimitive.Root,{"data-slot":"select",...t})}function SelectGroup({...t}){return(0,jsx_runtime_1.jsx)(SelectPrimitive.Group,{"data-slot":"select-group",...t})}function SelectValue({...t}){return(0,jsx_runtime_1.jsx)(SelectPrimitive.Value,{"data-slot":"select-value",...t})}const VALUE_OVERFLOW_CLASS="[&_[data-slot=select-value]]:min-w-0 [&_[data-slot=select-value]]:truncate";function SelectTrigger({className:t,readOnly:e,children:r,...l}){return(0,jsx_runtime_1.jsxs)(SelectPrimitive.Trigger,{"data-slot":"select-trigger","data-size":"default",className:(0,utils_1.cn)("select-trigger select-read-only select-disabled",VALUE_OVERFLOW_CLASS,t),"aria-readonly":e,"data-read-only":e?"":void 0,...l,children:[r,!e&&(0,jsx_runtime_1.jsx)(SelectPrimitive.Icon,{asChild:true,children:(0,jsx_runtime_1.jsx)(lucide_react_1.ChevronDown,{className:"select-chevron"})})]})}function SelectScrollUpButton({className:t,...e}){return(0,jsx_runtime_1.jsx)(SelectPrimitive.ScrollUpButton,{"data-slot":"select-scroll-up-button",className:(0,utils_1.cn)("select-scroll-button",t),...e,children:(0,jsx_runtime_1.jsx)(lucide_react_1.ChevronUp,{className:"size-4"})})}function SelectScrollDownButton({className:t,...e}){return(0,jsx_runtime_1.jsx)(SelectPrimitive.ScrollDownButton,{"data-slot":"select-scroll-down-button",className:(0,utils_1.cn)("select-scroll-button",t),...e,children:(0,jsx_runtime_1.jsx)(lucide_react_1.ChevronDown,{className:"size-4"})})}function SelectContent({className:t,children:e,position:r="popper",...l}){const s=React.useMemo(()=>React.Children.map(React.Children.toArray(e),n=>{if(React.isValidElement(n)&&n.type===SelectItem){return n.props.value}}),[e]);return(0,jsx_runtime_1.jsx)(SelectPrimitive.Portal,{children:(0,jsx_runtime_1.jsxs)(SelectPrimitive.Content,{"data-slot":"select-content","data-position":r,className:(0,utils_1.cn)("group/select select-content",r==="popper"&&"select-content-popper",t),"data-empty":s.length===0,position:r,...l,children:[(0,jsx_runtime_1.jsx)(SelectScrollUpButton,{}),(0,jsx_runtime_1.jsx)(SelectPrimitive.Viewport,{className:(0,utils_1.cn)("p-1",r==="popper"&&"h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width)"),children:e}),(0,jsx_runtime_1.jsx)(SelectScrollDownButton,{})]})})}function SelectEmpty({className:t,...e}){return(0,jsx_runtime_1.jsx)("div",{"data-slot":"select-empty",className:(0,utils_1.cn)("select-empty",t),...e})}function SelectLabel({className:t,...e}){return(0,jsx_runtime_1.jsx)(SelectPrimitive.Label,{"data-slot":"select-label",className:(0,utils_1.cn)("select-label",t),...e})}function SelectItem({className:t,children:e,...r}){return(0,jsx_runtime_1.jsxs)(SelectPrimitive.Item,{"data-slot":"select-item",className:(0,utils_1.cn)("select-item",t),...r,children:[(0,jsx_runtime_1.jsx)("span",{className:"absolute right-2 flex h-3.5 w-3.5 items-center justify-center",children:(0,jsx_runtime_1.jsx)(SelectPrimitive.ItemIndicator,{children:(0,jsx_runtime_1.jsx)(lucide_react_1.Check,{className:"size-4"})})}),(0,jsx_runtime_1.jsx)(SelectPrimitive.ItemText,{children:e})]})}function SelectSeparator({className:t,...e}){return(0,jsx_runtime_1.jsx)(SelectPrimitive.Separator,{"data-slot":"select-separator",className:(0,utils_1.cn)("select-separator",t),...e})}

package/dist/components/ui/select/styles.css

@@ -4,14 +4,15 @@
   --spacing-select-py: calc(var(--spacing) * 2);
 
   --color-select-foreground: var(--color-foreground);
-  --color-select-placeholder: var(--color-muted-foreground);
+  /* The input's hint ink, so a placeholder never reads as a chosen value. */
+  --color-select-placeholder: var(--color-input-placeholder);
   --color-select-border: hsl(var(--input-border));
   --color-select-chevron: var(--color-container-text);
 }
 
 @layer components {
   .select-trigger {
-    @apply h-select-h px-select-px py-select-py text-select-foreground border-select-border data-placeholder:text-select-placeholder flex w-full items-center justify-between rounded-md border font-medium focus:ring-2 focus:ring-offset-0 focus:outline-hidden focus-visible:outline-hidden;
+    @apply h-select-h px-select-px py-select-py text-select-foreground border-select-border data-placeholder:text-select-placeholder aria-invalid:border-destructive flex w-full items-center justify-between rounded-md border font-medium focus:ring-2 focus:ring-offset-0 focus:outline-hidden focus-visible:outline-hidden;
   }
 
   .select-read-only {
@@ -31,11 +32,13 @@
   }
 
   .select-content {
-    @apply bg-popover text-popover-foreground relative z-50 max-h-96 min-w-32 overflow-hidden rounded-md border shadow-md;
+    @apply bg-popover text-foreground relative z-50 max-h-96 min-w-32 overflow-hidden rounded-md border shadow-md;
     @apply 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 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2;
   }
 
+  /* Never taller than the room Radix measured between the trigger and the window edge. */
   .select-content-popper {
+    @apply max-h-[min(24rem,var(--radix-select-content-available-height,24rem))];
     @apply data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1;
   }
 

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

@@ -1,43 +1 @@
-'use client';
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Separator = Separator;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const SeparatorPrimitive = __importStar(require("@radix-ui/react-separator"));
-const utils_1 = require("../../../lib/utils");
-function Separator({ className, orientation = 'horizontal', decorative = true, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(SeparatorPrimitive.Root, { "data-slot": "separator", decorative: decorative, orientation: orientation, className: (0, utils_1.cn)('bg-border shrink-0', orientation === 'horizontal' ? 'h-px w-full' : 'h-full w-px', className), ...props }));
-}
+"use client";"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(i,e,r,t){if(t===void 0)t=r;var n=Object.getOwnPropertyDescriptor(e,r);if(!n||("get"in n?!e.__esModule:n.writable||n.configurable)){n={enumerable:true,get:function(){return e[r]}}}Object.defineProperty(i,t,n)}):(function(i,e,r,t){if(t===void 0)t=r;i[t]=e[r]}));var __setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(i,e){Object.defineProperty(i,"default",{enumerable:true,value:e})}):function(i,e){i["default"]=e});var __importStar=this&&this.__importStar||(function(){var i=function(e){i=Object.getOwnPropertyNames||function(r){var t=[];for(var n in r)if(Object.prototype.hasOwnProperty.call(r,n))t[t.length]=n;return t};return i(e)};return function(e){if(e&&e.__esModule)return e;var r={};if(e!=null){for(var t=i(e),n=0;n<t.length;n++)if(t[n]!=="default")__createBinding(r,e,t[n])}__setModuleDefault(r,e);return r}})();Object.defineProperty(exports,"__esModule",{value:true});exports.Separator=Separator;const jsx_runtime_1=require("react/jsx-runtime");const SeparatorPrimitive=__importStar(require("@radix-ui/react-separator"));const utils_1=require("../../../lib/utils");function Separator({className:i,orientation:e="horizontal",decorative:r=true,...t}){return(0,jsx_runtime_1.jsx)(SeparatorPrimitive.Root,{"data-slot":"separator",decorative:r,orientation:e,className:(0,utils_1.cn)("bg-border shrink-0",e==="horizontal"?"h-px w-full":"h-full w-px",i),...t})}

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

@@ -51,8 +51,13 @@ declare function SheetOverlay({ className, ...props }: React.ComponentProps<type
 declare const sheetVariants: (props?: ({
     side?: "bottom" | "left" | "right" | "top" | 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;
+type SheetContentProps = React.ComponentProps<typeof SheetPrimitive.Content> & VariantProps<typeof sheetVariants> & {
+    /** Renders the built-in close button. Default true. */
+    showCloseButton?: boolean;
+    /** Accessible name of the built-in close button. Override for localization. */
+    closeLabel?: string;
+};
+declare function SheetContent({ side, className, children, showCloseButton, closeLabel, 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;

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

@@ -1 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,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,qBA6BnB;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"}
+{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,QAAA,MAAM,aAAa;;8EAiBlB,CAAA;AAED,KAAK,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,GAC1E,YAAY,CAAC,OAAO,aAAa,CAAC,GAAG;IACnC,uDAAuD;IACvD,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,+EAA+E;IAC/E,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAEH,iBAAS,YAAY,CAAC,EACpB,IAAc,EACd,SAAS,EACT,QAAQ,EACR,eAAsB,EACtB,UAAoB,EACpB,iBAAiB,EACjB,GAAG,KAAK,EACT,EAAE,iBAAiB,qBA+BnB;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/components/ui/sheet/index.js

@@ -1,136 +1 @@
-'use client';
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Sheet = Sheet;
-exports.SheetPortal = SheetPortal;
-exports.SheetOverlay = SheetOverlay;
-exports.SheetTrigger = SheetTrigger;
-exports.SheetClose = SheetClose;
-exports.SheetContent = SheetContent;
-exports.SheetHeader = SheetHeader;
-exports.SheetFooter = SheetFooter;
-exports.SheetTitle = SheetTitle;
-exports.SheetDescription = SheetDescription;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const SheetPrimitive = __importStar(require("@radix-ui/react-dialog"));
-const class_variance_authority_1 = require("class-variance-authority");
-const lucide_react_1 = require("lucide-react");
-const utils_1 = require("../../../lib/utils");
-function Sheet({ ...props }) {
-    return (0, jsx_runtime_1.jsx)(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
-}
-function SheetTrigger({ ...props }) {
-    return (0, jsx_runtime_1.jsx)(SheetPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
-}
-function SheetClose({ ...props }) {
-    return (0, jsx_runtime_1.jsx)(SheetPrimitive.Close, { "data-slot": "sheet-close", ...props });
-}
-function SheetPortal({ ...props }) {
-    return (0, jsx_runtime_1.jsx)(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
-}
-function SheetOverlay({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(SheetPrimitive.Overlay, { "data-slot": "sheet-overlay", className: (0, utils_1.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 = (0, class_variance_authority_1.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, onInteractOutside, ...props }) {
-    return ((0, jsx_runtime_1.jsxs)(SheetPortal, { children: [(0, jsx_runtime_1.jsx)(SheetOverlay, {}), (0, jsx_runtime_1.jsxs)(SheetPrimitive.Content, { "data-slot": "sheet-content", className: (0, utils_1.cn)('flex max-h-screen flex-col overflow-x-auto px-8 pb-0', sheetVariants({ side }), className), onInteractOutside: (0, utils_1.keepOpenOnToast)(onInteractOutside), ...props, children: [children, (0, jsx_runtime_1.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: [(0, jsx_runtime_1.jsx)(lucide_react_1.X, { className: "h-6 w-6" }), (0, jsx_runtime_1.jsx)("span", { className: "sr-only", children: "Close" })] })] })] }));
-}
-function SheetHeader({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "sheet-header", className: (0, utils_1.cn)('mb-4 flex flex-col space-y-2 text-center sm:text-left', className), ...props }));
-}
-function SheetFooter({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "sheet-footer", className: (0, utils_1.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 ((0, jsx_runtime_1.jsx)(SheetPrimitive.Title, { "data-slot": "sheet-title", className: (0, utils_1.cn)('text-muted-foreground mb-2 flex text-xl font-bold', className), ...props }));
-}
-function SheetDescription({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(SheetPrimitive.Description, { "data-slot": "sheet-description", className: (0, utils_1.cn)('text-muted-foreground text-sm font-medium', className), ...props }));
-}
+"use client";"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(e,t,r,s){if(s===void 0)s=r;var a=Object.getOwnPropertyDescriptor(t,r);if(!a||("get"in a?!t.__esModule:a.writable||a.configurable)){a={enumerable:true,get:function(){return t[r]}}}Object.defineProperty(e,s,a)}):(function(e,t,r,s){if(s===void 0)s=r;e[s]=t[r]}));var __setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(e,t){Object.defineProperty(e,"default",{enumerable:true,value:t})}):function(e,t){e["default"]=t});var __importStar=this&&this.__importStar||(function(){var e=function(t){e=Object.getOwnPropertyNames||function(r){var s=[];for(var a in r)if(Object.prototype.hasOwnProperty.call(r,a))s[s.length]=a;return s};return e(t)};return function(t){if(t&&t.__esModule)return t;var r={};if(t!=null){for(var s=e(t),a=0;a<s.length;a++)if(s[a]!=="default")__createBinding(r,t,s[a])}__setModuleDefault(r,t);return r}})();Object.defineProperty(exports,"__esModule",{value:true});exports.Sheet=Sheet;exports.SheetPortal=SheetPortal;exports.SheetOverlay=SheetOverlay;exports.SheetTrigger=SheetTrigger;exports.SheetClose=SheetClose;exports.SheetContent=SheetContent;exports.SheetHeader=SheetHeader;exports.SheetFooter=SheetFooter;exports.SheetTitle=SheetTitle;exports.SheetDescription=SheetDescription;const jsx_runtime_1=require("react/jsx-runtime");const SheetPrimitive=__importStar(require("@radix-ui/react-dialog"));const class_variance_authority_1=require("class-variance-authority");const lucide_react_1=require("lucide-react");const utils_1=require("../../../lib/utils");function Sheet({...e}){return(0,jsx_runtime_1.jsx)(SheetPrimitive.Root,{"data-slot":"sheet",...e})}function SheetTrigger({...e}){return(0,jsx_runtime_1.jsx)(SheetPrimitive.Trigger,{"data-slot":"sheet-trigger",...e})}function SheetClose({...e}){return(0,jsx_runtime_1.jsx)(SheetPrimitive.Close,{"data-slot":"sheet-close",...e})}function SheetPortal({...e}){return(0,jsx_runtime_1.jsx)(SheetPrimitive.Portal,{"data-slot":"sheet-portal",...e})}function SheetOverlay({className:e,...t}){return(0,jsx_runtime_1.jsx)(SheetPrimitive.Overlay,{"data-slot":"sheet-overlay",className:(0,utils_1.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",e),...t})}const sheetVariants=(0,class_variance_authority_1.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:e="right",className:t,children:r,showCloseButton:s=true,closeLabel:a="Close",onInteractOutside:o,...n}){return(0,jsx_runtime_1.jsxs)(SheetPortal,{children:[(0,jsx_runtime_1.jsx)(SheetOverlay,{}),(0,jsx_runtime_1.jsxs)(SheetPrimitive.Content,{"data-slot":"sheet-content",className:(0,utils_1.cn)("flex max-h-screen flex-col overflow-x-auto px-8 pb-0",sheetVariants({side:e}),t),onInteractOutside:(0,utils_1.keepOpenOnToast)(o),...n,children:[r,s&&(0,jsx_runtime_1.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:[(0,jsx_runtime_1.jsx)(lucide_react_1.X,{className:"h-6 w-6"}),(0,jsx_runtime_1.jsx)("span",{className:"sr-only",children:a})]})]})]})}function SheetHeader({className:e,...t}){return(0,jsx_runtime_1.jsx)("div",{"data-slot":"sheet-header",className:(0,utils_1.cn)("mb-4 flex flex-col space-y-2 text-center sm:text-left",e),...t})}function SheetFooter({className:e,...t}){return(0,jsx_runtime_1.jsx)("div",{"data-slot":"sheet-footer",className:(0,utils_1.cn)("mt-auto flex flex-col-reverse justify-center pt-20 sm:flex-row sm:justify-end sm:space-x-2",e),...t})}function SheetTitle({className:e,...t}){return(0,jsx_runtime_1.jsx)(SheetPrimitive.Title,{"data-slot":"sheet-title",className:(0,utils_1.cn)("text-muted-foreground mb-2 flex text-xl font-bold",e),...t})}function SheetDescription({className:e,...t}){return(0,jsx_runtime_1.jsx)(SheetPrimitive.Description,{"data-slot":"sheet-description",className:(0,utils_1.cn)("text-muted-foreground text-sm font-medium",e),...t})}

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

@@ -1,27 +1 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./sidebar-root"), exports);
-__exportStar(require("./sidebar-components"), exports);
-__exportStar(require("./sidebar-item-icon-button"), exports);
-__exportStar(require("./sidebar-item-button"), exports);
-__exportStar(require("./sidebar-item"), exports);
-__exportStar(require("./sidebar-expand-button"), exports);
-__exportStar(require("./sidebar-trigger"), exports);
-__exportStar(require("./sidebar-back-button"), exports);
-__exportStar(require("./sidebar-provider"), exports);
-__exportStar(require("./sidebar-item-collapsible"), exports);
-__exportStar(require("./sidebar-router"), exports);
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(i,r,e,t){if(t===void 0)t=e;var o=Object.getOwnPropertyDescriptor(r,e);if(!o||("get"in o?!r.__esModule:o.writable||o.configurable)){o={enumerable:true,get:function(){return r[e]}}}Object.defineProperty(i,t,o)}):(function(i,r,e,t){if(t===void 0)t=e;i[t]=r[e]}));var __exportStar=this&&this.__exportStar||function(i,r){for(var e in i)if(e!=="default"&&!Object.prototype.hasOwnProperty.call(r,e))__createBinding(r,i,e)};Object.defineProperty(exports,"__esModule",{value:true});__exportStar(require("./sidebar-root"),exports);__exportStar(require("./sidebar-components"),exports);__exportStar(require("./sidebar-item-icon-button"),exports);__exportStar(require("./sidebar-item-button"),exports);__exportStar(require("./sidebar-item"),exports);__exportStar(require("./sidebar-expand-button"),exports);__exportStar(require("./sidebar-trigger"),exports);__exportStar(require("./sidebar-back-button"),exports);__exportStar(require("./sidebar-provider"),exports);__exportStar(require("./sidebar-item-collapsible"),exports);__exportStar(require("./sidebar-router"),exports);

package/dist/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/components/ui/sidebar/sidebar-back-button.js

@@ -1,8 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SidebarBackButton = SidebarBackButton;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const sidebar_item_1 = require("./sidebar-item");
-function SidebarBackButton({ ...props }) {
-    return ((0, jsx_runtime_1.jsx)("div", { className: "flex w-full flex-col", children: (0, jsx_runtime_1.jsx)(sidebar_item_1.SidebarItem, { ...props }) }));
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.SidebarBackButton=SidebarBackButton;const jsx_runtime_1=require("react/jsx-runtime");const sidebar_item_1=require("./sidebar-item");function SidebarBackButton({...e}){return(0,jsx_runtime_1.jsx)("div",{className:"flex w-full flex-col",children:(0,jsx_runtime_1.jsx)(sidebar_item_1.SidebarItem,{...e})})}