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

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

@@ -1,71 +1 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { cn } from '../../lib/utils.js';
-import { Children, createContext, useContext, useState } from 'react';
-import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '../../components/ui/collapsible/index.js';
-import { Button } from '../ui/button/index.js';
-import { HelpCircle, ChevronUp, ExternalLink, Copy } from 'lucide-react';
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../../components/ui/tooltip/index.js';
-import { useToast } from '../../hooks/use-toast.js';
-import { Arrow } from '@radix-ui/react-tooltip';
-const PageHeaderContext = createContext({ isOpen: false });
-export function PageHeaderActionButtons({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "page-header-action-buttons", className: cn('flex min-w-0 flex-wrap items-center gap-8', className), ...props }));
-}
-export function PageHeaderWrapper({ className, ...props }) {
-    const { isOpen } = useContext(PageHeaderContext);
-    return (_jsx("div", { "data-slot": "page-header-wrapper", className: cn('flex items-start justify-between', isOpen && 'border-b', className), ...props }));
-}
-export function PageHeader({ children, className, rootClassName }) {
-    const [isOpen, setIsOpen] = useState(false);
-    return (_jsx(PageHeaderContext.Provider, { value: { isOpen }, children: _jsx("div", { "data-slot": "page-header", className: cn('mt-12', isOpen && 'mb-12', rootClassName), children: _jsx(Collapsible, { open: isOpen, onOpenChange: setIsOpen, className: className, children: children }) }) }));
-}
-export function PageHeaderInfoTitle({ title, subtitle, className, containerClassName, children, as: Heading = 'h1' }) {
-    return (_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: cn('mb-12 flex flex-1 flex-col gap-4', containerClassName), children: [_jsx(Heading, { className: cn('text-foreground text-4xl font-bold', className), "data-testid": "title", children: title }), _jsx("div", { className: "flex items-center gap-2", children: _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: subtitle }) }), Children.toArray(children).length > 0 ? (_jsx("div", { className: "flex flex-wrap items-center gap-2", children: children })) : null] }));
-}
-export function PageHeaderInfoTooltip({ subtitle }) {
-    const { toast } = useToast();
-    const handleCopyToClipboard = (value) => {
-        navigator.clipboard.writeText(value);
-        toast({
-            description: 'Copied to clipboard!'
-        });
-    };
-    return (_jsx("div", { "data-slot": "page-header-info-tooltip", children: _jsx(TooltipProvider, { children: _jsxs(Tooltip, { delayDuration: 300, children: [_jsx(TooltipTrigger, { onClick: () => handleCopyToClipboard(subtitle), children: _jsx(Copy, { size: 16, className: "cursor-pointer" }) }), _jsxs(TooltipContent, { className: "bg-shadcn-600 border-none", arrowPadding: 0, children: [_jsx("p", { className: "text-shadcn-300 text-sm font-medium", children: subtitle }), _jsx("p", { className: "text-center text-white", children: "Click to copy" }), _jsx(Arrow, { height: 8, width: 15 })] })] }) }) }));
-}
-export function PageHeaderCollapsibleInfoTrigger({ question }) {
-    return (_jsx("div", { "data-slot": "page-header-collapsible-info-trigger", children: _jsx(CollapsibleTrigger, { asChild: true, children: _jsxs(Button, { variant: "link", className: "flex gap-2 pr-0", children: [_jsx("span", { className: "text-foreground text-sm font-medium", children: question }), _jsx(HelpCircle, { className: "h-4 w-4" })] }) }) }));
-}
-export function PageHeaderCollapsibleInfo({ question, answer, seeMore, href }) {
-    return (_jsx("div", { "data-slot": "page-header-collapsible-info", children: _jsx(CollapsibleContent, { children: _jsxs("div", { className: "flex w-full justify-between pt-6", children: [_jsxs("div", { className: "mt-12 flex grow flex-col gap-3 pr-6", children: [_jsx("h2", { className: "text-foreground text-xl font-bold", children: question }), _jsxs("p", { className: "text-muted-foreground text-sm leading-relaxed font-medium", children: [answer, seeMore && href && (_jsxs(_Fragment, { children: [' ', _jsxs("a", { target: "_blank", rel: "noopener noreferrer", href: href, className: "text-muted-foreground font-medium", children: [_jsx("span", { className: "underline underline-offset-4", children: seeMore }), _jsx(ExternalLink, { size: 16, className: "ml-1 inline align-middle" })] })] }))] })] }), _jsx(CollapsibleTrigger, { asChild: true, children: _jsx(Button, { variant: "link", className: "cursor-pointer self-start", children: _jsx(ChevronUp, { size: 24, className: "text-muted-foreground" }) }) })] }) }) }));
-}
+import{jsx as e,jsxs as n,Fragment as m}from"react/jsx-runtime";import{cn as o}from"../../lib/utils.js";import{Children as f,createContext as h,useContext as g,useState as x}from"react";import{Collapsible as u,CollapsibleContent as N,CollapsibleTrigger as s}from"../../components/ui/collapsible/index.js";import{Button as d}from"../ui/button/index.js";import{HelpCircle as C,ChevronUp as b,ExternalLink as v,Copy as w}from"lucide-react";import{Tooltip as T,TooltipContent as P,TooltipProvider as H,TooltipTrigger as y}from"../../components/ui/tooltip/index.js";import{useToast as j}from"../../hooks/use-toast.js";import{Arrow as k}from"@radix-ui/react-tooltip";const c=h({isOpen:false});export function PageHeaderActionButtons({className:t,...r}){return e("div",{"data-slot":"page-header-action-buttons",className:o("flex min-w-0 flex-wrap items-center gap-8",t),...r})}export function PageHeaderWrapper({className:t,...r}){const{isOpen:a}=g(c);return e("div",{"data-slot":"page-header-wrapper",className:o("flex items-start justify-between",a&&"border-b",t),...r})}export function PageHeader({children:t,className:r,rootClassName:a}){const[l,i]=x(false);return e(c.Provider,{value:{isOpen:l},children:e("div",{"data-slot":"page-header",className:o("mt-12",l&&"mb-12",a),children:e(u,{open:l,onOpenChange:i,className:r,children:t})})})}export function PageHeaderInfoTitle({title:t,subtitle:r,className:a,containerClassName:l,children:i,as:p="h1"}){return n("div",{"data-slot":"page-header-info-title",className:o("mb-12 flex flex-1 flex-col gap-4",l),children:[e(p,{className:o("text-foreground text-4xl font-bold",a),"data-testid":"title",children:t}),e("div",{className:"flex items-center gap-2",children:e("p",{className:"text-muted-foreground text-sm font-medium",children:r})}),f.toArray(i).length>0?e("div",{className:"flex flex-wrap items-center gap-2",children:i}):null]})}export function PageHeaderInfoTooltip({subtitle:t}){const{toast:r}=j();const a=l=>{navigator.clipboard.writeText(l);r({description:"Copied to clipboard!"})};return e("div",{"data-slot":"page-header-info-tooltip",children:e(H,{children:n(T,{delayDuration:300,children:[e(y,{onClick:()=>a(t),children:e(w,{size:16,className:"cursor-pointer"})}),n(P,{className:"bg-shadcn-600 border-none",arrowPadding:0,children:[e("p",{className:"text-shadcn-300 text-sm font-medium",children:t}),e("p",{className:"text-center text-white",children:"Click to copy"}),e(k,{height:8,width:15})]})]})})})}export function PageHeaderCollapsibleInfoTrigger({question:t}){return e("div",{"data-slot":"page-header-collapsible-info-trigger",children:e(s,{asChild:true,children:n(d,{variant:"link",className:"flex gap-2 pr-0",children:[e("span",{className:"text-foreground text-sm font-medium",children:t}),e(C,{className:"h-4 w-4"})]})})})}export function PageHeaderCollapsibleInfo({question:t,answer:r,seeMore:a,href:l}){return e("div",{"data-slot":"page-header-collapsible-info",children:e(N,{children:n("div",{className:"flex w-full justify-between pt-6",children:[n("div",{className:"mt-12 flex grow flex-col gap-3 pr-6",children:[e("h2",{className:"text-foreground text-xl font-bold",children:t}),n("p",{className:"text-muted-foreground text-sm leading-relaxed font-medium",children:[r,a&&l&&n(m,{children:[" ",n("a",{target:"_blank",rel:"noopener noreferrer",href:l,className:"text-muted-foreground font-medium",children:[e("span",{className:"underline underline-offset-4",children:a}),e(v,{size:16,className:"ml-1 inline align-middle"})]})]})]})]}),e(s,{asChild:true,children:e(d,{variant:"link",className:"cursor-pointer self-start",children:e(b,{size:24,className:"text-muted-foreground"})})})]})})})}

package/dist/esm/components/pagination/index.js

@@ -1,6 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from '../ui/button/index.js';
-import { ChevronLeft, ChevronRight } from 'lucide-react';
-export const Pagination = ({ page, limit, total = 0, previousLabel, nextLabel, nextPage, previousPage }) => {
-    return (_jsxs("div", { className: "flex items-center justify-end space-x-2", children: [_jsx(Button, { variant: "outline", size: "small", onClick: previousPage, disabled: page <= 1, icon: _jsx(ChevronLeft, { size: 16 }), iconPlacement: "start", children: previousLabel }), _jsx(Button, { variant: "outline", size: "small", onClick: nextPage, disabled: total < limit, icon: _jsx(ChevronRight, { size: 16 }), iconPlacement: "end", children: nextLabel })] }));
-};
+import{jsx as e,jsxs as c}from"react/jsx-runtime";import{Button as i}from"../ui/button/index.js";import{ChevronLeft as m,ChevronRight as d}from"lucide-react";export const Pagination=({page:n,limit:s,total:t=0,previousLabel:o,nextLabel:a,nextPage:r,previousPage:l})=>{return c("div",{className:"flex items-center justify-end space-x-2",children:[e(i,{variant:"outline",size:"small",onClick:l,disabled:n<=1,icon:e(m,{size:16}),iconPlacement:"start",children:o}),e(i,{variant:"outline",size:"small",onClick:r,disabled:t<s,icon:e(d,{size:16}),iconPlacement:"end",children:a})]})};

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

@@ -1,105 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { TableCell, TableCellWrapper } from '../../components/ui/table/index.js';
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../../components/ui/tooltip/index.js';
-import { Copy } from '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)}`;
-}
-export 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 (_jsx(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: _jsxs(TableCellWrapper, { children: [_jsx(TooltipProvider, { children: _jsxs(Tooltip, { delayDuration: 300, children: [_jsx(TooltipTrigger, { children: id ? truncateMiddle(id, head, tail) : id }), _jsx(TooltipContent, { children: id })] }) }), id ? (_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: _jsx(Copy, { className: "size-3.5" }) })) : null] }) }));
-};
+import{jsx as e,jsxs as l}from"react/jsx-runtime";import{TableCell as m,TableCellWrapper as b}from"../../components/ui/table/index.js";import{Tooltip as f,TooltipContent as y,TooltipProvider as T,TooltipTrigger as g}from"../../components/ui/tooltip/index.js";import{Copy as C}from"lucide-react";const a=8;const c=4;function s(t,o){return Number.isFinite(t)?Math.max(0,Math.trunc(t)):o}function d(t,o,i){const r=s(o,a);const n=s(i,c);return t.length<=r+n+1?t:`${t.slice(0,r)}\u2026${t.slice(t.length-n)}`}export const IdTableCell=({id:t,onCopy:o,head:i=a,tail:r=c,copyLabel:n="Copy id",...p})=>{const u=async h=>{h.stopPropagation();if(!t||typeof navigator.clipboard?.writeText!=="function"){return}try{await navigator.clipboard.writeText(t);o?.(t)}catch{}};return e(m,{title:t,...p,children:l(b,{children:[e(T,{children:l(f,{delayDuration:300,children:[e(g,{children:t?d(t,i,r):t}),e(y,{children:t})]})}),t?e("button",{type:"button","aria-label":n,onClick:u,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:e(C,{className:"size-3.5"})}):null]})})};

package/dist/esm/components/table/index.js

@@ -1,3 +1 @@
-export * from './id-table-cell.js';
-export * from './locked-table-actions.js';
-export * from './name-table-cell.js';
+export*from"./id-table-cell.js";export*from"./locked-table-actions.js";export*from"./name-table-cell.js";

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

@@ -1,37 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { LockIcon } from 'lucide-react';
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../../components/ui/tooltip/index.js';
-import { cn } from '../../lib/utils.js';
-/**
- * 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.
- */
-export const LockedTableActions = ({ message, className }) => {
-    return (_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", "aria-disabled": "true", "aria-label": message, onClick: (event) => {
-                            event.preventDefault();
-                            event.stopPropagation();
-                        }, className: 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: _jsx(LockIcon, { size: 14, className: "text-muted-foreground" }) }) }), _jsx(TooltipContent, { side: "left", children: message })] }) }));
-};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{LockIcon as s}from"lucide-react";import{Tooltip as n,TooltipContent as l,TooltipProvider as c,TooltipTrigger as d}from"../../components/ui/tooltip/index.js";import{cn as a}from"../../lib/utils.js";export const LockedTableActions=({message:o,className:i})=>{return e(c,{children:t(n,{children:[e(d,{asChild:true,children:e("button",{type:"button","aria-disabled":"true","aria-label":o,onClick:r=>{r.preventDefault();r.stopPropagation()},className:a("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:e(s,{size:14,className:"text-muted-foreground"})})}),e(l,{side:"left",children:o})]})})};

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

@@ -1,54 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Search } from 'lucide-react';
-import { TableCell, TableCellWrapper, TableCellAction } from '../ui/table/index.js';
-/**
- * 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.
- */
-export 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 (_jsx(TableCell, { ...props, children: _jsxs(TableCellWrapper, { children: [opensRecord ? (_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 })) : (_jsx("p", { children: name })), _jsx(TableCellAction, { children: _jsx(Search, { className: "size-3.5" }) })] }) }));
-};
+import{jsx as r,jsxs as c}from"react/jsx-runtime";import{Search as p}from"lucide-react";import{TableCell as d,TableCellWrapper as b,TableCellAction as m}from"../ui/table/index.js";export const NameTableCell=({name:e,onClick:o,buttonLabel:s,...l})=>{const n=s?.trim()?s:void 0;const i=typeof e==="string"?e.trim():"";const t=Boolean(n)||i!=="";if(process.env.NODE_ENV!=="production"&&o&&!t){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 a=o&&t;return r(d,{...l,children:c(b,{children:[a?r("button",{type:"button",onClick:o,"aria-label":n,className:"focus-visible:ring-ring cursor-pointer rounded-sm text-left focus-visible:ring-2 focus-visible:outline-none",children:e}):r("p",{children:e}),r(m,{children:r(p,{className:"size-3.5"})})]})})};

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

@@ -1,24 +1 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as AccordionPrimitive from '@radix-ui/react-accordion';
-import { ChevronDown } from 'lucide-react';
-import { cn } from '../../../lib/utils.js';
-function Accordion({ ...props }) {
-    return _jsx(AccordionPrimitive.Root, { "data-slot": "accordion", ...props });
-}
-function AccordionItem({ className, ...props }) {
-    return (_jsx(AccordionPrimitive.Item, { "data-slot": "accordion-item", className: 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 (_jsx(AccordionPrimitive.Header, { className: "flex", children: _jsxs(AccordionPrimitive.Trigger, { "data-slot": "accordion-trigger", className: 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, _jsx(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 (_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: _jsx("div", { className: cn('pt-0 pb-4', className), children: children }) }));
-}
-export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };
+"use client";import{jsx as o,jsxs as a}from"react/jsx-runtime";import*as n from"@radix-ui/react-accordion";import{ChevronDown as s}from"lucide-react";import{cn as i}from"../../../lib/utils.js";function c({...e}){return o(n.Root,{"data-slot":"accordion",...e})}function d({className:e,...t}){return o(n.Item,{"data-slot":"accordion-item",className:i("border-b last:border-b-0",e),...t})}function l({className:e,children:t,...r}){return o(n.Header,{className:"flex",children:a(n.Trigger,{"data-slot":"accordion-trigger",className:i("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",e),...r,children:[t,o(s,{className:"text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200"})]})})}function m({className:e,children:t,...r}){return o(n.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:o("div",{className:i("pt-0 pb-4",e),children:t})})}export{c as Accordion,d as AccordionItem,l as AccordionTrigger,m as AccordionContent};

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

@@ -1,38 +1 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cva } from 'class-variance-authority';
-import { cn } from '../../../lib/utils.js';
-import { IconButton } from '../icon-button/index.js';
-import { X } from 'lucide-react';
-const alertVariants = 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 (_jsx("div", { "data-slot": "alert", role: "alert", className: cn(alertVariants({ variant }), className), ...props }));
-}
-function AlertTitle({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "alert-title", className: cn('alert-title', className), ...props }));
-}
-function AlertDescription({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "alert-description", className: cn('alert-description', className), ...props }));
-}
-function AlertActions({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "alert-actions", className: cn('alert-actions', className), ...props }));
-}
-function AlertTopAction({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "alert-top-action", className: cn('alert-top-action', className), ...props }));
-}
-function AlertClose({ className, ...props }) {
-    return (_jsx(AlertTopAction, { children: _jsx(IconButton, { className: cn('alert-close', className), variant: "outline", size: "small", rounded: true, ...props, children: _jsx(X, {}) }) }));
-}
-export { Alert, AlertTitle, AlertDescription, AlertActions, AlertTopAction, AlertClose };
+import{jsx as a}from"react/jsx-runtime";import{cva as n}from"class-variance-authority";import{cn as e}from"../../../lib/utils.js";import{IconButton as s}from"../icon-button/index.js";import{X as o}from"lucide-react";const c=n("alert",{variants:{variant:{default:"",informative:"alert-informative",destructive:"alert-destructive",warning:"alert-warning",success:"alert-success"}},defaultVariants:{variant:"default"}});function u({className:r,variant:t,...l}){return a("div",{"data-slot":"alert",role:t==="destructive"?"alert":"status",className:e(c({variant:t}),r),...l})}function d({className:r,...t}){return a("div",{"data-slot":"alert-title",className:e("alert-title",r),...t})}function m({className:r,...t}){return a("div",{"data-slot":"alert-description",className:e("alert-description",r),...t})}function f({className:r,...t}){return a("div",{"data-slot":"alert-actions",className:e("alert-actions",r),...t})}function i({className:r,...t}){return a("div",{"data-slot":"alert-top-action",className:e("alert-top-action",r),...t})}function v({className:r,...t}){return a(i,{children:a(s,{className:e("alert-close",r),variant:"outline",size:"small",rounded:true,...t,children:a(o,{})})})}export{u as Alert,d as AlertTitle,m as AlertDescription,f as AlertActions,i as AlertTopAction,v as AlertClose};

package/dist/esm/components/ui/alert-dialog/index.js

@@ -1,39 +1 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
-import { buttonVariants } from '../../../components/ui/button/index.js';
-import { cn } from '../../../lib/utils.js';
-function AlertDialog({ ...props }) {
-    return _jsx(AlertDialogPrimitive.Root, { "data-slot": "alert-dialog", ...props });
-}
-function AlertDialogTrigger({ ...props }) {
-    return (_jsx(AlertDialogPrimitive.Trigger, { "data-slot": "alert-dialog-trigger", ...props }));
-}
-function AlertDialogPortal({ ...props }) {
-    return (_jsx(AlertDialogPrimitive.Portal, { "data-slot": "alert-dialog-portal", ...props }));
-}
-function AlertDialogOverlay({ className, ...props }) {
-    return (_jsx(AlertDialogPrimitive.Overlay, { "data-slot": "alert-dialog-overlay", className: cn('dialog-overlay', className), ...props }));
-}
-function AlertDialogContent({ className, container, forceMount, ...props }) {
-    return (_jsxs(AlertDialogPortal, { container: container, forceMount: forceMount, children: [_jsx(AlertDialogOverlay, { forceMount: forceMount }), _jsx(AlertDialogPrimitive.Content, { "data-slot": "alert-dialog-content", className: cn('dialog-content', className), forceMount: forceMount, ...props })] }));
-}
-function AlertDialogHeader({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "alert-dialog-header", className: cn('dialog-header', className), ...props }));
-}
-function AlertDialogFooter({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "alert-dialog-footer", className: cn('dialog-footer', className), ...props }));
-}
-function AlertDialogTitle({ className, ...props }) {
-    return (_jsx(AlertDialogPrimitive.Title, { "data-slot": "alert-dialog-title", className: cn('dialog-title', className), ...props }));
-}
-function AlertDialogDescription({ className, ...props }) {
-    return (_jsx(AlertDialogPrimitive.Description, { "data-slot": "alert-dialog-description", className: cn('dialog-description', className), ...props }));
-}
-function AlertDialogAction({ className, variant = 'default', ...props }) {
-    return (_jsx(AlertDialogPrimitive.Action, { "data-slot": "alert-dialog-action", className: cn(buttonVariants({ variant }), className), ...props }));
-}
-function AlertDialogCancel({ className, variant = 'outline', ...props }) {
-    return (_jsx(AlertDialogPrimitive.Cancel, { "data-slot": "alert-dialog-cancel", className: cn(buttonVariants({ variant }), className), ...props }));
-}
-export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel };
+"use client";import{jsx as l,jsxs as d}from"react/jsx-runtime";import*as o from"@radix-ui/react-alert-dialog";import{buttonVariants as i}from"../../../components/ui/button/index.js";import{cn as e}from"../../../lib/utils.js";function g({...t}){return l(o.Root,{"data-slot":"alert-dialog",...t})}function u({...t}){return l(o.Trigger,{"data-slot":"alert-dialog-trigger",...t})}function n({...t}){return l(o.Portal,{"data-slot":"alert-dialog-portal",...t})}function s({className:t,...a}){return l(o.Overlay,{"data-slot":"alert-dialog-overlay",className:e("dialog-overlay",t),...a})}function f({className:t,container:a,forceMount:r,...c}){return d(n,{container:a,forceMount:r,children:[l(s,{forceMount:r}),l(o.Content,{"data-slot":"alert-dialog-content",className:e("dialog-content",t),forceMount:r,...c})]})}function m({className:t,...a}){return l("div",{"data-slot":"alert-dialog-header",className:e("dialog-header",t),...a})}function A({className:t,...a}){return l("div",{"data-slot":"alert-dialog-footer",className:e("dialog-footer",t),...a})}function D({className:t,...a}){return l(o.Title,{"data-slot":"alert-dialog-title",className:e("dialog-title",t),...a})}function p({className:t,...a}){return l(o.Description,{"data-slot":"alert-dialog-description",className:e("dialog-description",t),...a})}function N({className:t,variant:a="default",...r}){return l(o.Action,{"data-slot":"alert-dialog-action",className:e(i({variant:a}),t),...r})}function v({className:t,variant:a="outline",...r}){return l(o.Cancel,{"data-slot":"alert-dialog-cancel",className:e(i({variant:a}),t),...r})}export{g as AlertDialog,n as AlertDialogPortal,s as AlertDialogOverlay,u as AlertDialogTrigger,f as AlertDialogContent,m as AlertDialogHeader,A as AlertDialogFooter,D as AlertDialogTitle,p as AlertDialogDescription,N as AlertDialogAction,v as AlertDialogCancel};