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

package/dist/components/form/state-field/index.js

@@ -1,42 +1 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StateField = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importDefault(require("react"));
-const country_utils_1 = require("../../../utils/country-utils");
-const react_hook_form_1 = require("react-hook-form");
-const form_1 = require("../../../components/ui/form");
-const button_1 = require("../../../components/ui/button");
-const utils_1 = require("../../../lib/utils");
-const popover_1 = require("../../../components/ui/popover");
-const lucide_react_1 = require("lucide-react");
-const command_1 = require("../../../components/ui/command");
-function StateComboBox({ value, placeholder, onChange, countryName, emptyMessage, readOnly }) {
-    const [open, setOpen] = react_1.default.useState(false);
-    const form = (0, react_hook_form_1.useFormContext)();
-    const country = form.watch(countryName);
-    const options = react_1.default.useMemo(() => {
-        const states = (0, country_utils_1.getStateCountry)(country)?.map((state) => ({
-            value: state.code,
-            label: state.name
-        }));
-        if (!states) {
-            onChange?.('');
-        }
-        return states ?? [];
-    }, [country, onChange]);
-    const getDisplayValue = react_1.default.useCallback((value) => {
-        return options.find((option) => option.value === value)?.label ?? null;
-    }, [options]);
-    return ((0, jsx_runtime_1.jsxs)(popover_1.Popover, { open: readOnly ? false : open, onOpenChange: readOnly ? () => { } : setOpen, children: [(0, jsx_runtime_1.jsx)(popover_1.PopoverTrigger, { asChild: true, children: (0, jsx_runtime_1.jsxs)(button_1.Button, { variant: "outline", role: "combobox", "aria-expanded": readOnly ? false : open, readOnly: readOnly, tabIndex: 0, className: (0, utils_1.cn)('border-input-border bg-input hover:bg-input text-foreground h-10 w-full justify-between rounded-md border px-4 py-2 pl-6 text-left text-base font-normal focus:ring-2 focus:ring-offset-0 focus:outline-none', !value && 'text-muted-foreground'), children: [getDisplayValue(value) ?? placeholder, !readOnly && ((0, jsx_runtime_1.jsx)(lucide_react_1.ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" }))] }) }), (0, jsx_runtime_1.jsx)(popover_1.PopoverContent, { className: "w-(--radix-popover-trigger-width) p-0", children: (0, jsx_runtime_1.jsxs)(command_1.Command, { children: [(0, jsx_runtime_1.jsx)(command_1.CommandInput, { placeholder: placeholder }), (0, jsx_runtime_1.jsxs)(command_1.CommandList, { children: [(0, jsx_runtime_1.jsx)(command_1.CommandEmpty, { children: emptyMessage }), (0, jsx_runtime_1.jsx)(command_1.CommandGroup, { children: options.map((option) => ((0, jsx_runtime_1.jsx)(command_1.CommandItem, { value: option.value, keywords: [option.label], onSelect: (currentValue) => {
-                                            onChange?.(value !== currentValue ? currentValue : '');
-                                            setOpen(false);
-                                        }, children: option.label }, option.value))) })] })] }) })] }));
-}
-const StateField = ({ countryName = 'address.country', label, placeholder, emptyMessage, required, readOnly, ...others }) => {
-    return ((0, jsx_runtime_1.jsx)(form_1.FormField, { ...others, name: others.name, render: ({ field }) => ((0, jsx_runtime_1.jsxs)(form_1.FormItem, { required: required, children: [label && (0, jsx_runtime_1.jsx)(form_1.FormLabel, { children: label }), (0, jsx_runtime_1.jsx)(StateComboBox, { countryName: countryName, placeholder: placeholder, emptyMessage: emptyMessage, readOnly: readOnly, ...field }), (0, jsx_runtime_1.jsx)(form_1.FormMessage, {})] })) }));
-};
-exports.StateField = StateField;
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{"default":e}};Object.defineProperty(exports,"__esModule",{value:true});exports.StateField=void 0;const jsx_runtime_1=require("react/jsx-runtime");const react_1=__importDefault(require("react"));const country_utils_1=require("../../../utils/country-utils");const react_hook_form_1=require("react-hook-form");const form_1=require("../../../components/ui/form");const button_1=require("../../../components/ui/button");const utils_1=require("../../../lib/utils");const popover_1=require("../../../components/ui/popover");const lucide_react_1=require("lucide-react");const command_1=require("../../../components/ui/command");function StateComboBox({value:e,placeholder:n,onChange:s,countryName:i,emptyMessage:c,readOnly:r}){const[u,a]=react_1.default.useState(false);const m=(0,react_hook_form_1.useFormContext)();const d=m.watch(i);const l=react_1.default.useMemo(()=>{const t=(0,country_utils_1.getStateCountry)(d)?.map(o=>({value:o.code,label:o.name}));if(!t){s?.("")}return t??[]},[d,s]);const p=react_1.default.useCallback(t=>{return l.find(o=>o.value===t)?.label??null},[l]);return(0,jsx_runtime_1.jsxs)(popover_1.Popover,{open:r?false:u,onOpenChange:r?()=>{}:a,children:[(0,jsx_runtime_1.jsx)(popover_1.PopoverTrigger,{asChild:true,children:(0,jsx_runtime_1.jsxs)(button_1.Button,{variant:"outline",role:"combobox","aria-expanded":r?false:u,readOnly:r,tabIndex:0,className:(0,utils_1.cn)("border-input-border bg-input hover:bg-input text-foreground h-10 w-full justify-between rounded-md border px-4 py-2 pl-6 text-left text-base font-normal focus:ring-2 focus:ring-offset-0 focus:outline-none",!e&&"text-muted-foreground"),children:[p(e)??n,!r&&(0,jsx_runtime_1.jsx)(lucide_react_1.ChevronsUpDown,{className:"ml-2 h-4 w-4 shrink-0 opacity-50"})]})}),(0,jsx_runtime_1.jsx)(popover_1.PopoverContent,{className:"w-(--radix-popover-trigger-width) p-0",children:(0,jsx_runtime_1.jsxs)(command_1.Command,{children:[(0,jsx_runtime_1.jsx)(command_1.CommandInput,{placeholder:n}),(0,jsx_runtime_1.jsxs)(command_1.CommandList,{children:[(0,jsx_runtime_1.jsx)(command_1.CommandEmpty,{children:c}),(0,jsx_runtime_1.jsx)(command_1.CommandGroup,{children:l.map(t=>(0,jsx_runtime_1.jsx)(command_1.CommandItem,{value:t.value,keywords:[t.label],onSelect:o=>{s?.(e!==o?o:"");a(false)},children:t.label},t.value))})]})]})})]})}const StateField=({countryName:e="address.country",label:n,placeholder:s,emptyMessage:i,required:c,readOnly:r,...u})=>{return(0,jsx_runtime_1.jsx)(form_1.FormField,{...u,name:u.name,render:({field:a})=>(0,jsx_runtime_1.jsxs)(form_1.FormItem,{required:c,children:[n&&(0,jsx_runtime_1.jsx)(form_1.FormLabel,{children:n}),(0,jsx_runtime_1.jsx)(StateComboBox,{countryName:e,placeholder:s,emptyMessage:i,readOnly:r,...a}),(0,jsx_runtime_1.jsx)(form_1.FormMessage,{})]})})};exports.StateField=StateField;

package/dist/components/form/switch-field/index.js

@@ -1,16 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SwitchField = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const form_1 = require("../../../components/ui/form");
-const switch_1 = require("../../../components/ui/switch");
-const tooltip_1 = require("../../../components/ui/tooltip");
-const SwitchField = ({ label, name, control, labelExtra, tooltip, required, disabled, disabledTooltip, 'data-testid': dataTestId }) => {
-    return ((0, jsx_runtime_1.jsx)(form_1.FormField, { name: name, control: control, render: ({ field }) => {
-            // FormControl stamps the id the label points at on its direct child,
-            // so it must wrap the Switch itself, never the tooltip around it.
-            const control = ((0, jsx_runtime_1.jsx)(form_1.FormControl, { children: (0, jsx_runtime_1.jsx)(switch_1.Switch, { checked: field.value, onCheckedChange: field.onChange, disabled: disabled, "data-testid": dataTestId }) }));
-            return ((0, jsx_runtime_1.jsxs)(form_1.FormItem, { required: required, children: [label && ((0, jsx_runtime_1.jsx)(form_1.FormLabel, { extra: tooltip ? (0, jsx_runtime_1.jsx)(form_1.FormTooltip, { children: tooltip }) : labelExtra, children: label })), (0, jsx_runtime_1.jsx)("div", { className: "relative", children: disabled && disabledTooltip ? ((0, jsx_runtime_1.jsxs)(tooltip_1.Tooltip, { children: [(0, jsx_runtime_1.jsx)(tooltip_1.TooltipTrigger, { asChild: true, children: (0, jsx_runtime_1.jsx)("div", { className: "inline-flex w-auto", children: control }) }), (0, jsx_runtime_1.jsx)(tooltip_1.TooltipContent, { children: disabledTooltip })] })) : (control) }), (0, jsx_runtime_1.jsx)(form_1.FormMessage, {})] }));
-        } }));
-};
-exports.SwitchField = SwitchField;
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.SwitchField=void 0;const jsx_runtime_1=require("react/jsx-runtime");const form_1=require("../../../components/ui/form");const switch_1=require("../../../components/ui/switch");const tooltip_1=require("../../../components/ui/tooltip");const SwitchField=({label:e,name:n,control:c,labelExtra:l,tooltip:r,required:d,disabled:t,disabledTooltip:o,"data-testid":h})=>{return(0,jsx_runtime_1.jsx)(form_1.FormField,{name:n,control:c,render:({field:i})=>{const s=(0,jsx_runtime_1.jsx)(form_1.FormControl,{children:(0,jsx_runtime_1.jsx)(switch_1.Switch,{checked:i.value,onCheckedChange:i.onChange,disabled:t,"data-testid":h})});return(0,jsx_runtime_1.jsxs)(form_1.FormItem,{required:d,children:[e&&(0,jsx_runtime_1.jsx)(form_1.FormLabel,{extra:r?(0,jsx_runtime_1.jsx)(form_1.FormTooltip,{children:r}):l,children:e}),(0,jsx_runtime_1.jsx)("div",{className:"relative",children:t&&o?(0,jsx_runtime_1.jsxs)(tooltip_1.Tooltip,{children:[(0,jsx_runtime_1.jsx)(tooltip_1.TooltipTrigger,{asChild:true,children:(0,jsx_runtime_1.jsx)("div",{className:"inline-flex w-auto",children:s})}),(0,jsx_runtime_1.jsx)(tooltip_1.TooltipContent,{children:o})]}):s}),(0,jsx_runtime_1.jsx)(form_1.FormMessage,{})]})}})};exports.SwitchField=SwitchField;

package/dist/components/form/textarea-field/index.js

@@ -1,23 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TextareaField = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const form_1 = require("../../../components/ui/form");
-const textarea_1 = require("../../../components/ui/textarea");
-const renderable_label_1 = require("../../../components/form/renderable-label");
-const TextareaField = ({ control, name, label, description, placeholder, tooltip, required, disabled, readOnly, rows, className, 'data-testid': dataTestId, 'aria-label': ariaLabelProp }) => {
-    const showLabel = (0, renderable_label_1.hasRenderableLabel)(label);
-    // An empty or whitespace-only aria-label is worse than none: it names the
-    // control "". Drop it so the attribute never reaches the DOM.
-    const ariaLabel = ariaLabelProp?.trim() ? ariaLabelProp : undefined;
-    // The type cannot rule out `label=""`, so this is the only signal a developer
-    // gets that the control shipped nameless.
-    if (process.env.NODE_ENV !== 'production' && !showLabel && !ariaLabel) {
-        console.error(`TextareaField "${name}" has no accessible name: pass a non-empty label or aria-label.`);
-    }
-    return ((0, jsx_runtime_1.jsx)(form_1.FormField, { control: control, name: name, 
-        // Controller-level, not just on the element: this is what keeps a
-        // disabled field out of the submitted values.
-        disabled: disabled, render: ({ field }) => ((0, jsx_runtime_1.jsxs)(form_1.FormItem, { required: required, children: [showLabel && ((0, jsx_runtime_1.jsx)(form_1.FormLabel, { extra: tooltip ? (0, jsx_runtime_1.jsx)(form_1.FormTooltip, { children: tooltip }) : undefined, children: label })), (0, jsx_runtime_1.jsx)(form_1.FormControl, { children: (0, jsx_runtime_1.jsx)(textarea_1.Textarea, { placeholder: placeholder, readOnly: readOnly, rows: rows, className: className, "data-testid": dataTestId, "aria-label": ariaLabel, ...field }) }), (0, jsx_runtime_1.jsx)(form_1.FormMessage, {}), description && (0, jsx_runtime_1.jsx)(form_1.FormDescription, { children: description })] })) }));
-};
-exports.TextareaField = TextareaField;
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.TextareaField=void 0;const jsx_runtime_1=require("react/jsx-runtime");const form_1=require("../../../components/ui/form");const textarea_1=require("../../../components/ui/textarea");const renderable_label_1=require("../../../components/form/renderable-label");const TextareaField=({control:l,name:e,label:r,description:a,placeholder:i,tooltip:s,required:d,disabled:c,readOnly:x,rows:m,className:u,"data-testid":b,"aria-label":o})=>{const t=(0,renderable_label_1.hasRenderableLabel)(r);const n=o?.trim()?o:void 0;if(process.env.NODE_ENV!=="production"&&!t&&!n){console.error(`TextareaField "${e}" has no accessible name: pass a non-empty label or aria-label.`)}return(0,jsx_runtime_1.jsx)(form_1.FormField,{control:l,name:e,disabled:c,render:({field:F})=>(0,jsx_runtime_1.jsxs)(form_1.FormItem,{required:d,children:[t&&(0,jsx_runtime_1.jsx)(form_1.FormLabel,{extra:s?(0,jsx_runtime_1.jsx)(form_1.FormTooltip,{children:s}):void 0,children:r}),(0,jsx_runtime_1.jsx)(form_1.FormControl,{children:(0,jsx_runtime_1.jsx)(textarea_1.Textarea,{placeholder:i,readOnly:x,rows:m,className:u,"data-testid":b,"aria-label":n,...F})}),(0,jsx_runtime_1.jsx)(form_1.FormMessage,{}),a&&(0,jsx_runtime_1.jsx)(form_1.FormDescription,{children:a})]})})};exports.TextareaField=TextareaField;

package/dist/components/page/index.js

@@ -1,20 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PageRoot = PageRoot;
-exports.PageView = PageView;
-exports.PageContent = PageContent;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const utils_1 = require("../../lib/utils");
-function PageRoot({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "page-root", className: (0, utils_1.cn)('text-foreground bg-body-surface flex h-screen min-h-screen w-full flex-col overflow-y-auto', className), ...props }));
-}
-function PageView({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "page-view", className: (0, utils_1.cn)('flex min-h-0 flex-1', className), ...props }));
-}
-function PageContent({ className, padding = 'default', ...props }) {
-    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "page-content", 
-        // Order is the contract, not a style: `className` last is what lets a
-        // caller's `p-0` beat `p-16` and a caller's `max-sm:p-0` replace the
-        // compact rule instead of stacking with it.
-        className: (0, utils_1.cn)('flex grow flex-col overflow-y-auto p-16', padding === 'compact' && 'max-sm:p-4', className), ...props }));
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.PageRoot=PageRoot;exports.PageView=PageView;exports.PageContent=PageContent;const jsx_runtime_1=require("react/jsx-runtime");const utils_1=require("../../lib/utils");function PageRoot({className:e,...t}){return(0,jsx_runtime_1.jsx)("div",{"data-slot":"page-root",className:(0,utils_1.cn)("text-foreground bg-body-surface flex h-screen min-h-screen w-full flex-col overflow-y-auto",e),...t})}function PageView({className:e,...t}){return(0,jsx_runtime_1.jsx)("div",{"data-slot":"page-view",className:(0,utils_1.cn)("flex min-h-0 flex-1",e),...t})}function PageContent({className:e,padding:t="default",...o}){return(0,jsx_runtime_1.jsx)("div",{"data-slot":"page-content",className:(0,utils_1.cn)("flex grow flex-col overflow-y-auto p-16",t==="compact"&&"max-sm:p-4",e),...o})}

package/dist/components/page-header/index.js

@@ -1,80 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PageHeaderActionButtons = PageHeaderActionButtons;
-exports.PageHeaderWrapper = PageHeaderWrapper;
-exports.PageHeader = PageHeader;
-exports.PageHeaderInfoTitle = PageHeaderInfoTitle;
-exports.PageHeaderInfoTooltip = PageHeaderInfoTooltip;
-exports.PageHeaderCollapsibleInfoTrigger = PageHeaderCollapsibleInfoTrigger;
-exports.PageHeaderCollapsibleInfo = PageHeaderCollapsibleInfo;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const utils_1 = require("../../lib/utils");
-const react_1 = require("react");
-const collapsible_1 = require("../../components/ui/collapsible");
-const button_1 = require("../ui/button");
-const lucide_react_1 = require("lucide-react");
-const tooltip_1 = require("../../components/ui/tooltip");
-const use_toast_1 = require("../../hooks/use-toast");
-const react_tooltip_1 = require("@radix-ui/react-tooltip");
-const PageHeaderContext = (0, react_1.createContext)({ isOpen: false });
-function PageHeaderActionButtons({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "page-header-action-buttons", className: (0, utils_1.cn)('flex min-w-0 flex-wrap items-center gap-8', className), ...props }));
-}
-function PageHeaderWrapper({ className, ...props }) {
-    const { isOpen } = (0, react_1.useContext)(PageHeaderContext);
-    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "page-header-wrapper", className: (0, utils_1.cn)('flex items-start justify-between', isOpen && 'border-b', className), ...props }));
-}
-function PageHeader({ children, className, rootClassName }) {
-    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
-    return ((0, jsx_runtime_1.jsx)(PageHeaderContext.Provider, { value: { isOpen }, children: (0, jsx_runtime_1.jsx)("div", { "data-slot": "page-header", className: (0, utils_1.cn)('mt-12', isOpen && 'mb-12', rootClassName), children: (0, jsx_runtime_1.jsx)(collapsible_1.Collapsible, { open: isOpen, onOpenChange: setIsOpen, className: className, children: children }) }) }));
-}
-function PageHeaderInfoTitle({ title, subtitle, className, containerClassName, children, as: Heading = 'h1' }) {
-    return ((0, jsx_runtime_1.jsxs)("div", { "data-slot": "page-header-info-title", 
-        /*
-          Two utilities and one deliberate absence.
-  
-          `flex-1` (basis 0) is #170: flex shrinking is shared in proportion to
-          flex-basis, so a title box at basis auto (its max-content width, which
-          a long subtitle inflates) absorbed almost none of the overflow and
-          starved the action row into one button per line. At basis 0 the line's
-          hypothetical size is the action row alone, so the row keeps its natural
-          width and the title grows into what is left, wrapping at spaces.
-  
-          NO `min-w-0` is #174, and the absence is the fix. A flex item's
-          automatic minimum size is its own min-content, so left alone the box
-          cannot be squeezed below its longest word (of the title, the subtitle,
-          or a child chip) and nothing can overflow horizontally at any width.
-          beta.5 carried `min-w-0`, which waives that minimum: on Matcher's
-          exception-detail masthead the box collapsed to 68px and the `h1`
-          painted straight out of it and across the action row. That is gone.
-  
-          A fixed floor was the other candidate and is wrong: any `sm:` gate keys
-          on the VIEWPORT while the overflow condition is the MASTHEAD width, so
-          a 1024px viewport with a 320px side panel open (a ~332px masthead)
-          would keep a 320px floor and scroll the body sideways.
-  
-          The measured trade: on a masthead carrying a 520px action row the title
-          box shrinks to its longest word and the subtitle wraps to about three
-          lines. The remedy there is fewer controls in the action slot, not a
-          wider floor. A consumer that wants the collapse back passes
-          `containerClassName="min-w-0"`. jsdom does not lay out, so the geometry
-          is verified downstream.
-        */
-        className: (0, utils_1.cn)('mb-12 flex flex-1 flex-col gap-4', containerClassName), children: [(0, jsx_runtime_1.jsx)(Heading, { className: (0, utils_1.cn)('text-foreground text-4xl font-bold', className), "data-testid": "title", children: title }), (0, jsx_runtime_1.jsx)("div", { className: "flex items-center gap-2", children: (0, jsx_runtime_1.jsx)("p", { className: "text-muted-foreground text-sm font-medium", children: subtitle }) }), react_1.Children.toArray(children).length > 0 ? ((0, jsx_runtime_1.jsx)("div", { className: "flex flex-wrap items-center gap-2", children: children })) : null] }));
-}
-function PageHeaderInfoTooltip({ subtitle }) {
-    const { toast } = (0, use_toast_1.useToast)();
-    const handleCopyToClipboard = (value) => {
-        navigator.clipboard.writeText(value);
-        toast({
-            description: 'Copied to clipboard!'
-        });
-    };
-    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "page-header-info-tooltip", children: (0, jsx_runtime_1.jsx)(tooltip_1.TooltipProvider, { children: (0, jsx_runtime_1.jsxs)(tooltip_1.Tooltip, { delayDuration: 300, children: [(0, jsx_runtime_1.jsx)(tooltip_1.TooltipTrigger, { onClick: () => handleCopyToClipboard(subtitle), children: (0, jsx_runtime_1.jsx)(lucide_react_1.Copy, { size: 16, className: "cursor-pointer" }) }), (0, jsx_runtime_1.jsxs)(tooltip_1.TooltipContent, { className: "bg-shadcn-600 border-none", arrowPadding: 0, children: [(0, jsx_runtime_1.jsx)("p", { className: "text-shadcn-300 text-sm font-medium", children: subtitle }), (0, jsx_runtime_1.jsx)("p", { className: "text-center text-white", children: "Click to copy" }), (0, jsx_runtime_1.jsx)(react_tooltip_1.Arrow, { height: 8, width: 15 })] })] }) }) }));
-}
-function PageHeaderCollapsibleInfoTrigger({ question }) {
-    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "page-header-collapsible-info-trigger", children: (0, jsx_runtime_1.jsx)(collapsible_1.CollapsibleTrigger, { asChild: true, children: (0, jsx_runtime_1.jsxs)(button_1.Button, { variant: "link", className: "flex gap-2 pr-0", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-foreground text-sm font-medium", children: question }), (0, jsx_runtime_1.jsx)(lucide_react_1.HelpCircle, { className: "h-4 w-4" })] }) }) }));
-}
-function PageHeaderCollapsibleInfo({ question, answer, seeMore, href }) {
-    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "page-header-collapsible-info", children: (0, jsx_runtime_1.jsx)(collapsible_1.CollapsibleContent, { children: (0, jsx_runtime_1.jsxs)("div", { className: "flex w-full justify-between pt-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "mt-12 flex grow flex-col gap-3 pr-6", children: [(0, jsx_runtime_1.jsx)("h2", { className: "text-foreground text-xl font-bold", children: question }), (0, jsx_runtime_1.jsxs)("p", { className: "text-muted-foreground text-sm leading-relaxed font-medium", children: [answer, seeMore && href && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [' ', (0, jsx_runtime_1.jsxs)("a", { target: "_blank", rel: "noopener noreferrer", href: href, className: "text-muted-foreground font-medium", children: [(0, jsx_runtime_1.jsx)("span", { className: "underline underline-offset-4", children: seeMore }), (0, jsx_runtime_1.jsx)(lucide_react_1.ExternalLink, { size: 16, className: "ml-1 inline align-middle" })] })] }))] })] }), (0, jsx_runtime_1.jsx)(collapsible_1.CollapsibleTrigger, { asChild: true, children: (0, jsx_runtime_1.jsx)(button_1.Button, { variant: "link", className: "cursor-pointer self-start", children: (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronUp, { size: 24, className: "text-muted-foreground" }) }) })] }) }) }));
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.PageHeaderActionButtons=PageHeaderActionButtons;exports.PageHeaderWrapper=PageHeaderWrapper;exports.PageHeader=PageHeader;exports.PageHeaderInfoTitle=PageHeaderInfoTitle;exports.PageHeaderInfoTooltip=PageHeaderInfoTooltip;exports.PageHeaderCollapsibleInfoTrigger=PageHeaderCollapsibleInfoTrigger;exports.PageHeaderCollapsibleInfo=PageHeaderCollapsibleInfo;const jsx_runtime_1=require("react/jsx-runtime");const utils_1=require("../../lib/utils");const react_1=require("react");const collapsible_1=require("../../components/ui/collapsible");const button_1=require("../ui/button");const lucide_react_1=require("lucide-react");const tooltip_1=require("../../components/ui/tooltip");const use_toast_1=require("../../hooks/use-toast");const react_tooltip_1=require("@radix-ui/react-tooltip");const PageHeaderContext=(0,react_1.createContext)({isOpen:false});function PageHeaderActionButtons({className:e,...t}){return(0,jsx_runtime_1.jsx)("div",{"data-slot":"page-header-action-buttons",className:(0,utils_1.cn)("flex min-w-0 flex-wrap items-center gap-8",e),...t})}function PageHeaderWrapper({className:e,...t}){const{isOpen:r}=(0,react_1.useContext)(PageHeaderContext);return(0,jsx_runtime_1.jsx)("div",{"data-slot":"page-header-wrapper",className:(0,utils_1.cn)("flex items-start justify-between",r&&"border-b",e),...t})}function PageHeader({children:e,className:t,rootClassName:r}){const[s,a]=(0,react_1.useState)(false);return(0,jsx_runtime_1.jsx)(PageHeaderContext.Provider,{value:{isOpen:s},children:(0,jsx_runtime_1.jsx)("div",{"data-slot":"page-header",className:(0,utils_1.cn)("mt-12",s&&"mb-12",r),children:(0,jsx_runtime_1.jsx)(collapsible_1.Collapsible,{open:s,onOpenChange:a,className:t,children:e})})})}function PageHeaderInfoTitle({title:e,subtitle:t,className:r,containerClassName:s,children:a,as:l="h1"}){return(0,jsx_runtime_1.jsxs)("div",{"data-slot":"page-header-info-title",className:(0,utils_1.cn)("mb-12 flex flex-1 flex-col gap-4",s),children:[(0,jsx_runtime_1.jsx)(l,{className:(0,utils_1.cn)("text-foreground text-4xl font-bold",r),"data-testid":"title",children:e}),(0,jsx_runtime_1.jsx)("div",{className:"flex items-center gap-2",children:(0,jsx_runtime_1.jsx)("p",{className:"text-muted-foreground text-sm font-medium",children:t})}),react_1.Children.toArray(a).length>0?(0,jsx_runtime_1.jsx)("div",{className:"flex flex-wrap items-center gap-2",children:a}):null]})}function PageHeaderInfoTooltip({subtitle:e}){const{toast:t}=(0,use_toast_1.useToast)();const r=s=>{navigator.clipboard.writeText(s);t({description:"Copied to clipboard!"})};return(0,jsx_runtime_1.jsx)("div",{"data-slot":"page-header-info-tooltip",children:(0,jsx_runtime_1.jsx)(tooltip_1.TooltipProvider,{children:(0,jsx_runtime_1.jsxs)(tooltip_1.Tooltip,{delayDuration:300,children:[(0,jsx_runtime_1.jsx)(tooltip_1.TooltipTrigger,{onClick:()=>r(e),children:(0,jsx_runtime_1.jsx)(lucide_react_1.Copy,{size:16,className:"cursor-pointer"})}),(0,jsx_runtime_1.jsxs)(tooltip_1.TooltipContent,{className:"bg-shadcn-600 border-none",arrowPadding:0,children:[(0,jsx_runtime_1.jsx)("p",{className:"text-shadcn-300 text-sm font-medium",children:e}),(0,jsx_runtime_1.jsx)("p",{className:"text-center text-white",children:"Click to copy"}),(0,jsx_runtime_1.jsx)(react_tooltip_1.Arrow,{height:8,width:15})]})]})})})}function PageHeaderCollapsibleInfoTrigger({question:e}){return(0,jsx_runtime_1.jsx)("div",{"data-slot":"page-header-collapsible-info-trigger",children:(0,jsx_runtime_1.jsx)(collapsible_1.CollapsibleTrigger,{asChild:true,children:(0,jsx_runtime_1.jsxs)(button_1.Button,{variant:"link",className:"flex gap-2 pr-0",children:[(0,jsx_runtime_1.jsx)("span",{className:"text-foreground text-sm font-medium",children:e}),(0,jsx_runtime_1.jsx)(lucide_react_1.HelpCircle,{className:"h-4 w-4"})]})})})}function PageHeaderCollapsibleInfo({question:e,answer:t,seeMore:r,href:s}){return(0,jsx_runtime_1.jsx)("div",{"data-slot":"page-header-collapsible-info",children:(0,jsx_runtime_1.jsx)(collapsible_1.CollapsibleContent,{children:(0,jsx_runtime_1.jsxs)("div",{className:"flex w-full justify-between pt-6",children:[(0,jsx_runtime_1.jsxs)("div",{className:"mt-12 flex grow flex-col gap-3 pr-6",children:[(0,jsx_runtime_1.jsx)("h2",{className:"text-foreground text-xl font-bold",children:e}),(0,jsx_runtime_1.jsxs)("p",{className:"text-muted-foreground text-sm leading-relaxed font-medium",children:[t,r&&s&&(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[" ",(0,jsx_runtime_1.jsxs)("a",{target:"_blank",rel:"noopener noreferrer",href:s,className:"text-muted-foreground font-medium",children:[(0,jsx_runtime_1.jsx)("span",{className:"underline underline-offset-4",children:r}),(0,jsx_runtime_1.jsx)(lucide_react_1.ExternalLink,{size:16,className:"ml-1 inline align-middle"})]})]})]})]}),(0,jsx_runtime_1.jsx)(collapsible_1.CollapsibleTrigger,{asChild:true,children:(0,jsx_runtime_1.jsx)(button_1.Button,{variant:"link",className:"cursor-pointer self-start",children:(0,jsx_runtime_1.jsx)(lucide_react_1.ChevronUp,{size:24,className:"text-muted-foreground"})})})]})})})}

package/dist/components/pagination/index.js

@@ -1,10 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Pagination = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const button_1 = require("../ui/button");
-const lucide_react_1 = require("lucide-react");
-const Pagination = ({ page, limit, total = 0, previousLabel, nextLabel, nextPage, previousPage }) => {
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-end space-x-2", children: [(0, jsx_runtime_1.jsx)(button_1.Button, { variant: "outline", size: "small", onClick: previousPage, disabled: page <= 1, icon: (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronLeft, { size: 16 }), iconPlacement: "start", children: previousLabel }), (0, jsx_runtime_1.jsx)(button_1.Button, { variant: "outline", size: "small", onClick: nextPage, disabled: total < limit, icon: (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRight, { size: 16 }), iconPlacement: "end", children: nextLabel })] }));
-};
-exports.Pagination = Pagination;
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.Pagination=void 0;const jsx_runtime_1=require("react/jsx-runtime");const button_1=require("../ui/button");const lucide_react_1=require("lucide-react");const Pagination=({page:e,limit:t,total:i=0,previousLabel:n,nextLabel:s,nextPage:r,previousPage:o})=>{return(0,jsx_runtime_1.jsxs)("div",{className:"flex items-center justify-end space-x-2",children:[(0,jsx_runtime_1.jsx)(button_1.Button,{variant:"outline",size:"small",onClick:o,disabled:e<=1,icon:(0,jsx_runtime_1.jsx)(lucide_react_1.ChevronLeft,{size:16}),iconPlacement:"start",children:n}),(0,jsx_runtime_1.jsx)(button_1.Button,{variant:"outline",size:"small",onClick:r,disabled:i<t,icon:(0,jsx_runtime_1.jsx)(lucide_react_1.ChevronRight,{size:16}),iconPlacement:"end",children:s})]})};exports.Pagination=Pagination;

package/dist/components/table/id-table-cell.js

@@ -1,109 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.IdTableCell = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const table_1 = require("../../components/ui/table");
-const tooltip_1 = require("../../components/ui/tooltip");
-const lucide_react_1 = require("lucide-react");
-/**
- * ⛔ TRUNCATE IN THE MIDDLE, NEVER FROM THE START.
- *
- * This cell renders UUIDs, and a ledger hands out long runs of them from a
- * shared prefix — `00000000-0000-0000-0000-00000000000{1,2,3}`. Keeping the
- * first 13 characters, which is what `truncate(id, { length: 16 })` did,
- * rendered every one of those rows as the same string: the only part that told
- * them apart was the part that was dropped, and the reader had to hover each
- * row in turn to find the one they wanted.
- *
- * Both ends carry information — the head says which family the id belongs to,
- * the tail says which member — so both ends stay.
- */
-const DEFAULT_HEAD = 8;
-const DEFAULT_TAIL = 4;
-/**
- * ⛔ A BAD LENGTH CANNOT THROW HERE. This runs in a render path, so refusing a
- * malformed prop would unmount the whole table rather than one cell — a
- * consumer computing `head` from data gets a broken cell, not a broken screen.
- *
- * `String.slice` reads a negative number as an offset from the END, so a
- * negative `head` kept nearly the entire id and put an ellipsis in the middle
- * of it, and `NaN` read as 0 and dropped the head — the exact failure middle
- * truncation exists to prevent, and one character LONGER than the untruncated
- * id. Clamped to a non-negative whole number; anything non-finite falls back
- * to the default, which a caller passing `NaN` has already bypassed.
- */
-function charCount(value, fallback) {
-    return Number.isFinite(value) ? Math.max(0, Math.trunc(value)) : fallback;
-}
-function truncateMiddle(id, head, tail) {
-    const start = charCount(head, DEFAULT_HEAD);
-    const end = charCount(tail, DEFAULT_TAIL);
-    // No ellipsis unless it actually saves characters: at head + tail + 1 the
-    // truncation is the same length as the id and hides a character for nothing.
-    return id.length <= start + end + 1
-        ? id
-        : `${id.slice(0, start)}…${id.slice(id.length - end)}`;
-}
-const IdTableCell = ({ id, onCopy, head = DEFAULT_HEAD, tail = DEFAULT_TAIL, copyLabel = 'Copy id', ...others }) => {
-    /**
-     * ⛔ THE COPY ACTION IS A NAMED BUTTON, NEVER A HANDLER ON THE `<td>`.
-     *
-     * On the cell it had no role, no tab stop and no accessible name: an
-     * operator who does not use a pointer could not copy an id from any table
-     * built on this kit, and a screen reader announced the cell as plain text.
-     * It also made the id column the one cell in a row-activating table that
-     * silently swallowed the click that opens the record.
-     */
-    const handleCopyToClipboard = async (event) => {
-        // A row that opens a record on click must not also open it on a copy.
-        event.stopPropagation();
-        // The same guard `CopyField` uses: an insecure context, and a browser
-        // without the API, both leave `navigator.clipboard` undefined, and the
-        // only thing this cell would otherwise do about it is throw an unhandled
-        // rejection out of a click handler. There is no input here to select as a
-        // fallback, so a silent no-op is the whole of what it can honestly offer.
-        if (!id || typeof navigator.clipboard?.writeText !== 'function') {
-            return;
-        }
-        try {
-            // The WHOLE id, never what is rendered. The cell is the only place most
-            // consoles expose it, and a truncated id pasted into a query matches
-            // nothing.
-            await navigator.clipboard.writeText(id);
-            onCopy?.(id);
-        }
-        catch {
-            // The browser refused the write: nothing reached the clipboard, so
-            // `onCopy` — which consumers hang their "copied" toast off — must not
-            // claim otherwise.
-        }
-    };
-    return ((0, jsx_runtime_1.jsx)(table_1.TableCell
-    // The tooltip is the styled affordance; `title` is the fallback that
-    // survives without it — a printed page, a portal that has not mounted,
-    // and the cell padding outside the trigger.
-    , { 
-        // The tooltip is the styled affordance; `title` is the fallback that
-        // survives without it — a printed page, a portal that has not mounted,
-        // and the cell padding outside the trigger.
-        title: id, ...others, children: (0, jsx_runtime_1.jsxs)(table_1.TableCellWrapper, { children: [(0, jsx_runtime_1.jsx)(tooltip_1.TooltipProvider, { children: (0, jsx_runtime_1.jsxs)(tooltip_1.Tooltip, { delayDuration: 300, children: [(0, jsx_runtime_1.jsx)(tooltip_1.TooltipTrigger, { children: id ? truncateMiddle(id, head, tail) : id }), (0, jsx_runtime_1.jsx)(tooltip_1.TooltipContent, { children: id })] }) }), id ? ((0, jsx_runtime_1.jsx)("button", { type: "button", "aria-label": copyLabel, onClick: handleCopyToClipboard, 
-                    // ⛔ THREE RULES HERE, AND EVERY ONE IS A WAY THE CONTROL
-                    // DISAPPEARS RATHER THAN A DECORATION.
-                    //
-                    // `focus-visible:opacity-100`: a keyboard stop the operator cannot
-                    // see is the same dead end the `<td>` handler was.
-                    //
-                    // `[@media(hover:none)]:opacity-100`: a phone or a tablet has no
-                    // pointer to hover with, so `group-hover` never fires and the only
-                    // control that copies an id stayed fully transparent — invisible
-                    // AND unexplained on the one device where the id is hardest to
-                    // read off the screen. Written as an arbitrary variant because the
-                    // kit's Tailwind theme defines no named one.
-                    //
-                    // `size-6` with `-my-0.5`: WCAG 2.5.8 wants 24×24 CSS px, and the
-                    // glyph alone is 14. The negative margin pulls the button's outer
-                    // box back to the 20px line box of the cell's `text-sm` text, so
-                    // the target grows without the row growing under it.
-                    className: "focus-visible:ring-ring -my-0.5 ml-4 inline-flex size-6 shrink-0 cursor-pointer items-center justify-center rounded-sm opacity-0 transition-opacity group-hover/table-cell:opacity-100 focus-visible:opacity-100 focus-visible:ring-2 focus-visible:outline-none [@media(hover:none)]:opacity-100", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Copy, { className: "size-3.5" }) })) : null] }) }));
-};
-exports.IdTableCell = IdTableCell;
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.IdTableCell=void 0;const jsx_runtime_1=require("react/jsx-runtime");const table_1=require("../../components/ui/table");const tooltip_1=require("../../components/ui/tooltip");const lucide_react_1=require("lucide-react");const DEFAULT_HEAD=8;const DEFAULT_TAIL=4;function charCount(e,t){return Number.isFinite(e)?Math.max(0,Math.trunc(e)):t}function truncateMiddle(e,t,n){const o=charCount(t,DEFAULT_HEAD);const r=charCount(n,DEFAULT_TAIL);return e.length<=o+r+1?e:`${e.slice(0,o)}\u2026${e.slice(e.length-r)}`}const IdTableCell=({id:e,onCopy:t,head:n=DEFAULT_HEAD,tail:o=DEFAULT_TAIL,copyLabel:r="Copy id",...i})=>{const l=async s=>{s.stopPropagation();if(!e||typeof navigator.clipboard?.writeText!=="function"){return}try{await navigator.clipboard.writeText(e);t?.(e)}catch{}};return(0,jsx_runtime_1.jsx)(table_1.TableCell,{title:e,...i,children:(0,jsx_runtime_1.jsxs)(table_1.TableCellWrapper,{children:[(0,jsx_runtime_1.jsx)(tooltip_1.TooltipProvider,{children:(0,jsx_runtime_1.jsxs)(tooltip_1.Tooltip,{delayDuration:300,children:[(0,jsx_runtime_1.jsx)(tooltip_1.TooltipTrigger,{children:e?truncateMiddle(e,n,o):e}),(0,jsx_runtime_1.jsx)(tooltip_1.TooltipContent,{children:e})]})}),e?(0,jsx_runtime_1.jsx)("button",{type:"button","aria-label":r,onClick:l,className:"focus-visible:ring-ring -my-0.5 ml-4 inline-flex size-6 shrink-0 cursor-pointer items-center justify-center rounded-sm opacity-0 transition-opacity group-hover/table-cell:opacity-100 focus-visible:opacity-100 focus-visible:ring-2 focus-visible:outline-none [@media(hover:none)]:opacity-100",children:(0,jsx_runtime_1.jsx)(lucide_react_1.Copy,{className:"size-3.5"})}):null]})})};exports.IdTableCell=IdTableCell;

package/dist/components/table/index.js

@@ -1,19 +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("./id-table-cell"), exports);
-__exportStar(require("./locked-table-actions"), exports);
-__exportStar(require("./name-table-cell"), exports);
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(i,t,e,r){if(r===void 0)r=e;var n=Object.getOwnPropertyDescriptor(t,e);if(!n||("get"in n?!t.__esModule:n.writable||n.configurable)){n={enumerable:true,get:function(){return t[e]}}}Object.defineProperty(i,r,n)}):(function(i,t,e,r){if(r===void 0)r=e;i[r]=t[e]}));var __exportStar=this&&this.__exportStar||function(i,t){for(var e in i)if(e!=="default"&&!Object.prototype.hasOwnProperty.call(t,e))__createBinding(t,i,e)};Object.defineProperty(exports,"__esModule",{value:true});__exportStar(require("./id-table-cell"),exports);__exportStar(require("./locked-table-actions"),exports);__exportStar(require("./name-table-cell"),exports);

package/dist/components/table/locked-table-actions.js

@@ -1,41 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LockedTableActions = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const lucide_react_1 = require("lucide-react");
-const tooltip_1 = require("../../components/ui/tooltip");
-const utils_1 = require("../../lib/utils");
-/**
- * Where a row's action menu would be, on a record the ledger will not let
- * anyone change — an external account, in double-entry terms.
- *
- * ⛔ THE TRIGGER IS A BUTTON. It used to be a `<div>`, so the ONLY explanation
- * of why the menu is gone lived in a tooltip that a keyboard could not open and
- * a screen reader had nothing to attach to: the row simply had one control
- * fewer, unexplained.
- *
- * `aria-disabled`, not the `disabled` attribute: a truly disabled button takes
- * no focus and fires no pointer events, so it would announce as unavailable and
- * then refuse to open the tooltip that says WHY — the same dead end in a
- * different shape. This one is reachable, announces its reason as its name,
- * opens the tooltip on focus as well as hover, and does nothing when pressed.
- *
- * ⛔ DOING NOTHING TAKES A HANDLER. `aria-disabled` is a promise to the
- * accessibility tree, not to the DOM: the press really does dispatch a click,
- * and a click bubbles. Consumers put this where a row's action menu would be,
- * in rows that open the record — so with no handler of its own the one control
- * that says "you cannot change this" would open the record it refuses to
- * change, from a pointer and, because a button turns Enter and Space into
- * clicks, from a keyboard too.
- */
-const LockedTableActions = ({ message, className }) => {
-    return ((0, jsx_runtime_1.jsx)(tooltip_1.TooltipProvider, { children: (0, jsx_runtime_1.jsxs)(tooltip_1.Tooltip, { children: [(0, jsx_runtime_1.jsx)(tooltip_1.TooltipTrigger, { asChild: true, children: (0, jsx_runtime_1.jsx)("button", { type: "button", "aria-disabled": "true", "aria-label": message, onClick: (event) => {
-                            event.preventDefault();
-                            event.stopPropagation();
-                        }, className: (0, utils_1.cn)('border-border bg-muted flex size-9 items-center justify-center rounded-md border', 
-                        // Reachable is half the fix: a `border` over a `bg-muted` can
-                        // swallow the browser's default outline entirely, and the other
-                        // two cells in this table carry the same ring.
-                        'focus-visible:ring-ring focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none', className), children: (0, jsx_runtime_1.jsx)(lucide_react_1.LockIcon, { size: 14, className: "text-muted-foreground" }) }) }), (0, jsx_runtime_1.jsx)(tooltip_1.TooltipContent, { side: "left", children: message })] }) }));
-};
-exports.LockedTableActions = LockedTableActions;
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.LockedTableActions=void 0;const jsx_runtime_1=require("react/jsx-runtime");const lucide_react_1=require("lucide-react");const tooltip_1=require("../../components/ui/tooltip");const utils_1=require("../../lib/utils");const LockedTableActions=({message:e,className:i})=>{return(0,jsx_runtime_1.jsx)(tooltip_1.TooltipProvider,{children:(0,jsx_runtime_1.jsxs)(tooltip_1.Tooltip,{children:[(0,jsx_runtime_1.jsx)(tooltip_1.TooltipTrigger,{asChild:true,children:(0,jsx_runtime_1.jsx)("button",{type:"button","aria-disabled":"true","aria-label":e,onClick:t=>{t.preventDefault();t.stopPropagation()},className:(0,utils_1.cn)("border-border bg-muted flex size-9 items-center justify-center rounded-md border","focus-visible:ring-ring focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none",i),children:(0,jsx_runtime_1.jsx)(lucide_react_1.LockIcon,{size:14,className:"text-muted-foreground"})})}),(0,jsx_runtime_1.jsx)(tooltip_1.TooltipContent,{side:"left",children:e})]})})};exports.LockedTableActions=LockedTableActions;

package/dist/components/table/name-table-cell.js

@@ -1,58 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NameTableCell = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const lucide_react_1 = require("lucide-react");
-const table_1 = require("../ui/table");
-/**
- * The name column, which is how an operator opens a record from a list.
- *
- * ⛔ THE CLICK IS A BUTTON, NEVER THE `<td>`. The cell had no click prop at
- * all, so a consumer wanting a clickable name put `onClick` on the `<td>`
- * through the spread props: a pointer user saw an affordance under a
- * `<p class="cursor-pointer">`, and a keyboard or screen-reader user got a
- * table cell with no control in it — the row's only route to the record was
- * unreachable. `onClick` is now `Omit`ed from the inherited cell props, so the
- * `<td>` handler is unrepresentable and the compiler says so at the call site.
- *
- * And with no handler there is no pointer cursor: text that says it is
- * clickable and is not is worse than plain text.
- *
- * ⛔ AN INTERACTIVE CELL CANNOT BE ANONYMOUS. `name` renders INSIDE the button,
- * so whatever it renders is the button's accessible name — and a `ReactNode` is
- * free to render no text at all, which announces as a bare "button" and leaves
- * the row's only route to its record as unreachable as the `<td>` handler
- * above. The props are a union rather than a comment: a text `name` names the
- * button by itself, anything else has to pass `buttonLabel`, and a cell with no
- * handler is exempt because it holds no control.
- *
- * `buttonLabel` and not an inherited `aria-label`, which the spread puts on the
- * `<td>` — naming the CELL, never the control inside it.
- *
- * ⛔ AND THE UNION STILL LETS THE EMPTY STRING THROUGH, because every string
- * type does. `name=""` satisfies the text arm and `buttonLabel="   "` satisfies
- * the labelled one, so the last word is the component's, below.
- */
-const NameTableCell = ({ name, onClick, buttonLabel, ...props }) => {
-    // Whitespace names nothing. An `aria-label` of "   " is worse than none: it
-    // OVERRIDES the text inside the button, so a perfectly good name is replaced
-    // by silence. Drop it and the text content names the control again.
-    const label = buttonLabel?.trim() ? buttonLabel : undefined;
-    // Only a text `name` can name the button by itself. Any other node is opaque
-    // here — which is why the type demands a label for it in the first place.
-    const textName = typeof name === 'string' ? name.trim() : '';
-    const named = Boolean(label) || textName !== '';
-    // ⛔ AN UNNAMED BUTTON LOSES ITS HANDLER, IT DOES NOT SHIP. The two failures
-    // are not symmetric: a button announcing "" is invisible to the developer who
-    // wrote it and fatal to the operator who cannot use a mouse, while a name
-    // that does not open its record shows itself on the very first render. So the
-    // cell degrades to the plain text it can still display correctly, and says so
-    // where a developer will see it. Never throws: one nameless row must not take
-    // the whole table down.
-    if (process.env.NODE_ENV !== 'production' && onClick && !named) {
-        console.error(`NameTableCell has no accessible name: \`${typeof name === 'string' ? 'name' : 'buttonLabel'}\` is empty, so its click handler was dropped rather than render a button announcing "".`);
-    }
-    const opensRecord = onClick && named;
-    return ((0, jsx_runtime_1.jsx)(table_1.TableCell, { ...props, children: (0, jsx_runtime_1.jsxs)(table_1.TableCellWrapper, { children: [opensRecord ? ((0, jsx_runtime_1.jsx)("button", { type: "button", onClick: onClick, "aria-label": label, className: "focus-visible:ring-ring cursor-pointer rounded-sm text-left focus-visible:ring-2 focus-visible:outline-none", children: name })) : ((0, jsx_runtime_1.jsx)("p", { children: name })), (0, jsx_runtime_1.jsx)(table_1.TableCellAction, { children: (0, jsx_runtime_1.jsx)(lucide_react_1.Search, { className: "size-3.5" }) })] }) }));
-};
-exports.NameTableCell = NameTableCell;
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.NameTableCell=void 0;const jsx_runtime_1=require("react/jsx-runtime");const lucide_react_1=require("lucide-react");const table_1=require("../ui/table");const NameTableCell=({name:e,onClick:r,buttonLabel:t,...n})=>{const s=t?.trim()?t:void 0;const i=typeof e==="string"?e.trim():"";const l=Boolean(s)||i!=="";if(process.env.NODE_ENV!=="production"&&r&&!l){console.error(`NameTableCell has no accessible name: \`${typeof e==="string"?"name":"buttonLabel"}\` is empty, so its click handler was dropped rather than render a button announcing "".`)}const o=r&&l;return(0,jsx_runtime_1.jsx)(table_1.TableCell,{...n,children:(0,jsx_runtime_1.jsxs)(table_1.TableCellWrapper,{children:[o?(0,jsx_runtime_1.jsx)("button",{type:"button",onClick:r,"aria-label":s,className:"focus-visible:ring-ring cursor-pointer rounded-sm text-left focus-visible:ring-2 focus-visible:outline-none",children:e}):(0,jsx_runtime_1.jsx)("p",{children:e}),(0,jsx_runtime_1.jsx)(table_1.TableCellAction,{children:(0,jsx_runtime_1.jsx)(lucide_react_1.Search,{className:"size-3.5"})})]})})};exports.NameTableCell=NameTableCell;

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

@@ -1,62 +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.Accordion = Accordion;
-exports.AccordionItem = AccordionItem;
-exports.AccordionTrigger = AccordionTrigger;
-exports.AccordionContent = AccordionContent;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const AccordionPrimitive = __importStar(require("@radix-ui/react-accordion"));
-const lucide_react_1 = require("lucide-react");
-const utils_1 = require("../../../lib/utils");
-function Accordion({ ...props }) {
-    return (0, jsx_runtime_1.jsx)(AccordionPrimitive.Root, { "data-slot": "accordion", ...props });
-}
-function AccordionItem({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(AccordionPrimitive.Item, { "data-slot": "accordion-item", className: (0, utils_1.cn)('border-b last:border-b-0', className), ...props }));
-}
-/**
- * `asChild` is deliberately omitted: the trigger always renders the caller's
- * children PLUS the chevron, and Radix's Slot cannot merge onto two children —
- * it throws at runtime. Legacy sindarian-x carried the same two-child shape, so
- * `asChild` never worked there either; here it is a compile error instead.
- */
-function AccordionTrigger({ className, children, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(AccordionPrimitive.Header, { className: "flex", children: (0, jsx_runtime_1.jsxs)(AccordionPrimitive.Trigger, { "data-slot": "accordion-trigger", className: (0, utils_1.cn)('focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-colors outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180', className), ...props, children: [children, (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDown, { className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" })] }) }));
-}
-function AccordionContent({ className, children, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(AccordionPrimitive.Content, { "data-slot": "accordion-content", className: "motion-safe:data-[state=closed]:animate-accordion-up motion-safe:data-[state=open]:animate-accordion-down overflow-hidden text-sm", ...props, children: (0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)('pt-0 pb-4', className), children: children }) }));
-}
+"use client";"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(t,e,r,n){if(n===void 0)n=r;var i=Object.getOwnPropertyDescriptor(e,r);if(!i||("get"in i?!e.__esModule:i.writable||i.configurable)){i={enumerable:true,get:function(){return e[r]}}}Object.defineProperty(t,n,i)}):(function(t,e,r,n){if(n===void 0)n=r;t[n]=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 n=[];for(var i in r)if(Object.prototype.hasOwnProperty.call(r,i))n[n.length]=i;return n};return t(e)};return function(e){if(e&&e.__esModule)return e;var r={};if(e!=null){for(var n=t(e),i=0;i<n.length;i++)if(n[i]!=="default")__createBinding(r,e,n[i])}__setModuleDefault(r,e);return r}})();Object.defineProperty(exports,"__esModule",{value:true});exports.Accordion=Accordion;exports.AccordionItem=AccordionItem;exports.AccordionTrigger=AccordionTrigger;exports.AccordionContent=AccordionContent;const jsx_runtime_1=require("react/jsx-runtime");const AccordionPrimitive=__importStar(require("@radix-ui/react-accordion"));const lucide_react_1=require("lucide-react");const utils_1=require("../../../lib/utils");function Accordion({...t}){return(0,jsx_runtime_1.jsx)(AccordionPrimitive.Root,{"data-slot":"accordion",...t})}function AccordionItem({className:t,...e}){return(0,jsx_runtime_1.jsx)(AccordionPrimitive.Item,{"data-slot":"accordion-item",className:(0,utils_1.cn)("border-b last:border-b-0",t),...e})}function AccordionTrigger({className:t,children:e,...r}){return(0,jsx_runtime_1.jsx)(AccordionPrimitive.Header,{className:"flex",children:(0,jsx_runtime_1.jsxs)(AccordionPrimitive.Trigger,{"data-slot":"accordion-trigger",className:(0,utils_1.cn)("focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-colors outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",t),...r,children:[e,(0,jsx_runtime_1.jsx)(lucide_react_1.ChevronDown,{className:"text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200"})]})})}function AccordionContent({className:t,children:e,...r}){return(0,jsx_runtime_1.jsx)(AccordionPrimitive.Content,{"data-slot":"accordion-content",className:"motion-safe:data-[state=closed]:animate-accordion-up motion-safe:data-[state=open]:animate-accordion-down overflow-hidden text-sm",...r,children:(0,jsx_runtime_1.jsx)("div",{className:(0,utils_1.cn)("pt-0 pb-4",t),children:e})})}

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

@@ -1,45 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Alert = Alert;
-exports.AlertTitle = AlertTitle;
-exports.AlertDescription = AlertDescription;
-exports.AlertActions = AlertActions;
-exports.AlertTopAction = AlertTopAction;
-exports.AlertClose = AlertClose;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const class_variance_authority_1 = require("class-variance-authority");
-const utils_1 = require("../../../lib/utils");
-const icon_button_1 = require("../icon-button");
-const lucide_react_1 = require("lucide-react");
-const alertVariants = (0, class_variance_authority_1.cva)('alert', {
-    variants: {
-        variant: {
-            default: '',
-            informative: 'alert-informative',
-            destructive: 'alert-destructive',
-            warning: 'alert-warning',
-            success: 'alert-success'
-        }
-    },
-    defaultVariants: {
-        variant: 'default'
-    }
-});
-function Alert({ className, variant, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "alert", role: "alert", className: (0, utils_1.cn)(alertVariants({ variant }), className), ...props }));
-}
-function AlertTitle({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "alert-title", className: (0, utils_1.cn)('alert-title', className), ...props }));
-}
-function AlertDescription({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "alert-description", className: (0, utils_1.cn)('alert-description', className), ...props }));
-}
-function AlertActions({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "alert-actions", className: (0, utils_1.cn)('alert-actions', className), ...props }));
-}
-function AlertTopAction({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "alert-top-action", className: (0, utils_1.cn)('alert-top-action', className), ...props }));
-}
-function AlertClose({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(AlertTopAction, { children: (0, jsx_runtime_1.jsx)(icon_button_1.IconButton, { className: (0, utils_1.cn)('alert-close', className), variant: "outline", size: "small", rounded: true, ...props, children: (0, jsx_runtime_1.jsx)(lucide_react_1.X, {}) }) }));
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.Alert=Alert;exports.AlertTitle=AlertTitle;exports.AlertDescription=AlertDescription;exports.AlertActions=AlertActions;exports.AlertTopAction=AlertTopAction;exports.AlertClose=AlertClose;const jsx_runtime_1=require("react/jsx-runtime");const class_variance_authority_1=require("class-variance-authority");const utils_1=require("../../../lib/utils");const icon_button_1=require("../icon-button");const lucide_react_1=require("lucide-react");const alertVariants=(0,class_variance_authority_1.cva)("alert",{variants:{variant:{default:"",informative:"alert-informative",destructive:"alert-destructive",warning:"alert-warning",success:"alert-success"}},defaultVariants:{variant:"default"}});function Alert({className:t,variant:e,...r}){return(0,jsx_runtime_1.jsx)("div",{"data-slot":"alert",role:"alert",className:(0,utils_1.cn)(alertVariants({variant:e}),t),...r})}function AlertTitle({className:t,...e}){return(0,jsx_runtime_1.jsx)("div",{"data-slot":"alert-title",className:(0,utils_1.cn)("alert-title",t),...e})}function AlertDescription({className:t,...e}){return(0,jsx_runtime_1.jsx)("div",{"data-slot":"alert-description",className:(0,utils_1.cn)("alert-description",t),...e})}function AlertActions({className:t,...e}){return(0,jsx_runtime_1.jsx)("div",{"data-slot":"alert-actions",className:(0,utils_1.cn)("alert-actions",t),...e})}function AlertTopAction({className:t,...e}){return(0,jsx_runtime_1.jsx)("div",{"data-slot":"alert-top-action",className:(0,utils_1.cn)("alert-top-action",t),...e})}function AlertClose({className:t,...e}){return(0,jsx_runtime_1.jsx)(AlertTopAction,{children:(0,jsx_runtime_1.jsx)(icon_button_1.IconButton,{className:(0,utils_1.cn)("alert-close",t),variant:"outline",size:"small",rounded:true,...e,children:(0,jsx_runtime_1.jsx)(lucide_react_1.X,{})})})}