@adminiumjs/ui 0.1.0-rc.1

package/dist/components/icon-tile/IconTile.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from 'class-variance-authority';
+import { cn } from '../../lib/cn.js';
+import { toneSoftClasses } from '../../lib/tones.js';
+// Canonical vocabulary lives in lib/tones.ts (03-component-library.md §3.3);
+// re-exported here because this module was the barrel's historical source.
+export { toneSoftClasses, toneSolidClasses } from '../../lib/tones.js';
+export const iconTileVariants = cva('inline-flex shrink-0 items-center justify-center [&_svg]:shrink-0 [&_svg]:stroke-2', {
+    variants: {
+        tone: toneSoftClasses,
+        size: {
+            /** 28px */
+            sm: 'size-7 rounded-[8px] [&_svg]:size-3.5',
+            /** 36px */
+            md: 'size-9 rounded-[10px] [&_svg]:size-4',
+            /** 44px */
+            lg: 'size-11 rounded-[12px] [&_svg]:size-5',
+            /** 56px */
+            xl: 'size-14 rounded-[14px] [&_svg]:size-[26px]',
+        },
+    },
+    defaultVariants: { tone: 'accent', size: 'md' },
+});
+/**
+ * IconTile — the universal "Lucide icon in a tinted rounded square"
+ * (research/design-system.md §3 Tier 1). Tone-soft background + tone-colored
+ * icon across all 6 tones; sizes 28/36/44/56px.
+ */
+export function IconTile({ icon, label, tone, size, className, children, ...props }) {
+    return (_jsx("div", { role: label === undefined ? undefined : 'img', "aria-label": label, "aria-hidden": label === undefined ? true : undefined, "data-tone": tone ?? 'accent', className: cn(iconTileVariants({ tone, size }), className), ...props, children: icon ?? children }));
+}
+//# sourceMappingURL=IconTile.js.map

package/dist/components/icon-tile/IconTile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconTile.js","sourceRoot":"","sources":["../../../src/components/icon-tile/IconTile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAGlE,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,6EAA6E;AAC7E,2EAA2E;AAC3E,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGvE,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CACjC,oFAAoF,EACpF;IACE,QAAQ,EAAE;QACR,IAAI,EAAE,eAAe;QACrB,IAAI,EAAE;YACJ,WAAW;YACX,EAAE,EAAE,uCAAuC;YAC3C,WAAW;YACX,EAAE,EAAE,sCAAsC;YAC1C,WAAW;YACX,EAAE,EAAE,uCAAuC;YAC3C,WAAW;YACX,EAAE,EAAE,4CAA4C;SACjD;KACF;IACD,eAAe,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE;CAChD,CACF,CAAC;AAcF;;;;GAIG;AACH,MAAM,UAAU,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAiB;IAChG,OAAO,CACL,cACE,IAAI,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,gBACjC,KAAK,iBACJ,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,eACxC,IAAI,IAAI,QAAQ,EAC3B,SAAS,EAAE,EAAE,CAAC,gBAAgB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,KACtD,KAAK,YAER,IAAI,IAAI,QAAQ,GACb,CACP,CAAC;AACJ,CAAC"}

package/dist/components/icon-tile/index.d.ts

@@ -0,0 +1,3 @@
+export { IconTile, iconTileVariants, toneSoftClasses, toneSolidClasses } from './IconTile.js';
+export type { IconTileProps, Tone } from './IconTile.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/icon-tile/index.d.ts.map

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

package/dist/components/icon-tile/index.js

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

package/dist/components/icon-tile/index.js.map

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

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

@@ -0,0 +1,28 @@
+import type { VariantProps } from 'class-variance-authority';
+import type * as React from 'react';
+/**
+ * Input chrome per research/design-system.md §3 Tier 2: radius 10
+ * (`rounded-md`), 1px `--border-strong`, `--surface-2` fill, 13px text;
+ * focus = accent border + 3px accent-soft ring; error (via `aria-invalid`) =
+ * danger border + danger-soft ring; disabled = 40% alpha.
+ *
+ * Exported so sibling form controls (`Textarea`, `Select`, `DateInput`, …)
+ * reuse the exact same chrome through `cn()` overrides.
+ */
+export declare const inputVariants: (props?: ({
+    mono?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface InputProps extends Omit<React.ComponentPropsWithRef<'input'>, 'style' | 'size'>, VariantProps<typeof inputVariants> {
+    /**
+     * Error state: danger border + danger focus ring, and sets
+     * `aria-invalid="true"` (a consumer-passed `aria-invalid` also styles the
+     * same way — `FormField` uses that path).
+     */
+    error?: boolean | undefined;
+}
+/**
+ * Single-line text input (research/design-system.md §3 Tier 2). Label,
+ * captions and describedby/invalid wiring belong to `FormField`.
+ */
+export declare function Input({ className, mono, error, ...props }: InputProps): React.JSX.Element;
+//# sourceMappingURL=Input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/input/Input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC;;;;;;;;GAQG;AACH,eAAO,MAAM,aAAa;;8EAgBzB,CAAC;AAEF,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC,EAClE,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC7B;AAED;;;GAGG;AACH,wBAAgB,KAAK,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,KAAa,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,qBAW7E"}

package/dist/components/input/Input.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from 'class-variance-authority';
+import { cn } from '../../lib/cn.js';
+/**
+ * Input chrome per research/design-system.md §3 Tier 2: radius 10
+ * (`rounded-md`), 1px `--border-strong`, `--surface-2` fill, 13px text;
+ * focus = accent border + 3px accent-soft ring; error (via `aria-invalid`) =
+ * danger border + danger-soft ring; disabled = 40% alpha.
+ *
+ * Exported so sibling form controls (`Textarea`, `Select`, `DateInput`, …)
+ * reuse the exact same chrome through `cn()` overrides.
+ */
+export const inputVariants = cva('h-[34px] w-full min-w-0 rounded-md border border-border-strong bg-surface-2 px-3 text-[13px] text-fg ' +
+    'transition-[border-color,box-shadow] duration-150 placeholder:text-fg-subtle ' +
+    'focus-visible:border-accent focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-accent-soft ' +
+    'disabled:pointer-events-none disabled:opacity-40 ' +
+    'aria-invalid:border-danger aria-invalid:focus-visible:ring-danger-soft', {
+    variants: {
+        /** JetBrains Mono + tabular numerals for technical values (ids, hosts, tokens). */
+        mono: {
+            true: 'font-mono tabular-nums',
+            false: '',
+        },
+    },
+    defaultVariants: { mono: false },
+});
+/**
+ * Single-line text input (research/design-system.md §3 Tier 2). Label,
+ * captions and describedby/invalid wiring belong to `FormField`.
+ */
+export function Input({ className, mono, error = false, ...props }) {
+    return (_jsx("input", { ...(error ? { 'aria-invalid': true, 'data-invalid': '' } : {}), className: cn(inputVariants({ mono }), className), ...props }));
+}
+//# sourceMappingURL=Input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/input/Input.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAI/C,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAErC;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAC9B,uGAAuG;IACrG,+EAA+E;IAC/E,iHAAiH;IACjH,mDAAmD;IACnD,wEAAwE,EAC1E;IACE,QAAQ,EAAE;QACR,mFAAmF;QACnF,IAAI,EAAE;YACJ,IAAI,EAAE,wBAAwB;YAC9B,KAAK,EAAE,EAAE;SACV;KACF;IACD,eAAe,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;CACjC,CACF,CAAC;AAaF;;;GAGG;AACH,MAAM,UAAU,KAAK,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,GAAG,KAAK,EAAE,GAAG,KAAK,EAAc;IAC5E,OAAO,CACL,mBAIM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,IAAa,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EACxE,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,KAC7C,KAAK,GACT,CACH,CAAC;AACJ,CAAC"}

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

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

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

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

package/dist/components/input/index.js

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

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

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

package/dist/components/input-group/InputGroup.d.ts

@@ -0,0 +1,34 @@
+import type * as React from 'react';
+/**
+ * Container that carries the Input chrome; the inner `<input>` is borderless
+ * and the focus ring moves to the wrapper via `:focus-within`
+ * (research/design-system.md §3 Tier 2).
+ */
+export declare const inputGroupContainerClasses: string;
+export interface InputGroupProps extends Omit<React.ComponentPropsWithRef<'input'>, 'style' | 'size' | 'prefix'> {
+    /** Leading Lucide icon (rendered muted, decorative). */
+    iconLeading?: React.ReactNode | undefined;
+    /**
+     * Trailing action slot — typically an `IconButton` (reveal eye, copy) or
+     * any small control. Rendered inside the chrome after the input.
+     */
+    trailing?: React.ReactNode | undefined;
+    /** Static mono text prefix, e.g. `adminium.io/`. */
+    prefix?: React.ReactNode | undefined;
+    /** Keycap suffix rendered as `Kbd`, e.g. `"⌘K"`. */
+    kbd?: string | undefined;
+    /** Danger border + ring on the wrapper and `aria-invalid` on the input. */
+    error?: boolean | undefined;
+    /** JetBrains Mono input text. */
+    mono?: boolean | undefined;
+    /** Extra classes for the inner `<input>` (className styles the wrapper). */
+    inputClassName?: string | undefined;
+}
+/**
+ * Input with chrome-level slots: leading icon, mono text prefix, trailing
+ * icon-button and `Kbd` suffix (research/design-system.md §3 Tier 2).
+ * `className` styles the wrapper; all other props (and `ref`) reach the
+ * `<input>`.
+ */
+export declare function InputGroup({ className, inputClassName, iconLeading, trailing, prefix, kbd, error, mono, ...inputProps }: InputGroupProps): React.JSX.Element;
+//# sourceMappingURL=InputGroup.d.ts.map

package/dist/components/input-group/InputGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputGroup.d.ts","sourceRoot":"","sources":["../../../src/components/input-group/InputGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAKpC;;;;GAIG;AACH,eAAO,MAAM,0BAA0B,QAKsC,CAAC;AAE9E,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;IAC/E,wDAAwD;IACxD,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IAC1C;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACvC,oDAAoD;IACpD,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACrC,oDAAoD;IACpD,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,2EAA2E;IAC3E,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B,iCAAiC;IACjC,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B,4EAA4E;IAC5E,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACrC;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,cAAc,EACd,WAAW,EACX,QAAQ,EACR,MAAM,EACN,GAAG,EACH,KAAa,EACb,IAAY,EACZ,GAAG,UAAU,EACd,EAAE,eAAe,qBA0BjB"}

package/dist/components/input-group/InputGroup.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../../lib/cn.js';
+import { Kbd } from '../kbd/index.js';
+/**
+ * Container that carries the Input chrome; the inner `<input>` is borderless
+ * and the focus ring moves to the wrapper via `:focus-within`
+ * (research/design-system.md §3 Tier 2).
+ */
+export const inputGroupContainerClasses = 'flex h-[34px] w-full min-w-0 items-center gap-2 rounded-md border border-border-strong bg-surface-2 ps-3 pe-2 ' +
+    '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 ' +
+    'data-[invalid]:border-danger data-[invalid]:focus-within:ring-danger-soft';
+/**
+ * Input with chrome-level slots: leading icon, mono text prefix, trailing
+ * icon-button and `Kbd` suffix (research/design-system.md §3 Tier 2).
+ * `className` styles the wrapper; all other props (and `ref`) reach the
+ * `<input>`.
+ */
+export function InputGroup({ className, inputClassName, iconLeading, trailing, prefix, kbd, error = false, mono = false, ...inputProps }) {
+    return (_jsxs("div", { "data-invalid": error ? '' : undefined, className: cn(inputGroupContainerClasses, className), children: [iconLeading ? (_jsx("span", { "aria-hidden": "true", className: "flex shrink-0 items-center text-fg-subtle [&_svg]:size-3.5", children: iconLeading })) : null, prefix ? (_jsx("span", { className: "shrink-0 whitespace-nowrap font-mono text-[12.5px] tabular-nums text-fg-subtle", children: prefix })) : null, _jsx("input", { ...(error ? { 'aria-invalid': true } : {}), className: cn('h-full w-full min-w-0 flex-1 bg-transparent text-[13px] text-fg placeholder:text-fg-subtle focus:outline-none disabled:opacity-100', mono && 'font-mono tabular-nums', inputClassName), ...inputProps }), kbd ? _jsx(Kbd, { className: "shrink-0", children: kbd }) : null, trailing ? _jsx("span", { className: "flex shrink-0 items-center gap-0.5", children: trailing }) : null] }));
+}
+//# sourceMappingURL=InputGroup.js.map

package/dist/components/input-group/InputGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputGroup.js","sourceRoot":"","sources":["../../../src/components/input-group/InputGroup.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAC;AAEtC;;;;GAIG;AACH,MAAM,CAAC,MAAM,0BAA0B,GACrC,gHAAgH;IAChH,oDAAoD;IACpD,mFAAmF;IACnF,2EAA2E;IAC3E,2EAA2E,CAAC;AAuB9E;;;;;GAKG;AACH,MAAM,UAAU,UAAU,CAAC,EACzB,SAAS,EACT,cAAc,EACd,WAAW,EACX,QAAQ,EACR,MAAM,EACN,GAAG,EACH,KAAK,GAAG,KAAK,EACb,IAAI,GAAG,KAAK,EACZ,GAAG,UAAU,EACG;IAChB,OAAO,CACL,+BAAmB,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,SAAS,CAAC,aAC5F,WAAW,CAAC,CAAC,CAAC,CACb,8BAAkB,MAAM,EAAC,SAAS,EAAC,4DAA4D,YAC5F,WAAW,GACP,CACR,CAAC,CAAC,CAAC,IAAI,EACP,MAAM,CAAC,CAAC,CAAC,CACR,eAAM,SAAS,EAAC,gFAAgF,YAC7F,MAAM,GACF,CACR,CAAC,CAAC,CAAC,IAAI,EACR,mBACM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,IAAa,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EACpD,SAAS,EAAE,EAAE,CACX,oIAAoI,EACpI,IAAI,IAAI,wBAAwB,EAChC,cAAc,CACf,KACG,UAAU,GACd,EACD,GAAG,CAAC,CAAC,CAAC,KAAC,GAAG,IAAC,SAAS,EAAC,UAAU,YAAE,GAAG,GAAO,CAAC,CAAC,CAAC,IAAI,EAClD,QAAQ,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,oCAAoC,YAAE,QAAQ,GAAQ,CAAC,CAAC,CAAC,IAAI,IACrF,CACP,CAAC;AACJ,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/input-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,0BAA0B,EAAE,MAAM,iBAAiB,CAAC;AACzE,YAAY,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC"}

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

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

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

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

package/dist/components/kbd/Kbd.d.ts

@@ -0,0 +1,8 @@
+import type * as React from 'react';
+export type KbdProps = Omit<React.ComponentPropsWithRef<'kbd'>, 'style'>;
+/**
+ * Keycap chip: JetBrains Mono, 1px border + 2px bottom border, radius 6px
+ * (`rounded-sm`) — research/design-system.md §3 Tier 1.
+ */
+export declare function Kbd({ className, ...props }: KbdProps): React.JSX.Element;
+//# sourceMappingURL=Kbd.d.ts.map

package/dist/components/kbd/Kbd.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Kbd.d.ts","sourceRoot":"","sources":["../../../src/components/kbd/Kbd.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,MAAM,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC;AAEzE;;;GAGG;AACH,wBAAgB,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,QAAQ,qBAUpD"}

package/dist/components/kbd/Kbd.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../lib/cn.js';
+/**
+ * Keycap chip: JetBrains Mono, 1px border + 2px bottom border, radius 6px
+ * (`rounded-sm`) — research/design-system.md §3 Tier 1.
+ */
+export function Kbd({ className, ...props }) {
+    return (_jsx("kbd", { className: cn('inline-flex h-5 min-w-5 items-center justify-center rounded-sm border border-b-2 border-border-strong bg-surface-2 px-1.5 font-mono text-[10.5px] font-semibold leading-none text-fg-muted', className), ...props }));
+}
+//# sourceMappingURL=Kbd.js.map

package/dist/components/kbd/Kbd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Kbd.js","sourceRoot":"","sources":["../../../src/components/kbd/Kbd.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAIrC;;;GAGG;AACH,MAAM,UAAU,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAY;IACnD,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,4LAA4L,EAC5L,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC"}

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

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

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

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

package/dist/components/kbd/index.js

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

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

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

package/dist/components/key-value-list/KeyValueList.d.ts

@@ -0,0 +1,27 @@
+import type { ComponentPropsWithRef, ReactNode } from 'react';
+export interface KeyValueRowProps extends Omit<ComponentPropsWithRef<'div'>, 'children'> {
+    /** Muted label ("Region"). */
+    label: ReactNode;
+    /** Value content ("eu-west-1"). */
+    children?: ReactNode;
+    /** Render the value in JetBrains Mono (ids, hosts, amounts). */
+    mono?: boolean | undefined;
+}
+/** One divider row: muted label at the start, emphasized value at the end. */
+export declare function KeyValueRow({ label, mono, className, children, ...props }: KeyValueRowProps): import("react").JSX.Element;
+export interface KeyValueItem {
+    label: ReactNode;
+    value: ReactNode;
+    mono?: boolean | undefined;
+}
+export interface KeyValueListProps extends ComponentPropsWithRef<'div'> {
+    /** Data-driven rows; alternatively compose `KeyValueRow` children. */
+    items?: readonly KeyValueItem[] | undefined;
+}
+/**
+ * KeyValueList — bordered rounded container with hairline-divided label/value
+ * rows; the review/summary list used in wizard confirm steps, detail panes
+ * and billing summaries (research/design-system.md §3 Tier 3).
+ */
+export declare function KeyValueList({ items, className, children, ...props }: KeyValueListProps): import("react").JSX.Element;
+//# sourceMappingURL=KeyValueList.d.ts.map

package/dist/components/key-value-list/KeyValueList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyValueList.d.ts","sourceRoot":"","sources":["../../../src/components/key-value-list/KeyValueList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAK9D,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IACtF,8BAA8B;IAC9B,KAAK,EAAE,SAAS,CAAC;IACjB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,gEAAgE;IAChE,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC5B;AAED,8EAA8E;AAC9E,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,IAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,+BAanG;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,iBAAkB,SAAQ,qBAAqB,CAAC,KAAK,CAAC;IACrE,sEAAsE;IACtE,KAAK,CAAC,EAAE,SAAS,YAAY,EAAE,GAAG,SAAS,CAAC;CAC7C;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,+BAcvF"}

package/dist/components/key-value-list/KeyValueList.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../../lib/cn.js';
+import { MonoText } from '../mono-text/MonoText.js';
+/** One divider row: muted label at the start, emphasized value at the end. */
+export function KeyValueRow({ label, mono = false, className, children, ...props }) {
+    return (_jsxs("div", { "data-part": "key-value-row", className: cn('flex items-center justify-between gap-4 px-4 py-2.5', className), ...props, children: [_jsx("span", { className: "shrink-0 text-body-sm text-fg-muted", children: label }), _jsx("span", { className: "min-w-0 truncate text-end text-body-sm font-semibold text-fg", children: mono ? _jsx(MonoText, { children: children }) : children })] }));
+}
+/**
+ * KeyValueList — bordered rounded container with hairline-divided label/value
+ * rows; the review/summary list used in wizard confirm steps, detail panes
+ * and billing summaries (research/design-system.md §3 Tier 3).
+ */
+export function KeyValueList({ items, className, children, ...props }) {
+    return (_jsxs("div", { className: cn('divide-y divide-border rounded-lg border border-border bg-surface', className), ...props, children: [items?.map((item, index) => (_jsx(KeyValueRow, { label: item.label, mono: item.mono, children: item.value }, index))), children] }));
+}
+//# sourceMappingURL=KeyValueList.js.map

package/dist/components/key-value-list/KeyValueList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyValueList.js","sourceRoot":"","sources":["../../../src/components/key-value-list/KeyValueList.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAWpD,8EAA8E;AAC9E,MAAM,UAAU,WAAW,CAAC,EAAE,KAAK,EAAE,IAAI,GAAG,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAoB;IAClG,OAAO,CACL,4BACY,eAAe,EACzB,SAAS,EAAE,EAAE,CAAC,qDAAqD,EAAE,SAAS,CAAC,KAC3E,KAAK,aAET,eAAM,SAAS,EAAC,qCAAqC,YAAE,KAAK,GAAQ,EACpE,eAAM,SAAS,EAAC,8DAA8D,YAC3E,IAAI,CAAC,CAAC,CAAC,KAAC,QAAQ,cAAE,QAAQ,GAAY,CAAC,CAAC,CAAC,QAAQ,GAC7C,IACH,CACP,CAAC;AACJ,CAAC;AAaD;;;;GAIG;AACH,MAAM,UAAU,YAAY,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAqB;IACtF,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CAAC,mEAAmE,EAAE,SAAS,CAAC,KACzF,KAAK,aAER,KAAK,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC3B,KAAC,WAAW,IAAa,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,YACxD,IAAI,CAAC,KAAK,IADK,KAAK,CAET,CACf,CAAC,EACD,QAAQ,IACL,CACP,CAAC;AACJ,CAAC"}

package/dist/components/key-value-list/index.d.ts

@@ -0,0 +1,3 @@
+export { KeyValueList, KeyValueRow } from './KeyValueList.js';
+export type { KeyValueItem, KeyValueListProps, KeyValueRowProps } from './KeyValueList.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/key-value-list/index.d.ts.map

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

package/dist/components/key-value-list/index.js

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

package/dist/components/key-value-list/index.js.map

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

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

@@ -0,0 +1,14 @@
+import type * as React from 'react';
+export type LabelProps = Omit<React.ComponentPropsWithRef<'label'>, 'style'>;
+/**
+ * Field label: 12px/600 on `--fg` (research/design-system.md §3 Tier 1).
+ * Required-asterisk and control wiring belong to `FormField` (Tier 2).
+ */
+export declare function Label({ className, ...props }: LabelProps): React.JSX.Element;
+export type EyebrowProps = Omit<React.ComponentPropsWithRef<'span'>, 'style'>;
+/**
+ * Uppercase micro-label: 10.5px/700, letter-spacing .05em, `--fg-subtle`
+ * (the tokens `text-micro` scale) — nav groups, table headers, form sections.
+ */
+export declare function Eyebrow({ className, ...props }: EyebrowProps): React.JSX.Element;
+//# sourceMappingURL=Label.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../src/components/label/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,CAAC;AAE7E;;;GAGG;AACH,wBAAgB,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,qBAExD;AAED,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC,CAAC;AAE9E;;;GAGG;AACH,wBAAgB,OAAO,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,qBAE5D"}

package/dist/components/label/Label.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../lib/cn.js';
+/**
+ * Field label: 12px/600 on `--fg` (research/design-system.md §3 Tier 1).
+ * Required-asterisk and control wiring belong to `FormField` (Tier 2).
+ */
+export function Label({ className, ...props }) {
+    return _jsx("label", { className: cn('block text-[12px] font-semibold leading-4 text-fg', className), ...props });
+}
+/**
+ * Uppercase micro-label: 10.5px/700, letter-spacing .05em, `--fg-subtle`
+ * (the tokens `text-micro` scale) — nav groups, table headers, form sections.
+ */
+export function Eyebrow({ className, ...props }) {
+    return _jsx("span", { className: cn('inline-block text-micro uppercase text-fg-subtle', className), ...props });
+}
+//# sourceMappingURL=Label.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../../src/components/label/Label.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAIrC;;;GAGG;AACH,MAAM,UAAU,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAc;IACvD,OAAO,gBAAO,SAAS,EAAE,EAAE,CAAC,mDAAmD,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AAC7G,CAAC;AAID;;;GAGG;AACH,MAAM,UAAU,OAAO,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAgB;IAC3D,OAAO,eAAM,SAAS,EAAE,EAAE,CAAC,kDAAkD,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AAC3G,CAAC"}

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

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

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

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

package/dist/components/label/index.js

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

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

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

package/dist/components/modal/Modal.d.ts

@@ -0,0 +1,48 @@
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { type ComponentPropsWithRef, type ReactNode } from 'react';
+import { type Tone } from '../icon-tile/index.js';
+export type ModalSize = 'sm' | 'md' | 'lg' | 'xl';
+/** Optional trigger; renders `asChild` friendly Radix trigger. */
+export declare const ModalTrigger: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+/** Close wrapper for footer buttons (`asChild` supported). */
+export declare const ModalClose: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
+export interface ModalProps extends ComponentPropsWithRef<typeof DialogPrimitive.Root> {
+    /** Max width: sm 410 / md 480 / lg 720 / xl 940. */
+    size?: ModalSize | undefined;
+    /** Extra classes for the dialog panel. */
+    className?: string | undefined;
+    /** Extra classes for the scrim overlay. */
+    overlayClassName?: string | undefined;
+    children?: ReactNode;
+}
+/**
+ * Modal — Radix dialog: radius 20, `--shadow-lg` (shadow-modal), `--scrim` +
+ * 3px backdrop blur, `nb-modal` entrance; focus trap, Esc and overlay close
+ * are Radix built-ins (research/design-system.md §3 Tier 3). Compose with
+ * `ModalHeader` / `ModalBody` / `ModalFooter`. Pass `modal={false}` +
+ * `defaultOpen` in VRT stories to render inline.
+ */
+export declare function Modal({ size, className, overlayClassName, children, ...rootProps }: ModalProps): import("react").JSX.Element;
+export interface ModalHeaderProps extends Omit<ComponentPropsWithRef<'div'>, 'title'> {
+    /** Lucide icon rendered in a tinted IconTile next to the title. */
+    icon?: ReactNode;
+    /** Tone of the icon tile. */
+    tone?: Tone | undefined;
+    /** Dialog title (wired to `aria-labelledby` via Radix `Dialog.Title`). */
+    title: ReactNode;
+    /** Optional subtitle (wired to `aria-describedby` via `Dialog.Description`). */
+    subtitle?: ReactNode;
+    /** Accessible label for the close icon-button (required — i18n). */
+    closeLabel: string;
+    /** Hide the close icon-button (e.g. forced-choice flows). */
+    hideClose?: boolean | undefined;
+}
+/** Modal header: tinted icon tile + title/subtitle + close icon-button. */
+export declare function ModalHeader({ icon, tone, title, subtitle, closeLabel, hideClose, className, children, ...props }: ModalHeaderProps): import("react").JSX.Element;
+export type ModalBodyProps = ComponentPropsWithRef<'div'>;
+/** Scrollable modal body (tokens `.nb-scroll` scrollbar). */
+export declare function ModalBody({ className, ...props }: ModalBodyProps): import("react").JSX.Element;
+export type ModalFooterProps = ComponentPropsWithRef<'div'>;
+/** Modal footer on `--surface-2` with a top hairline; actions end-aligned. */
+export declare function ModalFooter({ className, ...props }: ModalFooterProps): import("react").JSX.Element;
+//# sourceMappingURL=Modal.d.ts.map

package/dist/components/modal/Modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,EAA4B,KAAK,qBAAqB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG7F,OAAO,EAAY,KAAK,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAE5D,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAUlD,kEAAkE;AAClE,eAAO,MAAM,YAAY,kIAA0B,CAAC;AACpD,8DAA8D;AAC9D,eAAO,MAAM,UAAU,gIAAwB,CAAC;AAEhD,MAAM,WAAW,UAAW,SAAQ,qBAAqB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC;IACpF,oDAAoD;IACpD,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC7B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,2CAA2C;IAC3C,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACtC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;GAMG;AACH,wBAAgB,KAAK,CAAC,EAAE,IAAW,EAAE,SAAS,EAAE,gBAAgB,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,EAAE,UAAU,+BAiCrG;AAED,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IACnF,mEAAmE;IACnE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC;IACxB,0EAA0E;IAC1E,KAAK,EAAE,SAAS,CAAC;IACjB,gFAAgF;IAChF,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,oEAAoE;IACpE,UAAU,EAAE,MAAM,CAAC;IACnB,6DAA6D;IAC7D,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACjC;AAED,2EAA2E;AAC3E,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,IAAe,EACf,KAAK,EACL,QAAQ,EACR,UAAU,EACV,SAAS,EACT,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,gBAAgB,+BA0BlB;AAED,MAAM,MAAM,cAAc,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAE1D,6DAA6D;AAC7D,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,+BAOhE;AAED,MAAM,MAAM,gBAAgB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAE5D,8EAA8E;AAC9E,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,+BAUpE"}

package/dist/components/modal/Modal.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { X } from 'lucide-react';
+import { Children, isValidElement } from 'react';
+import { cn } from '../../lib/cn.js';
+import { IconTile } from '../icon-tile/index.js';
+/** Size → max inline size (~410/480/720/940, research/design-system.md §3 Tier 3). */
+const modalSizeClasses = {
+    sm: 'max-w-[410px]',
+    md: 'max-w-[480px]',
+    lg: 'max-w-[720px]',
+    xl: 'max-w-[940px]',
+};
+/** Optional trigger; renders `asChild` friendly Radix trigger. */
+export const ModalTrigger = DialogPrimitive.Trigger;
+/** Close wrapper for footer buttons (`asChild` supported). */
+export const ModalClose = DialogPrimitive.Close;
+/**
+ * Modal — Radix dialog: radius 20, `--shadow-lg` (shadow-modal), `--scrim` +
+ * 3px backdrop blur, `nb-modal` entrance; focus trap, Esc and overlay close
+ * are Radix built-ins (research/design-system.md §3 Tier 3). Compose with
+ * `ModalHeader` / `ModalBody` / `ModalFooter`. Pass `modal={false}` +
+ * `defaultOpen` in VRT stories to render inline.
+ */
+export function Modal({ size = 'md', className, overlayClassName, children, ...rootProps }) {
+    // ModalTrigger children must render as direct Root children — the Portal/Content
+    // subtree is unmounted while the dialog is closed, so a trigger placed inside it
+    // would never appear.
+    const childArray = Children.toArray(children);
+    const triggers = childArray.filter((c) => isValidElement(c) && c.type === ModalTrigger);
+    const content = childArray.filter((c) => !(isValidElement(c) && c.type === ModalTrigger));
+    return (_jsxs(DialogPrimitive.Root, { ...rootProps, children: [triggers, _jsxs(DialogPrimitive.Portal, { children: [_jsx(DialogPrimitive.Overlay, { className: cn('fixed inset-0 z-50 bg-[var(--scrim)] backdrop-blur-[3px]', 'animate-[nb-fade_.2s_cubic-bezier(.2,.7,.3,1)]', overlayClassName) }), _jsx(DialogPrimitive.Content, { className: cn(
+                        // inset-0 + m-auto + h-fit centers without transforms — RTL-safe.
+                        'fixed inset-0 z-50 m-auto flex h-fit max-h-[85vh] w-[calc(100%-32px)] flex-col', 'overflow-hidden rounded-xl border border-border bg-surface shadow-modal outline-none', 'animate-[nb-modal_.22s_cubic-bezier(.2,.8,.2,1)]', modalSizeClasses[size], className), children: content })] })] }));
+}
+/** Modal header: tinted icon tile + title/subtitle + close icon-button. */
+export function ModalHeader({ icon, tone = 'accent', title, subtitle, closeLabel, hideClose, className, children, ...props }) {
+    return (_jsxs("div", { className: cn('flex shrink-0 items-start gap-3 px-5 pb-4 pt-5', className), ...props, children: [icon === undefined || icon === null ? null : _jsx(IconTile, { tone: tone, size: "md", icon: icon }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx(DialogPrimitive.Title, { className: "text-modal text-fg", children: title }), subtitle === undefined || subtitle === null ? null : (_jsx(DialogPrimitive.Description, { className: "mt-0.5 text-body-sm text-fg-muted", children: subtitle })), children] }), hideClose ? null : (_jsx(DialogPrimitive.Close, { "aria-label": closeLabel, className: cn('nb-ib -me-1.5 -mt-1.5 inline-flex size-8 shrink-0 items-center justify-center rounded-md text-fg-muted', 'focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent'), children: _jsx(X, { className: "size-4", "aria-hidden": "true" }) }))] }));
+}
+/** Scrollable modal body (tokens `.nb-scroll` scrollbar). */
+export function ModalBody({ className, ...props }) {
+    return (_jsx("div", { className: cn('nb-scroll min-h-0 flex-1 overflow-y-auto px-5 pb-5 text-body text-fg', className), ...props }));
+}
+/** Modal footer on `--surface-2` with a top hairline; actions end-aligned. */
+export function ModalFooter({ className, ...props }) {
+    return (_jsx("div", { className: cn('flex shrink-0 items-center justify-end gap-2 border-t border-border bg-surface-2 px-5 py-4', className), ...props }));
+}
+//# sourceMappingURL=Modal.js.map

package/dist/components/modal/Modal.js.map

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

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

@@ -0,0 +1,3 @@
+export { Modal, ModalBody, ModalClose, ModalFooter, ModalHeader, ModalTrigger } from './Modal.js';
+export type { ModalBodyProps, ModalFooterProps, ModalHeaderProps, ModalProps, ModalSize, } from './Modal.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAClG,YAAY,EACV,cAAc,EACd,gBAAgB,EAChB,gBAAgB,EAChB,UAAU,EACV,SAAS,GACV,MAAM,YAAY,CAAC"}

package/dist/components/modal/index.js

@@ -0,0 +1,2 @@
+export { Modal, ModalBody, ModalClose, ModalFooter, ModalHeader, ModalTrigger } from './Modal.js';
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/mono-text/MonoText.d.ts

@@ -0,0 +1,13 @@
+import type * as React from 'react';
+export interface MonoTextProps extends Omit<React.ComponentPropsWithRef<'span'>, 'style'> {
+    /** Merge classes/props into the single child element (Radix Slot). */
+    asChild?: boolean;
+}
+/**
+ * JetBrains Mono + `tabular-nums` wrapper (the comps' `.nb-num`) — mandatory
+ * for money, KPIs, IDs, timestamps, counts, connection strings
+ * (workplan/03-component-library.md §7.4). Never applies locale formatting;
+ * that is the caller's job.
+ */
+export declare function MonoText({ className, asChild, ...props }: MonoTextProps): React.JSX.Element;
+//# sourceMappingURL=MonoText.d.ts.map

package/dist/components/mono-text/MonoText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonoText.d.ts","sourceRoot":"","sources":["../../../src/components/mono-text/MonoText.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC;IACvF,sEAAsE;IACtE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,OAAe,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,qBAG/E"}

package/dist/components/mono-text/MonoText.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Slot } from '@radix-ui/react-slot';
+import { cn } from '../../lib/cn.js';
+/**
+ * JetBrains Mono + `tabular-nums` wrapper (the comps' `.nb-num`) — mandatory
+ * for money, KPIs, IDs, timestamps, counts, connection strings
+ * (workplan/03-component-library.md §7.4). Never applies locale formatting;
+ * that is the caller's job.
+ */
+export function MonoText({ className, asChild = false, ...props }) {
+    const Comp = asChild ? Slot : 'span';
+    return _jsx(Comp, { className: cn('font-mono tabular-nums', className), ...props });
+}
+//# sourceMappingURL=MonoText.js.map

package/dist/components/mono-text/MonoText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonoText.js","sourceRoot":"","sources":["../../../src/components/mono-text/MonoText.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAG5C,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAOrC;;;;;GAKG;AACH,MAAM,UAAU,QAAQ,CAAC,EAAE,SAAS,EAAE,OAAO,GAAG,KAAK,EAAE,GAAG,KAAK,EAAiB;IAC9E,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;IACrC,OAAO,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AACjF,CAAC"}

package/dist/components/mono-text/index.d.ts

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

package/dist/components/mono-text/index.d.ts.map

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

package/dist/components/mono-text/index.js

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