@adminiumjs/ui 0.1.0-rc.1

package/dist/components/auth-screens/TwoFactorForm.d.ts

@@ -0,0 +1,54 @@
+import type { ComponentPropsWithRef, ReactNode } from 'react';
+/** Payload emitted by `TwoFactorForm.onSubmit`. */
+export interface TwoFactorFormValues {
+    /** 6-digit TOTP or a recovery code (`xxxxx-xxxxx`), per the active method. */
+    code: string;
+    method: 'totp' | 'recovery';
+}
+/** All user-visible strings (required — i18n). */
+export interface TwoFactorFormLabels {
+    /** Heading, e.g. "Two-factor authentication". */
+    title: ReactNode;
+    /** Muted copy, e.g. "Enter the 6-digit code from your authenticator app." */
+    subtitle?: ReactNode | undefined;
+    /** Accessible name for the OTP input ("One-time code"). */
+    code: string;
+    /** Recovery-code field label. */
+    recoveryCode: string;
+    /** Recovery-code placeholder, e.g. "xxxxx-xxxxx". */
+    recoveryPlaceholder?: string | undefined;
+    submit: string;
+    /** Toggle link: "Lost your device? Use a recovery code". */
+    useRecoveryCode: string;
+    /** Toggle link back to the authenticator code. */
+    useAuthenticator: string;
+}
+export interface TwoFactorFormProps extends Omit<ComponentPropsWithRef<'form'>, 'style' | 'onSubmit' | 'onError' | 'title'> {
+    labels: TwoFactorFormLabels;
+    /** Fires with the entered code — the host app calls the API. */
+    onSubmit: (values: TwoFactorFormValues) => void;
+    /** Rejected-code banner (danger `Alert`, `role="alert"`) + invalid OTP cells. */
+    error?: ReactNode;
+    /** Request in flight. */
+    loading?: boolean | undefined;
+    /** Hint slot under the form ("Didn't get a push? …" / resend copy). */
+    resendHint?: ReactNode;
+    /** OTP length. Default 6. */
+    length?: number | undefined;
+    /** Submit automatically when all OTP cells are filled. Default true. */
+    autoSubmit?: boolean | undefined;
+}
+/**
+ * TwoFactorForm — the 2FA step-up challenge per designs/Auth &
+ * Onboarding.dc.html: invisible-input OTP over 6 cells, with a toggle to a
+ * recovery-code input. Controlled composition: zero fetching.
+ *
+ * Endpoint contract (apps/server/src/routes/auth):
+ * `POST /api/v1/auth/2fa/verify` with `{ challengeToken, code }` — the
+ * `challengeToken` comes from the preceding login 202 response and is held by
+ * the host app; this component only emits `code` (TOTP or recovery code) →
+ * - `200 { data: { user } }` — session established;
+ * - `401` (wrong/expired code, 5/min bucket) — pass a message via `error`.
+ */
+export declare function TwoFactorForm({ labels, onSubmit, error, loading, resendHint, length, autoSubmit, className, ...props }: TwoFactorFormProps): import("react").JSX.Element;
+//# sourceMappingURL=TwoFactorForm.d.ts.map

package/dist/components/auth-screens/TwoFactorForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TwoFactorForm.d.ts","sourceRoot":"","sources":["../../../src/components/auth-screens/TwoFactorForm.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAa,SAAS,EAAE,MAAM,OAAO,CAAC;AAUzE,mDAAmD;AACnD,MAAM,WAAW,mBAAmB;IAClC,8EAA8E;IAC9E,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,GAAG,UAAU,CAAC;CAC7B;AAED,kDAAkD;AAClD,MAAM,WAAW,mBAAmB;IAClC,iDAAiD;IACjD,KAAK,EAAE,SAAS,CAAC;IACjB,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACjC,2DAA2D;IAC3D,IAAI,EAAE,MAAM,CAAC;IACb,iCAAiC;IACjC,YAAY,EAAE,MAAM,CAAC;IACrB,qDAAqD;IACrD,mBAAmB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzC,MAAM,EAAE,MAAM,CAAC;IACf,4DAA4D;IAC5D,eAAe,EAAE,MAAM,CAAC;IACxB,kDAAkD;IAClD,gBAAgB,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO,CAAC;IACvF,MAAM,EAAE,mBAAmB,CAAC;IAC5B,gEAAgE;IAChE,QAAQ,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAChD,iFAAiF;IACjF,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,yBAAyB;IACzB,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,uEAAuE;IACvE,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,6BAA6B;IAC7B,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,wEAAwE;IACxE,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAClC;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,QAAQ,EACR,KAAK,EACL,OAAe,EACf,UAAU,EACV,MAAU,EACV,UAAiB,EACjB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,kBAAkB,+BA4FpB"}

package/dist/components/auth-screens/TwoFactorForm.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ShieldCheck } from 'lucide-react';
+import { useId, useState } from 'react';
+import { cn } from '../../lib/cn.js';
+import { Alert } from '../alert/index.js';
+import { Button } from '../button/index.js';
+import { FormField } from '../form-field/index.js';
+import { IconTile } from '../icon-tile/index.js';
+import { Input } from '../input/index.js';
+import { OtpInput } from '../otp-input/index.js';
+/**
+ * TwoFactorForm — the 2FA step-up challenge per designs/Auth &
+ * Onboarding.dc.html: invisible-input OTP over 6 cells, with a toggle to a
+ * recovery-code input. Controlled composition: zero fetching.
+ *
+ * Endpoint contract (apps/server/src/routes/auth):
+ * `POST /api/v1/auth/2fa/verify` with `{ challengeToken, code }` — the
+ * `challengeToken` comes from the preceding login 202 response and is held by
+ * the host app; this component only emits `code` (TOTP or recovery code) →
+ * - `200 { data: { user } }` — session established;
+ * - `401` (wrong/expired code, 5/min bucket) — pass a message via `error`.
+ */
+export function TwoFactorForm({ labels, onSubmit, error, loading = false, resendHint, length = 6, autoSubmit = true, className, ...props }) {
+    const [method, setMethod] = useState('totp');
+    const [code, setCode] = useState('');
+    const [recoveryCode, setRecoveryCode] = useState('');
+    const subtitleId = useId();
+    const value = method === 'totp' ? code : recoveryCode.trim();
+    const ready = method === 'totp' ? code.length === length : recoveryCode.trim().length > 0;
+    const hasError = error !== undefined && error !== null;
+    const submit = (submittedCode) => {
+        if (loading)
+            return;
+        onSubmit({ code: submittedCode, method });
+    };
+    const handleSubmit = (event) => {
+        event.preventDefault();
+        if (!ready)
+            return;
+        submit(value);
+    };
+    const toggleMethod = () => {
+        setMethod((current) => (current === 'totp' ? 'recovery' : 'totp'));
+    };
+    return (_jsxs("form", { noValidate: true, "data-part": "two-factor-form", "data-method": method, className: cn('flex w-full flex-col', className), onSubmit: handleSubmit, ...props, children: [_jsx(IconTile, { tone: "accent", size: "lg", icon: _jsx(ShieldCheck, {}) }), _jsx("h1", { className: "mt-4 text-[22px] font-extrabold tracking-[-0.02em] text-fg", children: labels.title }), labels.subtitle === undefined ? null : (_jsx("p", { id: subtitleId, className: "mt-1.5 text-[13.5px] text-fg-muted", children: labels.subtitle })), hasError ? _jsx(Alert, { tone: "danger", role: "alert", title: error, className: "mt-4" }) : null, _jsxs("div", { className: "mt-6 flex flex-col gap-4", children: [method === 'totp' ? (_jsx(OtpInput, { length: length, label: labels.code, describedBy: labels.subtitle === undefined ? undefined : subtitleId, value: code, onChange: setCode, invalid: hasError, disabled: loading, autoFocus: true, className: "justify-between", ...(autoSubmit ? { onComplete: submit } : {}) })) : (_jsx(FormField, { label: labels.recoveryCode, children: _jsx(Input, { mono: true, autoFocus: true, autoComplete: "off", spellCheck: false, placeholder: labels.recoveryPlaceholder, value: recoveryCode, disabled: loading, error: hasError, onChange: (event) => setRecoveryCode(event.target.value) }) })), _jsx(Button, { type: "submit", loading: loading, disabled: !ready, className: "w-full", children: labels.submit })] }), _jsx("div", { className: "mt-5 text-center text-body-sm text-fg-muted", children: _jsx(Button, { variant: "link", className: "text-body-sm font-bold", onClick: toggleMethod, children: method === 'totp' ? labels.useRecoveryCode : labels.useAuthenticator }) }), resendHint === undefined ? null : (_jsx("div", { "data-part": "two-factor-resend-hint", className: "mt-3 text-center text-caption text-fg-subtle", children: resendHint }))] }));
+}
+//# sourceMappingURL=TwoFactorForm.js.map

package/dist/components/auth-screens/TwoFactorForm.js.map

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

package/dist/components/auth-screens/index.d.ts

@@ -0,0 +1,9 @@
+export { ForgotPasswordForm, ForgotSentState } from './ForgotPasswordForm.js';
+export type { ForgotPasswordFormLabels, ForgotPasswordFormProps, ForgotPasswordFormValues, ForgotSentStateProps, } from './ForgotPasswordForm.js';
+export { ResetPasswordForm } from './ResetPasswordForm.js';
+export type { ResetPasswordFormLabels, ResetPasswordFormProps, ResetPasswordFormValues, } from './ResetPasswordForm.js';
+export { SignInForm } from './SignInForm.js';
+export type { SignInFormLabels, SignInFormProps, SignInFormValues } from './SignInForm.js';
+export { TwoFactorForm } from './TwoFactorForm.js';
+export type { TwoFactorFormLabels, TwoFactorFormProps, TwoFactorFormValues, } from './TwoFactorForm.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/auth-screens/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/auth-screens/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC9E,YAAY,EACV,wBAAwB,EACxB,uBAAuB,EACvB,wBAAwB,EACxB,oBAAoB,GACrB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,YAAY,EACV,uBAAuB,EACvB,sBAAsB,EACtB,uBAAuB,GACxB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,YAAY,EAAE,gBAAgB,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAC3F,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,YAAY,EACV,mBAAmB,EACnB,kBAAkB,EAClB,mBAAmB,GACpB,MAAM,oBAAoB,CAAC"}

package/dist/components/auth-screens/index.js

@@ -0,0 +1,5 @@
+export { ForgotPasswordForm, ForgotSentState } from './ForgotPasswordForm.js';
+export { ResetPasswordForm } from './ResetPasswordForm.js';
+export { SignInForm } from './SignInForm.js';
+export { TwoFactorForm } from './TwoFactorForm.js';
+//# sourceMappingURL=index.js.map

package/dist/components/auth-screens/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/auth-screens/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAO9E,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAM3D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/components/autosave-indicator/AutosaveIndicator.d.ts

@@ -0,0 +1,28 @@
+import type { ComponentPropsWithRef } from 'react';
+/**
+ * The autosave phases. `dirty` is the annex's "Unsaved changes" pill
+ * (research/widget-registry.md §12 `autosave-indicator`: warn dot "Unsaved
+ * changes" → spinner "Saving…" → green check "All changes saved"), shown while
+ * edits sit inside the host's debounce window. `idle` remains the no-edits-yet
+ * phase and still renders nothing.
+ */
+export type AutosaveStatus = 'idle' | 'dirty' | 'saving' | 'saved' | 'error';
+export interface AutosaveIndicatorProps extends ComponentPropsWithRef<'div'> {
+    status: AutosaveStatus;
+    /** "Saving…" (required — i18n). */
+    savingLabel: string;
+    /** "All changes saved" (required — i18n). */
+    savedLabel: string;
+    /** "Unsaved changes" — required only if you ever pass `status="dirty"`. */
+    dirtyLabel?: string | undefined;
+    /** "Couldn't save" — required only if you ever pass `status="error"`. */
+    errorLabel?: string | undefined;
+}
+/**
+ * AutosaveIndicator — "Unsaved changes / Saving… / All changes saved" pill with
+ * a fade transition between states, announced politely via `aria-live`
+ * (research/design-system.md §3 Tier 3). `idle` renders an empty live region
+ * (layout kept stable).
+ */
+export declare function AutosaveIndicator({ status, savingLabel, savedLabel, dirtyLabel, errorLabel, className, ...props }: AutosaveIndicatorProps): import("react").JSX.Element;
+//# sourceMappingURL=AutosaveIndicator.d.ts.map

package/dist/components/autosave-indicator/AutosaveIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutosaveIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/autosave-indicator/AutosaveIndicator.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAKnD;;;;;;GAMG;AACH,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAC;AAE7E,MAAM,WAAW,sBAAuB,SAAQ,qBAAqB,CAAC,KAAK,CAAC;IAC1E,MAAM,EAAE,cAAc,CAAC;IACvB,mCAAmC;IACnC,WAAW,EAAE,MAAM,CAAC;IACpB,6CAA6C;IAC7C,UAAU,EAAE,MAAM,CAAC;IACnB,2EAA2E;IAC3E,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,yEAAyE;IACzE,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACjC;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,WAAW,EACX,UAAU,EACV,UAAU,EACV,UAAU,EACV,SAAS,EACT,GAAG,KAAK,EACT,EAAE,sBAAsB,+BA4CxB"}

package/dist/components/autosave-indicator/AutosaveIndicator.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Check, CircleAlert } from 'lucide-react';
+import { cn } from '../../lib/cn.js';
+import { Spinner } from '../spinner/Spinner.js';
+/**
+ * AutosaveIndicator — "Unsaved changes / Saving… / All changes saved" pill with
+ * a fade transition between states, announced politely via `aria-live`
+ * (research/design-system.md §3 Tier 3). `idle` renders an empty live region
+ * (layout kept stable).
+ */
+export function AutosaveIndicator({ status, savingLabel, savedLabel, dirtyLabel, errorLabel, className, ...props }) {
+    return (_jsx("div", { role: "status", "aria-live": "polite", "data-status": status, className: cn('inline-flex h-6 items-center', className), ...props, children: status === 'idle' ? null : (_jsx("span", { className: cn('inline-flex items-center gap-1.5 rounded-full bg-surface-2 px-2.5 py-1 text-caption font-semibold', 'animate-[nb-fade_.24s_cubic-bezier(.2,.7,.3,1)]', status === 'error' ? 'text-danger' : 'text-fg-muted'), children: status === 'dirty' ? (_jsxs(_Fragment, { children: [_jsx("span", { "data-part": "autosave-dot", className: "size-1.5 rounded-full bg-warn", "aria-hidden": "true" }), dirtyLabel] })) : status === 'saving' ? (_jsxs(_Fragment, { children: [_jsx(Spinner, { size: "sm", className: "size-3" }), savingLabel] })) : status === 'saved' ? (_jsxs(_Fragment, { children: [_jsx(Check, { className: "size-3 text-pos", "aria-hidden": "true" }), savedLabel] })) : (_jsxs(_Fragment, { children: [_jsx(CircleAlert, { className: "size-3", "aria-hidden": "true" }), errorLabel] })) }, status)) }));
+}
+//# sourceMappingURL=AutosaveIndicator.js.map

package/dist/components/autosave-indicator/AutosaveIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutosaveIndicator.js","sourceRoot":"","sources":["../../../src/components/autosave-indicator/AutosaveIndicator.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAGlD,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAuBhD;;;;;GAKG;AACH,MAAM,UAAU,iBAAiB,CAAC,EAChC,MAAM,EACN,WAAW,EACX,UAAU,EACV,UAAU,EACV,UAAU,EACV,SAAS,EACT,GAAG,KAAK,EACe;IACvB,OAAO,CACL,cACE,IAAI,EAAC,QAAQ,eACH,QAAQ,iBACL,MAAM,EACnB,SAAS,EAAE,EAAE,CAAC,8BAA8B,EAAE,SAAS,CAAC,KACpD,KAAK,YAER,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC1B,eAEE,SAAS,EAAE,EAAE,CACX,mGAAmG,EACnG,iDAAiD,EACjD,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,eAAe,CACrD,YAEA,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,CACpB,8BAEE,4BAAgB,cAAc,EAAC,SAAS,EAAC,+BAA+B,iBAAa,MAAM,GAAG,EAC7F,UAAU,IACV,CACJ,CAAC,CAAC,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,CACxB,8BACE,KAAC,OAAO,IAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,QAAQ,GAAG,EACvC,WAAW,IACX,CACJ,CAAC,CAAC,CAAC,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,CACvB,8BACE,KAAC,KAAK,IAAC,SAAS,EAAC,iBAAiB,iBAAa,MAAM,GAAG,EACvD,UAAU,IACV,CACJ,CAAC,CAAC,CAAC,CACF,8BACE,KAAC,WAAW,IAAC,SAAS,EAAC,QAAQ,iBAAa,MAAM,GAAG,EACpD,UAAU,IACV,CACJ,IA5BI,MAAM,CA6BN,CACR,GACG,CACP,CAAC;AACJ,CAAC"}

package/dist/components/autosave-indicator/index.d.ts

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

package/dist/components/autosave-indicator/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/autosave-indicator/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,YAAY,EAAE,sBAAsB,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/components/autosave-indicator/index.js

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

package/dist/components/autosave-indicator/index.js.map

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

package/dist/components/avatar/Avatar.d.ts

@@ -0,0 +1,48 @@
+import { type VariantProps } from 'class-variance-authority';
+import { type ComponentPropsWithRef } from 'react';
+import type { Tone } from '../icon-tile/index.js';
+/**
+ * The 5 fixed deterministic avatar gradients (research/design-system.md §3
+ * Tier 1, 03-component-library.md §7.3). The hash below is FROZEN — changing
+ * it re-colors every avatar in every install (major-version change).
+ */
+export declare const AVATAR_GRADIENTS: readonly [readonly ["#6366f1", "#a855f7"], readonly ["#f59e0b", "#ef4444"], readonly ["#10b981", "#0d9488"], readonly ["#06b6d4", "#3b82f6"], readonly ["#8b5cf6", "#ec4899"]];
+/**
+ * Static gradient utility classes, index-aligned with AVATAR_GRADIENTS.
+ * Static classes (not runtime CSS vars) so Tailwind can see them — zero
+ * `style` props.
+ */
+export declare const avatarGradientClasses: readonly ["bg-[linear-gradient(135deg,#6366f1,#a855f7)]", "bg-[linear-gradient(135deg,#f59e0b,#ef4444)]", "bg-[linear-gradient(135deg,#10b981,#0d9488)]", "bg-[linear-gradient(135deg,#06b6d4,#3b82f6)]", "bg-[linear-gradient(135deg,#8b5cf6,#ec4899)]"];
+/** Deterministic gradient index for a set of initials (frozen 31-multiply hash). */
+export declare function avatarGradientIndex(initials: string): number;
+/**
+ * Initials = first grapheme of the first + last word of `name`, uppercased
+ * via `toLocaleUpperCase(locale)` (03-component-library.md §7.3).
+ */
+export declare function getInitials(name: string, locale?: string): string;
+export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+/** Size → box + initials-type classes; shared with AvatarStack's overflow chip. */
+export declare const avatarSizeClasses: Record<AvatarSize, string>;
+export declare const avatarVariants: (props?: ({
+    size?: AvatarSize | null | undefined;
+    shape?: "circle" | "square" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface AvatarProps extends Omit<ComponentPropsWithRef<'span'>, 'children'>, VariantProps<typeof avatarVariants> {
+    /** Full name; initials and the deterministic gradient derive from it. */
+    name: string;
+    /** Optional image URL; falls back to initials while loading or on error. */
+    src?: string | undefined;
+    /** Locale used to uppercase the initials (`toLocaleUpperCase`). */
+    locale?: string | undefined;
+    /** Accessible name; defaults to `name`. */
+    label?: string | undefined;
+    /** Presence dot tone; the dot renders only when set (e.g. `pos` = online). */
+    presence?: Tone | undefined;
+}
+/**
+ * Avatar — initials over 1 of 5 fixed deterministic gradients, or an image
+ * with initials fallback; circle / rounded-square shapes; sizes 18–92px;
+ * optional presence dot (research/design-system.md §3 Tier 1).
+ */
+export declare function Avatar({ name, src, locale, label, presence, size, shape, className, ...props }: AvatarProps): import("react").JSX.Element;
+//# sourceMappingURL=Avatar.d.ts.map

package/dist/components/avatar/Avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAY,KAAK,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAG7D,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAElD;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,gLAMnB,CAAC;AAEX;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,2PAMxB,CAAC;AAEX,oFAAoF;AACpF,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAM5D;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAQjE;AAED,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAElE,mFAAmF;AACnF,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAOxD,CAAC;AAEF,eAAO,MAAM,cAAc;;;8EAiB1B,CAAC;AAoBF,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,EACrD,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,yEAAyE;IACzE,IAAI,EAAE,MAAM,CAAC;IACb,4EAA4E;IAC5E,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,mEAAmE;IACnE,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC;CAC7B;AAED;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,GAAG,EACH,MAAM,EACN,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACT,EAAE,WAAW,+BAsCb"}

package/dist/components/avatar/Avatar.js

@@ -0,0 +1,104 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cva } from 'class-variance-authority';
+import { useState } from 'react';
+import { cn } from '../../lib/cn.js';
+/**
+ * The 5 fixed deterministic avatar gradients (research/design-system.md §3
+ * Tier 1, 03-component-library.md §7.3). The hash below is FROZEN — changing
+ * it re-colors every avatar in every install (major-version change).
+ */
+export const AVATAR_GRADIENTS = [
+    ['#6366f1', '#a855f7'],
+    ['#f59e0b', '#ef4444'],
+    ['#10b981', '#0d9488'],
+    ['#06b6d4', '#3b82f6'],
+    ['#8b5cf6', '#ec4899'],
+];
+/**
+ * Static gradient utility classes, index-aligned with AVATAR_GRADIENTS.
+ * Static classes (not runtime CSS vars) so Tailwind can see them — zero
+ * `style` props.
+ */
+export const avatarGradientClasses = [
+    'bg-[linear-gradient(135deg,#6366f1,#a855f7)]',
+    'bg-[linear-gradient(135deg,#f59e0b,#ef4444)]',
+    'bg-[linear-gradient(135deg,#10b981,#0d9488)]',
+    'bg-[linear-gradient(135deg,#06b6d4,#3b82f6)]',
+    'bg-[linear-gradient(135deg,#8b5cf6,#ec4899)]',
+];
+/** Deterministic gradient index for a set of initials (frozen 31-multiply hash). */
+export function avatarGradientIndex(initials) {
+    let h = 0;
+    for (let i = 0; i < initials.length; i++) {
+        h = (h * 31 + initials.charCodeAt(i)) >>> 0;
+    }
+    return h % AVATAR_GRADIENTS.length;
+}
+/**
+ * Initials = first grapheme of the first + last word of `name`, uppercased
+ * via `toLocaleUpperCase(locale)` (03-component-library.md §7.3).
+ */
+export function getInitials(name, locale) {
+    const words = name.trim().split(/\s+/).filter(Boolean);
+    const firstWord = words[0];
+    if (firstWord === undefined)
+        return '';
+    const first = [...firstWord][0] ?? '';
+    const lastWord = words.length > 1 ? words[words.length - 1] : undefined;
+    const last = lastWord === undefined ? '' : ([...lastWord][0] ?? '');
+    return (first + last).toLocaleUpperCase(locale);
+}
+/** Size → box + initials-type classes; shared with AvatarStack's overflow chip. */
+export const avatarSizeClasses = {
+    /** 18px */ xs: 'size-[18px] text-[7px]',
+    /** 24px */ sm: 'size-6 text-[9px]',
+    /** 32px */ md: 'size-8 text-[11px]',
+    /** 40px */ lg: 'size-10 text-[14px]',
+    /** 56px */ xl: 'size-14 text-[19px]',
+    /** 92px */ '2xl': 'size-[92px] text-[32px]',
+};
+export const avatarVariants = cva('relative inline-flex shrink-0 select-none items-center justify-center font-bold uppercase leading-none text-white', {
+    variants: {
+        size: avatarSizeClasses,
+        shape: { circle: 'rounded-full', square: '' },
+    },
+    compoundVariants: [
+        { shape: 'square', size: 'xs', class: 'rounded-[5px]' },
+        { shape: 'square', size: 'sm', class: 'rounded-[6px]' },
+        { shape: 'square', size: 'md', class: 'rounded-[8px]' },
+        { shape: 'square', size: 'lg', class: 'rounded-[10px]' },
+        { shape: 'square', size: 'xl', class: 'rounded-[14px]' },
+        { shape: 'square', size: '2xl', class: 'rounded-[20px]' },
+    ],
+    defaultVariants: { size: 'md', shape: 'circle' },
+});
+const presenceDotSize = {
+    xs: 'size-1.5',
+    sm: 'size-1.5',
+    md: 'size-2',
+    lg: 'size-2.5',
+    xl: 'size-3',
+    '2xl': 'size-4',
+};
+const presenceToneBg = {
+    neutral: 'bg-fg-subtle',
+    accent: 'bg-accent',
+    pos: 'bg-pos',
+    warn: 'bg-warn',
+    danger: 'bg-danger',
+    info: 'bg-info',
+};
+/**
+ * Avatar — initials over 1 of 5 fixed deterministic gradients, or an image
+ * with initials fallback; circle / rounded-square shapes; sizes 18–92px;
+ * optional presence dot (research/design-system.md §3 Tier 1).
+ */
+export function Avatar({ name, src, locale, label, presence, size, shape, className, ...props }) {
+    const [imageFailed, setImageFailed] = useState(false);
+    const initials = getInitials(name, locale);
+    const gradientClass = avatarGradientClasses[avatarGradientIndex(initials)] ?? avatarGradientClasses[0];
+    const showImage = src !== undefined && src !== '' && !imageFailed;
+    const resolvedSize = size ?? 'md';
+    return (_jsxs("span", { role: "img", "aria-label": label ?? name, "data-gradient": avatarGradientIndex(initials), className: cn(avatarVariants({ size, shape }), gradientClass, className), ...props, children: [initials, showImage ? (_jsx("img", { src: src, alt: "", "aria-hidden": "true", onError: () => setImageFailed(true), className: "absolute inset-0 size-full rounded-[inherit] object-cover" })) : null, presence === undefined ? null : (_jsx("span", { "data-testid": "avatar-presence", className: cn('absolute bottom-0 end-0 z-10 rounded-full ring-2 ring-surface', presenceDotSize[resolvedSize], presenceToneBg[presence]) }))] }));
+}
+//# sourceMappingURL=Avatar.js.map

package/dist/components/avatar/Avatar.js.map

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

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

@@ -0,0 +1,3 @@
+export { AVATAR_GRADIENTS, Avatar, avatarGradientClasses, avatarGradientIndex, avatarSizeClasses, avatarVariants, getInitials, } from './Avatar.js';
+export type { AvatarProps, AvatarSize } from './Avatar.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,MAAM,EACN,qBAAqB,EACrB,mBAAmB,EACnB,iBAAiB,EACjB,cAAc,EACd,WAAW,GACZ,MAAM,aAAa,CAAC;AACrB,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC"}

package/dist/components/avatar/index.js

@@ -0,0 +1,2 @@
+export { AVATAR_GRADIENTS, Avatar, avatarGradientClasses, avatarGradientIndex, avatarSizeClasses, avatarVariants, getInitials, } from './Avatar.js';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,MAAM,EACN,qBAAqB,EACrB,mBAAmB,EACnB,iBAAiB,EACjB,cAAc,EACd,WAAW,GACZ,MAAM,aAAa,CAAC"}

package/dist/components/avatar-stack/AvatarStack.d.ts

@@ -0,0 +1,21 @@
+import { type ComponentPropsWithRef, type ReactNode } from 'react';
+import { type AvatarSize } from '../avatar/index.js';
+export interface AvatarStackProps extends ComponentPropsWithRef<'div'> {
+    /** `Avatar` elements (or same-sized nodes) to stack. */
+    children: ReactNode;
+    /** Maximum avatars shown before collapsing the rest into a `+N` chip. */
+    max?: number | undefined;
+    /** Size of the `+N` overflow chip; match the stacked avatars' size. */
+    size?: AvatarSize | undefined;
+    /** Accessible name for the group (e.g. "Assignees"). */
+    label?: string | undefined;
+    /** Formats the overflow chip text; defaults to `` (n) => `+${n}` ``. */
+    overflowLabel?: ((hidden: number) => string) | undefined;
+}
+/**
+ * AvatarStack — overlapping avatar row: −8px overlap via the logical `-ms-2`
+ * negative margin, 2px `--surface` ring on every item, and a `+N` overflow
+ * chip past `max` (research/design-system.md §3 Tier 1).
+ */
+export declare function AvatarStack({ children, max, size, label, overflowLabel, className, ...props }: AvatarStackProps): import("react").JSX.Element;
+//# sourceMappingURL=AvatarStack.d.ts.map

package/dist/components/avatar-stack/AvatarStack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarStack.d.ts","sourceRoot":"","sources":["../../../src/components/avatar-stack/AvatarStack.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,qBAAqB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG7E,OAAO,EAAqB,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAExE,MAAM,WAAW,gBAAiB,SAAQ,qBAAqB,CAAC,KAAK,CAAC;IACpE,wDAAwD;IACxD,QAAQ,EAAE,SAAS,CAAC;IACpB,yEAAyE;IACzE,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,uEAAuE;IACvE,IAAI,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IAC9B,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,wEAAwE;IACxE,aAAa,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC,GAAG,SAAS,CAAC;CAC1D;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,GAAG,EACH,IAAW,EACX,KAAK,EACL,aAA8B,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,gBAAgB,+BA6BlB"}

package/dist/components/avatar-stack/AvatarStack.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Children } from 'react';
+import { cn } from '../../lib/cn.js';
+import { avatarSizeClasses } from '../avatar/index.js';
+/**
+ * AvatarStack — overlapping avatar row: −8px overlap via the logical `-ms-2`
+ * negative margin, 2px `--surface` ring on every item, and a `+N` overflow
+ * chip past `max` (research/design-system.md §3 Tier 1).
+ */
+export function AvatarStack({ children, max, size = 'md', label, overflowLabel = (n) => `+${n}`, className, ...props }) {
+    const items = Children.toArray(children);
+    const visible = max === undefined ? items : items.slice(0, Math.max(0, max));
+    const hidden = items.length - visible.length;
+    return (_jsxs("div", { role: "group", "aria-label": label, className: cn('flex items-center [&>*]:relative [&>*]:ring-2 [&>*]:ring-surface [&>*:not(:first-child)]:-ms-2', className), ...props, children: [visible, hidden > 0 ? (_jsx("span", { "data-testid": "avatar-stack-overflow", className: cn('inline-flex shrink-0 select-none items-center justify-center rounded-full bg-surface-3 font-mono font-bold tabular-nums text-fg-muted', avatarSizeClasses[size]), children: overflowLabel(hidden) })) : null] }));
+}
+//# sourceMappingURL=AvatarStack.js.map

package/dist/components/avatar-stack/AvatarStack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarStack.js","sourceRoot":"","sources":["../../../src/components/avatar-stack/AvatarStack.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAA8C,MAAM,OAAO,CAAC;AAE7E,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,iBAAiB,EAAmB,MAAM,oBAAoB,CAAC;AAexE;;;;GAIG;AACH,MAAM,UAAU,WAAW,CAAC,EAC1B,QAAQ,EACR,GAAG,EACH,IAAI,GAAG,IAAI,EACX,KAAK,EACL,aAAa,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,EAC9B,SAAS,EACT,GAAG,KAAK,EACS;IACjB,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IACzC,MAAM,OAAO,GAAG,GAAG,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;IAC7E,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;IAE7C,OAAO,CACL,eACE,IAAI,EAAC,OAAO,gBACA,KAAK,EACjB,SAAS,EAAE,EAAE,CACX,gGAAgG,EAChG,SAAS,CACV,KACG,KAAK,aAER,OAAO,EACP,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACZ,8BACc,uBAAuB,EACnC,SAAS,EAAE,EAAE,CACX,uIAAuI,EACvI,iBAAiB,CAAC,IAAI,CAAC,CACxB,YAEA,aAAa,CAAC,MAAM,CAAC,GACjB,CACR,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC"}

package/dist/components/avatar-stack/index.d.ts

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

package/dist/components/avatar-stack/index.d.ts.map

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

package/dist/components/avatar-stack/index.js

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

package/dist/components/avatar-stack/index.js.map

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

package/dist/components/badge/Badge.d.ts

@@ -0,0 +1,22 @@
+import type { VariantProps } from 'class-variance-authority';
+import type * as React from 'react';
+export type { Tone } from '../../lib/tones.js';
+/**
+ * Pill badge: radius-full, 11px/700, soft tone background + strong tone
+ * foreground (research/design-system.md §3 Tier 1). The tone→class map is the
+ * shared `toneSoftClasses` recipe — one source of truth for every soft tint.
+ */
+export declare const badgeVariants: (props?: ({
+    tone?: import("../../lib/tones.js").Tone | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface BadgeProps extends Omit<React.ComponentPropsWithRef<'span'>, 'style'>, VariantProps<typeof badgeVariants> {
+    /** Render a 6px status dot (currentColor) before the content. */
+    dot?: boolean;
+    /**
+     * Merge classes/props into the single child element instead of rendering a
+     * `<span>` (Radix Slot). The `dot` option is ignored when `asChild` is set.
+     */
+    asChild?: boolean;
+}
+export declare function Badge({ className, tone, dot, asChild, children, ...props }: BadgeProps): React.JSX.Element;
+//# sourceMappingURL=Badge.d.ts.map

package/dist/components/badge/Badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/badge/Badge.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAOpC,YAAY,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAE/C;;;;GAIG;AACH,eAAO,MAAM,aAAa;;8EAQzB,CAAC;AAEF,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC,EACxD,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,iEAAiE;IACjE,GAAG,CAAC,EAAE,OAAO,CAAC;IACd;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,KAAK,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAW,EAAE,OAAe,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,qBActG"}

package/dist/components/badge/Badge.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import { cn } from '../../lib/cn.js';
+import { toneSoftClasses } from '../../lib/tones.js';
+/**
+ * Pill badge: radius-full, 11px/700, soft tone background + strong tone
+ * foreground (research/design-system.md §3 Tier 1). The tone→class map is the
+ * shared `toneSoftClasses` recipe — one source of truth for every soft tint.
+ */
+export const badgeVariants = cva('inline-flex items-center gap-1.5 whitespace-nowrap rounded-full px-2 py-0.5 text-[11px] font-bold leading-4', {
+    variants: {
+        tone: toneSoftClasses,
+    },
+    defaultVariants: { tone: 'neutral' },
+});
+export function Badge({ className, tone, dot = false, asChild = false, children, ...props }) {
+    const Comp = asChild ? Slot : 'span';
+    return (_jsx(Comp, { "data-tone": tone ?? 'neutral', className: cn(badgeVariants({ tone }), className), ...props, children: asChild ? (children) : (_jsxs(_Fragment, { children: [dot ? _jsx("span", { "aria-hidden": "true", className: "size-1.5 shrink-0 rounded-full bg-current" }) : null, children] })) }));
+}
+//# sourceMappingURL=Badge.js.map

package/dist/components/badge/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../src/components/badge/Badge.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAI/C,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAMrD;;;;GAIG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAC9B,6GAA6G,EAC7G;IACE,QAAQ,EAAE;QACR,IAAI,EAAE,eAAe;KACtB;IACD,eAAe,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;CACrC,CACF,CAAC;AAcF,MAAM,UAAU,KAAK,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,GAAG,KAAK,EAAE,OAAO,GAAG,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAc;IACrG,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;IACrC,OAAO,CACL,KAAC,IAAI,iBAAY,IAAI,IAAI,SAAS,EAAE,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,KAAM,KAAK,YAC7F,OAAO,CAAC,CAAC,CAAC,CACT,QAAQ,CACT,CAAC,CAAC,CAAC,CACF,8BACG,GAAG,CAAC,CAAC,CAAC,8BAAkB,MAAM,EAAC,SAAS,EAAC,2CAA2C,GAAG,CAAC,CAAC,CAAC,IAAI,EAC9F,QAAQ,IACR,CACJ,GACI,CACR,CAAC;AACJ,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/badge/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/badge/index.js

@@ -0,0 +1,6 @@
+export { Badge, badgeVariants } from './Badge.js';
+// NB: the `Tone` union is intentionally NOT re-exported here — consumers get
+// it from the barrel via components/icon-tile. Both re-export the SAME
+// declaration from lib/tones.ts (its single home, 03-component-library.md
+// §7.6); keeping one barrel path avoids duplicate `export *` surface.
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAElD,6EAA6E;AAC7E,uEAAuE;AACvE,0EAA0E;AAC1E,sEAAsE"}

package/dist/components/banner/Banner.d.ts

@@ -0,0 +1,21 @@
+import type { ComponentPropsWithRef, ReactNode } from 'react';
+import type { AlertTone } from '../alert/Alert.js';
+export interface BannerProps extends ComponentPropsWithRef<'div'> {
+    /** Semantic tone. Default `info`. */
+    tone?: AlertTone | undefined;
+    /** Override the leading icon. */
+    icon?: ReactNode;
+    /** Inline action (link/small button) after the message. */
+    action?: ReactNode;
+    /** Called when the dismiss button is pressed; renders only when set. */
+    onDismiss?: (() => void) | undefined;
+    /** Accessible label for the dismiss button (required when dismissible — i18n). */
+    dismissLabel?: string | undefined;
+}
+/**
+ * Banner — full-width top alert variant: tone-soft strip with a `color-mix`
+ * bottom hairline, icon + message + optional action, dismissible
+ * (research/design-system.md §3 Tier 3). Mount above the app shell.
+ */
+export declare function Banner({ tone, icon, action, onDismiss, dismissLabel, className, children, ...props }: BannerProps): import("react").JSX.Element;
+//# sourceMappingURL=Banner.d.ts.map

package/dist/components/banner/Banner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../src/components/banner/Banner.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG9D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAiBnD,MAAM,WAAW,WAAY,SAAQ,qBAAqB,CAAC,KAAK,CAAC;IAC/D,qCAAqC;IACrC,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC7B,iCAAiC;IACjC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,2DAA2D;IAC3D,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,wEAAwE;IACxE,SAAS,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACrC,kFAAkF;IAClF,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACnC;AAED;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,EACrB,IAAa,EACb,IAAI,EACJ,MAAM,EACN,SAAS,EACT,YAAY,EACZ,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,+BA+Bb"}

package/dist/components/banner/Banner.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AlertTriangle, CheckCircle2, Info, X, XCircle } from 'lucide-react';
+import { cn } from '../../lib/cn.js';
+const toneClasses = {
+    info: 'bg-info-soft border-[color-mix(in_srgb,var(--info)_30%,transparent)] [&_[data-part=banner-icon]]:text-info',
+    pos: 'bg-pos-soft border-[color-mix(in_srgb,var(--pos)_30%,transparent)] [&_[data-part=banner-icon]]:text-pos',
+    warn: 'bg-warn-soft border-[color-mix(in_srgb,var(--warn)_30%,transparent)] [&_[data-part=banner-icon]]:text-warn',
+    danger: 'bg-danger-soft border-[color-mix(in_srgb,var(--danger)_30%,transparent)] [&_[data-part=banner-icon]]:text-danger',
+};
+const defaultIcons = {
+    info: _jsx(Info, {}),
+    pos: _jsx(CheckCircle2, {}),
+    warn: _jsx(AlertTriangle, {}),
+    danger: _jsx(XCircle, {}),
+};
+/**
+ * Banner — full-width top alert variant: tone-soft strip with a `color-mix`
+ * bottom hairline, icon + message + optional action, dismissible
+ * (research/design-system.md §3 Tier 3). Mount above the app shell.
+ */
+export function Banner({ tone = 'info', icon, action, onDismiss, dismissLabel, className, children, ...props }) {
+    return (_jsxs("div", { "data-tone": tone, className: cn('flex w-full items-center gap-2.5 border-b px-4 py-2.5', toneClasses[tone], className), ...props, children: [_jsx("span", { "data-part": "banner-icon", "aria-hidden": "true", className: "shrink-0 [&_svg]:size-4 [&_svg]:stroke-2", children: icon ?? defaultIcons[tone] }), _jsx("div", { className: "min-w-0 flex-1 text-body-sm font-semibold text-fg", children: children }), action === undefined || action === null ? null : _jsx("div", { className: "shrink-0", children: action }), onDismiss === undefined ? null : (_jsx("button", { type: "button", "aria-label": dismissLabel, onClick: onDismiss, className: cn('nb-ib -me-1 inline-flex size-7 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-3.5", "aria-hidden": "true" }) }))] }));
+}
+//# sourceMappingURL=Banner.js.map