@adminiumjs/ui 0.2.9 → 0.3.0-rc.0

package/dist/components/alert/Alert.d.ts

@@ -21,7 +21,7 @@ export interface AlertProps extends Omit<ComponentPropsWithRef<'div'>, 'title'>
 /**
  * Alert / Callout — tone-soft background + `color-mix` tone border, icon +
  * title + body + optional CTA; tones info/pos/warn/danger
- * (research/design-system.md §3 Tier 3).
+ * (research/design-system.md Tier 3).
  */
 export declare function Alert({ tone, icon, title, body, action, className, children, ...props }: AlertProps): import("react").JSX.Element;
 //# sourceMappingURL=Alert.d.ts.map

package/dist/components/alert/Alert.js

@@ -18,7 +18,7 @@ const defaultIcons = {
 /**
  * Alert / Callout — tone-soft background + `color-mix` tone border, icon +
  * title + body + optional CTA; tones info/pos/warn/danger
- * (research/design-system.md §3 Tier 3).
+ * (research/design-system.md Tier 3).
  */
 export function Alert({ tone = 'info', icon, title, body, action, className, children, ...props }) {
     return (_jsxs("div", { "data-tone": tone, className: cn('flex items-start gap-3 rounded-lg border p-3.5', toneClasses[tone], toneMixBorderClasses[tone], className), ...props, children: [_jsx("span", { "data-part": "alert-icon", "aria-hidden": "true", className: "mt-px shrink-0 [&_svg]:size-4 [&_svg]:stroke-2", children: icon ?? defaultIcons[tone] }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "text-body font-bold leading-snug text-fg", children: title }), body === undefined && children === undefined ? null : (_jsx("div", { className: "mt-0.5 text-body-sm text-fg-muted", children: body ?? children })), action === undefined || action === null ? null : _jsx("div", { className: "mt-2", children: action })] })] }));

package/dist/components/auth-layout/AuthLayout.d.ts

@@ -26,12 +26,12 @@ export interface AuthLayoutProps extends Omit<ComponentPropsWithRef<'div'>, 'sty
     children: ReactNode;
 }
 /**
- * AuthLayout — Tier-5 auth shell (research/design-system.md §3 Tier 5,
- * Login.dc.html + Auth & Onboarding.dc.html): split
- * brand panel with the accent gradient, logo block, testimonial + trust-badge
- * slots, and a 380px form column. The brand panel is purely decorative
- * marketing surface: it is `aria-hidden`, collapses away below `lg`, and the
- * layout uses logical flow only, so RTL mirrors for free.
+ * AuthLayout — Tier-5 auth shell (research/design-system.md Tier 5,
+ * Login.dc.html + Auth & Onboarding.dc.html): split brand panel with the
+ * accent gradient, logo block, testimonial + trust-badge slots, and a 380px
+ * form column. The brand panel is purely decorative marketing surface: it is
+ * `aria-hidden`, collapses away below `lg`, and the layout uses logical flow
+ * only, so RTL mirrors for free.
  */
 export declare function AuthLayout({ variant, logo, headline, description, brandContent, testimonial, trustBadges, corner, footer, className, children, ...props }: AuthLayoutProps): import("react").JSX.Element;
 export interface AuthTestimonialProps extends Omit<ComponentPropsWithRef<'figure'>, 'style' | 'role'> {

package/dist/components/auth-layout/AuthLayout.js

@@ -23,12 +23,12 @@ import { cn } from '../../lib/cn.js';
  */
 const brandGradientClass = 'bg-[var(--accent-light)] bg-[linear-gradient(155deg,var(--accent-light),color-mix(in_srgb,var(--accent-light)_62%,#000))]';
 /**
- * AuthLayout — Tier-5 auth shell (research/design-system.md §3 Tier 5,
- * Login.dc.html + Auth & Onboarding.dc.html): split
- * brand panel with the accent gradient, logo block, testimonial + trust-badge
- * slots, and a 380px form column. The brand panel is purely decorative
- * marketing surface: it is `aria-hidden`, collapses away below `lg`, and the
- * layout uses logical flow only, so RTL mirrors for free.
+ * AuthLayout — Tier-5 auth shell (research/design-system.md Tier 5,
+ * Login.dc.html + Auth & Onboarding.dc.html): split brand panel with the
+ * accent gradient, logo block, testimonial + trust-badge slots, and a 380px
+ * form column. The brand panel is purely decorative marketing surface: it is
+ * `aria-hidden`, collapses away below `lg`, and the layout uses logical flow
+ * only, so RTL mirrors for free.
  */
 export function AuthLayout({ variant = 'split', logo, headline, description, brandContent, testimonial, trustBadges, corner, footer, className, children, ...props }) {
     return (_jsxs("div", { "data-part": "auth-layout", "data-variant": variant, className: cn('flex min-h-dvh w-full bg-bg text-fg', className), ...props, children: [variant === 'split' ? (_jsxs("div", { "data-part": "auth-brand-panel", "aria-hidden": "true", className: cn('hidden w-[44%] shrink-0 select-none flex-col justify-between gap-10 overflow-hidden p-11 text-white lg:flex', brandGradientClass), children: [_jsx("div", { "data-part": "auth-brand-logo", children: logo }), _jsxs("div", { className: "flex max-w-[440px] flex-col items-start", children: [headline === undefined ? null : (_jsx("div", { className: "text-[32px] font-extrabold leading-[1.15] tracking-[-0.03em]", children: headline })), description === undefined ? null : (_jsx("div", { className: "mt-4 max-w-[40ch] text-[15px] leading-relaxed text-white/90", children: description })), brandContent === undefined ? null : _jsx("div", { className: "mt-7 w-full", children: brandContent }), testimonial === undefined ? null : (_jsx("div", { "data-part": "auth-testimonial-slot", className: "mt-7 w-full", children: testimonial }))] }), trustBadges === undefined ? (_jsx("div", {})) : (_jsx("div", { "data-part": "auth-trust-badges", className: "flex flex-wrap items-center gap-x-4 gap-y-1 text-[12px] text-white/90", children: trustBadges }))] })) : null, _jsxs("div", { className: "relative flex min-w-0 flex-1 flex-col items-center justify-center p-6 sm:p-10", children: [corner === undefined ? null : (_jsx("div", { "data-part": "auth-corner", className: "absolute end-6 top-6", children: corner })), _jsxs("main", { "data-part": "auth-form-column", className: "w-full max-w-[380px]", children: [children, footer === undefined ? null : (_jsx("div", { "data-part": "auth-footer", className: "mt-7 flex items-center justify-center gap-1.5 text-center text-caption text-fg-subtle [&_svg]:size-3.5", children: footer }))] })] })] }));

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

@@ -28,12 +28,11 @@ export interface ForgotPasswordFormProps extends Omit<ComponentPropsWithRef<'for
     /** Request in flight. */
     loading?: boolean | undefined;
     /**
-     * The instance cannot send this mail at all — 11-electron.md §8.2's email row
-     * ("Enabled only when SMTP is configured in settings; otherwise buttons
-     * disabled"). Distinct from `loading`, which means "wait"; this means "not
-     * from here". Pair it with {@link ForgotPasswordFormProps.notice} — a disabled
-     * button with no explanation is the exact thing `Empty States.dc.html`
-     * forbids.
+     * The instance cannot send this mail at all — email row ("Enabled only when
+     * SMTP is configured in settings; otherwise buttons disabled"). Distinct from
+     * `loading`, which means "wait"; this means "not from here". Pair it with
+     * {@link ForgotPasswordFormProps.notice} — a disabled button with no
+     * explanation is the exact thing `Empty States.dc.html` forbids.
      */
     disabled?: boolean | undefined;
     /**

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

@@ -1 +1 @@
-{"version":3,"file":"ForgotPasswordForm.d.ts","sourceRoot":"","sources":["../../../src/components/auth-screens/ForgotPasswordForm.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,qBAAqB,EAAa,SAAS,EAAE,MAAM,OAAO,CAAC;AAWzE,wDAAwD;AACxD,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,kDAAkD;AAClD,MAAM,WAAW,wBAAwB;IACvC,2CAA2C;IAC3C,KAAK,EAAE,SAAS,CAAC;IACjB,sEAAsE;IACtE,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACtC,MAAM,EAAE,MAAM,CAAC;IACf,8BAA8B;IAC9B,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,iDAAiD;IACjD,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO,CAAC;IACvF,MAAM,EAAE,wBAAwB,CAAC;IACjC,mEAAmE;IACnE,QAAQ,EAAE,CAAC,MAAM,EAAE,wBAAwB,KAAK,IAAI,CAAC;IACrD,sEAAsE;IACtE,MAAM,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IAClC,mEAAmE;IACnE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,yBAAyB;IACzB,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B;;;;;OAKG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACnC;AAED;;;;;;;;;GASG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,QAAQ,EACR,MAAM,EACN,KAAK,EACL,OAAe,EACf,QAAgB,EAChB,MAAM,EACN,YAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,uBAAuB,+BAsEzB;AAED,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAC7D,wCAAwC;IACxC,KAAK,EAAE,SAAS,CAAC;IACjB,4FAA4F;IAC5F,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,gDAAgD;IAChD,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IAClC,kDAAkD;IAClD,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,QAAQ,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACpC,8DAA8D;IAC9D,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB;AAED;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,IAAI,EACJ,SAAS,EACT,MAAM,EACN,WAAW,EACX,QAAQ,EACR,UAAU,EACV,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,+BAqBtB"}
+{"version":3,"file":"ForgotPasswordForm.d.ts","sourceRoot":"","sources":["../../../src/components/auth-screens/ForgotPasswordForm.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,qBAAqB,EAAa,SAAS,EAAE,MAAM,OAAO,CAAC;AAWzE,wDAAwD;AACxD,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,kDAAkD;AAClD,MAAM,WAAW,wBAAwB;IACvC,2CAA2C;IAC3C,KAAK,EAAE,SAAS,CAAC;IACjB,sEAAsE;IACtE,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACtC,MAAM,EAAE,MAAM,CAAC;IACf,8BAA8B;IAC9B,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,iDAAiD;IACjD,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO,CAAC;IACvF,MAAM,EAAE,wBAAwB,CAAC;IACjC,mEAAmE;IACnE,QAAQ,EAAE,CAAC,MAAM,EAAE,wBAAwB,KAAK,IAAI,CAAC;IACrD,sEAAsE;IACtE,MAAM,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IAClC,mEAAmE;IACnE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,yBAAyB;IACzB,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B;;;;;OAKG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACnC;AAED;;;;;;;;;GASG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,QAAQ,EACR,MAAM,EACN,KAAK,EACL,OAAe,EACf,QAAgB,EAChB,MAAM,EACN,YAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,uBAAuB,+BAsEzB;AAED,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAC7D,wCAAwC;IACxC,KAAK,EAAE,SAAS,CAAC;IACjB,4FAA4F;IAC5F,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,gDAAgD;IAChD,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IAClC,kDAAkD;IAClD,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,QAAQ,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACpC,8DAA8D;IAC9D,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB;AAED;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,IAAI,EACJ,SAAS,EACT,MAAM,EACN,WAAW,EACX,QAAQ,EACR,UAAU,EACV,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,+BAqBtB"}

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

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

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

@@ -1,7 +1,7 @@
 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
+ * (research/widget-registry.md `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.
@@ -21,7 +21,7 @@ export interface AutosaveIndicatorProps extends ComponentPropsWithRef<'div'> {
 /**
  * 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
+ * (research/design-system.md 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;

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

@@ -6,7 +6,7 @@ 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
+ * (research/design-system.md Tier 3). `idle` renders an empty live region
  * (layout kept stable).
  */
 export function AutosaveIndicator({ status, savingLabel, savedLabel, dirtyLabel, errorLabel, className, ...props }) {

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

@@ -2,9 +2,9 @@ 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).
+ * The 5 fixed deterministic avatar gradients (research/design-system.md Tier
+ * 1). 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"]];
 /**
@@ -17,7 +17,7 @@ export declare const avatarGradientClasses: readonly ["bg-[linear-gradient(135de
 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).
+ * via `toLocaleUpperCase(locale)`.
  */
 export declare function getInitials(name: string, locale?: string): string;
 export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
@@ -42,7 +42,7 @@ export interface AvatarProps extends Omit<ComponentPropsWithRef<'span'>, 'childr
 /**
  * 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).
+ * optional presence dot (research/design-system.md 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.js

@@ -4,9 +4,9 @@ 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).
+ * The 5 fixed deterministic avatar gradients (research/design-system.md Tier
+ * 1). The hash below is FROZEN — changing it re-colors every avatar in every
+ * install (major-version change).
  */
 export const AVATAR_GRADIENTS = [
     ['#6366f1', '#a855f7'],
@@ -37,7 +37,7 @@ export function avatarGradientIndex(initials) {
 }
 /**
  * Initials = first grapheme of the first + last word of `name`, uppercased
- * via `toLocaleUpperCase(locale)` (03-component-library.md §7.3).
+ * via `toLocaleUpperCase(locale)`.
  */
 export function getInitials(name, locale) {
     const words = name.trim().split(/\s+/).filter(Boolean);
@@ -92,7 +92,7 @@ const presenceToneBg = {
 /**
  * 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).
+ * optional presence dot (research/design-system.md Tier 1).
  */
 export function Avatar({ name, src, locale, label, presence, size, shape, className, ...props }) {
     const [imageFailed, setImageFailed] = useState(false);

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

@@ -15,7 +15,7 @@ export interface AvatarStackProps extends ComponentPropsWithRef<'div'> {
 /**
  * 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).
+ * chip past `max` (research/design-system.md 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.js

@@ -6,7 +6,7 @@ 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).
+ * chip past `max` (research/design-system.md Tier 1).
  */
 export function AvatarStack({ children, max, size = 'md', label, overflowLabel = (n) => `+${n}`, className, ...props }) {
     const items = Children.toArray(children);

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

@@ -3,7 +3,7 @@ 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
+ * foreground (research/design-system.md Tier 1). The tone→class map is the
  * shared `toneSoftClasses` recipe — one source of truth for every soft tint.
  */
 export declare const badgeVariants: (props?: ({

package/dist/components/badge/Badge.js

@@ -6,7 +6,7 @@ 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
+ * foreground (research/design-system.md 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', {

package/dist/components/badge/index.js

@@ -2,6 +2,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.
+// declaration from lib/tones.ts (its single home); keeping one barrel path
+// avoids duplicate `export *` surface.
 //# sourceMappingURL=index.js.map

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

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

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

@@ -15,7 +15,7 @@ export interface BannerProps extends ComponentPropsWithRef<'div'> {
 /**
  * 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.
+ * (research/design-system.md 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.js

@@ -17,7 +17,7 @@ const defaultIcons = {
 /**
  * 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.
+ * (research/design-system.md 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" }) }))] }));

package/dist/components/breadcrumbs/Breadcrumbs.d.ts

@@ -16,7 +16,7 @@ export interface BreadcrumbsProps extends Omit<ComponentPropsWithRef<'nav'>, 'ch
 /**
  * Breadcrumbs — links + chevron separators (RTL-mirrored), optional mono
  * segments, `nav > ol` semantics with `aria-current="page"` on the last item
- * (research/design-system.md §3 Tier 3).
+ * (research/design-system.md Tier 3).
  */
 export declare function Breadcrumbs({ items, label, className, ...props }: BreadcrumbsProps): import("react").JSX.Element;
 //# sourceMappingURL=Breadcrumbs.d.ts.map

package/dist/components/breadcrumbs/Breadcrumbs.js

@@ -7,7 +7,7 @@ import { MonoText } from '../mono-text/MonoText.js';
 /**
  * Breadcrumbs — links + chevron separators (RTL-mirrored), optional mono
  * segments, `nav > ol` semantics with `aria-current="page"` on the last item
- * (research/design-system.md §3 Tier 3).
+ * (research/design-system.md Tier 3).
  */
 export function Breadcrumbs({ items, label, className, ...props }) {
     return (_jsx("nav", { "aria-label": label, className: cn('min-w-0', className), ...props, children: _jsx("ol", { className: "flex min-w-0 items-center gap-1.5 text-body-sm", children: items.map((item, index) => {

package/dist/components/bulk-action-bar/BulkActionBar.d.ts

@@ -20,8 +20,8 @@ export interface BulkActionBarProps extends ComponentPropsWithRef<'div'> {
 }
 /**
  * BulkActionBar — the selection bar shown while rows are checked: mono count +
- * actions + clear, appearing via `nb-fade` (research/design-system.md §3
- * Tier 3). Two treatments, chosen by `floating`:
+ * actions + clear, appearing via `nb-fade` (research/design-system.md Tier 3).
+ * Two treatments, chosen by `floating`:
  *
  *  - `floating` (default): the dark `--fg` slab pinned bottom-centre over the
  *    page. It reads as an overlay because it *is* one.

package/dist/components/bulk-action-bar/BulkActionBar.js

@@ -13,8 +13,8 @@ import { MonoText } from '../mono-text/MonoText.js';
 const BulkActionFloatingContext = createContext(true);
 /**
  * BulkActionBar — the selection bar shown while rows are checked: mono count +
- * actions + clear, appearing via `nb-fade` (research/design-system.md §3
- * Tier 3). Two treatments, chosen by `floating`:
+ * actions + clear, appearing via `nb-fade` (research/design-system.md Tier 3).
+ * Two treatments, chosen by `floating`:
  *
  *  - `floating` (default): the dark `--fg` slab pinned bottom-centre over the
  *    page. It reads as an overlay because it *is* one.

package/dist/components/button/Button.d.ts

@@ -1,9 +1,9 @@
 import type { VariantProps } from 'class-variance-authority';
 import type * as React from 'react';
 /**
- * Button CVA map per 03-component-library.md §3.1 and
- * research/design-system.md §3 Tier 1. `size` is declared before `variant` so
- * the `link` variant's `h-auto p-0` wins the tailwind-merge conflict.
+ * Button CVA map and research/design-system.md Tier 1. `size` is declared
+ * before `variant` so the `link` variant's `h-auto p-0` wins the
+ * tailwind-merge conflict.
  */
 export declare const buttonVariants: (props?: ({
     size?: "sm" | "md" | "lg" | "topbar" | null | undefined;

package/dist/components/button/Button.js

@@ -5,9 +5,9 @@ import { cva } from 'class-variance-authority';
 import { cn } from '../../lib/cn.js';
 import { Spinner } from '../spinner/Spinner.js';
 /**
- * Button CVA map per 03-component-library.md §3.1 and
- * research/design-system.md §3 Tier 1. `size` is declared before `variant` so
- * the `link` variant's `h-auto p-0` wins the tailwind-merge conflict.
+ * Button CVA map and research/design-system.md Tier 1. `size` is declared
+ * before `variant` so the `link` variant's `h-auto p-0` wins the
+ * tailwind-merge conflict.
  */
 export const buttonVariants = cva('nb-press inline-flex select-none items-center justify-center gap-1.5 whitespace-nowrap rounded-md font-semibold ' +
     'transition-[background-color,color,box-shadow] duration-150 ' +

package/dist/components/card/Card.d.ts

@@ -13,7 +13,7 @@ export interface CardProps extends ComponentPropsWithRef<'div'>, VariantProps<ty
 /**
  * Card — surface container: `--surface` bg, 1px `--border`, radius 14,
  * `--shadow` (shadow-card), density padding via `--card-pad`
- * (research/design-system.md §3 Tier 3).
+ * (research/design-system.md Tier 3).
  */
 export declare function Card({ asChild, hoverable, raise, selected, padded, className, ...props }: CardProps): import("react").JSX.Element;
 export type CardHeaderProps = ComponentPropsWithRef<'div'>;

package/dist/components/card/Card.js

@@ -27,7 +27,7 @@ export const cardVariants = cva('rounded-lg border border-border bg-surface shad
 /**
  * Card — surface container: `--surface` bg, 1px `--border`, radius 14,
  * `--shadow` (shadow-card), density padding via `--card-pad`
- * (research/design-system.md §3 Tier 3).
+ * (research/design-system.md Tier 3).
  */
 export function Card({ asChild, hoverable, raise, selected, padded, className, ...props }) {
     const Comp = asChild ? Slot : 'div';

package/dist/components/check-row/CheckRow.d.ts

@@ -0,0 +1,34 @@
+import { type ComponentPropsWithRef, type ReactNode } from 'react';
+export interface CheckRowProps extends Omit<ComponentPropsWithRef<'div'>, 'style' | 'onChange'> {
+    /** The thing being turned on: 13 / 700 with a detail, 13 / 600 without. */
+    label: ReactNode;
+    /** The second line (comp 405) — what this one grants, in plain words. */
+    detail?: ReactNode | undefined;
+    /** Trailing mono text (comp 498): a scope, a code, a count. */
+    scope?: ReactNode | undefined;
+    checked?: boolean | undefined;
+    onCheckedChange?: ((checked: boolean) => void) | undefined;
+    disabled?: boolean | undefined;
+}
+/**
+ * CheckRow — a bordered, tinted row with a box, a label and a detail or a mono
+ * scope (comp 402–407, 494–500).
+ *
+ * ─── What it is for, and what it is not ────────────────────────────────────
+ *
+ * Two shapes in the comp, one control: "provision these systems on day one"
+ * (label + detail) and a permission list (label + a mono scope at the end). It
+ * is a CHOICE MADE VISIBLE — the whole row is the target, the selected state
+ * is a tinted border rather than a tick you have to look for, and the detail
+ * has somewhere to live.
+ *
+ * It is never the default for anything: a boolean gets a `ToggleRow` and a list
+ * gets chips. A check row is what an admin CHOOSES when the options deserve a
+ * sentence each (Appendix C).
+ *
+ * The row is a real `checkbox` role with `aria-checked`, driven by Space as
+ * well as by a click, because that is what a person reaching it by keyboard
+ * expects — and a div with an onClick is not reachable at all.
+ */
+export declare function CheckRow({ label, detail, scope, checked, onCheckedChange, disabled, className, ...props }: CheckRowProps): import("react").JSX.Element;
+//# sourceMappingURL=CheckRow.d.ts.map

package/dist/components/check-row/CheckRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckRow.d.ts","sourceRoot":"","sources":["../../../src/components/check-row/CheckRow.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAS,KAAK,qBAAqB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAK1E,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IAC7F,2EAA2E;IAC3E,KAAK,EAAE,SAAS,CAAC;IACjB,yEAAyE;IACzE,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC/B,+DAA+D;IAC/D,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,eAAe,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC3D,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,MAAM,EACN,KAAK,EACL,OAAe,EACf,eAAe,EACf,QAAgB,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,aAAa,+BA8Df"}

package/dist/components/check-row/CheckRow.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// SPDX-License-Identifier: AGPL-3.0-only
+import { Check } from 'lucide-react';
+import { useId } from 'react';
+import { cn } from '../../lib/cn.js';
+import { MonoText } from '../mono-text/index.js';
+/**
+ * CheckRow — a bordered, tinted row with a box, a label and a detail or a mono
+ * scope (comp 402–407, 494–500).
+ *
+ * ─── What it is for, and what it is not ────────────────────────────────────
+ *
+ * Two shapes in the comp, one control: "provision these systems on day one"
+ * (label + detail) and a permission list (label + a mono scope at the end). It
+ * is a CHOICE MADE VISIBLE — the whole row is the target, the selected state
+ * is a tinted border rather than a tick you have to look for, and the detail
+ * has somewhere to live.
+ *
+ * It is never the default for anything: a boolean gets a `ToggleRow` and a list
+ * gets chips. A check row is what an admin CHOOSES when the options deserve a
+ * sentence each (Appendix C).
+ *
+ * The row is a real `checkbox` role with `aria-checked`, driven by Space as
+ * well as by a click, because that is what a person reaching it by keyboard
+ * expects — and a div with an onClick is not reachable at all.
+ */
+export function CheckRow({ label, detail, scope, checked = false, onCheckedChange, disabled = false, className, ...props }) {
+    const id = useId();
+    const descriptionId = detail === undefined || detail === null ? undefined : `${id}-detail`;
+    const toggle = () => {
+        if (disabled)
+            return;
+        onCheckedChange?.(!checked);
+    };
+    return (_jsxs("div", { role: "checkbox", "aria-checked": checked, ...(descriptionId === undefined ? {} : { 'aria-describedby': descriptionId }), ...(disabled ? { 'aria-disabled': true } : { tabIndex: 0 }), onClick: toggle, onKeyDown: (event) => {
+            // Space is the checkbox key; Enter is not, and browsers do not send a
+            // click for either on a div — so both are wired by hand.
+            if (event.key === ' ' || event.key === 'Enter') {
+                event.preventDefault();
+                toggle();
+            }
+        }, className: cn('flex cursor-pointer items-center gap-[11px] rounded-[11px] border px-3.5 py-2.5', 'focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent', checked ? 'border-accent bg-accent-soft' : 'border-border bg-surface', 
+        // `pointer-events-none`, but NOT an opacity: dimming 11.5px type is
+        // what failed `ToggleRow`'s description in the axe sweep, and this row
+        // escapes the same rule only because `aria-disabled` makes axe skip it.
+        disabled && 'pointer-events-none cursor-not-allowed', className), ...props, children: [_jsx("span", { "aria-hidden": "true", className: cn(
+                // `text-accent-fg`, never a literal white: the box's background is a
+                // token that follows the theme and a literal foreground does not — the
+                // pair loses contrast the moment the theme flips (the lint rule
+                // measures it).
+                'flex size-[18px] shrink-0 items-center justify-center rounded-[5px] text-accent-fg', checked ? 'bg-accent' : 'border-[1.5px] border-border-strong'), children: _jsx(Check, { className: cn('size-3', checked ? 'opacity-100' : 'opacity-0') }) }), _jsxs("span", { className: "min-w-0 flex-1", children: [_jsx("span", { className: cn('block text-body-sm text-fg', detail === undefined ? 'font-semibold' : 'font-bold'), children: label }), descriptionId === undefined ? null : (_jsx("span", { id: descriptionId, className: "block text-[11.5px] leading-4 text-fg-subtle", children: detail }))] }), scope === undefined || scope === null ? null : (_jsx(MonoText, { className: "shrink-0 text-[11px] text-fg-subtle", children: scope }))] }));
+}
+//# sourceMappingURL=CheckRow.js.map

package/dist/components/check-row/CheckRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckRow.js","sourceRoot":"","sources":["../../../src/components/check-row/CheckRow.tsx"],"names":[],"mappings":";AAAA,yCAAyC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,KAAK,EAA8C,MAAM,OAAO,CAAC;AAE1E,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAcjD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,UAAU,QAAQ,CAAC,EACvB,KAAK,EACL,MAAM,EACN,KAAK,EACL,OAAO,GAAG,KAAK,EACf,eAAe,EACf,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,GAAG,KAAK,EACM;IACd,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IACnB,MAAM,aAAa,GAAG,MAAM,KAAK,SAAS,IAAI,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,CAAC;IAC3F,MAAM,MAAM,GAAG,GAAS,EAAE;QACxB,IAAI,QAAQ;YAAE,OAAO;QACrB,eAAe,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC;IAC9B,CAAC,CAAC;IACF,OAAO,CACL,eACE,IAAI,EAAC,UAAU,kBACD,OAAO,KACjB,CAAC,aAAa,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,kBAAkB,EAAE,aAAa,EAAE,CAAC,KAC1E,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,eAAe,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,EAC5D,OAAO,EAAE,MAAM,EACf,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;YACnB,sEAAsE;YACtE,yDAAyD;YACzD,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;gBAC/C,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,MAAM,EAAE,CAAC;YACX,CAAC;QACH,CAAC,EACD,SAAS,EAAE,EAAE,CACX,iFAAiF,EACjF,qFAAqF,EACrF,OAAO,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC,CAAC,0BAA0B;QACrE,oEAAoE;QACpE,uEAAuE;QACvE,wEAAwE;QACxE,QAAQ,IAAI,wCAAwC,EACpD,SAAS,CACV,KACG,KAAK,aAET,8BACc,MAAM,EAClB,SAAS,EAAE,EAAE;gBACX,qEAAqE;gBACrE,uEAAuE;gBACvE,gEAAgE;gBAChE,gBAAgB;gBAChB,oFAAoF,EACpF,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,qCAAqC,CAC9D,YAED,KAAC,KAAK,IAAC,SAAS,EAAE,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW,CAAC,GAAI,GACpE,EACP,gBAAM,SAAS,EAAC,gBAAgB,aAC9B,eAAM,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,WAAW,CAAC,YACpG,KAAK,GACD,EACN,aAAa,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACpC,eAAM,EAAE,EAAE,aAAa,EAAE,SAAS,EAAC,8CAA8C,YAC9E,MAAM,GACF,CACR,IACI,EACN,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC9C,KAAC,QAAQ,IAAC,SAAS,EAAC,qCAAqC,YAAE,KAAK,GAAY,CAC7E,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/components/check-row/index.d.ts

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

package/dist/components/check-row/index.d.ts.map

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

package/dist/components/check-row/index.js

@@ -0,0 +1,3 @@
+// SPDX-License-Identifier: AGPL-3.0-only
+export { CheckRow } from './CheckRow.js';
+//# sourceMappingURL=index.js.map

package/dist/components/check-row/index.js.map

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

package/dist/components/checkbox/Checkbox.d.ts

@@ -4,7 +4,7 @@ export type CheckboxProps = Omit<React.ComponentPropsWithRef<typeof CheckboxPrim
 /**
  * Checkbox — Radix checkbox, 18px square, radius 6 (`rounded-sm`), accent
  * fill + white check when checked, `Minus` glyph when `indeterminate`
- * (research/design-system.md §3 Tier 2).
+ * (research/design-system.md Tier 2).
  *
  * Indeterminate is the Radix contract: pass `checked="indeterminate"`
  * (controlled). Label + caption wiring belongs to `FormField` / `Label`.

package/dist/components/checkbox/Checkbox.js

@@ -6,7 +6,7 @@ import { cn } from '../../lib/cn.js';
 /**
  * Checkbox — Radix checkbox, 18px square, radius 6 (`rounded-sm`), accent
  * fill + white check when checked, `Minus` glyph when `indeterminate`
- * (research/design-system.md §3 Tier 2).
+ * (research/design-system.md Tier 2).
  *
  * Indeterminate is the Radix contract: pass `checked="indeterminate"`
  * (controlled). Label + caption wiring belongs to `FormField` / `Label`.

package/dist/components/chip-input/ChipInput.d.ts

@@ -14,6 +14,13 @@ export interface ChipInputProps extends Omit<React.ComponentPropsWithRef<'input'
     validate?: ((chip: string) => boolean) | undefined;
     /** Accessible name for each chip's ✕ button, built per chip (i18n-friendly). */
     removeLabel: (chip: string) => string;
+    /**
+     * The chips' tint. The comp draws both: accent for a short, meaningful set
+     * (tags, 254) and neutral for a long one the person is assembling (invite
+     * addresses, 486). Accent on fifty chips is a wall of colour; neutral on
+     * three is a list nobody reads as choices.
+     */
+    tone?: 'accent' | 'neutral' | undefined;
     /** Force the danger state from outside (form-level validation). */
     error?: boolean | undefined;
     /** Extra classes for the inline `<input>` (className styles the wrapper). */
@@ -21,9 +28,9 @@ export interface ChipInputProps extends Omit<React.ComponentPropsWithRef<'input'
 }
 /**
  * ChipInput (MultiSelect/TagInput) — removable chips + inline text input
- * (research/design-system.md §3 Tier 2). Enter or `,` commits the pending
+ * (research/design-system.md Tier 2). Enter or `,` commits the pending
  * text, paste splits on commas/whitespace, Backspace on an empty input
  * removes the last chip, duplicates are ignored.
  */
-export declare function ChipInput({ className, inputClassName, value, defaultValue, onValueChange, validate, removeLabel, error, disabled, ref, onKeyDown, onPaste, onBlur, ...inputProps }: ChipInputProps): React.JSX.Element;
+export declare function ChipInput({ className, inputClassName, value, defaultValue, onValueChange, validate, removeLabel, tone, error, disabled, ref, onKeyDown, onPaste, onBlur, ...inputProps }: ChipInputProps): React.JSX.Element;
 //# sourceMappingURL=ChipInput.d.ts.map

package/dist/components/chip-input/ChipInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChipInput.d.ts","sourceRoot":"","sources":["../../../src/components/chip-input/ChipInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAQpC,MAAM,WAAW,cACf,SAAQ,IAAI,CACV,KAAK,CAAC,qBAAqB,CAAC,OAAO,CAAC,EACpC,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,cAAc,GAAG,UAAU,CAClE;IACD,4BAA4B;IAC5B,KAAK,CAAC,EAAE,SAAS,MAAM,EAAE,GAAG,SAAS,CAAC;IACtC,sCAAsC;IACtC,YAAY,CAAC,EAAE,SAAS,MAAM,EAAE,GAAG,SAAS,CAAC;IAC7C,sDAAsD;IACtD,aAAa,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACxD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,GAAG,SAAS,CAAC;IACnD,gFAAgF;IAChF,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IACtC,mEAAmE;IACnE,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B,6EAA6E;IAC7E,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACrC;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,cAAc,EACd,KAAK,EACL,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,WAAW,EACX,KAAa,EACb,QAAQ,EACR,GAAG,EACH,SAAS,EACT,OAAO,EACP,MAAM,EACN,GAAG,UAAU,EACd,EAAE,cAAc,qBA2HhB"}
+{"version":3,"file":"ChipInput.d.ts","sourceRoot":"","sources":["../../../src/components/chip-input/ChipInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAQpC,MAAM,WAAW,cACf,SAAQ,IAAI,CACV,KAAK,CAAC,qBAAqB,CAAC,OAAO,CAAC,EACpC,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,cAAc,GAAG,UAAU,CAClE;IACD,4BAA4B;IAC5B,KAAK,CAAC,EAAE,SAAS,MAAM,EAAE,GAAG,SAAS,CAAC;IACtC,sCAAsC;IACtC,YAAY,CAAC,EAAE,SAAS,MAAM,EAAE,GAAG,SAAS,CAAC;IAC7C,sDAAsD;IACtD,aAAa,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACxD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,GAAG,SAAS,CAAC;IACnD,gFAAgF;IAChF,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IACtC;;;;;OAKG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;IACxC,mEAAmE;IACnE,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B,6EAA6E;IAC7E,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACrC;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,cAAc,EACd,KAAK,EACL,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,WAAW,EACX,IAAgB,EAChB,KAAa,EACb,QAAQ,EACR,GAAG,EACH,SAAS,EACT,OAAO,EACP,MAAM,EACN,GAAG,UAAU,EACd,EAAE,cAAc,qBA4HhB"}

package/dist/components/chip-input/ChipInput.js

@@ -7,11 +7,11 @@ import { Tag } from '../tag/index.js';
 const SPLIT_RE = /[,\s]+/;
 /**
  * ChipInput (MultiSelect/TagInput) — removable chips + inline text input
- * (research/design-system.md §3 Tier 2). Enter or `,` commits the pending
+ * (research/design-system.md Tier 2). Enter or `,` commits the pending
  * text, paste splits on commas/whitespace, Backspace on an empty input
  * removes the last chip, duplicates are ignored.
  */
-export function ChipInput({ className, inputClassName, value, defaultValue, onValueChange, validate, removeLabel, error = false, disabled, ref, onKeyDown, onPaste, onBlur, ...inputProps }) {
+export function ChipInput({ className, inputClassName, value, defaultValue, onValueChange, validate, removeLabel, tone = 'neutral', error = false, disabled, ref, onKeyDown, onPaste, onBlur, ...inputProps }) {
     const innerRef = useRef(null);
     const [internal, setInternal] = useState(defaultValue ?? []);
     const [text, setText] = useState('');
@@ -92,7 +92,7 @@ export function ChipInput({ className, inputClassName, value, defaultValue, onVa
         // disabled state of their own, so nothing (axe included) could tell.
         // `aria-disabled` on the wrapper below states it once, for the whole
         // composite, which is also what a screen reader needed.
-        'has-[input:disabled]:pointer-events-none has-[input:disabled]:opacity-40', 'data-[invalid]:border-danger data-[invalid]:focus-within:ring-danger-soft', className), ...(disabled ? { 'aria-disabled': true } : {}), children: [chips.map((chip) => (_jsx(Tag, { mono: true, onRemove: () => commitChips(chips.filter((existing) => existing !== chip)), removeLabel: removeLabel(chip), children: chip }, chip))), _jsx("input", { ref: setRef, type: "text", value: text, disabled: disabled, ...(invalid ? { 'aria-invalid': true } : {}), onChange: (event) => {
+        'has-[input:disabled]:pointer-events-none has-[input:disabled]:opacity-40', 'data-[invalid]:border-danger data-[invalid]:focus-within:ring-danger-soft', className), ...(disabled ? { 'aria-disabled': true } : {}), children: [chips.map((chip) => (_jsx(Tag, { mono: true, ...(tone === 'accent' ? { tone: 'accent' } : {}), onRemove: () => commitChips(chips.filter((existing) => existing !== chip)), removeLabel: removeLabel(chip), children: chip }, chip))), _jsx("input", { ref: setRef, type: "text", value: text, disabled: disabled, ...(invalid ? { 'aria-invalid': true } : {}), onChange: (event) => {
                     setText(event.target.value);
                     setRejected(false);
                 }, onKeyDown: handleKeyDown, onPaste: handlePaste, onBlur: (event) => {