@adminiumjs/ui 0.1.0-rc.1

package/dist/components/secret-input/SecretInput.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Check, Copy, Eye, EyeOff } from 'lucide-react';
+import { useEffect, useRef, useState } from 'react';
+import { cn } from '../../lib/cn.js';
+import { IconButton } from '../icon-button/index.js';
+import { inputGroupContainerClasses } from '../input-group/index.js';
+/** How long the "copied" confirmation shows (design: 1.4s). */
+export const SECRET_COPIED_MS = 1400;
+/**
+ * SecretInput — masked mono value (API keys, tokens) with an eye reveal
+ * toggle and a copy button that flips to a check + announces `copiedLabel`
+ * through a polite `aria-live` region for 1.4s
+ * (research/design-system.md §3 Tier 2).
+ */
+export function SecretInput({ className, inputClassName, revealLabel, hideLabel, copyLabel, copiedLabel, error = false, onCopy, ref, ...inputProps }) {
+    const innerRef = useRef(null);
+    const timerRef = useRef(null);
+    const [revealed, setRevealed] = useState(false);
+    const [copied, setCopied] = useState(false);
+    const setRef = (node) => {
+        innerRef.current = node;
+        if (typeof ref === 'function')
+            ref(node);
+        else if (ref)
+            ref.current = node;
+    };
+    useEffect(() => () => {
+        if (timerRef.current !== null)
+            window.clearTimeout(timerRef.current);
+    }, []);
+    const handleCopy = async () => {
+        const text = innerRef.current?.value ?? '';
+        try {
+            await navigator.clipboard?.writeText(text);
+        }
+        catch {
+            // Clipboard unavailable (permissions/insecure context): still show the
+            // feedback so the interaction is not a dead click; consumers can hook
+            // `onCopy` for a fallback.
+        }
+        onCopy?.();
+        setCopied(true);
+        if (timerRef.current !== null)
+            window.clearTimeout(timerRef.current);
+        timerRef.current = window.setTimeout(() => setCopied(false), SECRET_COPIED_MS);
+    };
+    return (_jsxs("div", { "data-invalid": error ? '' : undefined, className: cn(inputGroupContainerClasses, 'pe-1.5', className), children: [_jsx("input", { ref: setRef, type: revealed ? 'text' : 'password', ...(error ? { 'aria-invalid': true } : {}), className: cn('h-full w-full min-w-0 flex-1 bg-transparent font-mono text-[13px] tabular-nums text-fg placeholder:text-fg-subtle focus:outline-none', inputClassName), ...inputProps }), _jsx(IconButton, { label: revealed ? hideLabel : revealLabel, size: "sm", "aria-pressed": revealed, onClick: () => setRevealed((current) => !current), children: revealed ? _jsx(EyeOff, { "aria-hidden": "true", className: "size-3.5" }) : _jsx(Eye, { "aria-hidden": "true", className: "size-3.5" }) }), _jsx(IconButton, { label: copyLabel, size: "sm", "data-copied": copied ? '' : undefined, onClick: () => void handleCopy(), children: copied ? _jsx(Check, { "aria-hidden": "true", className: "size-3.5 text-pos" }) : _jsx(Copy, { "aria-hidden": "true", className: "size-3.5" }) }), _jsx("span", { role: "status", "aria-live": "polite", className: "sr-only", children: copied ? copiedLabel : '' })] }));
+}
+//# sourceMappingURL=SecretInput.js.map

package/dist/components/secret-input/SecretInput.js.map

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

package/dist/components/secret-input/index.d.ts

@@ -0,0 +1,3 @@
+export { SECRET_COPIED_MS, SecretInput } from './SecretInput.js';
+export type { SecretInputProps } from './SecretInput.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/secret-input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/secret-input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACjE,YAAY,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/components/secret-input/index.js

@@ -0,0 +1,2 @@
+export { SECRET_COPIED_MS, SecretInput } from './SecretInput.js';
+//# sourceMappingURL=index.js.map

package/dist/components/secret-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/secret-input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/components/segmented-control/SegmentedControl.d.ts

@@ -0,0 +1,35 @@
+import type * as React from 'react';
+import type { Tone } from '../../lib/tones.js';
+export interface SegmentedControlOption {
+    value: string;
+    /** Segment text. Omit for icon-only segments (then set `ariaLabel`). */
+    label?: React.ReactNode | undefined;
+    /** Required accessible name when `label` is omitted (icon-only). */
+    ariaLabel?: string | undefined;
+    /** Leading Lucide icon (decorative). */
+    icon?: React.ReactNode | undefined;
+    /** Mono count pill (surface-3; accent fill on the active segment). */
+    count?: number | undefined;
+    /** Leading status dot in the given tone. */
+    dot?: Tone | undefined;
+    disabled?: boolean | undefined;
+}
+export interface SegmentedControlProps extends Omit<React.ComponentPropsWithRef<'div'>, 'style' | 'defaultValue' | 'onChange'> {
+    options: readonly SegmentedControlOption[];
+    /** Controlled selected value. */
+    value?: string | undefined;
+    /** Uncontrolled initial value (defaults to the first enabled option). */
+    defaultValue?: string | undefined;
+    onValueChange?: ((value: string) => void) | undefined;
+    /** Disables the whole tray. */
+    disabled?: boolean | undefined;
+}
+/**
+ * SegmentedControl — 3px-padded `--surface-2` tray; active segment =
+ * `--surface` bg + card shadow (research/design-system.md §3 Tier 2).
+ * Variants come from the option shape: text, icon-only, with count pill,
+ * with status dot. Radiogroup semantics with a single tab stop; arrow keys
+ * move AND select (RTL-mirrored); Home/End jump.
+ */
+export declare function SegmentedControl({ options, value, defaultValue, onValueChange, disabled, className, ...props }: SegmentedControlProps): React.JSX.Element;
+//# sourceMappingURL=SegmentedControl.d.ts.map

package/dist/components/segmented-control/SegmentedControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../src/components/segmented-control/SegmentedControl.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAE/C,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,wEAAwE;IACxE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACpC,oEAAoE;IACpE,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,wCAAwC;IACxC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACnC,sEAAsE;IACtE,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,4CAA4C;IAC5C,GAAG,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC;AAWD,MAAM,WAAW,qBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,cAAc,GAAG,UAAU,CAAC;IACvF,OAAO,EAAE,SAAS,sBAAsB,EAAE,CAAC;IAC3C,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,yEAAyE;IACzE,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,aAAa,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACtD,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC;AAED;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,KAAK,EACL,YAAY,EACZ,aAAa,EACb,QAAgB,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,qBAAqB,qBAgGvB"}

package/dist/components/segmented-control/SegmentedControl.js

@@ -0,0 +1,67 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useDirection } from '@radix-ui/react-direction';
+import { useRef, useState } from 'react';
+import { cn } from '../../lib/cn.js';
+const dotToneClasses = {
+    neutral: 'bg-fg-subtle',
+    accent: 'bg-accent',
+    pos: 'bg-pos',
+    warn: 'bg-warn',
+    danger: 'bg-danger',
+    info: 'bg-info',
+};
+/**
+ * SegmentedControl — 3px-padded `--surface-2` tray; active segment =
+ * `--surface` bg + card shadow (research/design-system.md §3 Tier 2).
+ * Variants come from the option shape: text, icon-only, with count pill,
+ * with status dot. Radiogroup semantics with a single tab stop; arrow keys
+ * move AND select (RTL-mirrored); Home/End jump.
+ */
+export function SegmentedControl({ options, value, defaultValue, onValueChange, disabled = false, className, ...props }) {
+    const direction = useDirection();
+    const trayRef = useRef(null);
+    const firstEnabled = options.find((option) => !option.disabled)?.value;
+    const [internal, setInternal] = useState(defaultValue ?? firstEnabled);
+    const current = value !== undefined ? value : internal;
+    const select = (nextValue, focus = false) => {
+        if (value === undefined)
+            setInternal(nextValue);
+        onValueChange?.(nextValue);
+        if (focus) {
+            trayRef.current
+                ?.querySelector(`[data-value="${CSS.escape(nextValue)}"]`)
+                ?.focus();
+        }
+    };
+    const handleKeyDown = (event) => {
+        const enabled = options.filter((option) => !option.disabled);
+        if (enabled.length === 0)
+            return;
+        const forwardKeys = direction === 'rtl' ? ['ArrowLeft', 'ArrowDown'] : ['ArrowRight', 'ArrowDown'];
+        const backwardKeys = direction === 'rtl' ? ['ArrowRight', 'ArrowUp'] : ['ArrowLeft', 'ArrowUp'];
+        let next;
+        if (event.key === 'Home') {
+            next = enabled[0];
+        }
+        else if (event.key === 'End') {
+            next = enabled[enabled.length - 1];
+        }
+        else {
+            const delta = forwardKeys.includes(event.key) ? 1 : backwardKeys.includes(event.key) ? -1 : 0;
+            if (delta === 0)
+                return;
+            const fromIndex = enabled.findIndex((option) => option.value === current);
+            next = enabled[(fromIndex + delta + enabled.length) % enabled.length];
+        }
+        if (!next)
+            return;
+        event.preventDefault();
+        select(next.value, true);
+    };
+    return (_jsx("div", { ref: trayRef, role: "radiogroup", onKeyDown: handleKeyDown, className: cn('inline-flex items-center gap-0.5 rounded-md bg-surface-2 p-[3px]', className), ...props, children: options.map((option) => {
+            const selected = option.value === current;
+            const tabbable = selected || (current === undefined && option.value === firstEnabled);
+            return (_jsxs("button", { type: "button", role: "radio", "aria-checked": selected, ...(option.ariaLabel === undefined ? {} : { 'aria-label': option.ariaLabel }), tabIndex: tabbable ? 0 : -1, "data-value": option.value, "data-selected": selected ? '' : undefined, disabled: disabled || option.disabled, onClick: () => select(option.value), className: cn('group inline-flex h-7 select-none items-center justify-center gap-1.5 whitespace-nowrap rounded-[8px] px-3 ', 'text-[12.5px] font-semibold text-fg-muted transition-colors duration-150 hover:text-fg ', 'focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent ', 'disabled:pointer-events-none disabled:opacity-40 ', 'data-[selected]:bg-surface data-[selected]:text-fg data-[selected]:shadow-card ', '[&_svg]:size-3.5 [&_svg]:shrink-0', option.label === undefined || option.label === null ? 'px-2' : ''), children: [option.dot === undefined ? null : (_jsx("span", { "aria-hidden": "true", className: cn('size-1.5 shrink-0 rounded-full', dotToneClasses[option.dot]) })), option.icon === undefined || option.icon === null ? null : (_jsx("span", { "aria-hidden": "true", className: "flex items-center", children: option.icon })), option.label, option.count === undefined ? null : (_jsx("span", { className: cn('inline-flex min-w-[18px] items-center justify-center rounded-full bg-surface-3 px-1.5 py-px ', 'font-mono text-[10px] font-bold tabular-nums text-fg-muted ', 'group-data-[selected]:bg-accent group-data-[selected]:text-accent-fg'), children: option.count }))] }, option.value));
+        }) }));
+}
+//# sourceMappingURL=SegmentedControl.js.map

package/dist/components/segmented-control/SegmentedControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.js","sourceRoot":"","sources":["../../../src/components/segmented-control/SegmentedControl.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGzC,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAkBrC,MAAM,cAAc,GAAyB;IAC3C,OAAO,EAAE,cAAc;IACvB,MAAM,EAAE,WAAW;IACnB,GAAG,EAAE,QAAQ;IACb,IAAI,EAAE,SAAS;IACf,MAAM,EAAE,WAAW;IACnB,IAAI,EAAE,SAAS;CAChB,CAAC;AAcF;;;;;;GAMG;AACH,MAAM,UAAU,gBAAgB,CAAC,EAC/B,OAAO,EACP,KAAK,EACL,YAAY,EACZ,aAAa,EACb,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,GAAG,KAAK,EACc;IACtB,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IACjC,MAAM,OAAO,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IACpD,MAAM,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC;IACvE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAqB,YAAY,IAAI,YAAY,CAAC,CAAC;IAC3F,MAAM,OAAO,GAAG,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC;IAEvD,MAAM,MAAM,GAAG,CAAC,SAAiB,EAAE,KAAK,GAAG,KAAK,EAAE,EAAE;QAClD,IAAI,KAAK,KAAK,SAAS;YAAE,WAAW,CAAC,SAAS,CAAC,CAAC;QAChD,aAAa,EAAE,CAAC,SAAS,CAAC,CAAC;QAC3B,IAAI,KAAK,EAAE,CAAC;YACV,OAAO,CAAC,OAAO;gBACb,EAAE,aAAa,CAAoB,gBAAgB,GAAG,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC;gBAC7E,EAAE,KAAK,EAAE,CAAC;QACd,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,KAA0C,EAAE,EAAE;QACnE,MAAM,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;QAC7D,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO;QACjC,MAAM,WAAW,GAAG,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC;QACnG,MAAM,YAAY,GAAG,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;QAChG,IAAI,IAAwC,CAAC;QAC7C,IAAI,KAAK,CAAC,GAAG,KAAK,MAAM,EAAE,CAAC;YACzB,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;QACpB,CAAC;aAAM,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,EAAE,CAAC;YAC/B,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QACrC,CAAC;aAAM,CAAC;YACN,MAAM,KAAK,GAAG,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAC9F,IAAI,KAAK,KAAK,CAAC;gBAAE,OAAO;YACxB,MAAM,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,OAAO,CAAC,CAAC;YAC1E,IAAI,GAAG,OAAO,CAAC,CAAC,SAAS,GAAG,KAAK,GAAG,OAAO,CAAC,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC;QACxE,CAAC;QACD,IAAI,CAAC,IAAI;YAAE,OAAO;QAClB,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,OAAO,CACL,cACE,GAAG,EAAE,OAAO,EACZ,IAAI,EAAC,YAAY,EACjB,SAAS,EAAE,aAAa,EACxB,SAAS,EAAE,EAAE,CAAC,kEAAkE,EAAE,SAAS,CAAC,KACxF,KAAK,YAER,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;YACtB,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,KAAK,OAAO,CAAC;YAC1C,MAAM,QAAQ,GAAG,QAAQ,IAAI,CAAC,OAAO,KAAK,SAAS,IAAI,MAAM,CAAC,KAAK,KAAK,YAAY,CAAC,CAAC;YACtF,OAAO,CACL,kBAEE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,OAAO,kBACE,QAAQ,KAClB,CAAC,MAAM,CAAC,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,MAAM,CAAC,SAAS,EAAE,CAAC,EAC9E,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,gBACf,MAAM,CAAC,KAAK,mBACT,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EACxC,QAAQ,EAAE,QAAQ,IAAI,MAAM,CAAC,QAAQ,EACrC,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,EACnC,SAAS,EAAE,EAAE,CACX,6GAA6G,EAC7G,yFAAyF,EACzF,sFAAsF,EACtF,mDAAmD,EACnD,iFAAiF,EACjF,mCAAmC,EACnC,MAAM,CAAC,KAAK,KAAK,SAAS,IAAI,MAAM,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAClE,aAEA,MAAM,CAAC,GAAG,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACjC,8BAAkB,MAAM,EAAC,SAAS,EAAE,EAAE,CAAC,gCAAgC,EAAE,cAAc,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,GAAI,CACzG,EACA,MAAM,CAAC,IAAI,KAAK,SAAS,IAAI,MAAM,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC1D,8BAAkB,MAAM,EAAC,SAAS,EAAC,mBAAmB,YACnD,MAAM,CAAC,IAAI,GACP,CACR,EACA,MAAM,CAAC,KAAK,EACZ,MAAM,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACnC,eACE,SAAS,EAAE,EAAE,CACX,8FAA8F,EAC9F,6DAA6D,EAC7D,sEAAsE,CACvE,YAEA,MAAM,CAAC,KAAK,GACR,CACR,KAvCI,MAAM,CAAC,KAAK,CAwCV,CACV,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/components/segmented-control/index.d.ts

@@ -0,0 +1,3 @@
+export { SegmentedControl } from './SegmentedControl.js';
+export type { SegmentedControlOption, SegmentedControlProps } from './SegmentedControl.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/segmented-control/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/segmented-control/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,YAAY,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/components/segmented-control/index.js

@@ -0,0 +1,2 @@
+export { SegmentedControl } from './SegmentedControl.js';
+//# sourceMappingURL=index.js.map

package/dist/components/segmented-control/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/segmented-control/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/components/select/Select.d.ts

@@ -0,0 +1,17 @@
+import type * as React from 'react';
+export interface SelectProps extends Omit<React.ComponentPropsWithRef<'select'>, 'style' | 'size'> {
+    /** Danger border + focus ring + `aria-invalid`. */
+    error?: boolean | undefined;
+    /** JetBrains Mono value (enum/technical values). */
+    mono?: boolean | undefined;
+    /** Extra classes for the positioning wrapper (className styles the `<select>`). */
+    wrapperClassName?: string | undefined;
+}
+/**
+ * Native `<select>` in the Input chrome with a chevron-down affordance
+ * (research/design-system.md §3 Tier 2). Kept native for plain forms —
+ * searchable/rich cases (avatar rows, empty state) are `Combobox`.
+ * Children are regular `<option>`/`<optgroup>` elements.
+ */
+export declare function Select({ className, wrapperClassName, error, mono, children, ...props }: SelectProps): React.JSX.Element;
+//# sourceMappingURL=Select.d.ts.map

package/dist/components/select/Select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/select/Select.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAKpC,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAChG,mDAAmD;IACnD,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B,oDAAoD;IACpD,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B,mFAAmF;IACnF,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACvC;AAED;;;;;GAKG;AACH,wBAAgB,MAAM,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,KAAa,EAAE,IAAY,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,qBAoBnH"}

package/dist/components/select/Select.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronDown } from 'lucide-react';
+import { cn } from '../../lib/cn.js';
+import { inputVariants } from '../input/index.js';
+/**
+ * Native `<select>` in the Input chrome with a chevron-down affordance
+ * (research/design-system.md §3 Tier 2). Kept native for plain forms —
+ * searchable/rich cases (avatar rows, empty state) are `Combobox`.
+ * Children are regular `<option>`/`<optgroup>` elements.
+ */
+export function Select({ className, wrapperClassName, error = false, mono = false, children, ...props }) {
+    return (_jsxs("span", { className: cn('relative inline-block w-full', wrapperClassName), children: [_jsx("select", { ...(error ? { 'aria-invalid': true, 'data-invalid': '' } : {}), className: cn(inputVariants({ mono }), 'cursor-pointer appearance-none pe-8', className), ...props, children: children }), _jsx(ChevronDown, { "aria-hidden": "true", className: "pointer-events-none absolute end-2.5 top-1/2 size-4 -translate-y-1/2 text-fg-subtle" })] }));
+}
+//# sourceMappingURL=Select.js.map

package/dist/components/select/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/select/Select.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAG3C,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAWlD;;;;;GAKG;AACH,MAAM,UAAU,MAAM,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,KAAK,GAAG,KAAK,EAAE,IAAI,GAAG,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAe;IAClH,OAAO,CACL,gBAAM,SAAS,EAAE,EAAE,CAAC,8BAA8B,EAAE,gBAAgB,CAAC,aACnE,oBACM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,IAAa,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EACxE,SAAS,EAAE,EAAE,CACX,aAAa,CAAC,EAAE,IAAI,EAAE,CAAC,EACvB,qCAAqC,EACrC,SAAS,CACV,KACG,KAAK,YAER,QAAQ,GACF,EACT,KAAC,WAAW,mBACE,MAAM,EAClB,SAAS,EAAC,qFAAqF,GAC/F,IACG,CACR,CAAC;AACJ,CAAC"}

package/dist/components/select/index.d.ts

@@ -0,0 +1,3 @@
+export { Select } from './Select.js';
+export type { SelectProps } from './Select.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/select/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,YAAY,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC"}

package/dist/components/select/index.js

@@ -0,0 +1,2 @@
+export { Select } from './Select.js';
+//# sourceMappingURL=index.js.map

package/dist/components/select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC"}

package/dist/components/skeleton/Skeleton.d.ts

@@ -0,0 +1,18 @@
+import type { VariantProps } from 'class-variance-authority';
+import type * as React from 'react';
+/**
+ * Shimmer placeholder using the tokens `.nb-skel` sweep (surface-3 ↔
+ * surface-2, 1.4s; static under reduced motion). `aria-hidden` — the loading
+ * *container* carries `aria-busy` (workplan/03-component-library.md §5.1).
+ */
+export declare const skeletonVariants: (props?: ({
+    rounded?: "sm" | "md" | "lg" | "full" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface SkeletonProps extends Omit<React.ComponentPropsWithRef<'div'>, 'style' | 'children'>, VariantProps<typeof skeletonVariants> {
+    /** Width — number = px, string = any CSS length. Omit to size via className. */
+    width?: number | string;
+    /** Height — number = px, string = any CSS length. Omit to size via className. */
+    height?: number | string;
+}
+export declare function Skeleton({ className, rounded, width, height, ...props }: SkeletonProps): React.JSX.Element;
+//# sourceMappingURL=Skeleton.d.ts.map

package/dist/components/skeleton/Skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/skeleton/Skeleton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC;;;;GAIG;AACH,eAAO,MAAM,gBAAgB;;8EAU3B,CAAC;AAEH,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,EACpE,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACvC,gFAAgF;IAChF,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,iFAAiF;IACjF,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AAOD,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,qBAetF"}

package/dist/components/skeleton/Skeleton.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from 'class-variance-authority';
+import { cn } from '../../lib/cn.js';
+/**
+ * Shimmer placeholder using the tokens `.nb-skel` sweep (surface-3 ↔
+ * surface-2, 1.4s; static under reduced motion). `aria-hidden` — the loading
+ * *container* carries `aria-busy` (workplan/03-component-library.md §5.1).
+ */
+export const skeletonVariants = cva('nb-skel block', {
+    variants: {
+        rounded: {
+            sm: 'rounded-sm',
+            md: 'rounded-md',
+            lg: 'rounded-lg',
+            full: 'rounded-full',
+        },
+    },
+    defaultVariants: { rounded: 'md' },
+});
+function toCssSize(value) {
+    if (value === undefined)
+        return undefined;
+    return typeof value === 'number' ? `${value}px` : value;
+}
+export function Skeleton({ className, rounded, width, height, ...props }) {
+    return (_jsx("div", { "aria-hidden": "true", className: cn(skeletonVariants({ rounded }), width !== undefined && 'w-[var(--adm-w)]', height !== undefined && 'h-[var(--adm-h)]', className), 
+        // Sanctioned escape hatch: CSS custom properties only (02-design-system.md §8).
+        style: { '--adm-w': toCssSize(width), '--adm-h': toCssSize(height) }, ...props }));
+}
+//# sourceMappingURL=Skeleton.js.map

package/dist/components/skeleton/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../src/components/skeleton/Skeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAI/C,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAErC;;;;GAIG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAC,eAAe,EAAE;IACnD,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,EAAE,EAAE,YAAY;YAChB,EAAE,EAAE,YAAY;YAChB,EAAE,EAAE,YAAY;YAChB,IAAI,EAAE,cAAc;SACrB;KACF;IACD,eAAe,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;CACnC,CAAC,CAAC;AAWH,SAAS,SAAS,CAAC,KAAkC;IACnD,IAAI,KAAK,KAAK,SAAS;QAAE,OAAO,SAAS,CAAC;IAC1C,OAAO,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;AAC1D,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,EAAiB;IACrF,OAAO,CACL,6BACc,MAAM,EAClB,SAAS,EAAE,EAAE,CACX,gBAAgB,CAAC,EAAE,OAAO,EAAE,CAAC,EAC7B,KAAK,KAAK,SAAS,IAAI,kBAAkB,EACzC,MAAM,KAAK,SAAS,IAAI,kBAAkB,EAC1C,SAAS,CACV;QACD,gFAAgF;QAChF,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,SAAS,CAAC,MAAM,CAAC,EAAE,KAChE,KAAK,GACT,CACH,CAAC;AACJ,CAAC"}

package/dist/components/skeleton/index.d.ts

@@ -0,0 +1,3 @@
+export { Skeleton, skeletonVariants } from './Skeleton.js';
+export type { SkeletonProps } from './Skeleton.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/skeleton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/skeleton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAC3D,YAAY,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/skeleton/index.js

@@ -0,0 +1,2 @@
+export { Skeleton, skeletonVariants } from './Skeleton.js';
+//# sourceMappingURL=index.js.map

package/dist/components/skeleton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/skeleton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC"}

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

@@ -0,0 +1,17 @@
+import * as SliderPrimitive from '@radix-ui/react-slider';
+import type * as React from 'react';
+export interface SliderProps extends Omit<React.ComponentPropsWithRef<typeof SliderPrimitive.Root>, 'style' | 'asChild'> {
+    /**
+     * Accessible name per thumb (`aria-label`), in value order. Range sliders
+     * (two-element `value`) need two labels.
+     */
+    thumbLabels?: readonly string[] | undefined;
+}
+/**
+ * Slider — Radix slider with an accent range on a `--surface-3` track
+ * (research/design-system.md §3 Tier 2). Arrow keys step (RTL-mirrored),
+ * PageUp/Down large-step, Home/End clamp. Pass a two-element `value`/
+ * `defaultValue` for a range slider.
+ */
+export declare function Slider({ className, thumbLabels, value, defaultValue, ...props }: SliderProps): React.JSX.Element;
+//# sourceMappingURL=Slider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/slider/Slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3F;;;OAGG;IACH,WAAW,CAAC,EAAE,SAAS,MAAM,EAAE,GAAG,SAAS,CAAC;CAC7C;AAED;;;;;GAKG;AACH,wBAAgB,MAAM,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,qBA4B5F"}

package/dist/components/slider/Slider.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as SliderPrimitive from '@radix-ui/react-slider';
+import { cn } from '../../lib/cn.js';
+/**
+ * Slider — Radix slider with an accent range on a `--surface-3` track
+ * (research/design-system.md §3 Tier 2). Arrow keys step (RTL-mirrored),
+ * PageUp/Down large-step, Home/End clamp. Pass a two-element `value`/
+ * `defaultValue` for a range slider.
+ */
+export function Slider({ className, thumbLabels, value, defaultValue, ...props }) {
+    const thumbCount = (value ?? defaultValue ?? [0]).length;
+    return (_jsxs(SliderPrimitive.Root, { ...(value === undefined ? {} : { value }), ...(defaultValue === undefined ? {} : { defaultValue }), className: cn('relative flex h-5 w-full touch-none select-none items-center data-[disabled]:pointer-events-none data-[disabled]:opacity-40', className), ...props, children: [_jsx(SliderPrimitive.Track, { className: "relative h-1.5 grow overflow-hidden rounded-full bg-surface-3", children: _jsx(SliderPrimitive.Range, { className: "absolute h-full bg-accent" }) }), Array.from({ length: thumbCount }, (_, index) => (_jsx(SliderPrimitive.Thumb, { ...(thumbLabels?.[index] === undefined ? {} : { 'aria-label': thumbLabels[index] }), className: cn('block size-4 rounded-full border-2 border-accent bg-surface shadow-card ', 'transition-shadow duration-150 ', 'focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-accent-soft') }, index)))] }));
+}
+//# sourceMappingURL=Slider.js.map

package/dist/components/slider/Slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../../src/components/slider/Slider.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAG1D,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAWrC;;;;;GAKG;AACH,MAAM,UAAU,MAAM,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,KAAK,EAAe;IAC3F,MAAM,UAAU,GAAG,CAAC,KAAK,IAAI,YAAY,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;IACzD,OAAO,CACL,MAAC,eAAe,CAAC,IAAI,OACf,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,KACtC,CAAC,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,EACxD,SAAS,EAAE,EAAE,CACX,6HAA6H,EAC7H,SAAS,CACV,KACG,KAAK,aAET,KAAC,eAAe,CAAC,KAAK,IAAC,SAAS,EAAC,+DAA+D,YAC9F,KAAC,eAAe,CAAC,KAAK,IAAC,SAAS,EAAC,2BAA2B,GAAG,GACzC,EACvB,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAChD,KAAC,eAAe,CAAC,KAAK,OAEhB,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC,EACpF,SAAS,EAAE,EAAE,CACX,0EAA0E,EAC1E,iCAAiC,EACjC,oFAAoF,CACrF,IANI,KAAK,CAOV,CACH,CAAC,IACmB,CACxB,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,3 @@
+export { Slider } from './Slider.js';
+export type { SliderProps } from './Slider.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/slider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,YAAY,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC"}

package/dist/components/slider/index.js

@@ -0,0 +1,2 @@
+export { Slider } from './Slider.js';
+//# sourceMappingURL=index.js.map

package/dist/components/slider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/slider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC"}

package/dist/components/snackbar/Snackbar.d.ts

@@ -0,0 +1,21 @@
+import type { ComponentPropsWithRef, ReactNode } from 'react';
+import type { ToastActionSpec } from '../toast/Toast.js';
+export interface SnackbarProps extends ComponentPropsWithRef<'div'> {
+    /** Message text. */
+    children: ReactNode;
+    /** Optional action (Undo). */
+    action?: ToastActionSpec | undefined;
+    /**
+     * Pin to the bottom / inline-center of the viewport (default). Set false
+     * to position it yourself.
+     */
+    floating?: boolean | undefined;
+}
+/**
+ * Snackbar — inverted dark pill (`fg` background / `bg` text) with an inline
+ * Undo action (research/design-system.md §3 Tier 3). For queued, tonal
+ * notifications use `Toast`/`useToastQueue`; Snackbar is the single
+ * lightweight confirmation.
+ */
+export declare function Snackbar({ children, action, floating, className, ...props }: SnackbarProps): import("react").JSX.Element;
+//# sourceMappingURL=Snackbar.d.ts.map

package/dist/components/snackbar/Snackbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Snackbar.d.ts","sourceRoot":"","sources":["../../../src/components/snackbar/Snackbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG9D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEzD,MAAM,WAAW,aAAc,SAAQ,qBAAqB,CAAC,KAAK,CAAC;IACjE,oBAAoB;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,eAAe,GAAG,SAAS,CAAC;IACrC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC;AAED;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAe,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,+BA2BjG"}

package/dist/components/snackbar/Snackbar.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../../lib/cn.js';
+/**
+ * Snackbar — inverted dark pill (`fg` background / `bg` text) with an inline
+ * Undo action (research/design-system.md §3 Tier 3). For queued, tonal
+ * notifications use `Toast`/`useToastQueue`; Snackbar is the single
+ * lightweight confirmation.
+ */
+export function Snackbar({ children, action, floating = true, className, ...props }) {
+    return (_jsxs("div", { role: "status", className: cn('inline-flex w-fit max-w-[calc(100vw-32px)] items-center gap-3 rounded-full bg-fg py-2.5 text-body-sm font-semibold text-bg shadow-menu', action === undefined ? 'px-4' : 'ps-4 pe-2', floating ? 'fixed bottom-6 inset-x-0 z-[90] mx-auto animate-[nb-fade_.24s_cubic-bezier(.2,.7,.3,1)]' : undefined, className), ...props, children: [_jsx("span", { className: "min-w-0 truncate", children: children }), action === undefined ? null : (_jsx("button", { type: "button", onClick: action.onAction, className: cn('shrink-0 rounded-full px-2.5 py-1 text-[12.5px] font-bold text-bg/90 hover:bg-bg/15 hover:text-bg', 'focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-bg'), children: action.label }))] }));
+}
+//# sourceMappingURL=Snackbar.js.map

package/dist/components/snackbar/Snackbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Snackbar.js","sourceRoot":"","sources":["../../../src/components/snackbar/Snackbar.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAerC;;;;;GAKG;AACH,MAAM,UAAU,QAAQ,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,GAAG,IAAI,EAAE,SAAS,EAAE,GAAG,KAAK,EAAiB;IAChG,OAAO,CACL,eACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,EAAE,CACX,wIAAwI,EACxI,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,EAC3C,QAAQ,CAAC,CAAC,CAAC,yFAAyF,CAAC,CAAC,CAAC,SAAS,EAChH,SAAS,CACV,KACG,KAAK,aAET,eAAM,SAAS,EAAC,kBAAkB,YAAE,QAAQ,GAAQ,EACnD,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC7B,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,MAAM,CAAC,QAAQ,EACxB,SAAS,EAAE,EAAE,CACX,mGAAmG,EACnG,iFAAiF,CAClF,YAEA,MAAM,CAAC,KAAK,GACN,CACV,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/components/snackbar/index.d.ts

@@ -0,0 +1,3 @@
+export { Snackbar } from './Snackbar.js';
+export type { SnackbarProps } from './Snackbar.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/snackbar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/snackbar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,YAAY,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/snackbar/index.js

@@ -0,0 +1,2 @@
+export { Snackbar } from './Snackbar.js';
+//# sourceMappingURL=index.js.map

package/dist/components/snackbar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/snackbar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/spinner/Spinner.d.ts

@@ -0,0 +1,22 @@
+import type { VariantProps } from 'class-variance-authority';
+import type * as React from 'react';
+/**
+ * Rotating ring: currentColor top segment on a 25%-alpha ring, `nb-spin`
+ * keyframe from @adminium/tokens. Sizes 14/18/24px
+ * (research/design-system.md §3 Tier 1). Inherits its color, so it adapts to
+ * `text-accent-fg` inside primary buttons; set `text-accent` (default) via
+ * className on standalone usage.
+ */
+export declare const spinnerVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface SpinnerProps extends Omit<React.ComponentPropsWithRef<'span'>, 'style' | 'children' | 'aria-label'>, VariantProps<typeof spinnerVariants> {
+    /**
+     * Accessible name. When provided the spinner announces as `role="status"`;
+     * without it the spinner is decorative (`aria-hidden`) — the parent should
+     * carry `aria-busy` (e.g. a loading Button).
+     */
+    label?: string;
+}
+export declare function Spinner({ className, size, label, ...props }: SpinnerProps): React.JSX.Element;
+//# sourceMappingURL=Spinner.d.ts.map

package/dist/components/spinner/Spinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/spinner/Spinner.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC;;;;;;GAMG;AACH,eAAO,MAAM,eAAe;;8EAc3B,CAAC;AAEF,MAAM,WAAW,YACf,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,YAAY,CAAC,EACpF,YAAY,CAAC,OAAO,eAAe,CAAC;IACtC;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,OAAO,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,qBAGzE"}

package/dist/components/spinner/Spinner.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from 'class-variance-authority';
+import { cn } from '../../lib/cn.js';
+/**
+ * Rotating ring: currentColor top segment on a 25%-alpha ring, `nb-spin`
+ * keyframe from @adminium/tokens. Sizes 14/18/24px
+ * (research/design-system.md §3 Tier 1). Inherits its color, so it adapts to
+ * `text-accent-fg` inside primary buttons; set `text-accent` (default) via
+ * className on standalone usage.
+ */
+export const spinnerVariants = cva(
+// The literal `nb-spin` class keeps the tokens' reduced-motion policy in
+// effect (spinner keeps rotating, slower, instead of freezing).
+'nb-spin inline-block animate-[nb-spin_0.8s_linear_infinite] rounded-full border-2 border-current/25 border-t-current', {
+    variants: {
+        size: {
+            sm: 'size-3.5',
+            md: 'size-[18px]',
+            lg: 'size-6',
+        },
+    },
+    defaultVariants: { size: 'sm' },
+});
+export function Spinner({ className, size, label, ...props }) {
+    const a11y = label !== undefined ? { role: 'status', 'aria-label': label } : { 'aria-hidden': true };
+    return _jsx("span", { ...a11y, className: cn(spinnerVariants({ size }), className), ...props });
+}
+//# sourceMappingURL=Spinner.js.map

package/dist/components/spinner/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../src/components/spinner/Spinner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAI/C,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAErC;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG;AAChC,yEAAyE;AACzE,gEAAgE;AAChE,sHAAsH,EACtH;IACE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,UAAU;YACd,EAAE,EAAE,aAAa;YACjB,EAAE,EAAE,QAAQ;SACb;KACF;IACD,eAAe,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE;CAChC,CACF,CAAC;AAaF,MAAM,UAAU,OAAO,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,EAAgB;IACxE,MAAM,IAAI,GAAG,KAAK,KAAK,SAAS,CAAC,CAAC,CAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAY,CAAC,CAAC,CAAE,EAAE,aAAa,EAAE,IAAI,EAAY,CAAC;IAC3H,OAAO,kBAAU,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,eAAe,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AAC5F,CAAC"}

package/dist/components/spinner/index.d.ts

@@ -0,0 +1,3 @@
+export { Spinner, spinnerVariants } from './Spinner.js';
+export type { SpinnerProps } from './Spinner.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/spinner/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/spinner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACxD,YAAY,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/spinner/index.js

@@ -0,0 +1,2 @@
+export { Spinner, spinnerVariants } from './Spinner.js';
+//# sourceMappingURL=index.js.map

package/dist/components/spinner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/spinner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/status-pill/StatusPill.d.ts

@@ -0,0 +1,19 @@
+import type * as React from 'react';
+import type { BadgeProps, Tone } from '../badge/Badge.js';
+export { DEFAULT_STATUS_TONES, registerStatusTones, statusTone } from '../../lib/tones.js';
+export interface StatusPillProps extends Omit<BadgeProps, 'tone' | 'dot' | 'asChild'> {
+    /** Status key resolved through the status→tone registry (`statusTone`). */
+    status: string;
+    /** Explicit tone override — skips the registry lookup. */
+    tone?: Tone;
+    /** Tone used when the status is not in the registry. Default `neutral`. */
+    fallbackTone?: Tone;
+    /** Localized label. Defaults to the raw status key (developer fallback). */
+    children?: React.ReactNode;
+}
+/**
+ * Badge preset with a status dot; tone driven by the semantic status→tone
+ * registry (research/design-system.md §3 Tier 1).
+ */
+export declare function StatusPill({ status, tone, fallbackTone, children, ...props }: StatusPillProps): React.JSX.Element;
+//# sourceMappingURL=StatusPill.d.ts.map

package/dist/components/status-pill/StatusPill.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusPill.d.ts","sourceRoot":"","sources":["../../../src/components/status-pill/StatusPill.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,OAAO,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAO1D,OAAO,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAE3F,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,KAAK,GAAG,SAAS,CAAC;IACnF,2EAA2E;IAC3E,MAAM,EAAE,MAAM,CAAC;IACf,0DAA0D;IAC1D,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,2EAA2E;IAC3E,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,YAAwB,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,qBAMzG"}

package/dist/components/status-pill/StatusPill.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Badge } from '../badge/Badge.js';
+import { statusTone } from '../../lib/tones.js';
+// The status→tone registry lives in lib/tones.ts (03-component-library.md
+// §7.6) — ONE registry instance package-wide, so a `registerStatusTones`
+// caller and every consumer resolve through the same map. Re-exported here
+// because this module was the barrel's historical source.
+export { DEFAULT_STATUS_TONES, registerStatusTones, statusTone } from '../../lib/tones.js';
+/**
+ * Badge preset with a status dot; tone driven by the semantic status→tone
+ * registry (research/design-system.md §3 Tier 1).
+ */
+export function StatusPill({ status, tone, fallbackTone = 'neutral', children, ...props }) {
+    return (_jsx(Badge, { tone: tone ?? statusTone(status, fallbackTone), dot: true, "data-status": status, ...props, children: children ?? status }));
+}
+//# sourceMappingURL=StatusPill.js.map