@vaam-apps/ui 0.1.0

package/dist/components/primitives/switch.d.ts

@@ -0,0 +1,29 @@
+import type { ReactNode } from "react";
+export interface SwitchProps {
+    checked: boolean;
+    onCheckedChange: (checked: boolean) => void;
+    disabled?: boolean | undefined;
+    "aria-label"?: string | undefined;
+    "aria-labelledby"?: string | undefined;
+    className?: string | undefined;
+}
+/**
+ * An on/off toggle that takes effect immediately.
+ *
+ * **Use a `Checkbox`, not this, inside a form with a Save button.** The
+ * distinction is not cosmetic: a switch promises the change has already
+ * happened, so pairing one with a Save button tells the operator two
+ * contradictory things and leaves them unsure whether the toggle landed.
+ * A switch belongs where the write fires on change and the UI can report
+ * the result.
+ */
+export declare function Switch({ checked, onCheckedChange, disabled, className, ...aria }: SwitchProps): import("react").JSX.Element;
+export interface SwitchFieldProps extends Omit<SwitchProps, "aria-label" | "aria-labelledby"> {
+    label: ReactNode;
+    description?: ReactNode;
+}
+/** A switch with its label to the left, filling the available width — the
+ * settings-row layout, where the labels form a readable column and the
+ * controls line up on the right. */
+export declare function SwitchField({ label, description, className, ...props }: SwitchFieldProps): import("react").JSX.Element;
+//# sourceMappingURL=switch.d.ts.map

package/dist/components/primitives/switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/switch.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,OAAO,CAAC;IACjB,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,iBAAiB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC;AAED;;;;;;;;;GASG;AACH,wBAAgB,MAAM,CAAC,EAAE,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,WAAW,+BAwB7F;AAED,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,WAAW,EAAE,YAAY,GAAG,iBAAiB,CAAC;IAC3F,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB;AAED;;oCAEoC;AACpC,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,+BAcxF"}

package/dist/components/primitives/switch.js

@@ -0,0 +1,24 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Field, Label as HeadlessLabel, Switch as HeadlessSwitch } from "@headlessui/react";
+import { cn } from "../../lib/cn.js";
+/**
+ * An on/off toggle that takes effect immediately.
+ *
+ * **Use a `Checkbox`, not this, inside a form with a Save button.** The
+ * distinction is not cosmetic: a switch promises the change has already
+ * happened, so pairing one with a Save button tells the operator two
+ * contradictory things and leaves them unsure whether the toggle landed.
+ * A switch belongs where the write fires on change and the UI can report
+ * the result.
+ */
+export function Switch({ checked, onCheckedChange, disabled, className, ...aria }) {
+    return (_jsx(HeadlessSwitch, { checked: checked, onChange: onCheckedChange, disabled: disabled ?? false, className: cn("group relative inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border border-edge-strong bg-surface-3 transition-colors", "data-checked:border-primary data-checked:bg-primary", "data-focus:outline-none data-focus:ring-1 data-focus:ring-ring", "data-disabled:cursor-not-allowed data-disabled:opacity-50", className), ...aria, children: _jsx("span", { "aria-hidden": "true", className: cn("pointer-events-none ml-0.5 inline-block size-3.5 rounded-full bg-foreground transition-transform", "group-data-checked:translate-x-4 group-data-checked:bg-primary-content") }) }));
+}
+/** A switch with its label to the left, filling the available width — the
+ * settings-row layout, where the labels form a readable column and the
+ * controls line up on the right. */
+export function SwitchField({ label, description, className, ...props }) {
+    return (_jsxs(Field, { className: cn("flex items-center justify-between gap-4", className), children: [_jsxs("span", { className: "flex flex-col gap-0.5", children: [_jsx(HeadlessLabel, { className: "cursor-pointer text-body text-foreground data-disabled:cursor-not-allowed data-disabled:opacity-50", children: label }), description !== undefined && (_jsx("span", { className: "text-caption text-muted-foreground", children: description }))] }), _jsx(Switch, { ...props })] }));
+}
+//# sourceMappingURL=switch.js.map

package/dist/components/primitives/switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../src/components/primitives/switch.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,KAAK,EAAE,KAAK,IAAI,aAAa,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAE5F,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAWlC;;;;;;;;;GASG;AACH,MAAM,UAAU,MAAM,CAAC,EAAE,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAe;IAC5F,OAAO,CACL,KAAC,cAAc,IACb,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,eAAe,EACzB,QAAQ,EAAE,QAAQ,IAAI,KAAK,EAC3B,SAAS,EAAE,EAAE,CACX,+IAA+I,EAC/I,qDAAqD,EACrD,gEAAgE,EAChE,2DAA2D,EAC3D,SAAS,CACV,KACG,IAAI,YAER,8BACc,MAAM,EAClB,SAAS,EAAE,EAAE,CACX,kGAAkG,EAClG,wEAAwE,CACzE,GACD,GACa,CAClB,CAAC;AACJ,CAAC;AAOD;;oCAEoC;AACpC,MAAM,UAAU,WAAW,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,KAAK,EAAoB;IACvF,OAAO,CACL,MAAC,KAAK,IAAC,SAAS,EAAE,EAAE,CAAC,yCAAyC,EAAE,SAAS,CAAC,aACxE,gBAAM,SAAS,EAAC,uBAAuB,aACrC,KAAC,aAAa,IAAC,SAAS,EAAC,oGAAoG,YAC1H,KAAK,GACQ,EACf,WAAW,KAAK,SAAS,IAAI,CAC5B,eAAM,SAAS,EAAC,oCAAoC,YAAE,WAAW,GAAQ,CAC1E,IACI,EACP,KAAC,MAAM,OAAK,KAAK,GAAI,IACf,CACT,CAAC;AACJ,CAAC"}

package/dist/components/primitives/table.d.ts

@@ -0,0 +1,23 @@
+import type { HTMLAttributes, TdHTMLAttributes, ThHTMLAttributes } from "react";
+export declare function Table({ className, ...props }: HTMLAttributes<HTMLTableElement>): import("react").JSX.Element;
+export declare function TableHeader({ className, ...props }: HTMLAttributes<HTMLTableSectionElement>): import("react").JSX.Element;
+export declare function TableBody({ className, ...props }: HTMLAttributes<HTMLTableSectionElement>): import("react").JSX.Element;
+export interface TableRowProps extends HTMLAttributes<HTMLTableRowElement> {
+    selected?: boolean;
+}
+export declare function TableRow({ className, selected, ...props }: TableRowProps): import("react").JSX.Element;
+export type Breakpoint = "sm" | "md" | "lg" | "xl";
+export interface TableHeadProps extends Omit<ThHTMLAttributes<HTMLTableCellElement>, "align"> {
+    align?: "start" | "end";
+    /** Hide this column below the given breakpoint. See `HIDE_BELOW`. */
+    hideBelow?: Breakpoint | undefined;
+}
+export declare function TableHead({ className, align, hideBelow, ...props }: TableHeadProps): import("react").JSX.Element;
+export interface TableCellProps extends Omit<TdHTMLAttributes<HTMLTableCellElement>, "align"> {
+    align?: "start" | "end";
+    mono?: boolean;
+    /** Hide this column below the given breakpoint. See `HIDE_BELOW`. */
+    hideBelow?: Breakpoint | undefined;
+}
+export declare function TableCell({ className, align, mono, hideBelow, ...props }: TableCellProps): import("react").JSX.Element;
+//# sourceMappingURL=table.d.ts.map

package/dist/components/primitives/table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAiChF,wBAAgB,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,gBAAgB,CAAC,+BAS9E;AAED,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,uBAAuB,CAAC,+BAU3F;AAED,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,uBAAuB,CAAC,+BAEzF;AAED,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,mBAAmB,CAAC;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,QAAgB,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,+BAWhF;AAiCD,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEnD,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC3F,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACxB,qEAAqE;IACrE,SAAS,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;CACpC;AAED,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,KAAe,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,+BAY5F;AAED,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC3F,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACxB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,qEAAqE;IACrE,SAAS,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;CACpC;AAED,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,KAAe,EACf,IAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,+BAahB"}

package/dist/components/primitives/table.js

@@ -0,0 +1,81 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../../lib/cn.js";
+// Table conventions per design doc §6.4: sticky header on surface-1, 1px
+// `border-edge-subtle` row dividers, no zebra striping (the status tints
+// are the signal — zebra plus tints is noise), hover on surface-3.
+//
+// D16: daisyUI's real `table`/`table-pin-rows` classes sit underneath this
+// file's own bespoke row/cell behaviour (constraint 7 — "DaisyUI does the
+// work") rather than replacing it. Every own-authored utility class below
+// is unchanged from before this PR; `table`/`table-pin-rows` are added on
+// top and reconciled against three things confirmed by reading
+// `daisyui/components/table.css` directly, not assumed:
+//
+// 1. `table-pin-rows` alone does nothing — every one of its selectors is
+//    `.table :where(.table-pin-rows thead)`, i.e. it only matches when
+//    `table-pin-rows` sits on the same element as `table`. Both classes go
+//    on `<table>` together, never one without the other.
+// 2. `.table` switches `border-collapse` to `separate`. Under the separate
+//    border model a border set on `<tr>` — this file's whole row-divider
+//    mechanism, `TableRow`'s `border-edge-subtle border-b` — does not
+//    render at all; the CSS spec confines borders in that model to cells,
+//    never rows or sections. `border-collapse!` (Tailwind v4's trailing-`!`
+//    important syntax) stays on `<table>` specifically so adding
+//    `.table` doesn't silently delete every row divider in this app —
+//    verified live against a real render (`just demo`, `/messages`) with
+//    and without the override before trusting it.
+// 3. `.table` also applies its own `padding-block`/`padding-inline` to
+//    every `th`/`td` via a zero-specificity-inside `:where()` selector,
+//    and its own `font-size`. `TableHead`/`TableCell` keep their existing
+//    `px-3`/`py-2`/`h-8` utilities unchanged, at equal selector
+//    specificity to daisyUI's rule — confirmed live that the existing
+//    cell padding and type scale still win, not daisyUI's defaults.
+export function Table({ className, ...props }) {
+    return (_jsx("div", { className: "w-full overflow-x-auto", children: _jsx("table", { className: cn("table table-pin-rows w-full border-collapse! text-body", className), ...props }) }));
+}
+export function TableHeader({ className, ...props }) {
+    return (_jsx("thead", { className: cn("sticky top-0 z-10 bg-surface-1 [&_tr]:border-b [&_tr]:border-edge [&_tr]:bg-surface-1", className), ...props }));
+}
+export function TableBody({ className, ...props }) {
+    return _jsx("tbody", { className: cn("[&_tr:last-child]:border-b-0", className), ...props });
+}
+export function TableRow({ className, selected = false, ...props }) {
+    return (_jsx("tr", { className: cn("border-edge-subtle border-b transition-colors duration-[var(--dur-instant)] hover:bg-surface-3", selected && "bg-surface-3 shadow-[inset_2px_0_0_var(--color-ring)]", className), ...props }));
+}
+/**
+ * Responsive column visibility. `hideBelow="md"` hides the cell on
+ * viewports narrower than `md` and shows it from `md` up.
+ *
+ * This exists because the class it replaces was the single
+ * most-duplicated string in the console: `"hidden sm:table-cell"`,
+ * `"hidden md:table-cell"` and `"hidden lg:table-cell"` appeared **90
+ * times** as inline literals across the route-local table components.
+ *
+ * Worth recording how they got there, because it is a lesson about the
+ * rule and not just about tables. R6's own text names
+ * `const COL_ID = "hidden lg:table-cell"` in `jobs-screen.tsx` — four
+ * hoisted consts — as the motivating example of a class const that must
+ * not live in a view. The R6 sweep removed those four consts and, in
+ * moving the markup into dumb components, re-expressed the same decision
+ * as 90 inline literals. The letter of the rule was satisfied (no classes
+ * in a *view* file); the thing the rule exists to prevent — one decision
+ * written in many places — got 22× worse.
+ *
+ * A mapping table rather than an interpolated `` `hidden ${bp}:table-cell` ``
+ * because Tailwind scans source text statically: a template literal
+ * produces no class at all in the built CSS. The full strings must appear
+ * verbatim somewhere Tailwind can see them, and this is that place.
+ */
+const HIDE_BELOW = {
+    sm: "hidden sm:table-cell",
+    md: "hidden md:table-cell",
+    lg: "hidden lg:table-cell",
+    xl: "hidden xl:table-cell",
+};
+export function TableHead({ className, align = "start", hideBelow, ...props }) {
+    return (_jsx("th", { className: cn("h-8 whitespace-nowrap px-3 font-medium text-micro text-muted-foreground tracking-[0.03em]", align === "end" ? "text-right" : "text-left", hideBelow && HIDE_BELOW[hideBelow], className), ...props }));
+}
+export function TableCell({ className, align = "start", mono = false, hideBelow, ...props }) {
+    return (_jsx("td", { className: cn("px-3 py-2 text-body", align === "end" ? "text-right" : "text-left", mono && "font-mono tabular-nums", hideBelow && HIDE_BELOW[hideBelow], className), ...props }));
+}
+//# sourceMappingURL=table.js.map

package/dist/components/primitives/table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","sourceRoot":"","sources":["../../../src/components/primitives/table.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,yEAAyE;AACzE,yEAAyE;AACzE,mEAAmE;AACnE,EAAE;AACF,2EAA2E;AAC3E,0EAA0E;AAC1E,0EAA0E;AAC1E,0EAA0E;AAC1E,+DAA+D;AAC/D,wDAAwD;AACxD,EAAE;AACF,yEAAyE;AACzE,uEAAuE;AACvE,2EAA2E;AAC3E,yDAAyD;AACzD,2EAA2E;AAC3E,yEAAyE;AACzE,sEAAsE;AACtE,0EAA0E;AAC1E,4EAA4E;AAC5E,iEAAiE;AACjE,sEAAsE;AACtE,yEAAyE;AACzE,kDAAkD;AAClD,uEAAuE;AACvE,wEAAwE;AACxE,0EAA0E;AAC1E,gEAAgE;AAChE,sEAAsE;AACtE,oEAAoE;AACpE,MAAM,UAAU,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAoC;IAC7E,OAAO,CACL,cAAK,SAAS,EAAC,wBAAwB,YACrC,gBACE,SAAS,EAAE,EAAE,CAAC,wDAAwD,EAAE,SAAS,CAAC,KAC9E,KAAK,GACT,GACE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA2C;IAC1F,OAAO,CACL,gBACE,SAAS,EAAE,EAAE,CACX,uFAAuF,EACvF,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA2C;IACxF,OAAO,gBAAO,SAAS,EAAE,EAAE,CAAC,8BAA8B,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AACxF,CAAC;AAMD,MAAM,UAAU,QAAQ,CAAC,EAAE,SAAS,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,KAAK,EAAiB;IAC/E,OAAO,CACL,aACE,SAAS,EAAE,EAAE,CACX,gGAAgG,EAChG,QAAQ,IAAI,uDAAuD,EACnE,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,UAAU,GAA+B;IAC7C,EAAE,EAAE,sBAAsB;IAC1B,EAAE,EAAE,sBAAsB;IAC1B,EAAE,EAAE,sBAAsB;IAC1B,EAAE,EAAE,sBAAsB;CAC3B,CAAC;AAUF,MAAM,UAAU,SAAS,CAAC,EAAE,SAAS,EAAE,KAAK,GAAG,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,EAAkB;IAC3F,OAAO,CACL,aACE,SAAS,EAAE,EAAE,CACX,2FAA2F,EAC3F,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,EAC5C,SAAS,IAAI,UAAU,CAAC,SAAS,CAAC,EAClC,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AASD,MAAM,UAAU,SAAS,CAAC,EACxB,SAAS,EACT,KAAK,GAAG,OAAO,EACf,IAAI,GAAG,KAAK,EACZ,SAAS,EACT,GAAG,KAAK,EACO;IACf,OAAO,CACL,aACE,SAAS,EAAE,EAAE,CACX,qBAAqB,EACrB,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,EAC5C,IAAI,IAAI,wBAAwB,EAChC,SAAS,IAAI,UAAU,CAAC,SAAS,CAAC,EAClC,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,38 @@
+import { type ReactNode } from "react";
+/**
+ * Note the `| undefined` on the optional props below. This package
+ * compiles under `exactOptionalPropertyTypes`, where a bare `value?:
+ * string` means "you may omit this key" and NOT "you may pass
+ * `undefined`" — so the ordinary controlled pattern,
+ * `const [v, setV] = useState<string>()` followed by `value={v}`, is a
+ * type error. Found writing this component's own story, which is the
+ * first code outside the original application to use it.
+ */
+export interface ValueTabsProps {
+    value?: string | undefined;
+    defaultValue?: string | undefined;
+    onValueChange?: ((value: string) => void) | undefined;
+    className?: string | undefined;
+    children: ReactNode;
+}
+export declare function ValueTabs({ value, defaultValue, onValueChange, className, children, }: ValueTabsProps): import("react").JSX.Element;
+export declare function ValueTabsList({ className, children, }: {
+    className?: string;
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function ValueTabsTrigger({ value, className, children, }: {
+    /** Consumed by `collectTriggerValues` above via prop introspection on the
+     * element tree, not read inside this component itself. */
+    value: string;
+    className?: string;
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function ValueTabsContent({ className, children, }: {
+    /** Kept for API parity with the old value-based `TabsContent` — the real
+     * Tab↔Panel association is positional (Headless UI's own `TabGroup`
+     * matches `Tab`/`TabPanel` by declaration order), not looked up by value. */
+    value: string;
+    className?: string;
+    children: ReactNode;
+}): import("react").JSX.Element;
+//# sourceMappingURL=tabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/tabs.tsx"],"names":[],"mappings":"AAGA,OAAO,EAKL,KAAK,SAAS,EAGf,MAAM,OAAO,CAAC;AAkDf;;;;;;;;GAQG;AACH,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,aAAa,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACtD,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,YAAY,EACZ,aAAa,EACb,SAAS,EACT,QAAQ,GACT,EAAE,cAAc,+BAqBhB;AAED,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,QAAQ,GACT,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB,+BAMA;AAKD,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,SAAS,EACT,QAAQ,GACT,EAAE;IACD;8DAC0D;IAC1D,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB,+BAcA;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,QAAQ,GACT,EAAE;IACD;;iFAE6E;IAC7E,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB,+BAEA"}

package/dist/components/primitives/tabs.js

@@ -0,0 +1,84 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Tab, TabGroup, TabList, TabPanel, TabPanels } from "@headlessui/react";
+import { Children, Fragment, isValidElement, useMemo, useState, } from "react";
+import { cn } from "../../lib/cn.js";
+/**
+ * D18/D3: Radix `Tabs` → Headless UI `TabGroup`, behind a value-based
+ * `ValueTabs` adapter. Radix's `Tabs` was value-based and controlled
+ * (`value`/`onValueChange`/`defaultValue`); Headless UI's own `TabGroup` is
+ * index-based (`selectedIndex`/`onChange(index)`). Four call sites
+ * (`payload-inspector.tsx`, `users-screen.tsx`, and the gallery) already
+ * depend on the value-based shape, and a value-based API is more resistant
+ * to bugs when tab order changes — so this adapter translates once, here,
+ * rather than rewriting every call site to track an index.
+ *
+ * Every consumer's own JSX is untouched: only the import line changes, via
+ * aliasing (`import { ValueTabs as Tabs, ... } from "@vaam-apps/ui"`) — the one
+ * genuinely necessary API break this bucket owns (see each updated file's
+ * own import for the one-line diff).
+ */
+function collectTriggerValues(node, out = []) {
+    Children.forEach(node, (child) => {
+        if (!isValidElement(child))
+            return;
+        const el = child;
+        if (el.type === ValueTabsTrigger) {
+            if (typeof el.props.value === "string")
+                out.push(el.props.value);
+            return;
+        }
+        if (el.props?.children != null)
+            collectTriggerValues(el.props.children, out);
+    });
+    return out;
+}
+/** Separates the one `ValueTabsList` child from everything else, so
+ * `ValueTabs` can group "everything else" (the `ValueTabsContent` panels,
+ * declared as direct siblings of `ValueTabsList` — the exact Radix `Tabs`
+ * shape) under one implicit `TabPanels`, which Headless UI's `TabGroup`
+ * requires but the old Radix-shaped call sites never had to write. */
+function splitOutList(children) {
+    let list = null;
+    const rest = [];
+    Children.forEach(children, (child) => {
+        if (isValidElement(child) && child.type === ValueTabsList) {
+            list = child;
+        }
+        else {
+            rest.push(child);
+        }
+    });
+    return { list, rest };
+}
+export function ValueTabs({ value, defaultValue, onValueChange, className, children, }) {
+    const values = useMemo(() => collectTriggerValues(children), [children]);
+    const { list, rest } = useMemo(() => splitOutList(children), [children]);
+    const [internalValue, setInternalValue] = useState(defaultValue ?? values[0]);
+    const isControlled = value !== undefined;
+    const currentValue = isControlled ? value : internalValue;
+    const selectedIndex = Math.max(0, values.indexOf(currentValue ?? values[0] ?? ""));
+    function handleChange(index) {
+        const next = values[index];
+        if (next === undefined)
+            return;
+        if (!isControlled)
+            setInternalValue(next);
+        onValueChange?.(next);
+    }
+    return (_jsxs(TabGroup, { className: className, selectedIndex: selectedIndex, onChange: handleChange, children: [list, _jsx(TabPanels, { as: Fragment, children: rest })] }));
+}
+export function ValueTabsList({ className, children, }) {
+    return (_jsx(TabList, { className: cn("flex items-center gap-4 border-edge border-b", className), children: children }));
+}
+// Underline variant only (design doc §5.2: "no pill/segmented variant — pill
+// tabs are consumer furniture"). 2px bottom rule in --foreground on the
+// active tab.
+export function ValueTabsTrigger({ value, className, children, }) {
+    void value;
+    return (_jsx(Tab, { type: "button", className: cn("-mb-px border-b-2 border-transparent px-1 py-2 font-medium text-body text-muted-foreground outline-none", "data-selected:border-foreground data-selected:text-foreground", className), children: children }));
+}
+export function ValueTabsContent({ className, children, }) {
+    return _jsx(TabPanel, { className: cn("pt-4", className), children: children });
+}
+//# sourceMappingURL=tabs.js.map

package/dist/components/primitives/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../src/components/primitives/tabs.tsx"],"names":[],"mappings":"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"}

package/dist/components/primitives/textarea.d.ts

@@ -0,0 +1,4 @@
+import type { TextareaHTMLAttributes } from "react";
+export type TextareaProps = TextareaHTMLAttributes<HTMLTextAreaElement>;
+export declare const Textarea: import("react").ForwardRefExoticComponent<TextareaProps & import("react").RefAttributes<HTMLTextAreaElement>>;
+//# sourceMappingURL=textarea.d.ts.map

package/dist/components/primitives/textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAIpD,MAAM,MAAM,aAAa,GAAG,sBAAsB,CAAC,mBAAmB,CAAC,CAAC;AAOxE,eAAO,MAAM,QAAQ,+GAQpB,CAAC"}

package/dist/components/primitives/textarea.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cn } from "../../lib/cn.js";
+// D8: same reasoning as `input.tsx` — daisyUI's own `.textarea` rule sets
+// `border-radius: var(--radius-field)` directly (confirmed by reading
+// `daisyui/components/textarea.css`), so no `rounded-*` class is added
+// here. The class string is unchanged; the token rewrite in Phase 0 is
+// what moved the rendered radius.
+export const Textarea = forwardRef(({ className, ...props }, ref) => (_jsx("textarea", { ref: ref, className: cn("textarea textarea-bordered w-full font-sans text-prose", className), ...props })));
+Textarea.displayName = "Textarea";
+//# sourceMappingURL=textarea.js.map

package/dist/components/primitives/textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../../src/components/primitives/textarea.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAIlC,0EAA0E;AAC1E,sEAAsE;AACtE,uEAAuE;AACvE,uEAAuE;AACvE,kCAAkC;AAClC,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChC,mBACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,wDAAwD,EAAE,SAAS,CAAC,KAC9E,KAAK,GACT,CACH,CACF,CAAC;AACF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}

package/dist/components/primitives/toast.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Toasts, no Radix — `dialog`/`dropdown-menu`/`select`/`tooltip`/`popover`
+ * are the five primitives that need Radix's behaviour (design doc T6
+ * brief); a toast is a transient, non-modal, non-focus-trapping
+ * notification, so a small hand-rolled store is enough.
+ *
+ * For transient confirmations only ("copied", "saved", "replay queued") —
+ * design doc §5.1: anything an operator must act on is inline, never a
+ * toast, because a toast that expires while they're reading a payload is a
+ * lost message.
+ */
+export type ToastVariant = "default" | "success" | "danger";
+export interface ToastItem {
+    id: string;
+    title: string;
+    description?: string;
+    variant?: ToastVariant;
+    durationMs?: number;
+}
+export declare function dismissToast(id: string): void;
+export declare function toast(item: Omit<ToastItem, "id">): string;
+/** Mount once, near the app root. Renders the live toast stack. */
+export declare function Toaster(): import("react").JSX.Element;
+//# sourceMappingURL=toast.d.ts.map

package/dist/components/primitives/toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/toast.tsx"],"names":[],"mappings":"AAMA;;;;;;;;;;GAUG;AAEH,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE5D,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAoBD,wBAAgB,YAAY,CAAC,EAAE,EAAE,MAAM,QAGtC;AAED,wBAAgB,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,GAAG,MAAM,CASzD;AA0BD,mEAAmE;AACnE,wBAAgB,OAAO,gCA6BtB"}

package/dist/components/primitives/toast.js

@@ -0,0 +1,58 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { useSyncExternalStore } from "react";
+import { cn } from "../../lib/cn.js";
+let toasts = [];
+const listeners = new Set();
+function emit() {
+    for (const listener of listeners)
+        listener();
+}
+function subscribe(listener) {
+    listeners.add(listener);
+    return () => listeners.delete(listener);
+}
+function getSnapshot() {
+    return toasts;
+}
+export function dismissToast(id) {
+    toasts = toasts.filter((t) => t.id !== id);
+    emit();
+}
+export function toast(item) {
+    const id = crypto.randomUUID();
+    const durationMs = item.durationMs ?? 4000;
+    toasts = [...toasts, { ...item, id }];
+    emit();
+    if (durationMs > 0) {
+        setTimeout(() => dismissToast(id), durationMs);
+    }
+    return id;
+}
+// D11: `cva()` replaces the previous `Record<ToastVariant, string>` lookup,
+// same three class strings per variant, keyed identically. One deliberate
+// D8 diff lives in the base string below, not here: the shared "toast card"
+// classes move off `rounded-sm` (`--radius-field`, 12px) onto `rounded-box`
+// (`--radius-box`, 20px) — a toast shares `--shadow-popover` with
+// dialog/popover/dropdown/drawer (see `theme.css`'s own "only floating
+// layers... get one [shadow]" comment), i.e. it's the same family of
+// floating panel those get, not a field-scale control, and D14's own
+// drawer sketch (§6.4) already uses `rounded-t-box` for exactly that
+// family. `variant` classes themselves are untouched.
+const toastVariants = cva("pointer-events-auto rounded-box border p-3 text-body shadow-[var(--shadow-popover)]", {
+    variants: {
+        variant: {
+            default: "border-edge bg-surface-2 text-foreground",
+            success: "border-state-success-fg/30 bg-surface-2 text-foreground",
+            danger: "border-state-danger-border bg-state-danger-bg text-state-danger-fg",
+        },
+    },
+    defaultVariants: { variant: "default" },
+});
+/** Mount once, near the app root. Renders the live toast stack. */
+export function Toaster() {
+    const items = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
+    return (_jsx("div", { role: "status", "aria-live": "polite", className: "pointer-events-none fixed right-4 bottom-4 z-50 flex w-80 flex-col gap-2", children: items.map((item) => (_jsxs("div", { className: cn(toastVariants({ variant: item.variant ?? "default" })), children: [_jsxs("div", { className: "flex items-start justify-between gap-2", children: [_jsx("p", { className: "font-medium", children: item.title }), _jsx("button", { type: "button", onClick: () => dismissToast(item.id), "aria-label": "Dismiss", className: "text-subtle-foreground hover:text-foreground", children: "\u00D7" })] }), item.description != null && (_jsx("p", { className: "mt-1 text-caption text-muted-foreground", children: item.description }))] }, item.id))) }));
+}
+//# sourceMappingURL=toast.js.map

package/dist/components/primitives/toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.js","sourceRoot":"","sources":["../../../src/components/primitives/toast.tsx"],"names":[],"mappings":"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"}

package/dist/components/primitives/tooltip.d.ts

@@ -0,0 +1,30 @@
+import type { ReactNode } from "react";
+/**
+ * D5: `@radix-ui/react-tooltip` is deleted outright, replaced by DaisyUI's
+ * native `.tooltip`/`data-tip` CSS component — no JS, no portal, hover/focus
+ * driven by `:hover`/`:focus` in CSS alone. Headless UI ships no Tooltip
+ * equivalent, and introducing a second behaviour library (e.g.
+ * `@floating-ui/react`) just to replace one Radix package with another
+ * contradicts constraints 6–7.
+ *
+ * **Accepted limitation (named explicitly in the design doc, D5):** `data-tip`
+ * is a plain HTML attribute rendered via CSS `content: attr(data-tip)`, so
+ * the label must be a string — no rich/interactive tooltip content anywhere
+ * in this console. Nothing today needs one (`side-nav.tsx`'s own icon-rail
+ * tooltips already use the identical `tooltip`/`data-tip` convention
+ * directly, predating this file).
+ *
+ * The API collapses Radix's four-part compound
+ * (`TooltipProvider`/`Tooltip`/`TooltipTrigger`/`TooltipContent`) into one
+ * wrapper, since DaisyUI's mechanism needs no provider and no separate
+ * trigger/content split — the trigger is just `children`.
+ */
+export interface TooltipProps {
+    /** Plain text only — see the module doc above. */
+    label: string;
+    position?: "top" | "bottom" | "left" | "right";
+    className?: string;
+    children: ReactNode;
+}
+export declare function Tooltip({ label, position, className, children }: TooltipProps): import("react").JSX.Element;
+//# sourceMappingURL=tooltip.d.ts.map

package/dist/components/primitives/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,WAAW,YAAY;IAC3B,kDAAkD;IAClD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,QAAgB,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,YAAY,+BAMrF"}

package/dist/components/primitives/tooltip.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../../lib/cn.js";
+export function Tooltip({ label, position = "top", className, children }) {
+    return (_jsx("div", { className: cn("tooltip", `tooltip-${position}`, className), "data-tip": label, children: children }));
+}
+//# sourceMappingURL=tooltip.js.map

package/dist/components/primitives/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../src/components/primitives/tooltip.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AA8BlC,MAAM,UAAU,OAAO,CAAC,EAAE,KAAK,EAAE,QAAQ,GAAG,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAgB;IACpF,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,WAAW,QAAQ,EAAE,EAAE,SAAS,CAAC,cAAY,KAAK,YAC7E,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}

package/dist/components/status/state-chip.d.ts

@@ -0,0 +1,53 @@
+import type { HTMLAttributes } from "react";
+import { type StatusHue } from "./status-tokens.js";
+/**
+ * A compact, state-toned chip for a single word or short phrase rendered
+ * *inline* — beside a table cell's value, after a label, inside a card.
+ *
+ * # Not `InlineBanner`, and not `Badge`
+ *
+ * `InlineBanner` is the full-width `px-3 py-2` notice that owns its own
+ * line. Four route groups correctly refused to route these through it
+ * during the R6 factorization: forcing a chip into a banner would mean
+ * overriding padding and swapping `<span>` for `<div>`, which is fighting
+ * the primitive rather than using it. That refusal was right, and this is
+ * the component they were missing.
+ *
+ * `Badge` is the other near-miss: it exists, but it is built on daisyUI's
+ * `badge-neutral`/`badge-outline` classes, a different visual system from
+ * the `state-*` token family every status surface in this console uses.
+ * A chip that must read as *success* or *danger* cannot express that
+ * through `Badge` without bypassing its variants entirely.
+ *
+ * # Why it is shared
+ *
+ * Five sites across three route groups (`workers`, `routes`, `simulator`)
+ * had byte-identical `rounded-sm border border-state-<tone>-border
+ * bg-state-<tone>-bg px-1.5 py-0.5 text-caption text-state-<tone>-fg`
+ * strings, differing only in tone. A sixth (`dashboard`) used the same
+ * shape at `px-2`. They are unified here at `px-1.5`, the majority
+ * spelling — a one-step spacing change on that single site, and the same
+ * normalisation `DetailRow` made for the same reason: the console should
+ * not render one concept two ways because two people typed a different
+ * padding.
+ *
+ * `StatusPill` is **not** replaced by this. It maps a whole state
+ * machine's variants onto a fixed vocabulary and carries a glyph; this is
+ * the generic chip for everything that is state-toned but is not a state
+ * machine — a capability flag, a derived verdict, a one-word qualifier.
+ *
+ * # Tone
+ *
+ * Tone comes from the shared [`StatusHue`] vocabulary rather than a second
+ * private list. Before this, `StateChip` carried its own four-tone table
+ * whose class strings were transcribed by hand from the same tokens
+ * `HUE_CLASSES` already held — two copies of one mapping, and the chip's
+ * copy was missing three of the hues, so a caller wanting `expired` or
+ * `parked` had no way to ask for it and reached for `className` instead.
+ */
+export type StateChipTone = StatusHue;
+export interface StateChipProps extends HTMLAttributes<HTMLSpanElement> {
+    tone?: StateChipTone | undefined;
+}
+export declare function StateChip({ className, tone, ...props }: StateChipProps): import("react").JSX.Element;
+//# sourceMappingURL=state-chip.d.ts.map

package/dist/components/status/state-chip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"state-chip.d.ts","sourceRoot":"","sources":["../../../src/components/status/state-chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAe,KAAK,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE9D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,MAAM,MAAM,aAAa,GAAG,SAAS,CAAC;AAEtC,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,eAAe,CAAC;IACrE,IAAI,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;CAClC;AAED,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,IAAkB,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,+BAcpF"}

package/dist/components/status/state-chip.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../../lib/cn.js";
+import { HUE_CLASSES } from "./status-tokens.js";
+export function StateChip({ className, tone = "uncertain", ...props }) {
+    const hue = HUE_CLASSES[tone];
+    return (_jsx("span", { className: cn("rounded-sm border px-1.5 py-0.5 text-caption", hue.border, hue.bg, hue.fg, className), ...props }));
+}
+//# sourceMappingURL=state-chip.js.map

package/dist/components/status/state-chip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state-chip.js","sourceRoot":"","sources":["../../../src/components/status/state-chip.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,WAAW,EAAkB,MAAM,iBAAiB,CAAC;AAqD9D,MAAM,UAAU,SAAS,CAAC,EAAE,SAAS,EAAE,IAAI,GAAG,WAAW,EAAE,GAAG,KAAK,EAAkB;IACnF,MAAM,GAAG,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;IAC9B,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,8CAA8C,EAC9C,GAAG,CAAC,MAAM,EACV,GAAG,CAAC,EAAE,EACN,GAAG,CAAC,EAAE,EACN,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC"}

package/dist/components/status/state-mark.d.ts

@@ -0,0 +1,21 @@
+import type { SVGProps } from "react";
+import type { StatusMeta } from "./status-tokens.js";
+export interface StateMarkProps extends Omit<SVGProps<SVGSVGElement>, "className"> {
+    /** One state's presentation, e.g. `MY_STATUS_SYSTEM[state]`. */
+    meta: StatusMeta;
+    /** Rendered size in px. Below 12 the glyph loses its interior mark and
+     * should not be used — at that size the silhouette alone is doing all
+     * the work and a plain dot would be more honest. */
+    size?: 12 | 14 | 16;
+    className?: string | undefined;
+}
+/**
+ * The status-glyph SVG primitive: silhouette × interior mark × fill.
+ *
+ * Parameterised on a raw [`StatusMeta`] rather than on any particular
+ * state enum, so every state machine's pill renders through this one
+ * geometry instead of forking it. Pure, and `aria-hidden` — the
+ * accessible name belongs on the wrapping pill, which has the label.
+ */
+export declare function StateMark({ meta, size, className, ...props }: StateMarkProps): import("react").JSX.Element;
+//# sourceMappingURL=state-mark.d.ts.map

package/dist/components/status/state-mark.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"state-mark.d.ts","sourceRoot":"","sources":["../../../src/components/status/state-mark.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,KAAK,EAAc,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE9D,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,WAAW,CAAC;IAChF,gEAAgE;IAChE,IAAI,EAAE,UAAU,CAAC;IACjB;;wDAEoD;IACpD,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC;AAuHD;;;;;;;GAOG;AACH,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,IAAS,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,+BAcjF"}