@vaam-apps/ui 0.1.0

package/dist/components/primitives/dropdown-menu.js

@@ -0,0 +1,53 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Menu, MenuButton, MenuItem, MenuItems, MenuSection, MenuSeparator, } from "@headlessui/react";
+import { Check } from "lucide-react";
+import { cn } from "../../lib/cn.js";
+import { omitUndefined } from "../../lib/omit-undefined.js";
+// D3: Radix `DropdownMenu` → Headless UI `Menu`/`MenuButton`/`MenuItems`/`MenuItem`.
+export const DropdownMenu = Menu;
+// `MenuButton` is natively polymorphic (`as`), replacing Radix's `asChild`
+// pattern (D4's same call, applied to a trigger rather than `Button`
+// itself): `<DropdownMenuTrigger as={Button} variant="secondary">…`.
+export const DropdownMenuTrigger = MenuButton;
+// `DropdownMenuGroup`/`DropdownMenuCheckboxItem` have zero call sites in
+// this codebase today (grepped across `admin/` and `packages/ui`) — kept
+// for API parity rather than dropped silently, mapped onto Headless UI's
+// closest equivalents.
+export const DropdownMenuGroup = MenuSection;
+export function DropdownMenuSeparator({ className, ...props }) {
+    return _jsx(MenuSeparator, { className: cn("my-1 h-px bg-edge", className), ...props });
+}
+export function DropdownMenuContent({ className, ...props }) {
+    return (_jsx(MenuItems, { anchor: "bottom start", transition: true, className: cn("z-50 min-w-[180px] rounded-md border border-edge bg-surface-2 p-1 shadow-[var(--shadow-popover)] [--anchor-gap:4px] focus:outline-none", "origin-top transition duration-100 ease-out data-closed:scale-95 data-closed:opacity-0", className), ...props }));
+}
+export function DropdownMenuItem({ className, ...props }) {
+    return (_jsx(MenuItem, { as: "button", type: "button", className: cn("flex w-full cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-left text-body text-foreground outline-none", "data-focus:bg-surface-3", "data-disabled:pointer-events-none data-disabled:opacity-50", className), ...omitUndefined(props) }));
+}
+/** Unconsumed today (see module doc above) — caller controls `checked`
+ * itself, since Headless UI's `Menu` has no built-in checkbox-item state
+ * the way Radix's `DropdownMenuCheckboxItem` did. */
+export function DropdownMenuCheckboxItem({ className, checked = false, children, ...props }) {
+    return (_jsxs(MenuItem, { as: "button", type: "button", role: "menuitemcheckbox", "aria-checked": checked, className: cn("flex w-full cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-left text-body text-foreground outline-none", "data-focus:bg-surface-3", className), ...omitUndefined(props), children: [_jsx("span", { className: "flex h-3.5 w-3.5 items-center justify-center", children: checked && _jsx(Check, { size: 14, strokeWidth: 1.5, "aria-hidden": "true" }) }), children] }));
+}
+/**
+ * **Found live, not assumed**: Headless UI's own `MenuHeading` throws the
+ * identical "not inside a relevant parent" error `label.tsx`'s own module
+ * doc already found for the standalone `Label` — `MenuHeading` needs a
+ * `MenuSection` ancestor to supply that context (`MenuSection`'s own
+ * implementation calls `useLabels()` to *create* the provider; `MenuHeading`
+ * calls `useLabelContext()` to *consume* it), and every call site here
+ * (matching the original Radix `DropdownMenuLabel`'s own shape) renders a
+ * standalone label with no surrounding group. Radix's own `Label` was a
+ * plain, non-interactive `<div>` with no roving-focus/ARIA-grouping
+ * behaviour beyond being read as ordinary text inside the menu's
+ * accessible tree — so a plain `<div>` here loses nothing real and avoids
+ * a dependency this element doesn't actually need. Reproduced live: a real
+ * "Uncaught Error: You used a <Label /> component, but it is not inside a
+ * relevant parent" client-side exception, thrown the instant the gallery's
+ * demo menu opened, before this fix.
+ */
+export function DropdownMenuLabel({ className, ...props }) {
+    return (_jsx("div", { className: cn("px-2 py-1.5 text-micro text-muted-foreground tracking-[0.03em]", className), ...props }));
+}
+//# sourceMappingURL=dropdown-menu.js.map

package/dist/components/primitives/dropdown-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.js","sourceRoot":"","sources":["../../../src/components/primitives/dropdown-menu.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EACL,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,SAAS,EACT,WAAW,EACX,aAAa,GACd,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAErC,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAEzD,qFAAqF;AACrF,MAAM,CAAC,MAAM,YAAY,GAAG,IAAI,CAAC;AAEjC,2EAA2E;AAC3E,qEAAqE;AACrE,qEAAqE;AACrE,MAAM,CAAC,MAAM,mBAAmB,GAAG,UAAU,CAAC;AAE9C,yEAAyE;AACzE,yEAAyE;AACzE,yEAAyE;AACzE,uBAAuB;AACvB,MAAM,CAAC,MAAM,iBAAiB,GAAG,WAAW,CAAC;AAE7C,MAAM,UAAU,qBAAqB,CAAC,EACpC,SAAS,EACT,GAAG,KAAK,EACuC;IAC/C,OAAO,KAAC,aAAa,IAAC,SAAS,EAAE,EAAE,CAAC,mBAAmB,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AACrF,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,EAClC,SAAS,EACT,GAAG,KAAK,EACmC;IAC3C,OAAO,CACL,KAAC,SAAS,IACR,MAAM,EAAC,cAAc,EACrB,UAAU,QACV,SAAS,EAAE,EAAE,CACX,wIAAwI,EACxI,wFAAwF,EACxF,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,EAC/B,SAAS,EACT,GAAG,KAAK,EACyC;IACjD,OAAO,CACL,KAAC,QAAQ,IACP,EAAE,EAAC,QAAQ,EACX,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,EAAE,CACX,uHAAuH,EACvH,yBAAyB,EACzB,4DAA4D,EAC5D,SAAS,CACV,KACG,aAAa,CAAC,KAAK,CAAC,GACxB,CACH,CAAC;AACJ,CAAC;AAED;;qDAEqD;AACrD,MAAM,UAAU,wBAAwB,CAAC,EACvC,SAAS,EACT,OAAO,GAAG,KAAK,EACf,QAAQ,EACR,GAAG,KAAK,EACiE;IACzE,OAAO,CACL,MAAC,QAAQ,IACP,EAAE,EAAC,QAAQ,EACX,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,kBAAkB,kBACT,OAAO,EACrB,SAAS,EAAE,EAAE,CACX,uHAAuH,EACvH,yBAAyB,EACzB,SAAS,CACV,KACG,aAAa,CAAC,KAAK,CAAC,aAExB,eAAM,SAAS,EAAC,8CAA8C,YAC3D,OAAO,IAAI,KAAC,KAAK,IAAC,IAAI,EAAE,EAAE,EAAE,WAAW,EAAE,GAAG,iBAAc,MAAM,GAAG,GAC/D,EACN,QAAQ,IACA,CACZ,CAAC;AACJ,CAAC;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,UAAU,iBAAiB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAwC;IAC7F,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CAAC,gEAAgE,EAAE,SAAS,CAAC,KACtF,KAAK,GACT,CACH,CAAC;AACJ,CAAC"}

package/dist/components/primitives/form-field.d.ts

@@ -0,0 +1,94 @@
+import type { ReactNode } from "react";
+/**
+ * A labelled form control with an optional validation error beneath it.
+ *
+ * This replaces the console's two most-duplicated class strings after the
+ * table-column ones:
+ *
+ * - `"flex flex-col gap-1.5"` — **80 occurrences**, every one of them
+ *   wrapping exactly `<Label htmlFor>` + one control (+ sometimes an
+ *   error paragraph).
+ * - `"text-caption text-state-danger-fg"` — **35 occurrences**, almost all
+ *   of them that error paragraph.
+ *
+ * The shape was identical at every site, checked before this component was
+ * designed rather than assumed:
+ *
+ * ```tsx
+ * <div className="flex flex-col gap-1.5">
+ *   <Label htmlFor="record-msisdn">MSISDN</Label>
+ *   <Input id="record-msisdn" {...form.register("msisdn")} />
+ *   <p className="text-caption text-state-danger-fg">{errors.msisdn.message}</p>
+ * </div>
+ * ```
+ *
+ * becomes
+ *
+ * ```tsx
+ * <FormField label="MSISDN" htmlFor="record-msisdn" error={errors.msisdn?.message}>
+ *   <Input id="record-msisdn" {...form.register("msisdn")} />
+ * </FormField>
+ * ```
+ *
+ * **Why a semantic component and not a generic `<Stack gap="1.5">`.** A
+ * layout primitive parameterised by its own CSS is a `<div>` with extra
+ * steps — it moves the class from the call site into a prop at the call
+ * site, which is not factorisation. `FormField` instead names the *thing*
+ * (a labelled control with an error slot), so the spacing, the label
+ * treatment and the error treatment are one decision in one place, and a
+ * caller cannot get the error styling wrong by writing the `<p>` itself.
+ *
+ * `htmlFor` is required rather than optional. Several of the 80 sites had
+ * a `<Label>` with no `htmlFor` at all, which silently breaks
+ * click-to-focus and screen-reader association; making it required turns
+ * that into a compile error instead of an accessibility bug nobody
+ * notices.
+ */
+export interface FormFieldProps {
+    label: ReactNode;
+    /** The `id` of the control this labels. Required — see the module doc. */
+    htmlFor: string;
+    /** Validation message. `undefined` renders no error element at all. */
+    error?: string | undefined;
+    /** Help text rendered between the label and the control. */
+    hint?: ReactNode;
+    /**
+     * `"field"` (default) labels a single form control by `htmlFor`.
+     *
+     * `"group"` is for a `RadioGroup`/`ChipSelect`, where the control is a
+     * `role="radiogroup"`/`role="group"` wrapper rather than a labelable
+     * element. HTML's `for` only associates with labelable form controls, so
+     * pointing it at a `<div>` is invalid *and* dangling — which is exactly
+     * what the enum migration shipped: four `<Label for="…">` with no
+     * element carrying that id anywhere, found in review.
+     *
+     * In group mode no `for` is emitted; the label carries
+     * [`groupLabelId(htmlFor)`] instead, and the caller wires the group with
+     * `aria-labelledby={groupLabelId(htmlFor)}`. Both sides derive the id
+     * from the same function so they cannot drift.
+     */
+    control?: "field" | "group";
+    children: ReactNode;
+    className?: string | undefined;
+}
+/** The id a `control="group"` FormField puts on its label, and the value a
+ * grouped control must pass as `aria-labelledby`. One function so the two
+ * sides cannot disagree. */
+export declare function groupLabelId(htmlFor: string): string;
+export declare function FormField({ label, htmlFor, error, hint, children, className, control, }: FormFieldProps): import("react").JSX.Element;
+/**
+ * A validation message.
+ *
+ * Exported separately because a handful of the 35 sites are not inside a
+ * `FormField` — a form-level error above the submit button, or an error
+ * attached to a control group rather than one input. Those should still
+ * use the same treatment rather than re-inlining the class.
+ *
+ * `role="alert"` so the message is announced when it appears, which none
+ * of the 35 hand-rolled `<p>` elements did.
+ */
+export declare function FieldError({ children, className, }: {
+    children: ReactNode;
+    className?: string | undefined;
+}): import("react").JSX.Element;
+//# sourceMappingURL=form-field.d.ts.map

package/dist/components/primitives/form-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/form-field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,SAAS,CAAC;IACjB,0EAA0E;IAC1E,OAAO,EAAE,MAAM,CAAC;IAChB,uEAAuE;IACvE,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,4DAA4D;IAC5D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;;;;;;;;;;;OAcG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC;AAED;;4BAE4B;AAC5B,wBAAgB,YAAY,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAEpD;AAED,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,OAAO,EACP,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,OAAiB,GAClB,EAAE,cAAc,+BAkBhB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,SAAS,GACV,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC,+BAMA"}

package/dist/components/primitives/form-field.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../../lib/cn.js";
+import { Label } from "./label.js";
+/** The id a `control="group"` FormField puts on its label, and the value a
+ * grouped control must pass as `aria-labelledby`. One function so the two
+ * sides cannot disagree. */
+export function groupLabelId(htmlFor) {
+    return `${htmlFor}-label`;
+}
+export function FormField({ label, htmlFor, error, hint, children, className, control = "field", }) {
+    return (_jsxs("div", { className: cn("flex flex-col gap-1.5", className), children: [control === "group" ? (_jsx("span", { id: groupLabelId(htmlFor), className: "font-medium text-body text-foreground", children: label })) : (_jsx(Label, { htmlFor: htmlFor, children: label })), hint !== undefined && _jsx("p", { className: "text-caption text-muted-foreground", children: hint }), children, error !== undefined && _jsx(FieldError, { children: error })] }));
+}
+/**
+ * A validation message.
+ *
+ * Exported separately because a handful of the 35 sites are not inside a
+ * `FormField` — a form-level error above the submit button, or an error
+ * attached to a control group rather than one input. Those should still
+ * use the same treatment rather than re-inlining the class.
+ *
+ * `role="alert"` so the message is announced when it appears, which none
+ * of the 35 hand-rolled `<p>` elements did.
+ */
+export function FieldError({ children, className, }) {
+    return (_jsx("p", { role: "alert", className: cn("text-caption text-state-danger-fg", className), children: children }));
+}
+//# sourceMappingURL=form-field.js.map

package/dist/components/primitives/form-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field.js","sourceRoot":"","sources":["../../../src/components/primitives/form-field.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AA2EhC;;4BAE4B;AAC5B,MAAM,UAAU,YAAY,CAAC,OAAe;IAC1C,OAAO,GAAG,OAAO,QAAQ,CAAC;AAC5B,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,EACxB,KAAK,EACL,OAAO,EACP,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,OAAO,GACF;IACf,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,SAAS,CAAC,aACnD,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,CAIrB,eAAM,EAAE,EAAE,YAAY,CAAC,OAAO,CAAC,EAAE,SAAS,EAAC,uCAAuC,YAC/E,KAAK,GACD,CACR,CAAC,CAAC,CAAC,CACF,KAAC,KAAK,IAAC,OAAO,EAAE,OAAO,YAAG,KAAK,GAAS,CACzC,EACA,IAAI,KAAK,SAAS,IAAI,YAAG,SAAS,EAAC,oCAAoC,YAAE,IAAI,GAAK,EAClF,QAAQ,EACR,KAAK,KAAK,SAAS,IAAI,KAAC,UAAU,cAAE,KAAK,GAAc,IACpD,CACP,CAAC;AACJ,CAAC;AAED;;;;;;;;;;GAUG;AACH,MAAM,UAAU,UAAU,CAAC,EACzB,QAAQ,EACR,SAAS,GAIV;IACC,OAAO,CACL,YAAG,IAAI,EAAC,OAAO,EAAC,SAAS,EAAE,EAAE,CAAC,mCAAmC,EAAE,SAAS,CAAC,YAC1E,QAAQ,GACP,CACL,CAAC;AACJ,CAAC"}

package/dist/components/primitives/inline-confirm.d.ts

@@ -0,0 +1,62 @@
+import type { ReactNode } from "react";
+/**
+ * A confirmation rendered **inline**, inside the caller's own DOM subtree —
+ * never a portal, never a second `Dialog`/`FocusScope`. Exists specifically
+ * to replace a centered `Dialog` nested inside an open `QuickDetailDrawer` /
+ * `MoreDetailDrawer` (`vaul`), which is permanently broken: see
+ * `frontends/apps/admin/app/gallery/page.tsx`'s own
+ * `NestedDialogInDrawerRegression` writeup for the full root-cause
+ * investigation (`vaul`'s `Content` mounts a trapped, document-level
+ * `@radix-ui/react-focus-scope` `FocusScope` regardless of `dimmed`/`modal`,
+ * and Headless UI's `Dialog` always portals to its own sibling
+ * `#headlessui-portal-root` — so the trap yanks focus straight back out of
+ * the portal the instant it tries to move in, and the confirmation never
+ * becomes visible).
+ *
+ * Covers both destructive yes/no confirmations (`title`/`description`, no
+ * `children`) and a short form embedded in a confirmation step (`children`
+ * holds the field, e.g. sender-ids-screen.tsx's provider picker) — the two
+ * shapes this console actually needs, one component. A second, form-only
+ * component was considered and rejected: both shapes are "explain the
+ * consequence, then commit or back out," and forking that into two
+ * components would just be this file's own title/description/actions
+ * scaffold copy-pasted around a different middle section.
+ *
+ * The caller owns visibility: render this instead of the drawer's normal
+ * body content (and drop the drawer's own `footer` prop, since this
+ * component supplies its own Cancel/Confirm row) rather than layering it on
+ * top — there is no overlay, no absolute positioning, and no independent
+ * open/close transition to fight the drawer's own.
+ */
+export interface InlineConfirmProps {
+    /** The question being asked, e.g. "Delete this route?" or "Register {value}
+     * with a provider". Rendered as the panel's own heading — the drawer's
+     * `title` prop stays whatever record is being acted on; this is the
+     * action, not the record. */
+    title: ReactNode;
+    description?: ReactNode;
+    /** A field belonging to this confirmation, e.g. a provider `Select` — omit
+     * for a plain yes/no confirm. */
+    children?: ReactNode;
+    confirmLabel: string;
+    /** Shown on the confirm button while `pending` — defaults to `confirmLabel`
+     * with an ellipsis. */
+    pendingLabel?: string | undefined;
+    cancelLabel?: string;
+    onConfirm: () => void;
+    onCancel: () => void;
+    pending?: boolean;
+    /** Disables the confirm button independent of `pending`, e.g. no provider
+     * selected yet. */
+    confirmDisabled?: boolean;
+    /** Danger-hued confirm button + accent border, matching `Dialog`'s own
+     * "destructive action in the danger hue, never the primary hue"
+     * convention (console-redesign.md §1.7). Defaults `true` — every current
+     * call site is destructive; the one exception (sender-ids-screen.tsx's
+     * "register with a provider" form) passes `false`. */
+    destructive?: boolean;
+    error?: ReactNode;
+    className?: string;
+}
+export declare function InlineConfirm({ title, description, children, confirmLabel, pendingLabel, cancelLabel, onConfirm, onCancel, pending, confirmDisabled, destructive, error, className, }: InlineConfirmProps): import("react").JSX.Element;
+//# sourceMappingURL=inline-confirm.d.ts.map

package/dist/components/primitives/inline-confirm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-confirm.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/inline-confirm.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,MAAM,WAAW,kBAAkB;IACjC;;;iCAG6B;IAC7B,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;qCACiC;IACjC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB;2BACuB;IACvB,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;uBACmB;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;0DAIsD;IACtD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,WAAsB,EACtB,SAAS,EACT,QAAQ,EACR,OAAe,EACf,eAAuB,EACvB,WAAkB,EAClB,KAAK,EACL,SAAS,GACV,EAAE,kBAAkB,+BAoCpB"}

package/dist/components/primitives/inline-confirm.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../../lib/cn.js";
+import { InlineBanner } from "../patterns/inline-banner.js";
+import { Button } from "./button.js";
+export function InlineConfirm({ title, description, children, confirmLabel, pendingLabel, cancelLabel = "Cancel", onConfirm, onCancel, pending = false, confirmDisabled = false, destructive = true, error, className, }) {
+    return (_jsxs("div", { className: cn("flex flex-col gap-4 rounded-sm border p-4", destructive
+            ? "border-state-danger-border bg-state-danger-bg/30"
+            : "border-edge bg-surface-2", className), children: [_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("h3", { className: "font-medium text-foreground text-title-sm", children: title }), description != null && _jsx("p", { className: "text-body text-muted-foreground", children: description })] }), children != null && _jsx("div", { className: "flex flex-col gap-4", children: children }), error != null && _jsx(InlineBanner, { variant: "danger", children: error }), _jsxs("div", { className: "flex items-center justify-end gap-2", children: [_jsx(Button, { type: "button", variant: "ghost", size: "sm", disabled: pending, onClick: onCancel, children: cancelLabel }), _jsx(Button, { type: "button", variant: destructive ? "destructive" : "primary", size: "sm", disabled: pending || confirmDisabled, onClick: onConfirm, children: pending ? (pendingLabel ?? `${confirmLabel}…`) : confirmLabel })] })] }));
+}
+//# sourceMappingURL=inline-confirm.js.map

package/dist/components/primitives/inline-confirm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-confirm.js","sourceRoot":"","sources":["../../../src/components/primitives/inline-confirm.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AA8DlC,MAAM,UAAU,aAAa,CAAC,EAC5B,KAAK,EACL,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,WAAW,GAAG,QAAQ,EACtB,SAAS,EACT,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,eAAe,GAAG,KAAK,EACvB,WAAW,GAAG,IAAI,EAClB,KAAK,EACL,SAAS,GACU;IACnB,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,2CAA2C,EAC3C,WAAW;YACT,CAAC,CAAC,kDAAkD;YACpD,CAAC,CAAC,0BAA0B,EAC9B,SAAS,CACV,aAED,eAAK,SAAS,EAAC,qBAAqB,aAClC,aAAI,SAAS,EAAC,2CAA2C,YAAE,KAAK,GAAM,EACrE,WAAW,IAAI,IAAI,IAAI,YAAG,SAAS,EAAC,iCAAiC,YAAE,WAAW,GAAK,IACpF,EAEL,QAAQ,IAAI,IAAI,IAAI,cAAK,SAAS,EAAC,qBAAqB,YAAE,QAAQ,GAAO,EAEzE,KAAK,IAAI,IAAI,IAAI,KAAC,YAAY,IAAC,OAAO,EAAC,QAAQ,YAAE,KAAK,GAAgB,EAEvE,eAAK,SAAS,EAAC,qCAAqC,aAClD,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,EAAC,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,YACjF,WAAW,GACL,EACT,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,EAChD,IAAI,EAAC,IAAI,EACT,QAAQ,EAAE,OAAO,IAAI,eAAe,EACpC,OAAO,EAAE,SAAS,YAEjB,OAAO,CAAC,CAAC,CAAC,CAAC,YAAY,IAAI,GAAG,YAAY,GAAG,CAAC,CAAC,CAAC,CAAC,YAAY,GACvD,IACL,IACF,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,4 @@
+import type { InputHTMLAttributes } from "react";
+export type InputProps = InputHTMLAttributes<HTMLInputElement>;
+export declare const Input: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAIjD,MAAM,MAAM,UAAU,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;AAS/D,eAAO,MAAM,KAAK,yGAMhB,CAAC"}

package/dist/components/primitives/input.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cn } from "../../lib/cn.js";
+// D8: no explicit `rounded-*` class needed or added — daisyUI's own
+// `.input` rule already sets every corner from `--radius-field`
+// (confirmed by reading `daisyui/components/input.css` directly), and
+// Phase 0 already rewrote that token to the new register. The class
+// string here is unchanged from before the redesign; the rendered radius
+// changed anyway, entirely from the token, with zero component code to
+// touch — the intended effect of constraint 7 ("DaisyUI does the work").
+export const Input = forwardRef(({ className, ...props }, ref) => (_jsx("input", { ref: ref, className: cn("input input-bordered w-full font-sans text-prose", className), ...props })));
+Input.displayName = "Input";
+//# sourceMappingURL=input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../src/components/primitives/input.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAIlC,oEAAoE;AACpE,gEAAgE;AAChE,sEAAsE;AACtE,oEAAoE;AACpE,yEAAyE;AACzE,uEAAuE;AACvE,yEAAyE;AACzE,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAA+B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC9F,gBACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,kDAAkD,EAAE,SAAS,CAAC,KACxE,KAAK,GACT,CACH,CAAC,CAAC;AACH,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}

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

@@ -0,0 +1,26 @@
+/**
+ * D3: ports from Radix `Label` to Headless UI's `Field`/`Label` composition.
+ *
+ * **Found live, not assumed:** Headless UI's own `Label` throws ("You used a
+ * `<Label />` component, but it is not inside a relevant parent") unless a
+ * `Field` ancestor exists to supply its context — unlike Radix's `Label`,
+ * which was a fully standalone `<label>` wrapper. None of this console's
+ * ~15 call sites wrap their `<Label htmlFor="x">…</Label>` +
+ * `<Input id="x">` pair in a `Field` (they associate the two explicitly via
+ * matching `htmlFor`/`id` instead, which needs no shared context at all),
+ * so porting to the bare Headless UI `Label` export would crash every one
+ * of them. Wrapping each call site in `<Field>` was considered and
+ * rejected — it would touch ~15 files outside this bucket's scope for no
+ * behavioural gain, since every call site already supplies its own
+ * `htmlFor`.
+ *
+ * Fixed here instead: `Label` supplies its own self-contained `Field`
+ * (`as={Fragment}`, so it adds no DOM node) around just the `Label` itself.
+ * This satisfies Headless UI's context requirement without requiring any
+ * caller to know `Field` exists, keeps the public API
+ * (`<Label htmlFor="x">…</Label>`) byte-identical to the Radix version, and
+ * still genuinely uses Headless UI's `Label` (constraint 6) rather than a
+ * hand-rolled `<label>`.
+ */
+export declare const Label: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
+//# sourceMappingURL=label.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/label.tsx"],"names":[],"mappings":"AAOA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,KAAK,sNAUjB,CAAC"}

package/dist/components/primitives/label.js

@@ -0,0 +1,33 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Field, Label as HeadlessLabel } from "@headlessui/react";
+import { Fragment, forwardRef } from "react";
+import { cn } from "../../lib/cn.js";
+import { omitUndefined } from "../../lib/omit-undefined.js";
+/**
+ * D3: ports from Radix `Label` to Headless UI's `Field`/`Label` composition.
+ *
+ * **Found live, not assumed:** Headless UI's own `Label` throws ("You used a
+ * `<Label />` component, but it is not inside a relevant parent") unless a
+ * `Field` ancestor exists to supply its context — unlike Radix's `Label`,
+ * which was a fully standalone `<label>` wrapper. None of this console's
+ * ~15 call sites wrap their `<Label htmlFor="x">…</Label>` +
+ * `<Input id="x">` pair in a `Field` (they associate the two explicitly via
+ * matching `htmlFor`/`id` instead, which needs no shared context at all),
+ * so porting to the bare Headless UI `Label` export would crash every one
+ * of them. Wrapping each call site in `<Field>` was considered and
+ * rejected — it would touch ~15 files outside this bucket's scope for no
+ * behavioural gain, since every call site already supplies its own
+ * `htmlFor`.
+ *
+ * Fixed here instead: `Label` supplies its own self-contained `Field`
+ * (`as={Fragment}`, so it adds no DOM node) around just the `Label` itself.
+ * This satisfies Headless UI's context requirement without requiring any
+ * caller to know `Field` exists, keeps the public API
+ * (`<Label htmlFor="x">…</Label>`) byte-identical to the Radix version, and
+ * still genuinely uses Headless UI's `Label` (constraint 6) rather than a
+ * hand-rolled `<label>`.
+ */
+export const Label = forwardRef(({ className, ...props }, ref) => (_jsx(Field, { as: Fragment, children: _jsx(HeadlessLabel, { ref: ref, className: cn("text-body font-medium text-foreground", className), ...omitUndefined(props) }) })));
+Label.displayName = "Label";
+//# sourceMappingURL=label.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"label.js","sourceRoot":"","sources":["../../../src/components/primitives/label.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,KAAK,EAAE,KAAK,IAAI,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAEzD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAC7B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChC,KAAC,KAAK,IAAC,EAAE,EAAE,QAAQ,YACjB,KAAC,aAAa,IACZ,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,uCAAuC,EAAE,SAAS,CAAC,KAC7D,aAAa,CAAC,KAAK,CAAC,GACxB,GACI,CACT,CACF,CAAC;AACF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}

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

@@ -0,0 +1,54 @@
+import type { ReactNode } from "react";
+export interface PaginationProps {
+    onPrevious: (() => void) | undefined;
+    onNext: (() => void) | undefined;
+    /**
+     * What the reader is looking at. Two honest shapes, and the choice is
+     * not cosmetic:
+     *
+     * - `{ kind: "offset", offset, pageSize, total }` — only when the API
+     *   genuinely returns a total. Renders `1–25 of 340`.
+     * - `{ kind: "cursor", count }` — a keyset-paged API, which most
+     *   event-shaped endpoints are, because counting a large table on every
+     *   request is the expensive part. Renders `25 shown` and no page
+     *   numbers, because there is no honest page number to render.
+     *
+     * Inventing a page count from a cursor API is the failure this type
+     * exists to prevent: it produces a "Page 3 of ?" that is wrong the
+     * moment a row is inserted.
+     */
+    position: PaginationPosition;
+    /** Rendered between the counts and the buttons — a page-size select, a
+     * "Newest first" note. */
+    children?: ReactNode;
+    /**
+     * Overrides the landmark's accessible name.
+     *
+     * Needed whenever a screen shows more than one pager — a table with
+     * controls above and below is the usual case. Two `<nav>` landmarks
+     * with the same name is a real navigation defect, not a lint nit: a
+     * screen-reader user listing landmarks sees "Pagination, Pagination"
+     * and cannot tell which is which.
+     */
+    label?: string | undefined;
+    className?: string | undefined;
+}
+export type PaginationPosition = {
+    kind: "offset";
+    offset: number;
+    pageSize: number;
+    total: number;
+} | {
+    kind: "cursor";
+    count: number;
+};
+/**
+ * Previous/next paging with an honest position readout.
+ *
+ * Both callbacks are required but nullable: `undefined` disables that
+ * direction. Making them required-but-nullable rather than optional
+ * forces a caller to decide what the boundary is, instead of getting a
+ * silently dead button by omission.
+ */
+export declare function Pagination({ onPrevious, onNext, position, children, label, className, }: PaginationProps): import("react").JSX.Element;
+//# sourceMappingURL=pagination.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/pagination.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACrC,MAAM,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACjC;;;;;;;;;;;;;;OAcG;IACH,QAAQ,EAAE,kBAAkB,CAAC;IAC7B;8BAC0B;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;;;;;OAQG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC;AAED,MAAM,MAAM,kBAAkB,GAC1B;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GACnE;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAatC;;;;;;;GAOG;AACH,wBAAgB,UAAU,CAAC,EACzB,UAAU,EACV,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,KAAoB,EACpB,SAAS,GACV,EAAE,eAAe,+BAqCjB"}

package/dist/components/primitives/pagination.js

@@ -0,0 +1,31 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronLeft, ChevronRight } from "lucide-react";
+import { cn } from "../../lib/cn.js";
+import { Button } from "./button.js";
+function positionLabel(position) {
+    if (position.kind === "cursor") {
+        return position.count === 0 ? "No results" : `${position.count} shown`;
+    }
+    const { offset, pageSize, total } = position;
+    if (total === 0)
+        return "No results";
+    const first = offset + 1;
+    const last = Math.min(offset + pageSize, total);
+    return `${first}–${last} of ${total}`;
+}
+/**
+ * Previous/next paging with an honest position readout.
+ *
+ * Both callbacks are required but nullable: `undefined` disables that
+ * direction. Making them required-but-nullable rather than optional
+ * forces a caller to decide what the boundary is, instead of getting a
+ * silently dead button by omission.
+ */
+export function Pagination({ onPrevious, onNext, position, children, label = "Pagination", className, }) {
+    const atEnd = position.kind === "cursor"
+        ? onNext === undefined
+        : position.offset + position.pageSize >= position.total;
+    return (_jsxs("nav", { "aria-label": label, className: cn("flex items-center justify-between gap-4 text-caption", className), children: [_jsx("p", { className: "font-mono text-subtle-foreground tabular-nums", children: positionLabel(position) }), _jsxs("div", { className: "flex items-center gap-2", children: [children, _jsxs(Button, { variant: "secondary", size: "sm", onClick: onPrevious, disabled: onPrevious === undefined, "aria-label": "Previous page", children: [_jsx(ChevronLeft, { size: 14, strokeWidth: 1.5 }), "Previous"] }), _jsxs(Button, { variant: "secondary", size: "sm", onClick: onNext, disabled: onNext === undefined || atEnd, "aria-label": "Next page", children: ["Next", _jsx(ChevronRight, { size: 14, strokeWidth: 1.5 })] })] })] }));
+}
+//# sourceMappingURL=pagination.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.js","sourceRoot":"","sources":["../../../src/components/primitives/pagination.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAEzD,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAyClC,SAAS,aAAa,CAAC,QAA4B;IACjD,IAAI,QAAQ,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;QAC/B,OAAO,QAAQ,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,KAAK,QAAQ,CAAC;IACzE,CAAC;IACD,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC;IAC7C,IAAI,KAAK,KAAK,CAAC;QAAE,OAAO,YAAY,CAAC;IACrC,MAAM,KAAK,GAAG,MAAM,GAAG,CAAC,CAAC;IACzB,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,QAAQ,EAAE,KAAK,CAAC,CAAC;IAChD,OAAO,GAAG,KAAK,IAAI,IAAI,OAAO,KAAK,EAAE,CAAC;AACxC,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,UAAU,UAAU,CAAC,EACzB,UAAU,EACV,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,KAAK,GAAG,YAAY,EACpB,SAAS,GACO;IAChB,MAAM,KAAK,GACT,QAAQ,CAAC,IAAI,KAAK,QAAQ;QACxB,CAAC,CAAC,MAAM,KAAK,SAAS;QACtB,CAAC,CAAC,QAAQ,CAAC,MAAM,GAAG,QAAQ,CAAC,QAAQ,IAAI,QAAQ,CAAC,KAAK,CAAC;IAE5D,OAAO,CACL,6BACc,KAAK,EACjB,SAAS,EAAE,EAAE,CAAC,sDAAsD,EAAE,SAAS,CAAC,aAEhF,YAAG,SAAS,EAAC,+CAA+C,YAAE,aAAa,CAAC,QAAQ,CAAC,GAAK,EAC1F,eAAK,SAAS,EAAC,yBAAyB,aACrC,QAAQ,EACT,MAAC,MAAM,IACL,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,UAAU,KAAK,SAAS,gBACvB,eAAe,aAE1B,KAAC,WAAW,IAAC,IAAI,EAAE,EAAE,EAAE,WAAW,EAAE,GAAG,GAAI,gBAEpC,EACT,MAAC,MAAM,IACL,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,KAAK,SAAS,IAAI,KAAK,gBAC5B,WAAW,qBAGtB,KAAC,YAAY,IAAC,IAAI,EAAE,EAAE,EAAE,WAAW,EAAE,GAAG,GAAI,IACrC,IACL,IACF,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,12 @@
+import { PopoverPanel } from "@headlessui/react";
+import type { ComponentPropsWithoutRef } from "react";
+export declare const Popover: import("@headlessui/react")._internal_ComponentPopover & {
+    Button: import("@headlessui/react")._internal_ComponentPopoverButton;
+    Backdrop: import("@headlessui/react")._internal_ComponentPopoverBackdrop;
+    Overlay: import("@headlessui/react")._internal_ComponentPopoverBackdrop;
+    Panel: import("@headlessui/react")._internal_ComponentPopoverPanel;
+    Group: import("@headlessui/react")._internal_ComponentPopoverGroup;
+};
+export declare const PopoverTrigger: import("@headlessui/react")._internal_ComponentPopoverButton;
+export declare function PopoverContent({ className, anchor, ...props }: ComponentPropsWithoutRef<typeof PopoverPanel>): import("react").JSX.Element;
+//# sourceMappingURL=popover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/popover.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA6C,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC5F,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAQtD,eAAO,MAAM,OAAO;;;;;;CAAkB,CAAC;AAKvC,eAAO,MAAM,cAAc,8DAAgB,CAAC;AAO5C,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,MAAuB,EACvB,GAAG,KAAK,EACT,EAAE,wBAAwB,CAAC,OAAO,YAAY,CAAC,+BAa/C"}

package/dist/components/primitives/popover.js

@@ -0,0 +1,22 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Popover as HeadlessPopover, PopoverButton, PopoverPanel } from "@headlessui/react";
+import { cn } from "../../lib/cn.js";
+// D3: Radix `Popover` → Headless UI `Popover`/`PopoverButton`/`PopoverPanel`.
+// `Popover`/`PopoverButton` are used as-is — Headless UI's own `Popover` is
+// already a fully self-contained open/close state machine (no separate
+// "Root" plumbing needed the way `Dialog` needs one here, since Popover
+// natively supports an in-place, uncontrolled trigger).
+export const Popover = HeadlessPopover;
+// `PopoverButton` is natively polymorphic (`as`), replacing Radix's
+// `asChild` pattern (D4's same call, applied here to a trigger rather than
+// `Button` itself): `<PopoverTrigger as={Button} variant="secondary">…`.
+export const PopoverTrigger = PopoverButton;
+// Radix also exported a standalone `Anchor` (a positioning reference
+// distinct from the trigger) — unconsumed anywhere in this codebase, and
+// Headless UI's own `anchor` prop on `PopoverPanel` (below) covers the same
+// need without a separate element, so no replacement is exported.
+export function PopoverContent({ className, anchor = "bottom start", ...props }) {
+    return (_jsx(PopoverPanel, { anchor: anchor, transition: true, className: cn("z-50 rounded-md border border-edge bg-surface-2 p-3 shadow-[var(--shadow-popover)] [--anchor-gap:6px] focus:outline-none", "origin-top transition duration-100 ease-out data-closed:scale-95 data-closed:opacity-0", className), ...props }));
+}
+//# sourceMappingURL=popover.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover.js","sourceRoot":"","sources":["../../../src/components/primitives/popover.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE5F,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,8EAA8E;AAC9E,4EAA4E;AAC5E,uEAAuE;AACvE,wEAAwE;AACxE,wDAAwD;AACxD,MAAM,CAAC,MAAM,OAAO,GAAG,eAAe,CAAC;AAEvC,oEAAoE;AACpE,2EAA2E;AAC3E,yEAAyE;AACzE,MAAM,CAAC,MAAM,cAAc,GAAG,aAAa,CAAC;AAE5C,qEAAqE;AACrE,yEAAyE;AACzE,4EAA4E;AAC5E,kEAAkE;AAElE,MAAM,UAAU,cAAc,CAAC,EAC7B,SAAS,EACT,MAAM,GAAG,cAAc,EACvB,GAAG,KAAK,EACsC;IAC9C,OAAO,CACL,KAAC,YAAY,IACX,MAAM,EAAE,MAAM,EACd,UAAU,QACV,SAAS,EAAE,EAAE,CACX,0HAA0H,EAC1H,wFAAwF,EACxF,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,25 @@
+import type { StatusHue } from "../status/status-tokens.js";
+export interface ProgressProps {
+    /** Completed units. Clamped into `[0, max]`. */
+    value: number;
+    max?: number;
+    /** `undefined` renders an indeterminate bar. */
+    tone?: StatusHue;
+    /** Accessible name, e.g. `"Retry budget used"`. */
+    label: string;
+    /** Show `3 / 5` beside the bar. */
+    showValue?: boolean;
+    className?: string | undefined;
+}
+/**
+ * A determinate progress bar for a *bounded, countable* quantity —
+ * attempts against a retry budget, rows processed, quota consumed.
+ *
+ * Not for an unbounded wait: a bar that creeps toward a value it cannot
+ * reach is a lie, and `Spinner` is the honest alternative. The `max` is
+ * required in spirit for that reason, and defaults to 100 only so a
+ * percentage — the one case where the bound is implied — needs no
+ * ceremony.
+ */
+export declare function Progress({ value, max, tone, label, showValue, className, }: ProgressProps): import("react").JSX.Element;
+//# sourceMappingURL=progress.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/progress.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAGzD,MAAM,WAAW,aAAa;IAC5B,gDAAgD;IAChD,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,gDAAgD;IAChD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,mDAAmD;IACnD,KAAK,EAAE,MAAM,CAAC;IACd,mCAAmC;IACnC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC;AAED;;;;;;;;;GASG;AACH,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,GAAS,EACT,IAAgB,EAChB,KAAK,EACL,SAAiB,EACjB,SAAS,GACV,EAAE,aAAa,+BA+Bf"}

package/dist/components/primitives/progress.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../../lib/cn.js";
+import { HUE_CLASSES } from "../status/status-tokens.js";
+/**
+ * A determinate progress bar for a *bounded, countable* quantity —
+ * attempts against a retry budget, rows processed, quota consumed.
+ *
+ * Not for an unbounded wait: a bar that creeps toward a value it cannot
+ * reach is a lie, and `Spinner` is the honest alternative. The `max` is
+ * required in spirit for that reason, and defaults to 100 only so a
+ * percentage — the one case where the bound is implied — needs no
+ * ceremony.
+ */
+export function Progress({ value, max = 100, tone = "neutral", label, showValue = false, className, }) {
+    const safeMax = max <= 0 ? 1 : max;
+    const clamped = Math.min(Math.max(value, 0), safeMax);
+    const percent = (clamped / safeMax) * 100;
+    const hue = HUE_CLASSES[tone];
+    return (_jsxs("div", { className: cn("flex items-center gap-2", className), children: [_jsx("div", { role: "progressbar", "aria-label": label, "aria-valuenow": clamped, "aria-valuemin": 0, "aria-valuemax": safeMax, className: "h-1.5 min-w-0 flex-1 overflow-hidden rounded-full bg-surface-3", children: _jsx("div", { 
+                    // `currentColor` on a text-token class, so the fill tracks the
+                    // same hue vocabulary every status surface uses rather than
+                    // introducing a parallel set of bar colours.
+                    className: cn("h-full rounded-full bg-current transition-[width] duration-300", hue.fg), style: { width: `${percent}%` } }) }), showValue && (_jsxs("span", { className: "shrink-0 font-mono text-caption text-subtle-foreground tabular-nums", children: [clamped, " / ", safeMax] }))] }));
+}
+//# sourceMappingURL=progress.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"progress.js","sourceRoot":"","sources":["../../../src/components/primitives/progress.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAetD;;;;;;;;;GASG;AACH,MAAM,UAAU,QAAQ,CAAC,EACvB,KAAK,EACL,GAAG,GAAG,GAAG,EACT,IAAI,GAAG,SAAS,EAChB,KAAK,EACL,SAAS,GAAG,KAAK,EACjB,SAAS,GACK;IACd,MAAM,OAAO,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;IACnC,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;IACtD,MAAM,OAAO,GAAG,CAAC,OAAO,GAAG,OAAO,CAAC,GAAG,GAAG,CAAC;IAC1C,MAAM,GAAG,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;IAE9B,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,aACtD,cACE,IAAI,EAAC,aAAa,gBACN,KAAK,mBACF,OAAO,mBACP,CAAC,mBACD,OAAO,EACtB,SAAS,EAAC,gEAAgE,YAE1E;oBACE,+DAA+D;oBAC/D,4DAA4D;oBAC5D,6CAA6C;oBAC7C,SAAS,EAAE,EAAE,CAAC,gEAAgE,EAAE,GAAG,CAAC,EAAE,CAAC,EACvF,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,OAAO,GAAG,EAAE,GAC/B,GACE,EACL,SAAS,IAAI,CACZ,gBAAM,SAAS,EAAC,qEAAqE,aAClF,OAAO,SAAK,OAAO,IACf,CACR,IACG,CACP,CAAC;AACJ,CAAC"}