@prenta/admin 2.6.1 → 2.7.0

package/dist/components/ui/PageHeader.d.ts

@@ -0,0 +1,28 @@
+import type { ReactNode } from 'react';
+export interface PageHeaderProps {
+    /** Page title. It equals the screen's sidebar label. */
+    title: string;
+    subtitle?: ReactNode;
+    /** Right-aligned header actions (buttons, AI button, live toggle). */
+    actions?: ReactNode;
+    /** A `<Breadcrumb>`, on second-level screens only. */
+    breadcrumb?: ReactNode;
+    /**
+     * Drop the page gutter padding, for screens whose wrapper already pads the
+     * content (the kit's Jobs and Appearance layouts, `padding: 22px 28px`).
+     */
+    flush?: boolean;
+}
+/**
+ * Page title row (SHELL.md §4): padding 14px var(--gut) 0; title 21 / 700 /
+ * -0.5px; subtitle 13px --sub, max 640px; actions right-aligned, gap 8.
+ *
+ * Tiers (cms-layouts.css): the title is 19px at tablet, 18px on mobile and
+ * 26px at 4K; the subtitle 12.5px on mobile, 14.5px at 4K, and a plain-text
+ * subtitle hides below 461px. On mobile the actions wrap under the title
+ * (row gap 10px). The actions cluster is `data-header-actions`, so its
+ * buttons collapse to icons at tablet and mobile and its `data-fab` action
+ * floats on mobile (responsive.css).
+ */
+export declare function PageHeader({ title, subtitle, actions, breadcrumb, flush, }: PageHeaderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PageHeader.d.ts.map

package/dist/components/ui/PageHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../src/components/ui/PageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,MAAM,WAAW,eAAe;IAC9B,wDAAwD;IACxD,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,sEAAsE;IACtE,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,sDAAsD;IACtD,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,OAAO,EACP,UAAU,EACV,KAAa,GACd,EAAE,eAAe,2CA4BjB"}

package/dist/components/ui/PageHeader.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Page title row (SHELL.md §4): padding 14px var(--gut) 0; title 21 / 700 /
+ * -0.5px; subtitle 13px --sub, max 640px; actions right-aligned, gap 8.
+ *
+ * Tiers (cms-layouts.css): the title is 19px at tablet, 18px on mobile and
+ * 26px at 4K; the subtitle 12.5px on mobile, 14.5px at 4K, and a plain-text
+ * subtitle hides below 461px. On mobile the actions wrap under the title
+ * (row gap 10px). The actions cluster is `data-header-actions`, so its
+ * buttons collapse to icons at tablet and mobile and its `data-fab` action
+ * floats on mobile (responsive.css).
+ */
+export function PageHeader({ title, subtitle, actions, breadcrumb, flush = false, }) {
+    return (_jsxs("header", { className: `mobile:gap-y-2.5 flex flex-wrap items-start gap-4 ${flush ? '' : 'px-[var(--gut)] pt-3.5'}`, children: [_jsxs("div", { className: "min-w-0 flex-[1_1_360px]", children: [breadcrumb ? _jsx("div", { className: "mb-1", children: breadcrumb }) : null, _jsx("h1", { className: "text-page text-txt tablet:text-[19px] mobile:text-[18px] 4k:text-[26px] m-0 leading-[normal]", children: title }), typeof subtitle === 'string' ? (_jsx("p", { className: "text-body text-sub mobile:text-[12.5px] 4k:text-[14.5px] m-0 mt-[3px] max-w-[640px] leading-[normal] text-pretty [@media(width<461px)]:hidden", children: subtitle })) : subtitle ? (
+                    // Rich subtitles (status pills, presence) may hold block elements.
+                    _jsx("div", { className: "text-body text-sub mobile:text-[12.5px] 4k:text-[14.5px] mt-[3px] flex flex-wrap items-center gap-3 leading-[normal]", children: subtitle })) : null] }), actions ? (_jsx("div", { "data-header-actions": "", className: "ml-auto flex flex-wrap items-center gap-2", children: actions })) : null] }));
+}
+//# sourceMappingURL=PageHeader.js.map

package/dist/components/ui/PageHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeader.js","sourceRoot":"","sources":["../../../src/components/ui/PageHeader.tsx"],"names":[],"mappings":";AAiBA;;;;;;;;;;GAUG;AACH,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,OAAO,EACP,UAAU,EACV,KAAK,GAAG,KAAK,GACG;IAChB,OAAO,CACL,kBACE,SAAS,EAAE,qDAAqD,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,wBAAwB,EAAE,aAEvG,eAAK,SAAS,EAAC,0BAA0B,aACtC,UAAU,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,MAAM,YAAE,UAAU,GAAO,CAAC,CAAC,CAAC,IAAI,EAC7D,aAAI,SAAS,EAAC,8FAA8F,YACzG,KAAK,GACH,EACJ,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC9B,YAAG,SAAS,EAAC,+IAA+I,YACzJ,QAAQ,GACP,CACL,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC;oBACb,mEAAmE;oBACnE,cAAK,SAAS,EAAC,sHAAsH,YAClI,QAAQ,GACL,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,EACL,OAAO,CAAC,CAAC,CAAC,CACT,qCAAyB,EAAE,EAAC,SAAS,EAAC,2CAA2C,YAC9E,OAAO,GACJ,CACP,CAAC,CAAC,CAAC,IAAI,IACD,CACV,CAAA;AACH,CAAC"}

package/dist/components/ui/RowActions.d.ts

@@ -3,6 +3,11 @@ import type { ButtonHTMLAttributes, ReactNode } from 'react';
  * Design-system table row actions (`.row-actions` / `.ra-icon-btn`): a
  * right-aligned cluster of 27px bordered icon buttons that fades in on row
  * hover (the row must have the `group` class) and on keyboard focus.
+ *
+ * At 1024px and below, and on screens that can't hover, the actions are
+ * always shown (cms-layouts.css): there is no hover to reveal them. On a
+ * mobile card they line up at the start of its actions row, 44px each
+ * (responsive.css); on touch screens they are 44px everywhere.
  */
 export declare function RowActions({ children, className }: {
     children: ReactNode;

package/dist/components/ui/RowActions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RowActions.d.ts","sourceRoot":"","sources":["../../../src/components/ui/RowActions.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE5D;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,2CAQ9F;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAChD,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,MAAM,CACP;IACC,gEAAgE;IAChE,YAAY,EAAE,MAAM,CAAA;IACpB,mDAAmD;IACnD,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,wBAAgB,eAAe,CAAC,EAC9B,MAAc,EACd,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,oBAAoB,2CActB"}
+{"version":3,"file":"RowActions.d.ts","sourceRoot":"","sources":["../../../src/components/ui/RowActions.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE5D;;;;;;;;;GASG;AACH,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,2CAQ9F;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAChD,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,MAAM,CACP;IACC,gEAAgE;IAChE,YAAY,EAAE,MAAM,CAAA;IACpB,mDAAmD;IACnD,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,wBAAgB,eAAe,CAAC,EAC9B,MAAc,EACd,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,oBAAoB,2CActB"}

package/dist/components/ui/RowActions.js

@@ -4,12 +4,17 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * Design-system table row actions (`.row-actions` / `.ra-icon-btn`): a
  * right-aligned cluster of 27px bordered icon buttons that fades in on row
  * hover (the row must have the `group` class) and on keyboard focus.
+ *
+ * At 1024px and below, and on screens that can't hover, the actions are
+ * always shown (cms-layouts.css): there is no hover to reveal them. On a
+ * mobile card they line up at the start of its actions row, 44px each
+ * (responsive.css); on touch screens they are 44px everywhere.
  */
 export function RowActions({ children, className }) {
-    return (_jsx("div", { className: `flex items-center justify-end gap-1 opacity-0 transition-opacity duration-[var(--motion-fast)] group-hover:opacity-100 focus-within:opacity-100 ${className ?? ''}`, children: children }));
+    return (_jsx("div", { className: `narrow:opacity-100 mobile:justify-start flex items-center justify-end gap-1 opacity-0 transition-opacity duration-[var(--motion-fast)] group-hover:opacity-100 focus-within:opacity-100 [@media(hover:none)]:opacity-100 ${className ?? ''}`, children: children }));
 }
 export function RowActionButton({ danger = false, className, children, ...rest }) {
-    return (_jsx("button", { type: "button", className: `flex h-[27px] w-[27px] items-center justify-center rounded-[6px] border border-[var(--bdr)] bg-[var(--card)] text-[var(--muted)] transition-colors duration-[var(--motion-fast)] focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 ${danger
+    return (_jsx("button", { type: "button", className: `prenta-touch-target flex h-[27px] w-[27px] items-center justify-center rounded-[6px] border border-[var(--bdr)] bg-[var(--card)] text-[var(--muted)] transition-colors duration-[var(--motion-fast)] focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 ${danger
             ? 'hover:border-[var(--err)] hover:bg-[var(--err-l)] hover:text-[var(--err)]'
             : 'hover:border-[var(--acc-m)] hover:bg-[var(--acc-l)] hover:text-[var(--acc)]'} ${className ?? ''}`, ...rest, children: children }));
 }

package/dist/components/ui/RowActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"RowActions.js","sourceRoot":"","sources":["../../../src/components/ui/RowActions.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAIZ;;;;GAIG;AACH,MAAM,UAAU,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAA+C;IAC7F,OAAO,CACL,cACE,SAAS,EAAE,mJAAmJ,SAAS,IAAI,EAAE,EAAE,YAE9K,QAAQ,GACL,CACP,CAAA;AACH,CAAC;AAaD,MAAM,UAAU,eAAe,CAAC,EAC9B,MAAM,GAAG,KAAK,EACd,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACc;IACrB,OAAO,CACL,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,qTACT,MAAM;YACJ,CAAC,CAAC,2EAA2E;YAC7E,CAAC,CAAC,6EACN,IAAI,SAAS,IAAI,EAAE,EAAE,KACjB,IAAI,YAEP,QAAQ,GACF,CACV,CAAA;AACH,CAAC"}
+{"version":3,"file":"RowActions.js","sourceRoot":"","sources":["../../../src/components/ui/RowActions.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAIZ;;;;;;;;;GASG;AACH,MAAM,UAAU,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAA+C;IAC7F,OAAO,CACL,cACE,SAAS,EAAE,4NAA4N,SAAS,IAAI,EAAE,EAAE,YAEvP,QAAQ,GACL,CACP,CAAA;AACH,CAAC;AAaD,MAAM,UAAU,eAAe,CAAC,EAC9B,MAAM,GAAG,KAAK,EACd,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACc;IACrB,OAAO,CACL,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,yUACT,MAAM;YACJ,CAAC,CAAC,2EAA2E;YAC7E,CAAC,CAAC,6EACN,IAAI,SAAS,IAAI,EAAE,EAAE,KACjB,IAAI,YAEP,QAAQ,GACF,CACV,CAAA;AACH,CAAC"}

package/dist/components/ui/Segmented.d.ts

@@ -0,0 +1,21 @@
+export interface SegmentedOption {
+    id: string;
+    label: string;
+    count?: number;
+}
+export interface SegmentedProps {
+    options: SegmentedOption[];
+    value: string;
+    onChange: (id: string) => void;
+    /** Accessible name for the control. */
+    label: string;
+    /** Optional counts by option id; an option's own `count` wins. */
+    counts?: Record<string, number | undefined>;
+    className?: string;
+}
+/**
+ * Segmented control (SHELL.md §6, `.jb-seg`). The active segment is a raised
+ * card, not a filled accent. Arrow keys, Home and End move between segments.
+ */
+export declare function Segmented({ options, value, onChange, label, counts, className, }: SegmentedProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Segmented.d.ts.map

package/dist/components/ui/Segmented.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Segmented.d.ts","sourceRoot":"","sources":["../../../src/components/ui/Segmented.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,eAAe,EAAE,CAAA;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9B,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAA;IACb,kEAAkE;IAClE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,CAAA;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;GAGG;AACH,wBAAgB,SAAS,CAAC,EACxB,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,EACL,MAAM,EACN,SAAc,GACf,EAAE,cAAc,2CAgEhB"}

package/dist/components/ui/Segmented.js

@@ -0,0 +1,41 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef } from 'react';
+/**
+ * Segmented control (SHELL.md §6, `.jb-seg`). The active segment is a raised
+ * card, not a filled accent. Arrow keys, Home and End move between segments.
+ */
+export function Segmented({ options, value, onChange, label, counts, className = '', }) {
+    const refs = useRef([]);
+    // Roving tab stop only: with no matching value no option is selected, but
+    // the first one still takes focus.
+    const selectedIndex = Math.max(0, options.findIndex((option) => option.id === value));
+    function onKeyDown(event) {
+        const last = options.length - 1;
+        let next;
+        if (event.key === 'ArrowRight' || event.key === 'ArrowDown')
+            next = selectedIndex === last ? 0 : selectedIndex + 1;
+        else if (event.key === 'ArrowLeft' || event.key === 'ArrowUp')
+            next = selectedIndex === 0 ? last : selectedIndex - 1;
+        else if (event.key === 'Home')
+            next = 0;
+        else if (event.key === 'End')
+            next = last;
+        else
+            return;
+        event.preventDefault();
+        const option = options[next];
+        if (!option)
+            return;
+        onChange(option.id);
+        refs.current[next]?.focus();
+    }
+    return (_jsx("div", { role: "tablist", "aria-label": label, onKeyDown: onKeyDown, className: `rounded-9 border-bdr bg-bg inline-flex w-fit max-w-full gap-0.5 overflow-x-auto border p-0.5 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden ${className}`, children: options.map((option, index) => {
+            const selected = option.id === value;
+            const count = option.count ?? counts?.[option.id];
+            return (_jsxs("button", { ref: (el) => {
+                    refs.current[index] = el;
+                }, type: "button", role: "tab", "aria-selected": selected, tabIndex: index === selectedIndex ? 0 : -1, onClick: () => onChange(option.id), className: `rounded-7 text-sm2 flex cursor-pointer items-center gap-1.5 border-0 px-[11px] py-[5px] leading-[normal] font-semibold whitespace-nowrap ${selected ? 'bg-card text-txt shadow-shd' : 'text-sub hover:text-txt bg-transparent'}`, children: [option.label, typeof count === 'number' ? (_jsx("b", { className: `text-micro font-bold tabular-nums ${selected ? 'text-acc' : 'text-faint'}`, children: count })) : null] }, option.id));
+        }) }));
+}
+//# sourceMappingURL=Segmented.js.map

package/dist/components/ui/Segmented.js.map

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

package/dist/components/ui/Toaster.d.ts

@@ -0,0 +1,12 @@
+/**
+ * The admin's toast host: sonner, unstyled, painted as the kit toast
+ * (SHELL.md §7, `.jb-toast`): fixed 24px above the bottom, centred, --txt
+ * background with --bg text, padding 10px 16px, radius 9, 13px / 500.
+ * Call sites keep using `toast()` from `sonner`.
+ *
+ * `aboveTabBar`: lift the toasts clear of the mobile tab bar.
+ */
+export declare function Toaster({ aboveTabBar }?: {
+    aboveTabBar?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Toaster.d.ts.map

package/dist/components/ui/Toaster.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toaster.d.ts","sourceRoot":"","sources":["../../../src/components/ui/Toaster.tsx"],"names":[],"mappings":"AA0FA;;;;;;;GAOG;AACH,wBAAgB,OAAO,CAAC,EAAE,WAAmB,EAAE,GAAE;IAAE,WAAW,CAAC,EAAE,OAAO,CAAA;CAAO,2CAwC9E"}

package/dist/components/ui/Toaster.js

@@ -0,0 +1,103 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { isValidElement, useEffect } from 'react';
+import { Toaster as SonnerToaster, toast } from 'sonner';
+/** Kit toast lifetime (SHELL.md §7: auto-hides after 2–2.6s). */
+const TOAST_DURATION_MS = 2400;
+/**
+ * Errors and warnings (the kit shows none) often carry a server message;
+ * 2.4s is too short to read one.
+ */
+const ALERT_TOAST_DURATION_MS = 6000;
+/**
+ * `toast.promise`'s `error` option, resolved to settings with the longer
+ * lifetime. A `duration` the caller set, on the error result or for the whole
+ * promise toast, still wins.
+ */
+function longerError(error, callerDuration) {
+    const duration = callerDuration ?? ALERT_TOAST_DURATION_MS;
+    const withDuration = (result) => typeof result === 'object' && result !== null && !isValidElement(result)
+        ? { duration, ...result }
+        : { message: result, duration };
+    if (error === undefined)
+        return undefined;
+    return (async (reason) => withDuration(typeof error === 'function' ? await error(reason) : error));
+}
+let installs = 0;
+let installed = null;
+/**
+ * Sonner has no per-type default duration, so while an admin toaster is
+ * mounted, `toast.error`, `toast.warning` and the error state of
+ * `toast.promise` default to the longer lifetime. A duration passed by the
+ * caller still wins. Installed once however many toasters mount, and on the
+ * last unmount each function is restored only if ours is still in place.
+ */
+function useAlertDurations() {
+    useEffect(() => {
+        if (installs++ === 0) {
+            const originals = { error: toast.error, warning: toast.warning, promise: toast.promise };
+            const longer = (fn) => (message, data) => fn(message, { duration: ALERT_TOAST_DURATION_MS, ...data });
+            const promise = ((p, data) => originals.promise(p, data && { ...data, error: longerError(data.error, data.duration) }));
+            const wrappers = {
+                error: longer(originals.error),
+                warning: longer(originals.warning),
+                promise,
+            };
+            Object.assign(toast, wrappers);
+            installed = { originals, wrappers };
+        }
+        return () => {
+            if (--installs > 0 || !installed)
+                return;
+            const { originals, wrappers } = installed;
+            for (const key of ['error', 'warning', 'promise']) {
+                if (toast[key] === wrappers[key])
+                    Object.assign(toast, { [key]: originals[key] });
+            }
+            installed = null;
+        };
+    }, []);
+}
+// Above the mobile tab bar and the home indicator. sonner switches to
+// `mobileOffset` at 600px and below, where its own gap is 16px and a toast
+// is as wide as the screen, so it also clears a floating action button
+// (`--fab-clear`, set in responsive.css while a page has one). Wider than
+// that, a centred 356px toast doesn't reach the FAB's corner.
+const ABOVE_TAB_BAR = 'var(--tabbar-h) + env(safe-area-inset-bottom)';
+/**
+ * The admin's toast host: sonner, unstyled, painted as the kit toast
+ * (SHELL.md §7, `.jb-toast`): fixed 24px above the bottom, centred, --txt
+ * background with --bg text, padding 10px 16px, radius 9, 13px / 500.
+ * Call sites keep using `toast()` from `sonner`.
+ *
+ * `aboveTabBar`: lift the toasts clear of the mobile tab bar.
+ */
+export function Toaster({ aboveTabBar = false } = {}) {
+    useAlertDurations();
+    return (_jsx(SonnerToaster, { position: "bottom-center", offset: aboveTabBar ? { bottom: `calc(${ABOVE_TAB_BAR} + 24px)` } : 24, mobileOffset: aboveTabBar
+            ? { bottom: `calc(${ABOVE_TAB_BAR} + 16px + var(--fab-clear, 0px))` }
+            : undefined, duration: TOAST_DURATION_MS, 
+        // Inline, because sonner's injected stylesheet is unlayered and would beat
+        // utilities: the admin font (it sets a system stack) and the kit toast layer.
+        style: { fontFamily: 'inherit', zIndex: 'var(--z-toast)' }, toastOptions: {
+            unstyled: true,
+            classNames: {
+                // `prenta-inverse`: focus rings on the dark toast use --bg. Toasts
+                // stacked behind the front one hide their content, as sonner's own
+                // styles do for styled toasts.
+                toast: 'prenta-inverse right-0 left-0 mx-auto flex w-fit max-w-[calc(100vw-32px)] items-center gap-2 rounded-9 bg-txt px-4 py-2.5 text-body leading-[normal] font-medium text-bg shadow-shd2 [&[data-expanded=false][data-front=false]>*]:opacity-0',
+                content: 'flex min-w-0 flex-col gap-0.5',
+                description: 'text-meta opacity-80',
+                // Unstyled sonner drops the icon slot's box; loading spinners need it.
+                icon: 'relative flex size-4 shrink-0 items-center justify-center text-bg',
+                // The kit toast is text only. Success and info drop sonner's icon;
+                // error and warning (which the kit doesn't show) keep theirs.
+                success: '[&_[data-icon]]:hidden!',
+                info: '[&_[data-icon]]:hidden!',
+                actionButton: 'ml-1 inline-flex h-7 shrink-0 cursor-pointer items-center rounded-7 border-0 bg-acc px-2.5 text-meta font-semibold text-acc-on hover:brightness-[1.07]',
+                cancelButton: 'inline-flex h-7 shrink-0 cursor-pointer items-center rounded-7 border-0 bg-transparent px-2.5 text-meta font-semibold text-bg opacity-85 hover:opacity-100 focus-visible:opacity-100',
+                closeButton: 'text-bg',
+            },
+        } }));
+}
+//# sourceMappingURL=Toaster.js.map

package/dist/components/ui/Toaster.js.map

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

package/dist/components/ui/Toggle.d.ts

@@ -17,9 +17,10 @@ export interface ToggleProps extends ToggleVariants {
     'aria-describedby'?: string;
 }
 /**
- * Design-system toggle (`.tog-track` / `.tog-thumb`). Use `variant="enabled"`
- * for on/off tables where green communicates active state.
+ * Design-system switch (`role="switch"`). Use `variant="enabled"` for on/off
+ * tables where green communicates active state. Also exported as `Switch`.
  */
 export declare function Toggle({ checked, onCheckedChange, disabled, variant, size, id, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, 'aria-describedby': ariaDescribedBy, }: ToggleProps): import("react/jsx-runtime").JSX.Element;
-export {};
+/** The kit's name for {@link Toggle}. */
+export { Toggle as Switch };
 //# sourceMappingURL=Toggle.d.ts.map

package/dist/components/ui/Toggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/ui/Toggle.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAEvD,QAAA,MAAM,WAAW;;;;;;yBAoBhB,CAAA;AAiBD,KAAK,cAAc,GAAG,YAAY,CAAC,OAAO,WAAW,CAAC,CAAA;AAEtD,MAAM,WAAW,WAAY,SAAQ,cAAc;IACjD,OAAO,EAAE,OAAO,CAAA;IAChB,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC5B;AAED;;;GAGG;AACH,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,eAAe,EACf,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,EAAE,EACF,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,kBAAkB,EAAE,eAAe,GACpC,EAAE,WAAW,2CAeb"}
+{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/ui/Toggle.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAIvD,QAAA,MAAM,WAAW;;;;;;yBAoBhB,CAAA;AAgBD,KAAK,cAAc,GAAG,YAAY,CAAC,OAAO,WAAW,CAAC,CAAA;AAEtD,MAAM,WAAW,WAAY,SAAQ,cAAc;IACjD,OAAO,EAAE,OAAO,CAAA;IAChB,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC5B;AAED;;;GAGG;AACH,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,eAAe,EACf,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,EAAE,EACF,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,kBAAkB,EAAE,eAAe,GACpC,EAAE,WAAW,2CAeb;AAED,yCAAyC;AACzC,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,CAAA"}

package/dist/components/ui/Toggle.js

@@ -1,18 +1,21 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import * as Switch from '@radix-ui/react-switch';
+import * as SwitchPrimitive from '@radix-ui/react-switch';
 import { cv } from '../../lib/cv.js';
-const toggleTrack = cv('relative inline-block shrink-0 cursor-pointer rounded-[var(--r-pill)] border-0 p-0 transition-colors duration-[var(--motion-base)] focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50', {
+// Kit switch (SHELL.md §7, `.ap-sw`): 34×19 track, 15px knob at left 2px
+// (17px when on), .15s. Radix renders role="switch" with aria-checked.
+const toggleTrack = cv(
+// `prenta-touch-hit` grows the hit area to 44px on touch without stretching the track.
+'prenta-touch-hit rounded-pill relative inline-block shrink-0 cursor-pointer border-0 p-0 transition-[background-color] duration-[var(--mo-base)] disabled:cursor-not-allowed disabled:opacity-50', {
     variants: {
         variant: {
             /** Design system default — accent when on. */
-            accent: 'bg-[var(--bdr)] data-[state=checked]:bg-[var(--acc)]',
+            accent: 'bg-bdr data-[state=checked]:bg-acc',
             /** Semantic enable/disable — success green when on (tables, script tags). */
-            enabled: 'bg-[var(--bdr)] data-[state=checked]:bg-[var(--suc)]',
+            enabled: 'bg-bdr data-[state=checked]:bg-suc',
         },
         size: {
-            /** Matches `.tog-track` in the design system handoff (38×21). */
-            md: 'h-[21px] w-[38px]',
+            md: 'h-[19px] w-[34px]',
         },
     },
     defaultVariants: {
@@ -20,11 +23,10 @@ const toggleTrack = cv('relative inline-block shrink-0 cursor-pointer rounded-[v
         size: 'md',
     },
 });
-const toggleThumb = cv('pointer-events-none absolute top-[2.5px] left-[2.5px] block rounded-full bg-[var(--toggle-thumb)] shadow-[0_1px_3px_rgba(0,0,0,0.2)] transition-[left] duration-[var(--motion-base)] data-[state=checked]:left-[19.5px]', {
+const toggleThumb = cv('shadow-knob pointer-events-none absolute top-0.5 left-0.5 block rounded-full bg-[var(--toggle-thumb)] transition-[left] duration-[var(--mo-base)]', {
     variants: {
         size: {
-            /** Matches `.tog-thumb` in the design system handoff (16×16). */
-            md: 'h-4 w-4',
+            md: 'h-[15px] w-[15px] data-[state=checked]:left-[17px]',
         },
     },
     defaultVariants: {
@@ -32,10 +34,12 @@ const toggleThumb = cv('pointer-events-none absolute top-[2.5px] left-[2.5px] bl
     },
 });
 /**
- * Design-system toggle (`.tog-track` / `.tog-thumb`). Use `variant="enabled"`
- * for on/off tables where green communicates active state.
+ * Design-system switch (`role="switch"`). Use `variant="enabled"` for on/off
+ * tables where green communicates active state. Also exported as `Switch`.
  */
 export function Toggle({ checked, onCheckedChange, disabled, variant, size, id, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, 'aria-describedby': ariaDescribedBy, }) {
-    return (_jsx(Switch.Root, { id: id, checked: checked, onCheckedChange: onCheckedChange, disabled: disabled, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, className: toggleTrack({ variant, size }), children: _jsx(Switch.Thumb, { className: toggleThumb({ size }) }) }));
+    return (_jsx(SwitchPrimitive.Root, { id: id, checked: checked, onCheckedChange: onCheckedChange, disabled: disabled, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, className: toggleTrack({ variant, size }), children: _jsx(SwitchPrimitive.Thumb, { className: toggleThumb({ size }) }) }));
 }
+/** The kit's name for {@link Toggle}. */
+export { Toggle as Switch };
 //# sourceMappingURL=Toggle.js.map

package/dist/components/ui/Toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../../src/components/ui/Toggle.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAA;AAChD,OAAO,EAAE,EAAE,EAAqB,MAAM,iBAAiB,CAAA;AAEvD,MAAM,WAAW,GAAG,EAAE,CACpB,qQAAqQ,EACrQ;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,8CAA8C;YAC9C,MAAM,EAAE,sDAAsD;YAC9D,6EAA6E;YAC7E,OAAO,EAAE,sDAAsD;SAChE;QACD,IAAI,EAAE;YACJ,iEAAiE;YACjE,EAAE,EAAE,mBAAmB;SACxB;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,QAAQ;QACjB,IAAI,EAAE,IAAI;KACX;CACF,CACF,CAAA;AAED,MAAM,WAAW,GAAG,EAAE,CACpB,yNAAyN,EACzN;IACE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,iEAAiE;YACjE,EAAE,EAAE,SAAS;SACd;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;KACX;CACF,CACF,CAAA;AAcD;;;GAGG;AACH,MAAM,UAAU,MAAM,CAAC,EACrB,OAAO,EACP,eAAe,EACf,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,EAAE,EACF,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,kBAAkB,EAAE,eAAe,GACvB;IACZ,OAAO,CACL,KAAC,MAAM,CAAC,IAAI,IACV,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,QAAQ,gBACN,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,SAAS,EAAE,WAAW,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,YAEzC,KAAC,MAAM,CAAC,KAAK,IAAC,SAAS,EAAE,WAAW,CAAC,EAAE,IAAI,EAAE,CAAC,GAAI,GACtC,CACf,CAAA;AACH,CAAC"}
+{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../../src/components/ui/Toggle.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AACzD,OAAO,EAAE,EAAE,EAAqB,MAAM,iBAAiB,CAAA;AAEvD,yEAAyE;AACzE,uEAAuE;AACvE,MAAM,WAAW,GAAG,EAAE;AACpB,uFAAuF;AACvF,kMAAkM,EAClM;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,8CAA8C;YAC9C,MAAM,EAAE,oCAAoC;YAC5C,6EAA6E;YAC7E,OAAO,EAAE,oCAAoC;SAC9C;QACD,IAAI,EAAE;YACJ,EAAE,EAAE,mBAAmB;SACxB;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,QAAQ;QACjB,IAAI,EAAE,IAAI;KACX;CACF,CACF,CAAA;AAED,MAAM,WAAW,GAAG,EAAE,CACpB,mJAAmJ,EACnJ;IACE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,oDAAoD;SACzD;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;KACX;CACF,CACF,CAAA;AAcD;;;GAGG;AACH,MAAM,UAAU,MAAM,CAAC,EACrB,OAAO,EACP,eAAe,EACf,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,EAAE,EACF,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,kBAAkB,EAAE,eAAe,GACvB;IACZ,OAAO,CACL,KAAC,eAAe,CAAC,IAAI,IACnB,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,QAAQ,gBACN,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,SAAS,EAAE,WAAW,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,YAEzC,KAAC,eAAe,CAAC,KAAK,IAAC,SAAS,EAAE,WAAW,CAAC,EAAE,IAAI,EAAE,CAAC,GAAI,GACtC,CACxB,CAAA;AACH,CAAC;AAED,yCAAyC;AACzC,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,CAAA"}

package/dist/components/ui/UnderlineTabs.d.ts

@@ -0,0 +1,56 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+export interface UnderlineTab {
+    id: string;
+    label: string;
+    /** Leading icon, 15px (Settings and Form Settings tabs). */
+    icon?: ReactNode;
+    count?: number;
+    /** Trailing badge, e.g. a "Live" pill. Rendered after the count. */
+    badge?: ReactNode;
+}
+export interface UnderlineTabsProps {
+    tabs: UnderlineTab[];
+    value: string;
+    onChange: (id: string) => void;
+    /** Accessible name for the tab list. */
+    label: string;
+    /**
+     * Prefix for the tab and panel ids. Pass the same value to `UnderlineTabPanel`
+     * so each tab's `aria-controls` points at its panel. Defaults to a generated id.
+     */
+    idBase?: string;
+    /**
+     * `page` is a page-level strip (Settings.html `.pg-tabs`): 13px / 500 tabs
+     * in `--muted`, 10px 16px, no gap. `drawer` is the Jobs drawer's `.jd-tabs`:
+     * 9px 11px with a 6px gap and no divider of its own, because the drawer
+     * header draws the line under it (its edges still fade when tabs are
+     * hidden, as every strip's do). The default is SHELL.md §6: 13px / 600
+     * in `--sub`, 10px 12px.
+     */
+    variant?: 'default' | 'page' | 'drawer';
+    /** Classes for the scrolling strip (e.g. the page gutter as padding). */
+    className?: string;
+}
+/**
+ * Underline tabs (SHELL.md §6). The active mark is `box-shadow: inset 0 -2px 0`,
+ * never a border with a negative margin, so the strip can scroll without a
+ * vertical scrollbar. Arrow keys, Home and End move between tabs.
+ *
+ * When the tabs don't fit, the strip scrolls with its scrollbar hidden, and
+ * each edge that hides tabs fades out over 48px. The kit fades the right edge
+ * at ≤1280px unless the last tab is active; here the fade follows what is
+ * actually hidden, so it also shows on wide screens with more tabs and goes
+ * once the strip is scrolled to its end. Over each fade sits a chevron button
+ * that scrolls the strip for mouse users without a horizontal wheel; keyboard
+ * and screen-reader users reach every tab through the tab list itself, so the
+ * buttons are `aria-hidden` and out of the Tab order.
+ */
+export declare function UnderlineTabs({ tabs, value, onChange, label, idBase, variant, className, }: UnderlineTabsProps): import("react/jsx-runtime").JSX.Element;
+export interface UnderlineTabPanelProps extends HTMLAttributes<HTMLDivElement> {
+    /** Same `idBase` as the `UnderlineTabs` it belongs to. */
+    idBase: string;
+    tabId: string;
+}
+/** The panel for one underline tab: `role="tabpanel"`, labelled by its tab. */
+export declare function UnderlineTabPanel({ idBase, tabId, children, ...rest }: UnderlineTabPanelProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=UnderlineTabs.d.ts.map

package/dist/components/ui/UnderlineTabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnderlineTabs.d.ts","sourceRoot":"","sources":["../../../src/components/ui/UnderlineTabs.tsx"],"names":[],"mappings":"AAEA,OAAO,EAOL,KAAK,cAAc,EAEnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAA;AAGd,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,4DAA4D;IAC5D,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,oEAAoE;IACpE,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,YAAY,EAAE,CAAA;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9B,wCAAwC;IACxC,KAAK,EAAE,MAAM,CAAA;IACb;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAA;IACvC,yEAAyE;IACzE,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AA8BD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,KAAK,EACL,MAAM,EACN,OAAmB,EACnB,SAAc,GACf,EAAE,kBAAkB,2CAuNpB;AAuCD,MAAM,WAAW,sBAAuB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC5E,0DAA0D;IAC1D,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;CACd;AAED,+EAA+E;AAC/E,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,sBAAsB,2CAY7F"}