@nadicodeai/ui 12.1.165 → 12.1.167

package/dist/components/site-menu.js

@@ -0,0 +1,23 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Menu } from "lucide-react";
+import { Button } from "./button.js";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, } from "./dropdown-menu.js";
+/**
+ * The public site's masthead menu below the large breakpoint.
+ *
+ * @family Menus
+ * @when The website's masthead below the large breakpoint, where the bar has no room for its section
+ * links, the Portal sign-in and the page's action.
+ * @instead A product's account is `AccountMenu`; a record's or a page's commands are `ActionMenu` or
+ * `PageActions`' menu.
+ * @behaviour The package's dropdown menu at the floating height, opened by the outline icon button
+ * with Lucide's `Menu`, so the trigger keeps the control geometry and the 44 px target on touch. It
+ * holds the same section links the bar shows on a wide page; below `md` a divider, then the sign-in,
+ * and below `sm` the page's action, where the bar hides each of them.
+ * @words The trigger's `label` names the menu ("Menu"); each link keeps the words the bar shows.
+ * @access The trigger is a button named by `label`; each row is a menu item that is a link.
+ */
+export function SiteMenu({ label, links, signInHref, signInLabel, invitation, }) {
+    return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { render: _jsx(Button, { "aria-label": label, size: "icon", variant: "outline", children: _jsx(Menu, { "aria-hidden": "true" }) }) }), _jsxs(DropdownMenuContent, { align: "end", children: [links.map((link) => (_jsx(DropdownMenuItem, { render: _jsx("a", { href: link.href }), children: link.label }, link.href))), _jsx(DropdownMenuSeparator, { className: "md:hidden" }), _jsx(DropdownMenuItem, { className: "md:hidden", render: _jsx("a", { href: signInHref }), children: signInLabel }), _jsx(DropdownMenuItem, { className: "sm:hidden", render: _jsx("a", { href: invitation.href }), children: invitation.label })] })] }));
+}

package/dist/components/slider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../src/components/slider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAKlE,MAAM,MAAM,YAAY,GAAG,SAAS,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAEzE,MAAM,MAAM,WAAW,CAAC,MAAM,SAAS,YAAY,GAAG,SAAS,CAAC,MAAM,CAAC,IAAI,IAAI,CAC7E,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,MAAM,EAAE,CAAC,EAC3C,YAAY,GACZ,iBAAiB,GACjB,UAAU,GACV,cAAc,GACd,KAAK,GACL,KAAK,GACL,eAAe,GACf,kBAAkB,GAClB,aAAa,GACb,QAAQ,GACR,MAAM,GACN,gBAAgB,GAChB,OAAO,CACV,GAAG;IACF,sEAAsE;IACtE,GAAG,EAAE,MAAM,CAAC;IACZ,4CAA4C;IAC5C,GAAG,EAAE,MAAM,CAAC;IACZ,6EAA6E;IAC7E,IAAI,EAAE,MAAM,CAAC;IACb,kFAAkF;IAClF,KAAK,EAAE,MAAM,CAAC;IACd,2EAA2E;IAC3E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,uFAAuF;IACvF,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,4FAA4F;IAC5F,cAAc,CAAC,EAAE,MAAM,SAAS,SAAS,CAAC,MAAM,CAAC,GAAG,KAAK,GAAG,OAAO,CAAC;IACpE,sDAAsD;IACtD,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAwDF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,iBAAS,MAAM,CAAC,MAAM,SAAS,YAAY,GAAG,SAAS,CAAC,MAAM,CAAC,EAAE,EAC/D,KAAK,EACL,KAAK,EACL,YAAY,EACZ,aAAa,EACb,gBAAgB,EAChB,cAAc,EACd,YAAY,EACZ,SAAS,EACT,GAAG,EACH,GAAG,EACH,IAAI,EACJ,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,CAAC,MAAM,CAAC,qBAkFrB;AAED,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../src/components/slider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAKlE,MAAM,MAAM,YAAY,GAAG,SAAS,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAEzE,MAAM,MAAM,WAAW,CAAC,MAAM,SAAS,YAAY,GAAG,SAAS,CAAC,MAAM,CAAC,IAAI,IAAI,CAC7E,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,MAAM,EAAE,CAAC,EAC3C,YAAY,GACZ,iBAAiB,GACjB,UAAU,GACV,cAAc,GACd,KAAK,GACL,KAAK,GACL,eAAe,GACf,kBAAkB,GAClB,aAAa,GACb,QAAQ,GACR,MAAM,GACN,gBAAgB,GAChB,OAAO,CACV,GAAG;IACF,sEAAsE;IACtE,GAAG,EAAE,MAAM,CAAC;IACZ,4CAA4C;IAC5C,GAAG,EAAE,MAAM,CAAC;IACZ,6EAA6E;IAC7E,IAAI,EAAE,MAAM,CAAC;IACb,kFAAkF;IAClF,KAAK,EAAE,MAAM,CAAC;IACd,2EAA2E;IAC3E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,uFAAuF;IACvF,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,4FAA4F;IAC5F,cAAc,CAAC,EAAE,MAAM,SAAS,SAAS,CAAC,MAAM,CAAC,GAAG,KAAK,GAAG,OAAO,CAAC;IACpE,sDAAsD;IACtD,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAwDF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,iBAAS,MAAM,CAAC,MAAM,SAAS,YAAY,GAAG,SAAS,CAAC,MAAM,CAAC,EAAE,EAC/D,KAAK,EACL,KAAK,EACL,YAAY,EACZ,aAAa,EACb,gBAAgB,EAChB,cAAc,EACd,YAAY,EACZ,SAAS,EACT,GAAG,EACH,GAAG,EACH,IAAI,EACJ,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,CAAC,MAAM,CAAC,qBAmFrB;AAED,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/slider.js

@@ -64,6 +64,7 @@ function Slider({ label, value, defaultValue, onValueChange, onValueCommitted, s
     const values = value ?? internal;
     const last = values.length - 1;
     // SAFETY: Base UI returns one number per thumb, so a change keeps the length of the values it was given.
+    // oxlint-disable-next-line typescript/no-unsafe-type-assertion -- Values is a fixed-length tuple TypeScript cannot check a Base UI number[] against; Base UI returns one number per thumb.
     const asValues = (next) => next;
     const change = (next) => {
         setInternal(next);
@@ -76,6 +77,6 @@ function Slider({ label, value, defaultValue, onValueChange, onValueCommitted, s
             change(next);
             commit(next);
         }, step: step, upper: index < last ? (values[index + 1] ?? max) : max, value: values[index] ?? min }));
-    return (_jsxs(SliderPrimitive.Root, { className: cn("grid w-full gap-2 data-disabled:cursor-not-allowed", className), "data-slot": "slider", disabled: disabled, max: max, min: min, onValueChange: change, onValueCommitted: commit, step: step, thumbAlignment: "edge", value: values, ...props, children: [_jsxs("div", { className: "flex items-baseline justify-between gap-3", children: [_jsx(SliderPrimitive.Label, { className: "text-label-sm text-muted-foreground", children: label }), _jsx(SliderPrimitive.Value, { className: "text-label-sm text-muted-foreground tabular-nums" })] }), _jsxs("div", { className: "flex items-center gap-3", children: [showStartInput ? input(0) : null, _jsxs(SliderPrimitive.Control, { className: "relative flex w-full flex-1 touch-none items-center select-none", children: [_jsx(SliderPrimitive.Track, { "data-slot": "slider-track", className: "relative h-2 w-full grow overflow-hidden rounded-full bg-border select-none", children: _jsx(SliderPrimitive.Indicator, { "data-slot": "slider-range", className: "h-full bg-info select-none data-disabled:bg-muted-foreground/30" }) }), values.map((_, index) => (_jsx(SliderPrimitive.Thumb, { "data-slot": "slider-thumb", getAriaLabel: thumbName, getAriaValueText: (formatted) => formatted, index: index, className: "relative block h-3.5 w-1.5 shrink-0 rounded-xs border border-input bg-background nc-transition-transform select-none after:absolute after:top-1/2 after:left-1/2 after:size-touch-target after:-translate-x-1/2 after:-translate-y-1/2 data-disabled:pointer-events-none data-dragging:has-focus:scale-120 has-focus-visible:scale-120 has-focus-visible:nc-focus-outline has-focus-visible:outline-ring [@media(hover:hover)_and_(pointer:fine)]:after:hidden" }, index)))] }), showEndInput ? input(last) : null] })] }));
+    return (_jsxs(SliderPrimitive.Root, { className: cn("grid w-full gap-2 data-disabled:cursor-not-allowed", className), "data-slot": "slider", disabled: disabled, max: max, min: min, onValueChange: change, onValueCommitted: commit, step: step, thumbAlignment: "edge", value: values, ...props, children: [_jsxs("div", { className: "flex items-baseline justify-between gap-3", children: [_jsx(SliderPrimitive.Label, { className: "text-label-sm text-muted-foreground", children: label }), _jsx(SliderPrimitive.Value, { className: "text-label-sm text-muted-foreground tabular-nums" })] }), _jsxs("div", { className: "flex items-center gap-3", children: [showStartInput ? input(0) : null, _jsxs(SliderPrimitive.Control, { className: "relative flex w-full flex-1 touch-none items-center select-none", children: [_jsx(SliderPrimitive.Track, { "data-slot": "slider-track", className: "relative h-2 w-full grow overflow-hidden rounded-full bg-border select-none", children: _jsx(SliderPrimitive.Indicator, { "data-slot": "slider-range", className: "h-full bg-info select-none data-disabled:bg-muted-foreground/30" }) }), values.map((_, index) => (_jsx(SliderPrimitive.Thumb, { "data-slot": "slider-thumb", getAriaLabel: thumbName, getAriaValueText: (formatted) => formatted, index: index, className: "relative block h-3.5 w-1.5 shrink-0 rounded-xs border border-input bg-background nc-transition-transform select-none after:absolute after:top-1/2 after:left-1/2 after:size-touch-target after:-translate-1/2  data-disabled:pointer-events-none data-dragging:has-focus:scale-120 has-focus-visible:scale-120 has-focus-visible:nc-focus-outline has-focus-visible:outline-ring [@media(hover:hover)_and_(pointer:fine)]:after:hidden" }, index)))] }), showEndInput ? input(last) : null] })] }));
 }
 export { Slider };

package/dist/components/snippet.d.ts

@@ -31,6 +31,8 @@ type SnippetProps = SnippetContent & {
  * @instead Ours: a value that is not a command (an identifier, a URL, a checksum) is `TextWithCopyButton`. A
  * script someone reads before running is a `CodeBlock`. A token inside a sentence is inline code.
  * @behaviour “Pass the command as `text`. Authors never type a leading `$`; the component renders the prompt, so `text="$ vercel deploy"` displays as `$ $ vercel deploy`.” (https://vercel.com/geist/snippet)
+ * Ours: a leading `$ `, a lone `$` or a leading `> ` typed into a string line is dropped while the
+ * prompt is on, so the prompt shows once and is never copied.
  * “Set `prompt={false}` for non-shell content (URLs, JSON, output you want copied verbatim) so the rendered string matches what gets copied.” (https://vercel.com/geist/snippet)
  * “Keep one command per Snippet. Pass an array to `text` for a short multi-line block; for longer scripts, switch to `CodeBlock` so users can read before they copy.” (https://vercel.com/geist/snippet)
  * “Use `copyText` only when `text` contains rich nodes (`<span>` highlights, conditional fragments) and the clipboard payload should be plain text. For a string `text`, `copyText` is redundant.” (https://vercel.com/geist/snippet)

package/dist/components/snippet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"snippet.d.ts","sourceRoot":"","sources":["../../src/components/snippet.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAG5E,KAAK,cAAc,GACf;IACE,IAAI,EAAE,MAAM,GAAG,SAAS,MAAM,EAAE,CAAC;IACjC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB,GACD;IACE,IAAI,EAAE,YAAY,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB,GACD;IACE,IAAI,EAAE,EAAE,CAAC;IACT,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEN,KAAK,cAAc,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,aAAa,CAAC;AAElF,KAAK,YAAY,GAAG,cAAc,GAAG;IACnC,OAAO,CAAC,EAAE,cAAc,GAAG,SAAS,CAAC;IACrC,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B,MAAM,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC,GAAG,IAAI,CAAC,eAAe,EAAE,WAAW,GAAG,aAAa,GAAG,iBAAiB,CAAC,CAAC;AAuB3E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,iBAAS,OAAO,CAAC,KAAK,EAAE,YAAY,+BA8DnC;AAED,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,CAAC"}
+{"version":3,"file":"snippet.d.ts","sourceRoot":"","sources":["../../src/components/snippet.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAG5E,KAAK,cAAc,GACf;IACE,IAAI,EAAE,MAAM,GAAG,SAAS,MAAM,EAAE,CAAC;IACjC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB,GACD;IACE,IAAI,EAAE,YAAY,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB,GACD;IACE,IAAI,EAAE,EAAE,CAAC;IACT,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEN,KAAK,cAAc,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,aAAa,CAAC;AAElF,KAAK,YAAY,GAAG,cAAc,GAAG;IACnC,OAAO,CAAC,EAAE,cAAc,GAAG,SAAS,CAAC;IACrC,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B,MAAM,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC,GAAG,IAAI,CAAC,eAAe,EAAE,WAAW,GAAG,aAAa,GAAG,iBAAiB,CAAC,CAAC;AAiC3E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,iBAAS,OAAO,CAAC,KAAK,EAAE,YAAY,+BA8DnC;AAED,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,CAAC"}

package/dist/components/snippet.js

@@ -10,15 +10,20 @@ const SHELL = {
     destructive: "border-destructive/30 bg-destructive-soft text-destructive-soft-foreground",
 };
 const COPY_KEEPS_SHELL_COLOUR = "[&_[data-slot=button]]:hover:bg-transparent [&_[data-slot=button]]:hover:text-inherit [&_[data-slot=button]]:active:bg-transparent [&_[data-slot=button]]:active:text-inherit";
-function copiedValue(content) {
+const TYPED_PROMPT = /^(?:\$(?: |$)|> )/;
+function commandLines(content, prompt) {
+    const lines = [content.text].flat();
+    return prompt ? lines.map((line) => line.replace(TYPED_PROMPT, "")) : lines;
+}
+function copiedValue(content, prompt) {
     if (content.copyText !== undefined)
         return content.copyText;
-    return [content.text].flat().join("\n");
+    return commandLines(content, prompt).join("\n");
 }
-function linesOf(content) {
+function linesOf(content, prompt) {
     if (content.copyText !== undefined)
         return [content.text];
-    return [content.text].flat();
+    return commandLines(content, prompt);
 }
 /**
  * One command a person copies and runs in a terminal.
@@ -30,6 +35,8 @@ function linesOf(content) {
  * @instead Ours: a value that is not a command (an identifier, a URL, a checksum) is `TextWithCopyButton`. A
  * script someone reads before running is a `CodeBlock`. A token inside a sentence is inline code.
  * @behaviour “Pass the command as `text`. Authors never type a leading `$`; the component renders the prompt, so `text="$ vercel deploy"` displays as `$ $ vercel deploy`.” (https://vercel.com/geist/snippet)
+ * Ours: a leading `$ `, a lone `$` or a leading `> ` typed into a string line is dropped while the
+ * prompt is on, so the prompt shows once and is never copied.
  * “Set `prompt={false}` for non-shell content (URLs, JSON, output you want copied verbatim) so the rendered string matches what gets copied.” (https://vercel.com/geist/snippet)
  * “Keep one command per Snippet. Pass an array to `text` for a short multi-line block; for longer scripts, switch to `CodeBlock` so users can read before they copy.” (https://vercel.com/geist/snippet)
  * “Use `copyText` only when `text` contains rich nodes (`<span>` highlights, conditional fragments) and the clipboard payload should be plain text. For a string `text`, `copyText` is redundant.” (https://vercel.com/geist/snippet)
@@ -55,8 +62,8 @@ function linesOf(content) {
  */
 function Snippet(props) {
     const { className, copied, copiedLabel, copyFailedLabel, copyLabel, onCopy, prompt = true, variant = "default", } = props;
-    const value = copiedValue(props);
+    const value = copiedValue(props, prompt);
     const empty = props.placeholder !== undefined;
-    return (_jsxs("div", { "data-slot": "snippet", "data-variant": variant, className: cn("relative flex w-fit max-w-full min-w-0 flex-col rounded-sm border py-2.5 pl-3 font-label-mono-md text-label-mono-md", empty ? "pr-3" : "pr-12", SHELL[variant], className), children: [_jsx("div", { className: "min-w-0 overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", children: empty ? (_jsx("span", { className: variant === "default" ? "text-placeholder" : "opacity-70", children: props.placeholder })) : (linesOf(props).map((line, index) => (_jsxs("div", { className: "flex gap-2 whitespace-pre", children: [prompt ? (_jsx("span", { "aria-hidden": "true", className: "select-none", children: "$" })) : null, _jsx("span", { children: line })] }, index)))) }), empty ? null : (_jsx("div", { className: cn("nc-transition-opacity absolute top-1/2 right-1 -translate-y-1/2 rounded-sm hover:opacity-80 hover:ring-1 hover:ring-border", COPY_KEEPS_SHELL_COLOUR), children: _jsx(CopyButton, { value: value, copyLabel: copyLabel, copiedLabel: copiedLabel, copyFailedLabel: copyFailedLabel, copied: copied, onCopy: onCopy, size: "icon-sm" }) }))] }));
+    return (_jsxs("div", { "data-slot": "snippet", "data-variant": variant, className: cn("relative flex w-fit max-w-full min-w-0 flex-col rounded-sm border py-2.5 pl-3 font-label-mono-md text-label-mono-md", empty ? "pr-3" : "pr-12", SHELL[variant], className), children: [_jsx("div", { className: "min-w-0 overflow-x-auto scrollbar-none [&::-webkit-scrollbar]:hidden", children: empty ? (_jsx("span", { className: variant === "default" ? "text-placeholder" : "opacity-70", children: props.placeholder })) : (linesOf(props, prompt).map((line, index) => (_jsxs("div", { className: "flex gap-2 whitespace-pre", children: [prompt ? (_jsx("span", { "aria-hidden": "true", className: "select-none", children: "$" })) : null, _jsx("span", { children: line })] }, index)))) }), empty ? null : (_jsx("div", { className: cn("nc-transition-opacity absolute top-1/2 right-1 -translate-y-1/2 rounded-sm hover:opacity-80 hover:ring-1 hover:ring-border", COPY_KEEPS_SHELL_COLOUR), children: _jsx(CopyButton, { value: value, copyLabel: copyLabel, copiedLabel: copiedLabel, copyFailedLabel: copyFailedLabel, copied: copied, onCopy: onCopy, size: "icon-sm" }) }))] }));
 }
 export { Snippet };

package/dist/components/sonner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sonner.d.ts","sourceRoot":"","sources":["../../src/components/sonner.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAqB,KAAK,YAAY,EAAE,MAAM,QAAQ,CAAC;AAQ9D,KAAK,aAAa,GAAG;IACnB,qDAAqD;IACrD,UAAU,EAAE,MAAM,CAAC;IACnB,gFAAgF;IAChF,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,KAAK,eAAe,GAAG,IAAI,CACzB,YAAY,EACZ,aAAa,GAAG,oBAAoB,GAAG,UAAU,GAAG,OAAO,GAAG,cAAc,CAC7E,CAAC;AAEF;;;;;;;;;GASG;AACH,QAAA,MAAM,OAAO,GAAI,uCAAuC,eAAe,GAAG,aAAa,gCAgDtF,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,CAAC"}
+{"version":3,"file":"sonner.d.ts","sourceRoot":"","sources":["../../src/components/sonner.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAqB,KAAK,YAAY,EAAE,MAAM,QAAQ,CAAC;AAS9D,KAAK,aAAa,GAAG;IACnB,qDAAqD;IACrD,UAAU,EAAE,MAAM,CAAC;IACnB,gFAAgF;IAChF,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,KAAK,eAAe,GAAG,IAAI,CACzB,YAAY,EACZ,aAAa,GAAG,oBAAoB,GAAG,UAAU,GAAG,OAAO,GAAG,cAAc,CAC7E,CAAC;AAEF;;;;;;;;;GASG;AACH,QAAA,MAAM,OAAO,GAAI,uCAAuC,eAAe,GAAG,aAAa,gCA6CtF,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/sonner.js

@@ -4,6 +4,7 @@ import { useTheme } from "next-themes";
 import { Toaster as Sonner } from "sonner";
 import { CircleCheckIcon, InfoIcon, OctagonXIcon, TriangleAlertIcon, XIcon } from "lucide-react";
 import { WaitingLine } from "./waiting-line.js";
+import { cssVariables } from "../lib/css-variables.js";
 import { isThemeMode } from "../lib/theme-mode.js";
 const TOAST_DURATION_MS = 6000;
 /**
@@ -27,15 +28,13 @@ const Toaster = ({ closeLabel, regionLabel, ...props }) => {
             // A toast that stays up is already past a second, so its mark is the
             // one waiting line rather than a spinning glyph.
             loading: _jsx(WaitingLine, { className: "w-8", decorative: true, waiting: true }),
-        }, 
-        // SAFETY: CSSProperties lists only standard properties; React sets each `--` custom property key here through style.setProperty.
-        style: {
+        }, style: cssVariables({
             "--normal-bg": "var(--nc-material-floating)",
             "--normal-text": "var(--popover-foreground)",
             "--normal-border": "transparent",
             "--border-radius": "var(--radius-lg)",
             "--width": "420px",
-        }, toastOptions: {
+        }), toastOptions: {
             closeButtonAriaLabel: closeLabel,
             classNames: {
                 toast: "nc-toast nc-elevation-floating min-h-16 pr-16! text-body-sm!",

package/dist/components/status-badge.d.ts

@@ -1,7 +1,7 @@
 import type { ComponentProps } from "react";
 type StatusBadgeTone = "success" | "warning" | "danger" | "info" | "neutral";
 type StatusBadgeSize = "sm" | "md" | "lg";
-type StatusBadgeProps = Omit<ComponentProps<"span">, "children" | "onClick"> & {
+type StatusBadgeProps = Omit<ComponentProps<"span">, "children" | "onClick" | "tabIndex" | "role" | "aria-pressed" | "onKeyDown" | "onKeyUp"> & {
     tone: StatusBadgeTone;
     label: string;
     size?: StatusBadgeSize;

package/dist/components/status-badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"status-badge.d.ts","sourceRoot":"","sources":["../../src/components/status-badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAS5C,KAAK,eAAe,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;AAE7E,KAAK,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAsD1C,KAAK,gBAAgB,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC,GAAG;IAC7E,IAAI,EAAE,eAAe,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,2EAA2E;IAC3E,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,iBAAS,WAAW,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,IAAW,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,+BA4B9F;AAED,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,KAAK,eAAe,EAAE,CAAC"}
+{"version":3,"file":"status-badge.d.ts","sourceRoot":"","sources":["../../src/components/status-badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAS5C,KAAK,eAAe,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;AAE7E,KAAK,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAsD1C,KAAK,gBAAgB,GAAG,IAAI,CAC1B,cAAc,CAAC,MAAM,CAAC,EACtB,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,GAAG,cAAc,GAAG,WAAW,GAAG,SAAS,CACxF,GAAG;IACF,IAAI,EAAE,eAAe,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,2EAA2E;IAC3E,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,iBAAS,WAAW,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,IAAW,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,+BA4B9F;AAED,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,KAAK,eAAe,EAAE,CAAC"}

package/dist/components/switch.js

@@ -48,6 +48,6 @@ import { cn } from "../lib/utils.js";
  * both states; a missing name does not compile.
  */
 function Switch({ className, size = "sm", ...props }) {
-    return (_jsx(SwitchPrimitive.Root, { "data-slot": "switch", "data-nc-ui": "", "data-size": size, className: cn("nc-transition-paint peer group/switch relative inline-flex shrink-0 items-start rounded-full border border-transparent p-0 after:absolute after:top-1/2 after:left-1/2 after:size-touch-target after:-translate-x-1/2 after:-translate-y-1/2 aria-invalid:border-destructive data-[size=sm]:h-3.5 data-[size=sm]:w-7 data-[size=md]:h-5 data-[size=md]:w-9 data-[size=lg]:h-6 data-[size=lg]:w-10 data-checked:bg-primary data-unchecked:bg-input data-disabled:cursor-not-allowed data-disabled:data-checked:bg-input/50 [@media(hover:hover)_and_(pointer:fine)]:after:hidden", className), ...props, children: _jsx(SwitchPrimitive.Thumb, { "data-slot": "switch-thumb", "data-nc-ui": "", className: "pointer-events-none mt-px block rounded-full bg-primary-foreground ring-0 nc-transition-transform not-data-disabled:nc-elevation-resting group-data-[size=sm]/switch:ml-px group-data-[size=sm]/switch:size-2.75 group-data-[size=md]/switch:size-4.25 group-data-[size=lg]/switch:ml-px group-data-[size=lg]/switch:size-5.25 group-data-[size=sm]/switch:data-checked:translate-x-3.5 group-data-[size=md]/switch:data-checked:translate-x-4.25 group-data-[size=lg]/switch:data-checked:translate-x-4 data-disabled:bg-muted data-unchecked:translate-x-0" }) }));
+    return (_jsx(SwitchPrimitive.Root, { "data-slot": "switch", "data-nc-ui": "", "data-size": size, className: cn("nc-transition-paint peer group/switch relative inline-flex shrink-0 items-start rounded-full border border-transparent p-0 after:absolute after:top-1/2 after:left-1/2 after:size-touch-target after:-translate-1/2  aria-invalid:border-destructive data-[size=sm]:h-3.5 data-[size=sm]:w-7 data-[size=md]:h-5 data-[size=md]:w-9 data-[size=lg]:h-6 data-[size=lg]:w-10 data-checked:bg-primary data-unchecked:bg-input data-disabled:cursor-not-allowed data-disabled:data-checked:bg-input/50 [@media(hover:hover)_and_(pointer:fine)]:after:hidden", className), ...props, children: _jsx(SwitchPrimitive.Thumb, { "data-slot": "switch-thumb", "data-nc-ui": "", className: "pointer-events-none mt-px block rounded-full bg-primary-foreground ring-0 nc-transition-transform not-data-disabled:nc-elevation-resting group-data-[size=sm]/switch:ml-px group-data-[size=sm]/switch:size-2.75 group-data-[size=md]/switch:size-4.25 group-data-[size=lg]/switch:ml-px group-data-[size=lg]/switch:size-5.25 group-data-[size=sm]/switch:data-checked:translate-x-3.5 group-data-[size=md]/switch:data-checked:translate-x-4.25 group-data-[size=lg]/switch:data-checked:translate-x-4 data-disabled:bg-muted data-unchecked:translate-x-0" }) }));
 }
 export { Switch };

package/dist/components/table-card.js

@@ -30,7 +30,7 @@ import { Separator } from "./separator.js";
  * @access A `section` whose title is an `h2`; the summary is a `dl`.
  */
 function TableCard({ title, description, actions, toolbar, summary, footer, footerHint, note, children, className, surface = "resting", ...props }) {
-    const heading = title || description || actions;
+    const heading = Boolean(title) || Boolean(description) || Boolean(actions);
     return (_jsxs(Card, { render: _jsx("section", { ...props, "data-slot": "table-card" }), surface: surface, className: cn("min-w-0 gap-0 py-0", className), children: [(heading || toolbar) && (_jsxs(_Fragment, { children: [_jsxs(CardHeader, { className: "py-(--card-spacing)", children: [title && (_jsx(CardTitle, { children: _jsx("h2", { children: title }) })), description && _jsx(CardDescription, { children: description }), actions || toolbar ? (_jsxs(CardAction, { className: cn("flex min-w-0 items-center gap-2", toolbar &&
                                     "@max-xl/card-header:col-span-2 @max-xl/card-header:col-start-1 @max-xl/card-header:row-span-1 @max-xl/card-header:row-start-auto @max-xl/card-header:justify-self-stretch"), children: [actions, toolbar ? (_jsx("div", { "data-slot": "table-card-toolbar", className: "min-w-0 flex-1", children: toolbar })) : null] })) : null] }), _jsx(Separator, {})] })), _jsx("div", { "data-slot": "table-card-body", className: "min-w-0 [&_[data-slot=table-cell]:first-child]:pl-(--card-spacing) [&_[data-slot=table-cell]:last-child]:pr-(--card-spacing) [&_[data-slot=table-head]:first-child]:pl-(--card-spacing) [&_[data-slot=table-head]:last-child]:pr-(--card-spacing)", children: children }), summary && (_jsxs("dl", { "data-slot": "table-card-summary", className: "flex min-w-0 items-start justify-between gap-4 border-t border-border px-(--card-spacing) py-2.5 text-sm font-medium", children: [_jsx("dt", { children: summary.label }), _jsx("dd", { className: "text-right tabular-nums", children: summary.value })] })), _jsx(FooterStrip, { hint: footerHint, hintSlot: "table-card-hint", children: footer }), note ? _jsx(CollectionNoteStrip, { note: note }) : null] }));
 }

package/dist/components/table-layouts.d.ts

@@ -1,13 +1,4 @@
 export declare const tableCompactLayouts: {
-    /** Only by request: a row that must stay one line on any card wider than a phone's. */
-    readonly narrow: {
-        readonly width: 448;
-        readonly column: "hidden @md/table:table-cell";
-        readonly track: "hidden @md/table:table-column";
-        readonly row: "@max-md/table:[&>td]:border-b-0 @max-md/table:[&>td]:after:hidden @max-md/table:h-auto! @max-md/table:[&>td]:pb-1!";
-        readonly details: "@md/table:hidden";
-        readonly table: "@max-md/table:table-auto @max-md/table:[&_[data-slot=record-identity-detail]:has([data-slot=table-detail-line])]:whitespace-normal @max-md/table:[&_[data-slot=record-identity-detail]:has([data-slot=table-detail-line])]:break-words @max-md/table:[&_td]:whitespace-normal @max-md/table:[&_th:not(:first-child):not([data-identity])]:w-px @max-md/table:[&_tr:not([data-slot=table-detail-row])>td:not(:first-child)]:pl-0 @max-md/table:[&_tr:not([data-slot=table-detail-row])>td:not(:first-child):not(:last-child)]:pr-0";
-    };
     readonly tight: {
         readonly width: 576;
         readonly column: "hidden @xl/table:table-cell";
@@ -48,6 +39,30 @@ export declare const tableCompactLayouts: {
         readonly details: "@6xl/table:hidden";
         readonly table: "@max-6xl/table:table-auto @max-6xl/table:[&_[data-slot=record-identity-detail]:has([data-slot=table-detail-line])]:whitespace-normal @max-6xl/table:[&_[data-slot=record-identity-detail]:has([data-slot=table-detail-line])]:break-words @max-6xl/table:[&_td]:whitespace-normal @max-6xl/table:[&_th:not(:first-child):not([data-identity])]:w-px";
     };
+    readonly broad: {
+        readonly width: 1280;
+        readonly column: "hidden @7xl/table:table-cell";
+        readonly track: "hidden @7xl/table:table-column";
+        readonly row: "@max-7xl/table:[&>td]:border-b-0 @max-7xl/table:[&>td]:after:hidden @max-7xl/table:h-auto! @max-7xl/table:[&>td]:pb-1!";
+        readonly details: "@7xl/table:hidden";
+        readonly table: "@max-7xl/table:table-auto @max-7xl/table:[&_[data-slot=record-identity-detail]:has([data-slot=table-detail-line])]:whitespace-normal @max-7xl/table:[&_[data-slot=record-identity-detail]:has([data-slot=table-detail-line])]:break-words @max-7xl/table:[&_td]:whitespace-normal @max-7xl/table:[&_th:not(:first-child):not([data-identity])]:w-px";
+    };
+    readonly vast: {
+        readonly width: 1536;
+        readonly column: "hidden @min-[96rem]/table:table-cell";
+        readonly track: "hidden @min-[96rem]/table:table-column";
+        readonly row: "@max-[96rem]/table:[&>td]:border-b-0 @max-[96rem]/table:[&>td]:after:hidden @max-[96rem]/table:h-auto! @max-[96rem]/table:[&>td]:pb-1!";
+        readonly details: "@min-[96rem]/table:hidden";
+        readonly table: "@max-[96rem]/table:table-auto @max-[96rem]/table:[&_[data-slot=record-identity-detail]:has([data-slot=table-detail-line])]:whitespace-normal @max-[96rem]/table:[&_[data-slot=record-identity-detail]:has([data-slot=table-detail-line])]:break-words @max-[96rem]/table:[&_td]:whitespace-normal @max-[96rem]/table:[&_th:not(:first-child):not([data-identity])]:w-px";
+    };
+    readonly always: {
+        readonly width: number;
+        readonly column: "hidden";
+        readonly track: "hidden";
+        readonly row: "[&>td]:border-b-0 [&>td]:after:hidden h-auto! [&>td]:pb-1!";
+        readonly details: "";
+        readonly table: "table-auto [&_[data-slot=record-identity-detail]:has([data-slot=table-detail-line])]:whitespace-normal [&_[data-slot=record-identity-detail]:has([data-slot=table-detail-line])]:break-words [&_td]:whitespace-normal [&_th:not(:first-child):not([data-identity])]:w-px";
+    };
 };
 export type TableCompactLayout = keyof typeof tableCompactLayouts;
 /**

package/dist/components/table-layouts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table-layouts.d.ts","sourceRoot":"","sources":["../../src/components/table-layouts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB;IAC9B,uFAAuF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuD/E,CAAC;AAEX,MAAM,MAAM,kBAAkB,GAAG,MAAM,OAAO,mBAAmB,CAAC;AAalE;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,SAAS,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,GAAG,kBAAkB,CAG3F"}
+{"version":3,"file":"table-layouts.d.ts","sourceRoot":"","sources":["../../src/components/table-layouts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyEtB,CAAC;AAEX,MAAM,MAAM,kBAAkB,GAAG,MAAM,OAAO,mBAAmB,CAAC;AAelE;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,SAAS,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,GAAG,kBAAkB,CAG3F"}

package/dist/components/table-layouts.js

@@ -1,13 +1,4 @@
 export const tableCompactLayouts = {
-    /** Only by request: a row that must stay one line on any card wider than a phone's. */
-    narrow: {
-        width: 448,
-        column: "hidden @md/table:table-cell",
-        track: "hidden @md/table:table-column",
-        row: "@max-md/table:[&>td]:border-b-0 @max-md/table:[&>td]:after:hidden @max-md/table:h-auto! @max-md/table:[&>td]:pb-1!",
-        details: "@md/table:hidden",
-        table: "@max-md/table:table-auto @max-md/table:[&_[data-slot=record-identity-detail]:has([data-slot=table-detail-line])]:whitespace-normal @max-md/table:[&_[data-slot=record-identity-detail]:has([data-slot=table-detail-line])]:break-words @max-md/table:[&_td]:whitespace-normal @max-md/table:[&_th:not(:first-child):not([data-identity])]:w-px @max-md/table:[&_tr:not([data-slot=table-detail-row])>td:not(:first-child)]:pl-0 @max-md/table:[&_tr:not([data-slot=table-detail-row])>td:not(:first-child):not(:last-child)]:pr-0",
-    },
     tight: {
         width: 576,
         column: "hidden @xl/table:table-cell",
@@ -48,6 +39,30 @@ export const tableCompactLayouts = {
         details: "@6xl/table:hidden",
         table: "@max-6xl/table:table-auto @max-6xl/table:[&_[data-slot=record-identity-detail]:has([data-slot=table-detail-line])]:whitespace-normal @max-6xl/table:[&_[data-slot=record-identity-detail]:has([data-slot=table-detail-line])]:break-words @max-6xl/table:[&_td]:whitespace-normal @max-6xl/table:[&_th:not(:first-child):not([data-identity])]:w-px",
     },
+    broad: {
+        width: 1280,
+        column: "hidden @7xl/table:table-cell",
+        track: "hidden @7xl/table:table-column",
+        row: "@max-7xl/table:[&>td]:border-b-0 @max-7xl/table:[&>td]:after:hidden @max-7xl/table:h-auto! @max-7xl/table:[&>td]:pb-1!",
+        details: "@7xl/table:hidden",
+        table: "@max-7xl/table:table-auto @max-7xl/table:[&_[data-slot=record-identity-detail]:has([data-slot=table-detail-line])]:whitespace-normal @max-7xl/table:[&_[data-slot=record-identity-detail]:has([data-slot=table-detail-line])]:break-words @max-7xl/table:[&_td]:whitespace-normal @max-7xl/table:[&_th:not(:first-child):not([data-identity])]:w-px",
+    },
+    vast: {
+        width: 1536,
+        column: "hidden @min-[96rem]/table:table-cell",
+        track: "hidden @min-[96rem]/table:table-column",
+        row: "@max-[96rem]/table:[&>td]:border-b-0 @max-[96rem]/table:[&>td]:after:hidden @max-[96rem]/table:h-auto! @max-[96rem]/table:[&>td]:pb-1!",
+        details: "@min-[96rem]/table:hidden",
+        table: "@max-[96rem]/table:table-auto @max-[96rem]/table:[&_[data-slot=record-identity-detail]:has([data-slot=table-detail-line])]:whitespace-normal @max-[96rem]/table:[&_[data-slot=record-identity-detail]:has([data-slot=table-detail-line])]:break-words @max-[96rem]/table:[&_td]:whitespace-normal @max-[96rem]/table:[&_th:not(:first-child):not([data-identity])]:w-px",
+    },
+    always: {
+        width: Number.POSITIVE_INFINITY,
+        column: "hidden",
+        track: "hidden",
+        row: "[&>td]:border-b-0 [&>td]:after:hidden h-auto! [&>td]:pb-1!",
+        details: "",
+        table: "table-auto [&_[data-slot=record-identity-detail]:has([data-slot=table-detail-line])]:whitespace-normal [&_[data-slot=record-identity-detail]:has([data-slot=table-detail-line])]:break-words [&_td]:whitespace-normal [&_th:not(:first-child):not([data-identity])]:w-px",
+    },
 };
 /** The least a column without a size needs, in pixels: below it the card lays out compact. */
 const UNSIZED_COLUMN_FLOOR = 160;
@@ -57,6 +72,8 @@ const NARROWEST_FIRST = [
     "wide",
     "roomy",
     "spacious",
+    "broad",
+    "vast",
 ];
 /**
  * The compact layout for columns of these sizes: the narrowest card width at which every sized
@@ -66,5 +83,5 @@ const NARROWEST_FIRST = [
  */
 export function compactLayoutFor(sizes) {
     const needed = sizes.reduce((sum, size) => sum + (size ?? UNSIZED_COLUMN_FLOOR), 0);
-    return NARROWEST_FIRST.find((name) => tableCompactLayouts[name].width >= needed) ?? "spacious";
+    return NARROWEST_FIRST.find((name) => tableCompactLayouts[name].width >= needed) ?? "always";
 }

package/dist/components/table.js

@@ -76,17 +76,17 @@ function TableFooter({ className, ...props }) {
     return (_jsx("tfoot", { "data-slot": "table-footer", className: cn("font-medium text-foreground [&>tr:first-child>td]:border-t [&>tr:first-child>td]:border-border", className), ...props }));
 }
 function TableRow({ className, detailLayout, ...props }) {
-    return (_jsx("tr", { "data-slot": "table-row", "data-nc-ui": "", className: cn("in-data-[bordered=true]:[&>td]:relative in-data-[bordered=true]:[&>td]:border-b in-data-[bordered=true]:[&>td]:after:absolute in-data-[bordered=true]:[&>td]:after:inset-x-0 in-data-[bordered=true]:[&>td]:after:bottom-0 in-data-[bordered=true]:[&>td]:after:h-px in-data-[bordered=true]:[&>td]:after:bg-border [&>th]:border-b [&>td]:border-transparent [&>th]:border-border [&>td]:transition-colors in-data-[striped=true]:[&:where(:nth-child(odd))]:[&>td]:bg-muted in-data-[interactive=true]:hover:[&>td]:bg-accent in-[tbody]:has-[:focus-visible]:[&>td]:bg-accent in-[tbody]:has-aria-expanded:[&>td]:bg-accent data-[state=selected]:[&>td]:bg-muted in-data-[striped=true]:data-[state=selected]:[&>td]:bg-accent", detailLayout && tableCompactLayouts[detailLayout].row, className), ...props }));
+    return (_jsx("tr", { "data-slot": "table-row", "data-nc-ui": "", className: cn("in-data-[bordered=true]:[&>td]:relative in-data-[bordered=true]:[&>td]:border-b in-data-[bordered=true]:[&>td]:after:absolute in-data-[bordered=true]:[&>td]:after:inset-x-0 in-data-[bordered=true]:[&>td]:after:bottom-0 in-data-[bordered=true]:[&>td]:after:h-px in-data-[bordered=true]:[&>td]:after:bg-border [&>th]:border-b [&>td]:border-transparent [&>th]:border-border [&>td]:transition-colors in-data-[striped=true]:[&:where(:nth-child(odd))]:[&>td]:bg-muted in-data-[interactive=true]:hover:[&>td]:bg-accent in-[tbody]:has-focus-visible:[&>td]:bg-accent in-[tbody]:has-aria-expanded:[&>td]:bg-accent data-[state=selected]:[&>td]:bg-muted in-data-[striped=true]:data-[state=selected]:[&>td]:bg-accent", detailLayout && tableCompactLayouts[detailLayout].row, className), ...props }));
 }
 function TableHead({ className, ...props }) {
-    return (_jsx("th", { "data-slot": "table-head", "data-nc-ui": "", className: cn("h-9 px-2 text-left align-middle text-sm font-medium whitespace-nowrap last:text-right [&:has([role=checkbox])]:pr-0", className), ...props }));
+    return (_jsx("th", { "data-slot": "table-head", "data-nc-ui": "", className: cn("h-9 px-2 text-left align-middle text-sm font-medium whitespace-nowrap last:text-right has-[[role=checkbox]]:pr-0", className), ...props }));
 }
 function TableCell({ className, ...props }) {
-    return (_jsx("td", { "data-slot": "table-cell", "data-nc-ui": "", className: cn("px-2 py-2.5 group-data-[density=comfortable]/table:py-4 group-data-[density=default]/table:[&:has(button)]:py-0.5 align-middle whitespace-nowrap last:text-right [&:has([role=checkbox])]:pr-0", className), ...props }));
+    return (_jsx("td", { "data-slot": "table-cell", "data-nc-ui": "", className: cn("px-2 py-2.5 group-data-[density=comfortable]/table:py-4 group-data-[density=default]/table:has-[button]:py-0.5 align-middle whitespace-nowrap last:text-right has-[[role=checkbox]]:pr-0", className), ...props }));
 }
 function TableDetailRow({ colSpan, facts, layout = "standard", }) {
     const wraps = facts.some((fact) => fact.wraps);
-    return (_jsx(TableRow, { "data-slot": "table-detail-row", className: cn("h-auto!", tableCompactLayouts[layout].details), children: _jsx(TableCell, { colSpan: colSpan, className: "pt-0! pb-3! whitespace-normal text-muted-foreground last:text-left", children: _jsx("div", { className: cn("relative min-w-0 in-[[data-slot=table-record-group]:has([data-slot=record-identity])]:pl-12", detailFactsLine, wraps ? ["break-words", detailFactsWrap] : "w-0 min-w-full truncate"), "data-slot": "table-detail-line", onFocus: wraps ? undefined : titleWhenCut, onPointerEnter: wraps ? undefined : titleWhenCut, children: _jsx(DetailFacts, { facts: facts }) }) }) }));
+    return (_jsx(TableRow, { "data-slot": "table-detail-row", className: cn("h-auto!", tableCompactLayouts[layout].details), children: _jsx(TableCell, { colSpan: colSpan, className: "pt-0! pb-3! whitespace-normal text-muted-foreground last:text-left", children: _jsx("div", { className: cn("relative min-w-0 in-[[data-slot=table-record-group]:has([data-slot=record-identity])]:pl-12", detailFactsLine, wraps ? ["wrap-break-word", detailFactsWrap] : "w-0 min-w-full truncate"), "data-slot": "table-detail-line", onFocus: wraps ? undefined : titleWhenCut, onPointerEnter: wraps ? undefined : titleWhenCut, children: _jsx(DetailFacts, { facts: facts }) }) }) }));
 }
 function TableCaption({ className, ...props }) {
     return (_jsx("caption", { "data-slot": "table-caption", className: cn("mt-4 text-sm text-muted-foreground", className), ...props }));

package/dist/components/tabs-nav.d.ts

@@ -0,0 +1,52 @@
+import * as React from "react";
+import { useRender } from "@base-ui/react/use-render";
+import { type TabGroupName } from "../internal/tab-row.js";
+/**
+ * Sibling views of one object, each with its own URL, under the top bar.
+ *
+ * @family Navigation
+ * @when Sibling views of one object under the top bar, when each view has its own URL (an object's
+ * sections), with `TabsLink` for each.
+ * @instead Panels that switch in place are `Tabs`. A stable destination belongs in the `Sidebar`.
+ * An object's ancestry is the `Breadcrumb`.
+ * @behaviour "Reflect the active tab in the URL (query param or path) so deep-links and refresh restore state." (https://vercel.com/geist/tabs)
+ * Ours: each view is its own URL, so a link carries it. Overflow scrolls sideways and brings the
+ * current link into view, and the row fades out over 32 px at each end where links stand beyond it.
+ * The current link takes the selection fill, or in `line` a 2 px ink underline over the row's 1 px
+ * rule; the other links are muted until hover, with no hue. Sizes and spacing follow `Tabs`. The
+ * row holds at most 7 links; in a `band`, which a phone scrolls sideways instead of holding
+ * fewer, that is 7 at every width, as an Agent's six views do, and a `line` row follows the 7 and 4 cap of `Tabs`. The sub-pages of one object stand as the filled-pill row in a
+ * `band` under the top bar, as Vercel draws a deployment's tabs: the band is this component's, with `above` for the
+ * object's identity, so no page draws the border, the fill or the gutters around the row. The band
+ * keeps the page's own column and gutter, and the first link's words start at the page title's edge,
+ * its fill reaching into the gutter as Vercel's tabs do. The
+ * `line` row has its own rule and takes no band.
+ * @words "`tabs[].title` is Title Case, 1–2 words, and names the destination noun (`Overview`, `Logs`, `Settings`). Verbs belong on buttons; `View Logs` is wrong on a tab." (https://vercel.com/geist/tabs)
+ * "Don’t append a count to the title (`Logs (12)`); use a badge slot instead and drop the badge at zero." (https://vercel.com/geist/tabs)
+ * Ours: the title is sentence case (*Overview*, *Installations*), not Title Case. There is no badge
+ * slot: a count belongs to the list's footer. A link has no icon. Italian scrolls, never wraps or
+ * truncates.
+ * @access "Label the tablist with `aria-label` when no visible heading sits above it (`aria-label="Sections"`)." (https://vercel.com/geist/tabs)
+ * "Maintain a visible focus ring on the active tab; don’t suppress focus styles for visual polish." (https://vercel.com/geist/tabs)
+ * Ours: a `nav` of links named by `aria-label` or `aria-labelledby`, which the type requires, with
+ * `aria-current="page"` on the current one.
+ */
+declare function TabsNav({ className, children, variant, band, above, ...props }: Omit<React.ComponentProps<"nav">, "aria-label" | "aria-labelledby"> & TabGroupName & ({
+    variant?: "default" | "line" | null;
+    band?: false;
+    above?: never;
+} | {
+    variant?: "default" | null;
+    /**
+     * The row stands in a full-width band under the top bar: a 1 px rule below, the page's
+     * background, the page's gutters, and the reading column centred inside.
+     */
+    band: true;
+    /** The object's identity, in the band's column above the row. */
+    above?: React.ReactNode;
+})): React.JSX.Element;
+declare function TabsLink({ current, className, render, ...props }: useRender.ComponentProps<"a"> & {
+    current?: boolean;
+}): React.JSX.Element;
+export { TabsNav, TabsLink };
+//# sourceMappingURL=tabs-nav.d.ts.map

package/dist/components/tabs-nav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs-nav.d.ts","sourceRoot":"","sources":["../../src/components/tabs-nav.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAmBjE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,iBAAS,OAAO,CAAC,EACf,SAAS,EACT,QAAQ,EACR,OAAmB,EACnB,IAAY,EACZ,KAAK,EACL,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,YAAY,GAAG,iBAAiB,CAAC,GACpE,YAAY,GACZ,CACI;IACE,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,IAAI,CAAC;IACpC,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,GACD;IACE,OAAO,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAC3B;;;OAGG;IACH,IAAI,EAAE,IAAI,CAAC;IACX,iEAAiE;IACjE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB,CACJ,qBAqDF;AAED,iBAAS,QAAQ,CAAC,EAChB,OAAe,EACf,SAAS,EACT,MAAM,EACN,GAAG,KAAK,EACT,EAAE,SAAS,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,qBAqBvD;AAED,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/tabs-nav.js

@@ -0,0 +1,95 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+import { tabShape } from "../internal/tab-row.js";
+import { cn } from "../lib/utils.js";
+/** Which ends of a scrolled row hide links, so the row fades there to say more stand beyond. */
+function hiddenTabs(element) {
+    const start = element.scrollLeft > 1;
+    const end = element.scrollLeft + element.clientWidth < element.scrollWidth - 1;
+    return start && end ? "both" : start ? "start" : end ? "end" : "none";
+}
+const HIDDEN_FADE = {
+    none: undefined,
+    start: "[mask-image:linear-gradient(to_right,transparent,black_2rem)]",
+    end: "[mask-image:linear-gradient(to_left,transparent,black_2rem)]",
+    both: "[mask-image:linear-gradient(to_right,transparent,black_2rem,black_calc(100%_-_2rem),transparent)]",
+};
+/**
+ * Sibling views of one object, each with its own URL, under the top bar.
+ *
+ * @family Navigation
+ * @when Sibling views of one object under the top bar, when each view has its own URL (an object's
+ * sections), with `TabsLink` for each.
+ * @instead Panels that switch in place are `Tabs`. A stable destination belongs in the `Sidebar`.
+ * An object's ancestry is the `Breadcrumb`.
+ * @behaviour "Reflect the active tab in the URL (query param or path) so deep-links and refresh restore state." (https://vercel.com/geist/tabs)
+ * Ours: each view is its own URL, so a link carries it. Overflow scrolls sideways and brings the
+ * current link into view, and the row fades out over 32 px at each end where links stand beyond it.
+ * The current link takes the selection fill, or in `line` a 2 px ink underline over the row's 1 px
+ * rule; the other links are muted until hover, with no hue. Sizes and spacing follow `Tabs`. The
+ * row holds at most 7 links; in a `band`, which a phone scrolls sideways instead of holding
+ * fewer, that is 7 at every width, as an Agent's six views do, and a `line` row follows the 7 and 4 cap of `Tabs`. The sub-pages of one object stand as the filled-pill row in a
+ * `band` under the top bar, as Vercel draws a deployment's tabs: the band is this component's, with `above` for the
+ * object's identity, so no page draws the border, the fill or the gutters around the row. The band
+ * keeps the page's own column and gutter, and the first link's words start at the page title's edge,
+ * its fill reaching into the gutter as Vercel's tabs do. The
+ * `line` row has its own rule and takes no band.
+ * @words "`tabs[].title` is Title Case, 1–2 words, and names the destination noun (`Overview`, `Logs`, `Settings`). Verbs belong on buttons; `View Logs` is wrong on a tab." (https://vercel.com/geist/tabs)
+ * "Don’t append a count to the title (`Logs (12)`); use a badge slot instead and drop the badge at zero." (https://vercel.com/geist/tabs)
+ * Ours: the title is sentence case (*Overview*, *Installations*), not Title Case. There is no badge
+ * slot: a count belongs to the list's footer. A link has no icon. Italian scrolls, never wraps or
+ * truncates.
+ * @access "Label the tablist with `aria-label` when no visible heading sits above it (`aria-label="Sections"`)." (https://vercel.com/geist/tabs)
+ * "Maintain a visible focus ring on the active tab; don’t suppress focus styles for visual polish." (https://vercel.com/geist/tabs)
+ * Ours: a `nav` of links named by `aria-label` or `aria-labelledby`, which the type requires, with
+ * `aria-current="page"` on the current one.
+ */
+function TabsNav({ className, children, variant = "default", band = false, above, ...props }) {
+    const navigation = React.useRef(null);
+    const current = React.useRef(null);
+    const [hidden, setHidden] = React.useState("none");
+    React.useEffect(() => {
+        const element = navigation.current;
+        if (!element || typeof ResizeObserver === "undefined")
+            return;
+        const measure = () => setHidden(hiddenTabs(element));
+        measure();
+        const observer = new ResizeObserver(measure);
+        observer.observe(element);
+        element.addEventListener("scroll", measure, { passive: true });
+        return () => {
+            observer.disconnect();
+            element.removeEventListener("scroll", measure);
+        };
+    }, []);
+    React.useEffect(() => {
+        const element = navigation.current;
+        const link = element?.querySelector('[aria-current="page"]') ?? null;
+        if (!element || link === current.current)
+            return;
+        current.current = link;
+        if (link && element.scrollWidth > element.clientWidth) {
+            link.scrollIntoView({ block: "nearest", inline: "nearest" });
+        }
+    });
+    const row = (_jsx("nav", { ref: navigation, "data-slot": "tabs-nav", "data-variant": variant, className: cn("group/tabs-nav group/tabs-list min-w-0 overflow-x-auto", HIDDEN_FADE[hidden], variant === "line" && "pb-px shadow-[inset_0_-1px_0_0_var(--border)]", className), ...props, children: _jsx("ul", { className: "flex w-max min-w-full items-center gap-0 group-data-[variant=line]/tabs-nav:gap-6", children: children }) }));
+    if (!band)
+        return row;
+    return (_jsx("div", { "data-slot": "tabs-nav-band", className: "border-b bg-background", children: _jsxs("div", { className: "mx-auto w-full max-w-7xl px-6", children: [above, _jsx("div", { className: "-mx-3 py-2", children: row })] }) }));
+}
+function TabsLink({ current = false, className, render, ...props }) {
+    const link = useRender({
+        defaultTagName: "a",
+        render,
+        props: mergeProps({
+            "aria-current": current ? "page" : undefined,
+            className: cn(tabShape, "group-data-[variant=line]/tabs-nav:-mb-px group-data-[variant=line]/tabs-nav:h-12.5 group-data-[variant=line]/tabs-nav:px-0.5", "group-data-[variant=default]/tabs-nav:aria-[current=page]:bg-selection group-data-[variant=default]/tabs-nav:aria-[current=page]:text-selection-foreground", "group-data-[variant=line]/tabs-nav:aria-[current=page]:text-foreground", "after:absolute after:inset-x-0 after:bottom-0 after:h-0.5 after:bg-foreground after:opacity-0 group-data-[variant=line]/tabs-nav:aria-[current=page]:after:opacity-100", className),
+        }, props),
+        state: { slot: "tabs-link", current },
+    });
+    return _jsx("li", { className: "flex", children: link });
+}
+export { TabsNav, TabsLink };

package/dist/components/tabs.d.ts

@@ -1,14 +1,7 @@
 import * as React from "react";
 import { Tabs as TabsPrimitive } from "@base-ui/react/tabs";
-import { useRender } from "@base-ui/react/use-render";
 import { type VariantProps } from "class-variance-authority";
-type TabGroupName = {
-    "aria-label": string;
-    "aria-labelledby"?: string | undefined;
-} | {
-    "aria-labelledby": string;
-    "aria-label"?: string | undefined;
-};
+import { type TabGroupName } from "../internal/tab-row.js";
 type TabDisabling = {
     disabled?: false | undefined;
     disabledReason?: undefined;
@@ -67,53 +60,6 @@ declare const tabsListVariants: (props?: ({
 declare function TabsList({ className, variant, ...props }: Omit<TabsPrimitive.List.Props, "aria-label" | "aria-labelledby"> & VariantProps<typeof tabsListVariants> & TabGroupName): React.JSX.Element;
 declare function TabsTrigger({ className, disabled, disabledReason, "aria-describedby": describedBy, ...props }: TabsTriggerProps): React.JSX.Element;
 declare function TabsContent({ className, ...props }: TabsPrimitive.Panel.Props): React.JSX.Element;
-/**
- * Sibling views of one object, each with its own URL, under the top bar.
- *
- * @family Navigation
- * @when Sibling views of one object under the top bar, when each view has its own URL (an object's
- * sections), with `TabsLink` for each.
- * @instead Panels that switch in place are `Tabs`. A stable destination belongs in the `Sidebar`.
- * An object's ancestry is the `Breadcrumb`.
- * @behaviour "Reflect the active tab in the URL (query param or path) so deep-links and refresh restore state." (https://vercel.com/geist/tabs)
- * Ours: each view is its own URL, so a link carries it. Overflow scrolls sideways and brings the
- * current link into view, and the row fades out over 32 px at each end where links stand beyond it.
- * The current link takes the selection fill, or in `line` a 2 px ink underline over the row's 1 px
- * rule; the other links are muted until hover, with no hue. Sizes and spacing follow `Tabs`. The
- * row holds at most 7 links; in a `band`, which a phone scrolls sideways instead of holding
- * fewer, that is 7 at every width, as an Agent's six views do, and a `line` row follows the 7 and 4 cap of `Tabs`. The sub-pages of one object stand as the filled-pill row in a
- * `band` under the top bar, as Vercel draws a deployment's tabs: the band is this component's, with `above` for the
- * object's identity, so no page draws the border, the fill or the gutters around the row. The band
- * keeps the page's own column and gutter, and the first link's words start at the page title's edge,
- * its fill reaching into the gutter as Vercel's tabs do. The
- * `line` row has its own rule and takes no band.
- * @words "`tabs[].title` is Title Case, 1–2 words, and names the destination noun (`Overview`, `Logs`, `Settings`). Verbs belong on buttons; `View Logs` is wrong on a tab." (https://vercel.com/geist/tabs)
- * "Don’t append a count to the title (`Logs (12)`); use a badge slot instead and drop the badge at zero." (https://vercel.com/geist/tabs)
- * Ours: the title is sentence case (*Overview*, *Installations*), not Title Case. There is no badge
- * slot: a count belongs to the list's footer. A link has no icon. Italian scrolls, never wraps or
- * truncates.
- * @access "Label the tablist with `aria-label` when no visible heading sits above it (`aria-label="Sections"`)." (https://vercel.com/geist/tabs)
- * "Maintain a visible focus ring on the active tab; don’t suppress focus styles for visual polish." (https://vercel.com/geist/tabs)
- * Ours: a `nav` of links named by `aria-label` or `aria-labelledby`, which the type requires, with
- * `aria-current="page"` on the current one.
- */
-declare function TabsNav({ className, children, variant, band, above, ...props }: Omit<React.ComponentProps<"nav">, "aria-label" | "aria-labelledby"> & TabGroupName & ({
-    variant?: "default" | "line" | null;
-    band?: false;
-    above?: never;
-} | {
-    variant?: "default" | null;
-    /**
-     * The row stands in a full-width band under the top bar: a 1 px rule below, the page's
-     * background, the page's gutters, and the reading column centred inside.
-     */
-    band: true;
-    /** The object's identity, in the band's column above the row. */
-    above?: React.ReactNode;
-})): React.JSX.Element;
-declare function TabsLink({ current, className, render, ...props }: useRender.ComponentProps<"a"> & {
-    current?: boolean;
-}): React.JSX.Element;
-export { Tabs, TabsList, TabsTrigger, TabsContent, TabsNav, TabsLink, tabsListVariants };
+export { Tabs, TabsList, TabsTrigger, TabsContent, tabsListVariants };
 export type { TabsProps };
 //# sourceMappingURL=tabs.d.ts.map

package/dist/components/tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../src/components/tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAE5D,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAKlE,KAAK,YAAY,GACb;IAAE,YAAY,EAAE,MAAM,CAAC;IAAC,iBAAiB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CAAE,GAChE;IAAE,iBAAiB,EAAE,MAAM,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CAAE,CAAC;AAErE,KAAK,YAAY,GACb;IAAE,QAAQ,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC;IAAC,cAAc,CAAC,EAAE,SAAS,CAAA;CAAE,GAC5D;IACE,QAAQ,EAAE,IAAI,CAAC;IACf,qEAAqE;IACrE,cAAc,EAAE,MAAM,CAAC;CACxB,CAAC;AAEN,KAAK,gBAAgB,GAAG,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,KAAK,EAAE,UAAU,CAAC,GAAG,YAAY,CAAC;AAEjF,KAAK,SAAS,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,EAAE,OAAO,GAAG,cAAc,GAAG,eAAe,CAAC,GAAG;IAC5F,wEAAwE;IACxE,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,aAAa,CAAC,IAAI,CAAC,kBAAkB,KAAK,IAAI,CAAC;CAC7F,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,iBAAS,IAAI,CAAC,EAAE,SAAS,EAAE,WAA0B,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,qBAU3E;AAED,QAAA,MAAM,gBAAgB;;8EAarB,CAAC;AAEF,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,OAAmB,EACnB,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,EAAE,YAAY,GAAG,iBAAiB,CAAC,GACjE,YAAY,CAAC,OAAO,gBAAgB,CAAC,GACrC,YAAY,qBAUb;AAKD,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,QAAQ,EACR,cAAc,EACd,kBAAkB,EAAE,WAAW,EAC/B,GAAG,KAAK,EACT,EAAE,gBAAgB,qBAmClB;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,CAAC,KAAK,CAAC,KAAK,qBAQtE;AAkBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,iBAAS,OAAO,CAAC,EACf,SAAS,EACT,QAAQ,EACR,OAAmB,EACnB,IAAY,EACZ,KAAK,EACL,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,YAAY,GAAG,iBAAiB,CAAC,GACpE,YAAY,GACZ,CACI;IACE,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,IAAI,CAAC;IACpC,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,GACD;IACE,OAAO,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAC3B;;;OAGG;IACH,IAAI,EAAE,IAAI,CAAC;IACX,iEAAiE;IACjE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB,CACJ,qBAqDF;AAED,iBAAS,QAAQ,CAAC,EAChB,OAAe,EACf,SAAS,EACT,MAAM,EACN,GAAG,KAAK,EACT,EAAE,SAAS,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,qBAqBvD;AAED,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAC;AACzF,YAAY,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../src/components/tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAGjE,KAAK,YAAY,GACb;IAAE,QAAQ,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC;IAAC,cAAc,CAAC,EAAE,SAAS,CAAA;CAAE,GAC5D;IACE,QAAQ,EAAE,IAAI,CAAC;IACf,qEAAqE;IACrE,cAAc,EAAE,MAAM,CAAC;CACxB,CAAC;AAEN,KAAK,gBAAgB,GAAG,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,KAAK,EAAE,UAAU,CAAC,GAAG,YAAY,CAAC;AAEjF,KAAK,SAAS,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,EAAE,OAAO,GAAG,cAAc,GAAG,eAAe,CAAC,GAAG;IAC5F,wEAAwE;IACxE,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,aAAa,CAAC,IAAI,CAAC,kBAAkB,KAAK,IAAI,CAAC;CAC7F,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,iBAAS,IAAI,CAAC,EAAE,SAAS,EAAE,WAA0B,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,qBAU3E;AAED,QAAA,MAAM,gBAAgB;;8EAarB,CAAC;AAEF,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,OAAmB,EACnB,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,EAAE,YAAY,GAAG,iBAAiB,CAAC,GACjE,YAAY,CAAC,OAAO,gBAAgB,CAAC,GACrC,YAAY,qBAUb;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,QAAQ,EACR,cAAc,EACd,kBAAkB,EAAE,WAAW,EAC/B,GAAG,KAAK,EACT,EAAE,gBAAgB,qBAmClB;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,CAAC,KAAK,CAAC,KAAK,qBAQtE;AAED,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,gBAAgB,EAAE,CAAC;AACtE,YAAY,EAAE,SAAS,EAAE,CAAC"}