@adminiumjs/ui 0.1.0-rc.1

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

@@ -0,0 +1,19 @@
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import type * as React from 'react';
+/** Root — controls open state (`open`/`onOpenChange`/`defaultOpen`). */
+export declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
+/** Trigger — `asChild`-compatible; typically wraps a `Button`/`IconButton`. */
+export declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+/** Optional anchor when the panel should attach to something other than the trigger. */
+export declare const PopoverAnchor: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>>;
+/** Close control for use inside the panel (`asChild`-compatible). */
+export declare const PopoverClose: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverCloseProps & React.RefAttributes<HTMLButtonElement>>;
+export type PopoverContentProps = Omit<React.ComponentPropsWithRef<typeof PopoverPrimitive.Content>, 'style'>;
+/**
+ * Popover — anchored panel on `--surface`, radius 14 (`rounded-lg`),
+ * `--shadow-menu`, `nb-pop` entrance (research/design-system.md §3 Tier 3).
+ * Focus is moved into the panel and trapped by Radix; Esc/outside-click
+ * dismiss and return focus to the trigger.
+ */
+export declare function PopoverContent({ className, sideOffset, align, ...props }: PopoverContentProps): React.JSX.Element;
+//# sourceMappingURL=Popover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,wEAAwE;AACxE,eAAO,MAAM,OAAO,yCAAwB,CAAC;AAE7C,+EAA+E;AAC/E,eAAO,MAAM,cAAc,gHAA2B,CAAC;AAEvD,wFAAwF;AACxF,eAAO,MAAM,aAAa,4GAA0B,CAAC;AAErD,qEAAqE;AACrE,eAAO,MAAM,YAAY,8GAAyB,CAAC;AAEnD,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACpC,KAAK,CAAC,qBAAqB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,EAC5D,OAAO,CACR,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,EAAE,SAAS,EAAE,UAAc,EAAE,KAAgB,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,qBAe5G"}

package/dist/components/popover/Popover.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import { cn } from '../../lib/cn.js';
+/** Root — controls open state (`open`/`onOpenChange`/`defaultOpen`). */
+export const Popover = PopoverPrimitive.Root;
+/** Trigger — `asChild`-compatible; typically wraps a `Button`/`IconButton`. */
+export const PopoverTrigger = PopoverPrimitive.Trigger;
+/** Optional anchor when the panel should attach to something other than the trigger. */
+export const PopoverAnchor = PopoverPrimitive.Anchor;
+/** Close control for use inside the panel (`asChild`-compatible). */
+export const PopoverClose = PopoverPrimitive.Close;
+/**
+ * Popover — anchored panel on `--surface`, radius 14 (`rounded-lg`),
+ * `--shadow-menu`, `nb-pop` entrance (research/design-system.md §3 Tier 3).
+ * Focus is moved into the panel and trapped by Radix; Esc/outside-click
+ * dismiss and return focus to the trigger.
+ */
+export function PopoverContent({ className, sideOffset = 6, align = 'center', ...props }) {
+    return (_jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Content, { sideOffset: sideOffset, align: align, className: cn('z-50 w-[280px] rounded-lg border border-border bg-surface p-3.5 shadow-menu outline-none ', 'animate-[nb-pop_.16s_cubic-bezier(.2,.7,.3,1)]', className), ...props }) }));
+}
+//# sourceMappingURL=Popover.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../src/components/popover/Popover.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAG5D,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAErC,wEAAwE;AACxE,MAAM,CAAC,MAAM,OAAO,GAAG,gBAAgB,CAAC,IAAI,CAAC;AAE7C,+EAA+E;AAC/E,MAAM,CAAC,MAAM,cAAc,GAAG,gBAAgB,CAAC,OAAO,CAAC;AAEvD,wFAAwF;AACxF,MAAM,CAAC,MAAM,aAAa,GAAG,gBAAgB,CAAC,MAAM,CAAC;AAErD,qEAAqE;AACrE,MAAM,CAAC,MAAM,YAAY,GAAG,gBAAgB,CAAC,KAAK,CAAC;AAOnD;;;;;GAKG;AACH,MAAM,UAAU,cAAc,CAAC,EAAE,SAAS,EAAE,UAAU,GAAG,CAAC,EAAE,KAAK,GAAG,QAAQ,EAAE,GAAG,KAAK,EAAuB;IAC3G,OAAO,CACL,KAAC,gBAAgB,CAAC,MAAM,cACtB,KAAC,gBAAgB,CAAC,OAAO,IACvB,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CACX,2FAA2F,EAC3F,gDAAgD,EAChD,SAAS,CACV,KACG,KAAK,GACT,GACsB,CAC3B,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,3 @@
+export { Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger } from './Popover.js';
+export type { PopoverContentProps } from './Popover.js';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/popover/index.js

@@ -0,0 +1,2 @@
+export { Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger } from './Popover.js';
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/progress-bar/ProgressBar.d.ts

@@ -0,0 +1,24 @@
+import type { VariantProps } from 'class-variance-authority';
+import type * as React from 'react';
+import type { Tone } from '../badge/Badge.js';
+/**
+ * Pill progress track (surface-3) — 4/6/10px heights
+ * (research/design-system.md §3 Tier 1).
+ */
+export declare const progressBarVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface ProgressBarProps extends Omit<React.ComponentPropsWithRef<'div'>, 'style' | 'children'>, VariantProps<typeof progressBarVariants> {
+    /** Current value, clamped to `[0, max]`. */
+    value: number;
+    /** Maximum value. Default 100. */
+    max?: number;
+    /** Fill tone. Default `accent`. */
+    tone?: Tone;
+    /** Animate the fill growing on mount (`nb-grow`). Default true. */
+    animated?: boolean;
+    /** Accessible name for the progressbar. */
+    label?: string;
+}
+export declare function ProgressBar({ className, size, value, max, tone, animated, label, ...props }: ProgressBarProps): React.JSX.Element;
+//# sourceMappingURL=ProgressBar.d.ts.map

package/dist/components/progress-bar/ProgressBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../src/components/progress-bar/ProgressBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAE9C;;;GAGG;AACH,eAAO,MAAM,mBAAmB;;8EAS9B,CAAC;AAWH,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,EACpE,YAAY,CAAC,OAAO,mBAAmB,CAAC;IAC1C,4CAA4C;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,mCAAmC;IACnC,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,mEAAmE;IACnE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,IAAI,EACJ,KAAK,EACL,GAAS,EACT,IAAe,EACf,QAAe,EACf,KAAK,EACL,GAAG,KAAK,EACT,EAAE,gBAAgB,qBA4BlB"}

package/dist/components/progress-bar/ProgressBar.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from 'class-variance-authority';
+import { cn } from '../../lib/cn.js';
+/**
+ * Pill progress track (surface-3) — 4/6/10px heights
+ * (research/design-system.md §3 Tier 1).
+ */
+export const progressBarVariants = cva('w-full overflow-hidden rounded-full bg-surface-3', {
+    variants: {
+        size: {
+            sm: 'h-1',
+            md: 'h-1.5',
+            lg: 'h-2.5',
+        },
+    },
+    defaultVariants: { size: 'md' },
+});
+const FILL_TONE_CLASSES = {
+    neutral: 'bg-fg-subtle',
+    accent: 'bg-accent',
+    pos: 'bg-pos',
+    warn: 'bg-warn',
+    danger: 'bg-danger',
+    info: 'bg-info',
+};
+export function ProgressBar({ className, size, value, max = 100, tone = 'accent', animated = true, label, ...props }) {
+    const upper = max > 0 ? max : 100;
+    const clamped = Math.min(Math.max(value, 0), upper);
+    const pct = (clamped / upper) * 100;
+    return (_jsx("div", { role: "progressbar", "aria-valuemin": 0, "aria-valuemax": upper, "aria-valuenow": clamped, "aria-label": label, "data-tone": tone, className: cn(progressBarVariants({ size }), className), ...props, children: _jsx("div", { className: cn('h-full w-[var(--adm-progress)] rounded-full', FILL_TONE_CLASSES[tone], animated &&
+                'origin-[0%_50%] animate-[nb-grow_0.85s_cubic-bezier(.2,.7,.3,1)] [--nb-grow-x:0] [--nb-grow-y:1] rtl:origin-[100%_50%]'), 
+            // Sanctioned escape hatch: CSS custom properties only (02-design-system.md §8).
+            style: { '--adm-progress': `${pct}%` } }) }));
+}
+//# sourceMappingURL=ProgressBar.js.map

package/dist/components/progress-bar/ProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../src/components/progress-bar/ProgressBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAI/C,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAGrC;;;GAGG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CAAC,kDAAkD,EAAE;IACzF,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,KAAK;YACT,EAAE,EAAE,OAAO;YACX,EAAE,EAAE,OAAO;SACZ;KACF;IACD,eAAe,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE;CAChC,CAAC,CAAC;AAEH,MAAM,iBAAiB,GAAyB;IAC9C,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;AAiBF,MAAM,UAAU,WAAW,CAAC,EAC1B,SAAS,EACT,IAAI,EACJ,KAAK,EACL,GAAG,GAAG,GAAG,EACT,IAAI,GAAG,QAAQ,EACf,QAAQ,GAAG,IAAI,EACf,KAAK,EACL,GAAG,KAAK,EACS;IACjB,MAAM,KAAK,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;IAClC,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;IACpD,MAAM,GAAG,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC;IAEpC,OAAO,CACL,cACE,IAAI,EAAC,aAAa,mBACH,CAAC,mBACD,KAAK,mBACL,OAAO,gBACV,KAAK,eACN,IAAI,EACf,SAAS,EAAE,EAAE,CAAC,mBAAmB,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,KACnD,KAAK,YAET,cACE,SAAS,EAAE,EAAE,CACX,6CAA6C,EAC7C,iBAAiB,CAAC,IAAI,CAAC,EACvB,QAAQ;gBACN,wHAAwH,CAC3H;YACD,gFAAgF;YAChF,KAAK,EAAE,EAAE,gBAAgB,EAAE,GAAG,GAAG,GAAG,EAAE,GACtC,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/components/progress-bar/index.d.ts

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

package/dist/components/progress-bar/index.d.ts.map

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

package/dist/components/progress-bar/index.js

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

package/dist/components/progress-bar/index.js.map

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

package/dist/components/radio/Radio.d.ts

@@ -0,0 +1,25 @@
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import type * as React from 'react';
+export type RadioGroupProps = Omit<React.ComponentPropsWithRef<typeof RadioGroupPrimitive.Root>, 'style' | 'asChild'>;
+/**
+ * RadioGroup — Radix radio-group root. One tab stop; arrow keys move AND
+ * select (RTL-mirrored via the app-level `DirectionProvider`). Hosts `Radio`
+ * items or `RadioCard` items (../radio-card).
+ */
+export declare function RadioGroup({ className, ...props }: RadioGroupProps): React.JSX.Element;
+export interface RadioProps extends Omit<React.ComponentPropsWithRef<typeof RadioGroupPrimitive.Item>, 'style' | 'asChild' | 'children'> {
+    /**
+     * Optional label rendered next to the dot and wired via `htmlFor`. Without
+     * it, provide an `aria-label` (icon-less bare dot).
+     */
+    label?: React.ReactNode | undefined;
+    /** Muted second line under the label. */
+    description?: React.ReactNode | undefined;
+}
+/**
+ * Radio — dot radio, 18px circle on `--surface-2`; checked = accent border +
+ * accent dot (research/design-system.md §3 Tier 2). Card-styled selection
+ * lives in `RadioCard`.
+ */
+export declare function Radio({ label, description, className, id, ...props }: RadioProps): React.JSX.Element;
+//# sourceMappingURL=Radio.d.ts.map

package/dist/components/radio/Radio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/components/radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AAEnE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,KAAK,CAAC,qBAAqB,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,EAC5D,OAAO,GAAG,SAAS,CACpB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,qBAElE;AAED,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,UAAU,CAAC;IAC5G;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACpC,yCAAyC;IACzC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;CAC3C;AAED;;;;GAIG;AACH,wBAAgB,KAAK,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,qBAwChF"}

package/dist/components/radio/Radio.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import { useId } from 'react';
+import { cn } from '../../lib/cn.js';
+/**
+ * RadioGroup — Radix radio-group root. One tab stop; arrow keys move AND
+ * select (RTL-mirrored via the app-level `DirectionProvider`). Hosts `Radio`
+ * items or `RadioCard` items (../radio-card).
+ */
+export function RadioGroup({ className, ...props }) {
+    return _jsx(RadioGroupPrimitive.Root, { className: cn('flex flex-col gap-2.5', className), ...props });
+}
+/**
+ * Radio — dot radio, 18px circle on `--surface-2`; checked = accent border +
+ * accent dot (research/design-system.md §3 Tier 2). Card-styled selection
+ * lives in `RadioCard`.
+ */
+export function Radio({ label, description, className, id, ...props }) {
+    const generatedId = useId();
+    const itemId = id ?? generatedId;
+    const item = (_jsx(RadioGroupPrimitive.Item, { id: itemId, className: cn('inline-flex size-[18px] shrink-0 items-center justify-center rounded-full border border-border-strong bg-surface-2 ', 'transition-[border-color,box-shadow] duration-150 ', 'focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-accent-soft focus-visible:border-accent ', 'disabled:pointer-events-none disabled:opacity-40 ', 'data-[state=checked]:border-accent', 
+        // mt aligns the dot with the first label line when a description wraps below
+        label ? 'mt-px' : '', className), ...props, children: _jsx(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: _jsx("span", { "aria-hidden": "true", className: "block size-2 rounded-full bg-accent" }) }) }));
+    if (label === undefined || label === null)
+        return item;
+    return (_jsxs("div", { className: "flex items-start gap-2.5", children: [item, _jsxs("div", { className: "flex min-w-0 flex-col gap-0.5", children: [_jsx("label", { htmlFor: itemId, className: "cursor-default text-[13px] font-medium leading-[18px] text-fg", children: label }), description === undefined || description === null ? null : (_jsx("span", { className: "text-[11.5px] leading-4 text-fg-muted", children: description }))] })] }));
+}
+//# sourceMappingURL=Radio.js.map

package/dist/components/radio/Radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../src/components/radio/Radio.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAG9B,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAOrC;;;;GAIG;AACH,MAAM,UAAU,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAmB;IACjE,OAAO,KAAC,mBAAmB,CAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AACpG,CAAC;AAaD;;;;GAIG;AACH,MAAM,UAAU,KAAK,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,EAAE,GAAG,KAAK,EAAc;IAC/E,MAAM,WAAW,GAAG,KAAK,EAAE,CAAC;IAC5B,MAAM,MAAM,GAAG,EAAE,IAAI,WAAW,CAAC;IAEjC,MAAM,IAAI,GAAG,CACX,KAAC,mBAAmB,CAAC,IAAI,IACvB,EAAE,EAAE,MAAM,EACV,SAAS,EAAE,EAAE,CACX,qHAAqH,EACrH,oDAAoD,EACpD,iHAAiH,EACjH,mDAAmD,EACnD,oCAAoC;QACpC,6EAA6E;QAC7E,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EACpB,SAAS,CACV,KACG,KAAK,YAET,KAAC,mBAAmB,CAAC,SAAS,IAAC,SAAS,EAAC,kCAAkC,YACzE,8BAAkB,MAAM,EAAC,SAAS,EAAC,qCAAqC,GAAG,GAC7C,GACP,CAC5B,CAAC;IAEF,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI;QAAE,OAAO,IAAI,CAAC;IAEvD,OAAO,CACL,eAAK,SAAS,EAAC,0BAA0B,aACtC,IAAI,EACL,eAAK,SAAS,EAAC,+BAA+B,aAC5C,gBAAO,OAAO,EAAE,MAAM,EAAE,SAAS,EAAC,+DAA+D,YAC9F,KAAK,GACA,EACP,WAAW,KAAK,SAAS,IAAI,WAAW,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC1D,eAAM,SAAS,EAAC,uCAAuC,YAAE,WAAW,GAAQ,CAC7E,IACG,IACF,CACP,CAAC;AACJ,CAAC"}

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

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

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

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

package/dist/components/radio/index.js

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

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

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

package/dist/components/radio-card/RadioCard.d.ts

@@ -0,0 +1,22 @@
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import type * as React from 'react';
+export interface RadioCardProps extends Omit<React.ComponentPropsWithRef<typeof RadioGroupPrimitive.Item>, 'style' | 'asChild' | 'children' | 'title'> {
+    /** Card title (the item's accessible name together with `description`). */
+    title: React.ReactNode;
+    /** Muted body copy under the title. */
+    description?: React.ReactNode | undefined;
+    /** Leading slot — typically an `IconTile` or Lucide icon. */
+    icon?: React.ReactNode | undefined;
+    /** Trailing slot on the title row — e.g. a mono price or a `Badge`. */
+    trailing?: React.ReactNode | undefined;
+    /** Hide the top-end check indicator shown when selected. */
+    hideIndicator?: boolean | undefined;
+}
+/**
+ * RadioCard — selectable card variant of the radio item
+ * (research/design-system.md §3 Tier 2): full-card click target, selected =
+ * accent border + accent-soft bg + check indicator. Must be rendered inside
+ * a `RadioGroup` (../radio); arrow keys move and select between cards.
+ */
+export declare function RadioCard({ title, description, icon, trailing, hideIndicator, className, ...props }: RadioCardProps): React.JSX.Element;
+//# sourceMappingURL=RadioCard.d.ts.map

package/dist/components/radio-card/RadioCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioCard.d.ts","sourceRoot":"","sources":["../../../src/components/radio-card/RadioCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AAEnE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,UAAU,GAAG,OAAO,CAAC;IACtH,2EAA2E;IAC3E,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,uCAAuC;IACvC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IAC1C,6DAA6D;IAC7D,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACnC,uEAAuE;IACvE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACvC,4DAA4D;IAC5D,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACrC;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,WAAW,EACX,IAAI,EACJ,QAAQ,EACR,aAAqB,EACrB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,qBA4ChB"}

package/dist/components/radio-card/RadioCard.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import { Check } from 'lucide-react';
+import { cn } from '../../lib/cn.js';
+/**
+ * RadioCard — selectable card variant of the radio item
+ * (research/design-system.md §3 Tier 2): full-card click target, selected =
+ * accent border + accent-soft bg + check indicator. Must be rendered inside
+ * a `RadioGroup` (../radio); arrow keys move and select between cards.
+ */
+export function RadioCard({ title, description, icon, trailing, hideIndicator = false, className, ...props }) {
+    return (_jsxs(RadioGroupPrimitive.Item, { className: cn('group relative flex w-full items-start gap-3 rounded-lg border border-border-strong bg-surface p-3.5 text-start ', 'transition-[border-color,background-color,box-shadow] duration-150 hover:border-fg-subtle ', 'focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent ', 'disabled:pointer-events-none disabled:opacity-40 ', 'data-[state=checked]:border-accent data-[state=checked]:bg-accent-soft', className), ...props, children: [icon ? (_jsx("span", { "aria-hidden": "true", className: "flex shrink-0 items-center text-fg-muted group-data-[state=checked]:text-accent [&_svg]:size-[18px]", children: icon })) : null, _jsxs("span", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [_jsxs("span", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-[13px] font-semibold text-fg", children: title }), trailing ? _jsx("span", { className: "ms-auto flex shrink-0 items-center", children: trailing }) : null] }), description === undefined || description === null ? null : (_jsx("span", { className: "text-[11.5px] leading-4 text-fg-muted", children: description }))] }), hideIndicator ? null : (_jsx(RadioGroupPrimitive.Indicator, { "aria-hidden": "true", className: cn('absolute end-2.5 top-2.5 flex size-[18px] items-center justify-center rounded-full bg-accent text-accent-fg', 
+                // keep the check clear of the trailing slot when both are present
+                trailing ? 'top-auto bottom-2.5' : ''), children: _jsx(Check, { strokeWidth: 3, className: "size-3" }) }))] }));
+}
+//# sourceMappingURL=RadioCard.js.map

package/dist/components/radio-card/RadioCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioCard.js","sourceRoot":"","sources":["../../../src/components/radio-card/RadioCard.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAGrC,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAgBrC;;;;;GAKG;AACH,MAAM,UAAU,SAAS,CAAC,EACxB,KAAK,EACL,WAAW,EACX,IAAI,EACJ,QAAQ,EACR,aAAa,GAAG,KAAK,EACrB,SAAS,EACT,GAAG,KAAK,EACO;IACf,OAAO,CACL,MAAC,mBAAmB,CAAC,IAAI,IACvB,SAAS,EAAE,EAAE,CACX,kHAAkH,EAClH,4FAA4F,EAC5F,sFAAsF,EACtF,mDAAmD,EACnD,wEAAwE,EACxE,SAAS,CACV,KACG,KAAK,aAER,IAAI,CAAC,CAAC,CAAC,CACN,8BACc,MAAM,EAClB,SAAS,EAAC,qGAAqG,YAE9G,IAAI,GACA,CACR,CAAC,CAAC,CAAC,IAAI,EACR,gBAAM,SAAS,EAAC,sCAAsC,aACpD,gBAAM,SAAS,EAAC,yBAAyB,aACvC,eAAM,SAAS,EAAC,mCAAmC,YAAE,KAAK,GAAQ,EACjE,QAAQ,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,oCAAoC,YAAE,QAAQ,GAAQ,CAAC,CAAC,CAAC,IAAI,IACpF,EACN,WAAW,KAAK,SAAS,IAAI,WAAW,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC1D,eAAM,SAAS,EAAC,uCAAuC,YAAE,WAAW,GAAQ,CAC7E,IACI,EACN,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACtB,KAAC,mBAAmB,CAAC,SAAS,mBAChB,MAAM,EAClB,SAAS,EAAE,EAAE,CACX,6GAA6G;gBAC7G,kEAAkE;gBAClE,QAAQ,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,CACtC,YAED,KAAC,KAAK,IAAC,WAAW,EAAE,CAAC,EAAE,SAAS,EAAC,QAAQ,GAAG,GACd,CACjC,IACwB,CAC5B,CAAC;AACJ,CAAC"}

package/dist/components/radio-card/index.d.ts

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

package/dist/components/radio-card/index.d.ts.map

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

package/dist/components/radio-card/index.js

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

package/dist/components/radio-card/index.js.map

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

package/dist/components/runtime-chip/RuntimeChip.d.ts

@@ -0,0 +1,54 @@
+/**
+ * The four states of the desktop runtime chip (11-electron.md §8.1), verbatim
+ * from that table's rows:
+ *
+ *   | State                                    | Chip                        | Tone        |
+ *   | Local DBs only, no sharing               | `Local` (hard-drive icon)   | muted       |
+ *   | LAN share active                         | `Local · Sharing on LAN`    | accent-soft |
+ *   | Connected to a remote source DB, net up  | `Local + remote DB`         | muted       |
+ *   | Remote source DB unreachable             | `Remote DB offline`         | warn        |
+ *
+ * They are an ENUM rather than a bag of booleans because the chip shows exactly
+ * one, and the precedence between them is a product decision that belongs in one
+ * place — see the dashboard's `runtimeChipState()`, which owns it. A component
+ * that took `{ lanShare, hasRemoteDb, remoteDbDown }` would re-litigate that
+ * precedence inside every render, in a package with no way to test the answer.
+ */
+export type RuntimeChipState = 'local' | 'lan-share' | 'remote-db' | 'remote-db-offline';
+export interface RuntimeChipProps {
+    state: RuntimeChipState;
+    /**
+     * The chip's text — ALREADY LOCALIZED. This package carries no `t()`: every
+     * component here takes its copy as props (see `StatusPill`), which is what
+     * lets `@adminium/ui` stay free of an i18n dependency and lets Storybook
+     * render it without booting one.
+     */
+    label: string;
+    /**
+     * §8.1: "accent-soft; click → LAN panel". Supplying this renders a real
+     * `<button>` — not a `<span>` with a click handler — so the chip is reachable
+     * by keyboard and announced as actionable. Omit it and the chip is inert
+     * presentation, which is the honest rendering of the three states that have
+     * nowhere to go.
+     */
+    onClick?: (() => void) | undefined;
+    /**
+     * Longer copy for the hover/AT description — e.g. which connection is down.
+     * Rendered as `title` + `aria-description` rather than a Tooltip so the chip
+     * stays a leaf this package can render without a TooltipProvider; the topbar
+     * wraps it in one where richer copy is wanted.
+     */
+    description?: string | undefined;
+    className?: string | undefined;
+}
+/**
+ * The desktop runtime chip: what this Adminium is, and whether its data is
+ * where you think it is (11-electron.md §8.1). Sits in the topbar next to the
+ * environment area, desktop only.
+ *
+ * Fed by `GET /api/v1/system/info` + a connection-health poll — never by the
+ * preload bridge (§8.1 is explicit, and §4 explains why: the server is the
+ * authority for feature gating, the bridge only for native affordances).
+ */
+export declare function RuntimeChip({ state, label, onClick, description, className }: RuntimeChipProps): import("react").JSX.Element;
+//# sourceMappingURL=RuntimeChip.d.ts.map

package/dist/components/runtime-chip/RuntimeChip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuntimeChip.d.ts","sourceRoot":"","sources":["../../../src/components/runtime-chip/RuntimeChip.tsx"],"names":[],"mappings":"AAMA;;;;;;;;;;;;;;;GAeG;AACH,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,WAAW,GAAG,WAAW,GAAG,mBAAmB,CAAC;AA2BzF,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,gBAAgB,CAAC;IACxB;;;;;OAKG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACnC;;;;;OAKG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC;AAED;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,gBAAgB,+BAoC9F"}

package/dist/components/runtime-chip/RuntimeChip.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Database, HardDrive, Unplug, Wifi } from 'lucide-react';
+import { cn } from '../../lib/cn.js';
+import { badgeVariants } from '../badge/Badge.js';
+/**
+ * §8.1's tone column, mapped onto the shared `Tone` vocabulary (03 §3.3):
+ * "muted" is `neutral` (surface-3 + fg-muted), "accent-soft" is `accent`
+ * (accent-soft + accent), "warn" is `warn`. No new tints — the whole point of
+ * the vocabulary is that a chip cannot invent a colour.
+ *
+ * ICONS: `hard-drive` for `local` is specified. The rest follow
+ * `designs/System States.dc.html`, whose "Database unreachable" state is a
+ * `database` glyph, and whose disconnected idiom is a slashed/broken plug —
+ * hence `Unplug` for the warn state, so the two remote states differ by more
+ * than colour at 11px. (They also differ by label, which is what keeps this
+ * clear of WCAG 1.4.1; the icon is belt and braces.)
+ */
+const STATE_STYLES = Object.freeze({
+    local: { icon: HardDrive, tone: 'neutral' },
+    'lan-share': { icon: Wifi, tone: 'accent' },
+    'remote-db': { icon: Database, tone: 'neutral' },
+    'remote-db-offline': { icon: Unplug, tone: 'warn' },
+});
+/**
+ * The desktop runtime chip: what this Adminium is, and whether its data is
+ * where you think it is (11-electron.md §8.1). Sits in the topbar next to the
+ * environment area, desktop only.
+ *
+ * Fed by `GET /api/v1/system/info` + a connection-health poll — never by the
+ * preload bridge (§8.1 is explicit, and §4 explains why: the server is the
+ * authority for feature gating, the bridge only for native affordances).
+ */
+export function RuntimeChip({ state, label, onClick, description, className }) {
+    const { icon: Icon, tone } = STATE_STYLES[state];
+    const content = (_jsxs(_Fragment, { children: [_jsx(Icon, { "aria-hidden": "true", className: "size-3 shrink-0" }), label] }));
+    const shared = {
+        'data-part': 'runtime-chip',
+        'data-state': state,
+        ...(description === undefined ? {} : { title: description }),
+    };
+    if (onClick === undefined) {
+        return (_jsx("span", { ...shared, className: cn(badgeVariants({ tone }), className), children: content }));
+    }
+    return (_jsx("button", { type: "button", ...shared, onClick: onClick, className: cn(badgeVariants({ tone }), 'cursor-pointer transition-[filter] hover:brightness-95 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent', className), children: content }));
+}
+//# sourceMappingURL=RuntimeChip.js.map

package/dist/components/runtime-chip/RuntimeChip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuntimeChip.js","sourceRoot":"","sources":["../../../src/components/runtime-chip/RuntimeChip.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAmB,MAAM,cAAc,CAAC;AAElF,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AA0BlD;;;;;;;;;;;;GAYG;AACH,MAAM,YAAY,GAAmD,MAAM,CAAC,MAAM,CAAC;IACjF,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE;IAC3C,WAAW,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE;IAC3C,WAAW,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE;IAChD,mBAAmB,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE;CACpD,CAAC,CAAC;AA6BH;;;;;;;;GAQG;AACH,MAAM,UAAU,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAoB;IAC7F,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IACjD,MAAM,OAAO,GAAG,CACd,8BACE,KAAC,IAAI,mBAAa,MAAM,EAAC,SAAS,EAAC,iBAAiB,GAAG,EACtD,KAAK,IACL,CACJ,CAAC;IACF,MAAM,MAAM,GAAG;QACb,WAAW,EAAE,cAAc;QAC3B,YAAY,EAAE,KAAK;QACnB,GAAG,CAAC,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC;KAC7D,CAAC;IAEF,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC1B,OAAO,CACL,kBAAU,MAAM,EAAE,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,YAChE,OAAO,GACH,CACR,CAAC;IACJ,CAAC;IAED,OAAO,CACL,iBACE,IAAI,EAAC,QAAQ,KACT,MAAM,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,EAAE,CACX,aAAa,CAAC,EAAE,IAAI,EAAE,CAAC,EACvB,4IAA4I,EAC5I,SAAS,CACV,YAEA,OAAO,GACD,CACV,CAAC;AACJ,CAAC"}

package/dist/components/runtime-chip/index.d.ts

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

package/dist/components/runtime-chip/index.d.ts.map

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

package/dist/components/runtime-chip/index.js

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

package/dist/components/runtime-chip/index.js.map

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

package/dist/components/search-input/SearchInput.d.ts

@@ -0,0 +1,27 @@
+import type * as React from 'react';
+interface SearchInputBaseProps extends Omit<React.ComponentPropsWithRef<'input'>, 'style' | 'size' | 'type'> {
+    /** Keycap chip rendered at the end, e.g. `"⌘K"`. */
+    kbd?: string | undefined;
+    /** Extra classes for the inner `<input>` (className styles the pill). */
+    inputClassName?: string | undefined;
+}
+export type SearchInputProps = SearchInputBaseProps & ({
+    /**
+     * Shows a ✕ clear button while the input has a value; clicking it
+     * empties the input (uncontrolled), refocuses it, and calls this.
+     */
+    onClear: () => void;
+    /** Accessible name for the ✕ button (required with `onClear`). */
+    clearLabel: string;
+} | {
+    onClear?: never;
+    clearLabel?: never;
+});
+/**
+ * SearchInput — Search icon + borderless input inside a bordered `--surface-2`
+ * pill, optional `Kbd` "⌘K" chip and clear button
+ * (research/design-system.md §3 Tier 2).
+ */
+export declare function SearchInput({ className, inputClassName, kbd, onClear, clearLabel, ref, onChange, ...inputProps }: SearchInputProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=SearchInput.d.ts.map

package/dist/components/search-input/SearchInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../src/components/search-input/SearchInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAKpC,UAAU,oBAAqB,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IAC1G,oDAAoD;IACpD,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,yEAAyE;IACzE,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACrC;AAED,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,GACjD,CACI;IACE;;;OAGG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,kEAAkE;IAClE,UAAU,EAAE,MAAM,CAAC;CACpB,GACD;IAAE,OAAO,CAAC,EAAE,KAAK,CAAC;IAAC,UAAU,CAAC,EAAE,KAAK,CAAA;CAAE,CAC1C,CAAC;AAEJ;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,cAAc,EACd,GAAG,EACH,OAAO,EACP,UAAU,EACV,GAAG,EACH,QAAQ,EACR,GAAG,UAAU,EACd,EAAE,gBAAgB,qBA2DlB"}

package/dist/components/search-input/SearchInput.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Search, X } from 'lucide-react';
+import { useRef, useState } from 'react';
+import { cn } from '../../lib/cn.js';
+import { Kbd } from '../kbd/index.js';
+/**
+ * SearchInput — Search icon + borderless input inside a bordered `--surface-2`
+ * pill, optional `Kbd` "⌘K" chip and clear button
+ * (research/design-system.md §3 Tier 2).
+ */
+export function SearchInput({ className, inputClassName, kbd, onClear, clearLabel, ref, onChange, ...inputProps }) {
+    const innerRef = useRef(null);
+    const [uncontrolledValue, setUncontrolledValue] = useState(String(inputProps.defaultValue ?? ''));
+    const currentValue = inputProps.value !== undefined ? String(inputProps.value) : uncontrolledValue;
+    const setRef = (node) => {
+        innerRef.current = node;
+        if (typeof ref === 'function')
+            ref(node);
+        else if (ref)
+            ref.current = node;
+    };
+    const handleClear = () => {
+        if (inputProps.value === undefined && innerRef.current) {
+            // Uncontrolled: reflect the cleared value in the DOM ourselves.
+            innerRef.current.value = '';
+            setUncontrolledValue('');
+        }
+        onClear?.();
+        innerRef.current?.focus();
+    };
+    return (_jsxs("div", { className: cn('flex h-[34px] items-center gap-2 rounded-full border border-border-strong bg-surface-2 ps-3 pe-2.5', 'transition-[border-color,box-shadow] duration-150', 'focus-within:border-accent focus-within:ring-[3px] focus-within:ring-accent-soft', 'has-[input:disabled]:pointer-events-none has-[input:disabled]:opacity-40', className), children: [_jsx(Search, { "aria-hidden": "true", className: "size-3.5 shrink-0 text-fg-subtle" }), _jsx("input", { ref: setRef, type: "search", onChange: (event) => {
+                    setUncontrolledValue(event.target.value);
+                    onChange?.(event);
+                }, className: cn('h-full w-full min-w-0 flex-1 bg-transparent text-[13px] text-fg placeholder:text-fg-subtle focus:outline-none', '[&::-webkit-search-cancel-button]:appearance-none [&::-webkit-search-decoration]:appearance-none', inputClassName), ...inputProps }), onClear && currentValue.length > 0 ? (_jsx("button", { type: "button", "aria-label": clearLabel, onClick: handleClear, className: "nb-ib inline-flex size-5 shrink-0 items-center justify-center rounded-full text-fg-subtle hover:text-fg focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-accent", children: _jsx(X, { "aria-hidden": "true", className: "size-3" }) })) : null, kbd ? _jsx(Kbd, { className: "shrink-0", children: kbd }) : null] }));
+}
+//# sourceMappingURL=SearchInput.js.map

package/dist/components/search-input/SearchInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../../../src/components/search-input/SearchInput.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGzC,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAC;AAuBtC;;;;GAIG;AACH,MAAM,UAAU,WAAW,CAAC,EAC1B,SAAS,EACT,cAAc,EACd,GAAG,EACH,OAAO,EACP,UAAU,EACV,GAAG,EACH,QAAQ,EACR,GAAG,UAAU,EACI;IACjB,MAAM,QAAQ,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAC;IACvD,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,UAAU,CAAC,YAAY,IAAI,EAAE,CAAC,CAAC,CAAC;IAClG,MAAM,YAAY,GAAG,UAAU,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC;IAEnG,MAAM,MAAM,GAAG,CAAC,IAA6B,EAAE,EAAE;QAC/C,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;QACxB,IAAI,OAAO,GAAG,KAAK,UAAU;YAAE,GAAG,CAAC,IAAI,CAAC,CAAC;aACpC,IAAI,GAAG;YAAE,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;IACnC,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,UAAU,CAAC,KAAK,KAAK,SAAS,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;YACvD,gEAAgE;YAChE,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,EAAE,CAAC;YAC5B,oBAAoB,CAAC,EAAE,CAAC,CAAC;QAC3B,CAAC;QACD,OAAO,EAAE,EAAE,CAAC;QACZ,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;IAC5B,CAAC,CAAC;IAEF,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,oGAAoG,EACpG,mDAAmD,EACnD,kFAAkF,EAClF,0EAA0E,EAC1E,SAAS,CACV,aAED,KAAC,MAAM,mBAAa,MAAM,EAAC,SAAS,EAAC,kCAAkC,GAAG,EAC1E,gBACE,GAAG,EAAE,MAAM,EACX,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oBAClB,oBAAoB,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;oBACzC,QAAQ,EAAE,CAAC,KAAK,CAAC,CAAC;gBACpB,CAAC,EACD,SAAS,EAAE,EAAE,CACX,+GAA+G,EAC/G,kGAAkG,EAClG,cAAc,CACf,KACG,UAAU,GACd,EACD,OAAO,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACpC,iBACE,IAAI,EAAC,QAAQ,gBACD,UAAU,EACtB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAC,6LAA6L,YAEvM,KAAC,CAAC,mBAAa,MAAM,EAAC,SAAS,EAAC,QAAQ,GAAG,GACpC,CACV,CAAC,CAAC,CAAC,IAAI,EACP,GAAG,CAAC,CAAC,CAAC,KAAC,GAAG,IAAC,SAAS,EAAC,UAAU,YAAE,GAAG,GAAO,CAAC,CAAC,CAAC,IAAI,IAC/C,CACP,CAAC;AACJ,CAAC"}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,27 @@
+import type * as React from 'react';
+/** How long the "copied" confirmation shows (design: 1.4s). */
+export declare const SECRET_COPIED_MS = 1400;
+export interface SecretInputProps extends Omit<React.ComponentPropsWithRef<'input'>, 'style' | 'size' | 'type'> {
+    /** Accessible name for the reveal toggle while the value is masked. */
+    revealLabel: string;
+    /** Accessible name for the reveal toggle while the value is shown. */
+    hideLabel: string;
+    /** Accessible name for the copy button. */
+    copyLabel: string;
+    /** Announced via `aria-live` (and shown as the check state) after copying. */
+    copiedLabel: string;
+    /** Danger border + ring + `aria-invalid`. */
+    error?: boolean | undefined;
+    /** Extra classes for the inner `<input>` (className styles the wrapper). */
+    inputClassName?: string | undefined;
+    /** Called after the value is written to the clipboard. */
+    onCopy?: (() => void) | undefined;
+}
+/**
+ * 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 declare function SecretInput({ className, inputClassName, revealLabel, hideLabel, copyLabel, copiedLabel, error, onCopy, ref, ...inputProps }: SecretInputProps): React.JSX.Element;
+//# sourceMappingURL=SecretInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SecretInput.d.ts","sourceRoot":"","sources":["../../../src/components/secret-input/SecretInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAMpC,+DAA+D;AAC/D,eAAO,MAAM,gBAAgB,OAAO,CAAC;AAErC,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IAC7E,uEAAuE;IACvE,WAAW,EAAE,MAAM,CAAC;IACpB,sEAAsE;IACtE,SAAS,EAAE,MAAM,CAAC;IAClB,2CAA2C;IAC3C,SAAS,EAAE,MAAM,CAAC;IAClB,8EAA8E;IAC9E,WAAW,EAAE,MAAM,CAAC;IACpB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B,4EAA4E;IAC5E,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACpC,0DAA0D;IAC1D,MAAM,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;CACnC;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,cAAc,EACd,WAAW,EACX,SAAS,EACT,SAAS,EACT,WAAW,EACX,KAAa,EACb,MAAM,EACN,GAAG,EACH,GAAG,UAAU,EACd,EAAE,gBAAgB,qBA8DlB"}