@adminiumjs/ui 0.1.0-rc.1

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

@@ -0,0 +1,27 @@
+import type { ComponentPropsWithRef, ReactNode } from 'react';
+/** Alert tone vocabulary (info/pos/warn/danger callouts). */
+export type AlertTone = 'info' | 'pos' | 'warn' | 'danger';
+export interface AlertProps extends Omit<ComponentPropsWithRef<'div'>, 'title'> {
+    /** Semantic tone. Default `info`. */
+    tone?: AlertTone | undefined;
+    /** Override the leading icon (defaults per tone). */
+    icon?: ReactNode;
+    /** Bold first line. */
+    title: ReactNode;
+    /** Supporting copy (children also land here). */
+    body?: ReactNode;
+    /** Optional CTA (link/Button) rendered under the body. */
+    action?: ReactNode;
+    /**
+     * ARIA live semantics: pass `alert` when the callout appears dynamically
+     * for a failure, `status` for polite updates. Static page content omits it.
+     */
+    role?: 'alert' | 'status' | undefined;
+}
+/**
+ * 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).
+ */
+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.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/components/alert/Alert.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAK9D,6DAA6D;AAC7D,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,KAAK,GAAG,MAAM,GAAG,QAAQ,CAAC;AAgB3D,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IAC7E,qCAAqC;IACrC,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC7B,qDAAqD;IACrD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,uBAAuB;IACvB,KAAK,EAAE,SAAS,CAAC;IACjB,iDAAiD;IACjD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,0DAA0D;IAC1D,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;CACvC;AAED;;;;GAIG;AACH,wBAAgB,KAAK,CAAC,EACpB,IAAa,EACb,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,MAAM,EACN,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,UAAU,+BAwBZ"}

package/dist/components/alert/Alert.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AlertTriangle, CheckCircle2, Info, XCircle } from 'lucide-react';
+import { cn } from '../../lib/cn.js';
+import { toneMixBorderClasses } from '../../lib/tones.js';
+const toneClasses = {
+    info: 'bg-info-soft [&_[data-part=alert-icon]]:text-info',
+    pos: 'bg-pos-soft [&_[data-part=alert-icon]]:text-pos',
+    warn: 'bg-warn-soft [&_[data-part=alert-icon]]:text-warn',
+    danger: 'bg-danger-soft [&_[data-part=alert-icon]]:text-danger',
+};
+const defaultIcons = {
+    info: _jsx(Info, {}),
+    pos: _jsx(CheckCircle2, {}),
+    warn: _jsx(AlertTriangle, {}),
+    danger: _jsx(XCircle, {}),
+};
+/**
+ * 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).
+ */
+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 })] })] }));
+}
+//# sourceMappingURL=Alert.js.map

package/dist/components/alert/Alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../src/components/alert/Alert.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAG1E,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAK1D,MAAM,WAAW,GAA8B;IAC7C,IAAI,EAAE,mDAAmD;IACzD,GAAG,EAAE,iDAAiD;IACtD,IAAI,EAAE,mDAAmD;IACzD,MAAM,EAAE,uDAAuD;CAChE,CAAC;AAEF,MAAM,YAAY,GAAiC;IACjD,IAAI,EAAE,KAAC,IAAI,KAAG;IACd,GAAG,EAAE,KAAC,YAAY,KAAG;IACrB,IAAI,EAAE,KAAC,aAAa,KAAG;IACvB,MAAM,EAAE,KAAC,OAAO,KAAG;CACpB,CAAC;AAoBF;;;;GAIG;AACH,MAAM,UAAU,KAAK,CAAC,EACpB,IAAI,GAAG,MAAM,EACb,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,MAAM,EACN,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACG;IACX,OAAO,CACL,4BACa,IAAI,EACf,SAAS,EAAE,EAAE,CACX,gDAAgD,EAChD,WAAW,CAAC,IAAI,CAAC,EACjB,oBAAoB,CAAC,IAAI,CAAC,EAC1B,SAAS,CACV,KACG,KAAK,aAET,4BAAgB,YAAY,iBAAa,MAAM,EAAC,SAAS,EAAC,gDAAgD,YACvG,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,GACtB,EACP,eAAK,SAAS,EAAC,gBAAgB,aAC7B,cAAK,SAAS,EAAC,0CAA0C,YAAE,KAAK,GAAO,EACtE,IAAI,KAAK,SAAS,IAAI,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACrD,cAAK,SAAS,EAAC,mCAAmC,YAAE,IAAI,IAAI,QAAQ,GAAO,CAC5E,EACA,MAAM,KAAK,SAAS,IAAI,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,MAAM,YAAE,MAAM,GAAO,IAClF,IACF,CACP,CAAC;AACJ,CAAC"}

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

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

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

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

package/dist/components/alert/index.js

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

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

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

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

@@ -0,0 +1,54 @@
+import type { ComponentPropsWithRef, ReactNode } from 'react';
+export interface AuthLayoutProps extends Omit<ComponentPropsWithRef<'div'>, 'style'> {
+    /**
+     * `split` (default) renders the 44% brand panel + form side per
+     * designs/Login.dc.html; `single` renders only the centered 380px form
+     * column (narrow contexts: modals, Electron sign-in, mobile web).
+     */
+    variant?: 'split' | 'single' | undefined;
+    /** Logo block pinned to the top of the brand panel (brand tile + wordmark). */
+    logo?: ReactNode;
+    /** Brand headline ("Turn any database into a dashboard."). */
+    headline?: ReactNode;
+    /** Supporting copy under the headline. */
+    description?: ReactNode;
+    /** Extra brand content under the description (feature checklist, …). */
+    brandContent?: ReactNode;
+    /** Testimonial card slot (see `AuthTestimonial`). */
+    testimonial?: ReactNode;
+    /** Trust badges slot pinned to the bottom ("SOC 2 Type II · GDPR · …"). */
+    trustBadges?: ReactNode;
+    /** Corner slot on the form side (theme toggle IconButton). */
+    corner?: ReactNode;
+    /** Centered caption under the form card ("Protected by …"). */
+    footer?: ReactNode;
+    /** The auth screen (SignInForm, TwoFactorForm, …) — capped at 380px. */
+    children: ReactNode;
+}
+/**
+ * AuthLayout — Tier-5 auth shell (research/design-system.md §3 Tier 5,
+ * designs/Login.dc.html + designs/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'> {
+    /** Quote body (already-quoted copy per the comp). */
+    quote: ReactNode;
+    /** Attribution name ("Dana K"). */
+    name: ReactNode;
+    /** Attribution role/company ("Head of Eng, Northwind"). */
+    role?: ReactNode;
+    /** Leading avatar element (e.g. an `Avatar`). */
+    avatar?: ReactNode;
+}
+/**
+ * AuthTestimonial — the translucent testimonial card that lives on the
+ * AuthLayout brand panel (designs/Login.dc.html): white/10 card, quote,
+ * attribution line. Colors are fixed white alphas because the card always
+ * sits on the accent gradient.
+ */
+export declare function AuthTestimonial({ quote, name, role, avatar, className, ...props }: AuthTestimonialProps): import("react").JSX.Element;
+//# sourceMappingURL=AuthLayout.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AuthLayout.d.ts","sourceRoot":"","sources":["../../../src/components/auth-layout/AuthLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAa9D,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IAClF;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;IACzC,+EAA+E;IAC/E,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,0CAA0C;IAC1C,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,wEAAwE;IACxE,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,qDAAqD;IACrD,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,2EAA2E;IAC3E,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,8DAA8D;IAC9D,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,+DAA+D;IAC/D,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,wEAAwE;IACxE,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;GAOG;AACH,wBAAgB,UAAU,CAAC,EACzB,OAAiB,EACjB,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,WAAW,EACX,WAAW,EACX,MAAM,EACN,MAAM,EACN,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,+BAqEjB;AAED,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC/D,qDAAqD;IACrD,KAAK,EAAE,SAAS,CAAC;IACjB,mCAAmC;IACnC,IAAI,EAAE,SAAS,CAAC;IAChB,2DAA2D;IAC3D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,iDAAiD;IACjD,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,+BAoBtB"}

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

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { cn } from '../../lib/cn.js';
+/**
+ * The brand-panel accent gradient from designs/Login.dc.html /
+ * designs/Auth & Onboarding.dc.html: `linear-gradient(155deg, accent,
+ * color-mix(accent 62%, black))`. A static class over token vars, so it
+ * follows every accent palette at runtime.
+ */
+const brandGradientClass = 'bg-accent bg-[linear-gradient(155deg,var(--accent),color-mix(in_srgb,var(--accent)_62%,#000))]';
+/**
+ * AuthLayout — Tier-5 auth shell (research/design-system.md §3 Tier 5,
+ * designs/Login.dc.html + designs/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/80", 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/60", 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 }))] })] })] }));
+}
+/**
+ * AuthTestimonial — the translucent testimonial card that lives on the
+ * AuthLayout brand panel (designs/Login.dc.html): white/10 card, quote,
+ * attribution line. Colors are fixed white alphas because the card always
+ * sits on the accent gradient.
+ */
+export function AuthTestimonial({ quote, name, role, avatar, className, ...props }) {
+    return (_jsxs("figure", { "data-part": "auth-testimonial", className: cn('flex max-w-[40ch] items-center gap-3 rounded-lg border border-white/15 bg-white/10 p-4', className), ...props, children: [avatar === undefined ? null : _jsx("div", { className: "shrink-0", children: avatar }), _jsxs("div", { className: "min-w-0", children: [_jsx("blockquote", { className: "text-[12.5px] leading-normal text-white/90", children: quote }), _jsxs("figcaption", { className: "mt-1 text-caption text-white/60", children: [name, role === undefined ? null : _jsxs(_Fragment, { children: [" \u00B7 ", role] })] })] })] }));
+}
+//# sourceMappingURL=AuthLayout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AuthLayout.js","sourceRoot":"","sources":["../../../src/components/auth-layout/AuthLayout.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAErC;;;;;GAKG;AACH,MAAM,kBAAkB,GACtB,gGAAgG,CAAC;AA6BnG;;;;;;;GAOG;AACH,MAAM,UAAU,UAAU,CAAC,EACzB,OAAO,GAAG,OAAO,EACjB,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,WAAW,EACX,WAAW,EACX,MAAM,EACN,MAAM,EACN,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACQ;IAChB,OAAO,CACL,4BACY,aAAa,kBACT,OAAO,EACrB,SAAS,EAAE,EAAE,CAAC,qCAAqC,EAAE,SAAS,CAAC,KAC3D,KAAK,aAER,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,CACrB,4BACY,kBAAkB,iBAChB,MAAM,EAClB,SAAS,EAAE,EAAE,CACX,6GAA6G,EAC7G,kBAAkB,CACnB,aAED,2BAAe,iBAAiB,YAAE,IAAI,GAAO,EAC7C,eAAK,SAAS,EAAC,yCAAyC,aACrD,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC/B,cAAK,SAAS,EAAC,8DAA8D,YAC1E,QAAQ,GACL,CACP,EACA,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAClC,cAAK,SAAS,EAAC,6DAA6D,YACzE,WAAW,GACR,CACP,EACA,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,aAAa,YAAE,YAAY,GAAO,EACrF,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAClC,2BAAe,uBAAuB,EAAC,SAAS,EAAC,aAAa,YAC3D,WAAW,GACR,CACP,IACG,EACL,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,CAC3B,eAAO,CACR,CAAC,CAAC,CAAC,CACF,2BACY,mBAAmB,EAC7B,SAAS,EAAC,uEAAuE,YAEhF,WAAW,GACR,CACP,IACG,CACP,CAAC,CAAC,CAAC,IAAI,EAER,eAAK,SAAS,EAAC,+EAA+E,aAC3F,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC7B,2BAAe,aAAa,EAAC,SAAS,EAAC,sBAAsB,YAC1D,MAAM,GACH,CACP,EACD,6BAAgB,kBAAkB,EAAC,SAAS,EAAC,sBAAsB,aAChE,QAAQ,EACR,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC7B,2BACY,aAAa,EACvB,SAAS,EAAC,wGAAwG,YAEjH,MAAM,GACH,CACP,IACI,IACH,IACF,CACP,CAAC;AACJ,CAAC;AAcD;;;;;GAKG;AACH,MAAM,UAAU,eAAe,CAAC,EAC9B,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,SAAS,EACT,GAAG,KAAK,EACa;IACrB,OAAO,CACL,+BACY,kBAAkB,EAC5B,SAAS,EAAE,EAAE,CACX,wFAAwF,EACxF,SAAS,CACV,KACG,KAAK,aAER,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,UAAU,YAAE,MAAM,GAAO,EACvE,eAAK,SAAS,EAAC,SAAS,aACtB,qBAAY,SAAS,EAAC,4CAA4C,YAAE,KAAK,GAAc,EACvF,sBAAY,SAAS,EAAC,iCAAiC,aACpD,IAAI,EACJ,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,0CAAM,IAAI,IAAI,IAChC,IACT,IACC,CACV,CAAC;AACJ,CAAC"}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,80 @@
+import type { ComponentPropsWithRef, ReactNode } from 'react';
+/** Payload emitted by `ForgotPasswordForm.onSubmit`. */
+export interface ForgotPasswordFormValues {
+    email: string;
+}
+/** All user-visible strings (required — i18n). */
+export interface ForgotPasswordFormLabels {
+    /** Heading, e.g. "Reset your password". */
+    title: ReactNode;
+    /** Muted copy, e.g. "Enter your email and we'll send you a link…". */
+    subtitle?: ReactNode | undefined;
+    email: string;
+    emailPlaceholder?: string | undefined;
+    submit: string;
+    /** "Back to sign in" link. */
+    back?: string | undefined;
+    /** Field error for a missing/malformed email. */
+    emailInvalid: string;
+}
+export interface ForgotPasswordFormProps extends Omit<ComponentPropsWithRef<'form'>, 'style' | 'onSubmit' | 'onError' | 'title'> {
+    labels: ForgotPasswordFormLabels;
+    /** Fires with the validated email — the host app calls the API. */
+    onSubmit: (values: ForgotPasswordFormValues) => void;
+    /** "Back to sign in" handler; renders the back link when provided. */
+    onBack?: (() => void) | undefined;
+    /** Server-side failure banner (danger `Alert`, `role="alert"`). */
+    error?: ReactNode;
+    /** 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 `designs/Empty States.dc.html`
+     * forbids.
+     */
+    disabled?: boolean | undefined;
+    /**
+     * Info `Alert` above the field: why the form is disabled, and what to do
+     * instead. Not `error` — an unconfigured relay is the operator's state of the
+     * world, not this visitor's mistake, and `role="alert"` would interrupt a
+     * screen reader to say so.
+     */
+    notice?: ReactNode;
+    defaultEmail?: string | undefined;
+}
+/**
+ * ForgotPasswordForm — request-a-reset-link screen per
+ * designs/Login.dc.html (FORGOT state). Controlled composition: zero
+ * fetching. On success the host swaps in `ForgotSentState`.
+ *
+ * Endpoint contract (apps/server/src/routes/auth):
+ * `POST /api/v1/auth/password/forgot` with `{ email }` → always
+ * `200 { data: { ok: true } }` (no user enumeration — show the sent state
+ * regardless); `429` (3/hour bucket) — pass a message via `error`.
+ */
+export declare function ForgotPasswordForm({ labels, onSubmit, onBack, error, loading, disabled, notice, defaultEmail, className, ...props }: ForgotPasswordFormProps): import("react").JSX.Element;
+export interface ForgotSentStateProps extends Omit<ComponentPropsWithRef<'div'>, 'style' | 'title'> {
+    /** Heading, e.g. "Check your email". */
+    title: ReactNode;
+    /** Copy echoing the address ("We sent a reset link to ava@… It expires in 15 minutes."). */
+    body?: ReactNode;
+    /** Primary button label ("Back to sign in"). */
+    doneLabel: string;
+    onDone?: (() => void) | undefined;
+    /** Resend link line ("Didn't get it?" + link). */
+    resendLabel?: string | undefined;
+    onResend?: (() => void) | undefined;
+    /** Muted prefix before the resend link ("Didn't get it?"). */
+    resendHint?: ReactNode;
+}
+/**
+ * ForgotSentState — the SENT confirmation from designs/Login.dc.html,
+ * reusing `SuccessState` (pos mail-check tile + heading + copy + Done) with a
+ * resend link line. Re-submitting hits the same
+ * `POST /api/v1/auth/password/forgot` endpoint (3/hour rate bucket).
+ */
+export declare function ForgotSentState({ title, body, doneLabel, onDone, resendLabel, onResend, resendHint, className, ...props }: ForgotSentStateProps): import("react").JSX.Element;
+//# sourceMappingURL=ForgotPasswordForm.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ForgotPasswordForm.d.ts","sourceRoot":"","sources":["../../../src/components/auth-screens/ForgotPasswordForm.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAa,SAAS,EAAE,MAAM,OAAO,CAAC;AAUzE,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;AAID;;;;;;;;;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

@@ -0,0 +1,50 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { ArrowLeft, KeyRound, Mail, MailCheck } from 'lucide-react';
+import { 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 { InputGroup } from '../input-group/index.js';
+import { SuccessState } from '../success-state/index.js';
+const looksLikeEmail = (value) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value);
+/**
+ * ForgotPasswordForm — request-a-reset-link screen per
+ * designs/Login.dc.html (FORGOT state). Controlled composition: zero
+ * fetching. On success the host swaps in `ForgotSentState`.
+ *
+ * Endpoint contract (apps/server/src/routes/auth):
+ * `POST /api/v1/auth/password/forgot` with `{ email }` → always
+ * `200 { data: { ok: true } }` (no user enumeration — show the sent state
+ * regardless); `429` (3/hour bucket) — pass a message via `error`.
+ */
+export function ForgotPasswordForm({ labels, onSubmit, onBack, error, loading = false, disabled = false, notice, defaultEmail, className, ...props }) {
+    const [email, setEmail] = useState(defaultEmail ?? '');
+    const [fieldError, setFieldError] = useState(undefined);
+    const handleSubmit = (event) => {
+        event.preventDefault();
+        // Belt and braces: the button is disabled, but a form still submits on
+        // Enter in some browsers, and this must not raise a "check your email" for
+        // mail that has nowhere to go.
+        if (disabled)
+            return;
+        if (!looksLikeEmail(email.trim())) {
+            setFieldError(labels.emailInvalid);
+            return;
+        }
+        setFieldError(undefined);
+        onSubmit({ email: email.trim() });
+    };
+    return (_jsxs("form", { noValidate: true, "data-part": "forgot-password-form", className: cn('flex w-full flex-col', className), onSubmit: handleSubmit, ...props, children: [onBack === undefined || labels.back === undefined ? null : (_jsx(Button, { variant: "link", onClick: onBack, iconLeft: _jsx(ArrowLeft, { className: "size-3.5 rtl:rotate-180" }), className: "mb-5 self-start text-body-sm font-bold text-fg-muted hover:text-accent", children: labels.back })), _jsx(IconTile, { tone: "accent", size: "lg", icon: _jsx(KeyRound, {}) }), _jsx("h1", { className: "mt-4 text-[23px] font-extrabold tracking-[-0.02em] text-fg", children: labels.title }), labels.subtitle === undefined ? null : (_jsx("p", { className: "mt-1.5 text-[13.5px] leading-relaxed text-fg-muted", children: labels.subtitle })), error === undefined || error === null ? null : (_jsx(Alert, { tone: "danger", role: "alert", title: error, className: "mt-4" })), notice === undefined || notice === null ? null : (_jsx(Alert, { tone: "info", title: notice, className: "mt-4" })), _jsxs("div", { className: "mt-6 flex flex-col gap-4", children: [_jsx(FormField, { label: labels.email, error: fieldError, children: _jsx(InputGroup, { type: "email", name: "email", autoComplete: "email", iconLeading: _jsx(Mail, {}), placeholder: labels.emailPlaceholder, value: email, disabled: loading || disabled, onChange: (event) => setEmail(event.target.value) }) }), _jsx(Button, { type: "submit", loading: loading, disabled: disabled, className: "w-full", children: labels.submit })] })] }));
+}
+/**
+ * ForgotSentState — the SENT confirmation from designs/Login.dc.html,
+ * reusing `SuccessState` (pos mail-check tile + heading + copy + Done) with a
+ * resend link line. Re-submitting hits the same
+ * `POST /api/v1/auth/password/forgot` endpoint (3/hour rate bucket).
+ */
+export function ForgotSentState({ title, body, doneLabel, onDone, resendLabel, onResend, resendHint, className, ...props }) {
+    return (_jsxs("div", { "data-part": "forgot-sent-state", className: cn('flex w-full flex-col', className), ...props, children: [_jsx(SuccessState, { title: title, body: body, doneLabel: doneLabel, onDone: onDone, icon: _jsx(MailCheck, {}), className: "px-0 py-0" }), resendLabel === undefined || onResend === undefined ? null : (_jsxs("p", { className: "mt-4 text-center text-body-sm text-fg-muted", children: [resendHint === undefined ? null : _jsxs(_Fragment, { children: [resendHint, " "] }), _jsx(Button, { variant: "link", className: "text-body-sm font-bold", onClick: onResend, children: resendLabel })] }))] }));
+}
+//# sourceMappingURL=ForgotPasswordForm.js.map

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

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

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

@@ -0,0 +1,55 @@
+import type { ComponentPropsWithRef, ReactNode } from 'react';
+import type { PasswordScore } from '../password-strength/index.js';
+/** Payload emitted by `ResetPasswordForm.onSubmit`. */
+export interface ResetPasswordFormValues {
+    password: string;
+}
+/** All user-visible strings (required — i18n). */
+export interface ResetPasswordFormLabels {
+    /** Heading, e.g. "Set a new password". */
+    title: ReactNode;
+    /** Muted copy, e.g. "Must be at least 8 characters." */
+    subtitle?: ReactNode | undefined;
+    password: string;
+    confirmPassword: string;
+    submit: string;
+    /** Field error when the password is under `minLength`. */
+    tooShort: string;
+    /** Field error when the confirmation does not match. */
+    mismatch: string;
+    /** Accessible name for the strength meter ("Password strength"). */
+    strength: string;
+    /** Strength labels for scores 1–4, e.g. ['Weak','Fair','Good','Strong']. */
+    strengthLabels: readonly [string, string, string, string];
+    /** Reveal-eye accessible names. */
+    showPassword: string;
+    hidePassword: string;
+}
+export interface ResetPasswordFormProps extends Omit<ComponentPropsWithRef<'form'>, 'style' | 'onSubmit' | 'onError' | 'title'> {
+    labels: ResetPasswordFormLabels;
+    /** Fires with the validated new password — the host app calls the API. */
+    onSubmit: (values: ResetPasswordFormValues) => void;
+    /** Server-side failure banner (expired/used token …). */
+    error?: ReactNode;
+    /** Request in flight. */
+    loading?: boolean | undefined;
+    /** Minimum password length. Default 8 (server policy). */
+    minLength?: number | undefined;
+    /** Injectable strength scorer, forwarded to `PasswordStrength`. */
+    score?: ((password: string) => PasswordScore) | undefined;
+}
+/**
+ * ResetPasswordForm — set-a-new-password screen per designs/Login.dc.html
+ * (RESET state): password + segmented strength meter + confirm field with
+ * mismatch validation. Controlled composition: zero fetching.
+ *
+ * Endpoint contract (apps/server/src/routes/auth):
+ * `POST /api/v1/auth/password/reset` with `{ token, newPassword }` — the
+ * single-use `token` comes from the emailed link (URL param) and is held by
+ * the host app; this component only emits the validated password →
+ * - `200 { data: { ok: true } }` — navigate to sign-in;
+ * - `400/401` (expired or already-used token, password under 8 chars) —
+ *   pass a message via `error`.
+ */
+export declare function ResetPasswordForm({ labels, onSubmit, error, loading, minLength, score, className, ...props }: ResetPasswordFormProps): import("react").JSX.Element;
+//# sourceMappingURL=ResetPasswordForm.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResetPasswordForm.d.ts","sourceRoot":"","sources":["../../../src/components/auth-screens/ResetPasswordForm.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAa,SAAS,EAAE,MAAM,OAAO,CAAC;AAUzE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAEnE,uDAAuD;AACvD,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,kDAAkD;AAClD,MAAM,WAAW,uBAAuB;IACtC,0CAA0C;IAC1C,KAAK,EAAE,SAAS,CAAC;IACjB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACjC,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,MAAM,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,0DAA0D;IAC1D,QAAQ,EAAE,MAAM,CAAC;IACjB,wDAAwD;IACxD,QAAQ,EAAE,MAAM,CAAC;IACjB,oEAAoE;IACpE,QAAQ,EAAE,MAAM,CAAC;IACjB,4EAA4E;IAC5E,cAAc,EAAE,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1D,mCAAmC;IACnC,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,sBACf,SAAQ,IAAI,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO,CAAC;IACvF,MAAM,EAAE,uBAAuB,CAAC;IAChC,0EAA0E;IAC1E,QAAQ,EAAE,CAAC,MAAM,EAAE,uBAAuB,KAAK,IAAI,CAAC;IACpD,yDAAyD;IACzD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,yBAAyB;IACzB,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,mEAAmE;IACnE,KAAK,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,MAAM,KAAK,aAAa,CAAC,GAAG,SAAS,CAAC;CAC3D;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,QAAQ,EACR,KAAK,EACL,OAAe,EACf,SAAa,EACb,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACT,EAAE,sBAAsB,+BAsFxB"}

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

@@ -0,0 +1,45 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Eye, EyeOff, Lock, ShieldCheck } from 'lucide-react';
+import { 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 { IconButton } from '../icon-button/index.js';
+import { IconTile } from '../icon-tile/index.js';
+import { InputGroup } from '../input-group/index.js';
+import { PasswordStrength } from '../password-strength/index.js';
+/**
+ * ResetPasswordForm — set-a-new-password screen per designs/Login.dc.html
+ * (RESET state): password + segmented strength meter + confirm field with
+ * mismatch validation. Controlled composition: zero fetching.
+ *
+ * Endpoint contract (apps/server/src/routes/auth):
+ * `POST /api/v1/auth/password/reset` with `{ token, newPassword }` — the
+ * single-use `token` comes from the emailed link (URL param) and is held by
+ * the host app; this component only emits the validated password →
+ * - `200 { data: { ok: true } }` — navigate to sign-in;
+ * - `400/401` (expired or already-used token, password under 8 chars) —
+ *   pass a message via `error`.
+ */
+export function ResetPasswordForm({ labels, onSubmit, error, loading = false, minLength = 8, score, className, ...props }) {
+    const [password, setPassword] = useState('');
+    const [confirm, setConfirm] = useState('');
+    const [reveal, setReveal] = useState(false);
+    const [fieldErrors, setFieldErrors] = useState({});
+    const handleSubmit = (event) => {
+        event.preventDefault();
+        const nextErrors = {};
+        if (password.length < minLength)
+            nextErrors.password = labels.tooShort;
+        if (confirm !== password)
+            nextErrors.confirm = labels.mismatch;
+        setFieldErrors(nextErrors);
+        if (nextErrors.password !== undefined || nextErrors.confirm !== undefined)
+            return;
+        onSubmit({ password });
+    };
+    const revealToggle = (_jsx(IconButton, { size: "sm", label: reveal ? labels.hidePassword : labels.showPassword, "aria-pressed": reveal, onClick: () => setReveal((current) => !current), className: "text-fg-subtle [&_svg]:size-4", children: reveal ? _jsx(EyeOff, {}) : _jsx(Eye, {}) }));
+    return (_jsxs("form", { noValidate: true, "data-part": "reset-password-form", 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-[23px] font-extrabold tracking-[-0.02em] text-fg", children: labels.title }), labels.subtitle === undefined ? null : (_jsx("p", { className: "mt-1.5 text-[13.5px] text-fg-muted", children: labels.subtitle })), error === undefined || error === null ? null : (_jsx(Alert, { tone: "danger", role: "alert", title: error, className: "mt-4" })), _jsxs("div", { className: "mt-6 flex flex-col gap-4", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(FormField, { label: labels.password, error: fieldErrors.password, children: _jsx(InputGroup, { type: reveal ? 'text' : 'password', name: "new-password", autoComplete: "new-password", iconLeading: _jsx(Lock, {}), value: password, disabled: loading, onChange: (event) => setPassword(event.target.value), trailing: revealToggle }) }), _jsx(PasswordStrength, { value: password, label: labels.strength, labels: labels.strengthLabels, ...(score === undefined ? {} : { score }) })] }), _jsx(FormField, { label: labels.confirmPassword, error: fieldErrors.confirm, children: _jsx(InputGroup, { type: reveal ? 'text' : 'password', name: "confirm-password", autoComplete: "new-password", iconLeading: _jsx(Lock, {}), value: confirm, disabled: loading, onChange: (event) => setConfirm(event.target.value) }) }), _jsx(Button, { type: "submit", loading: loading, className: "w-full", children: labels.submit })] })] }));
+}
+//# sourceMappingURL=ResetPasswordForm.js.map

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

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

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

@@ -0,0 +1,67 @@
+import type { ComponentPropsWithRef, ReactNode } from 'react';
+/** Payload emitted by `SignInForm.onSubmit`. */
+export interface SignInFormValues {
+    email: string;
+    password: string;
+    /** "Keep me signed in" checkbox state (session length is a server concern). */
+    remember: boolean;
+}
+/** All user-visible strings (required — i18n). */
+export interface SignInFormLabels {
+    /** Heading, e.g. "Welcome back". */
+    title: ReactNode;
+    /** Muted copy under the heading. */
+    subtitle?: ReactNode | undefined;
+    email: string;
+    password: string;
+    /** "Forgot?" link next to the password label. */
+    forgot: string;
+    /** "Keep me signed in". */
+    remember: string;
+    submit: string;
+    /** Field error for a missing/malformed email. */
+    emailInvalid: string;
+    /** Field error for an empty password. */
+    passwordRequired: string;
+    /** Reveal-eye accessible names. */
+    showPassword: string;
+    hidePassword: string;
+    /** Divider text between the SSO slot and the fields ("or"). */
+    dividerLabel?: string | undefined;
+}
+export interface SignInFormProps extends Omit<ComponentPropsWithRef<'form'>, 'style' | 'onSubmit' | 'onError' | 'title'> {
+    labels: SignInFormLabels;
+    /** Fires with the validated credentials — the host app calls the API. */
+    onSubmit: (values: SignInFormValues) => void;
+    /** "Forgot?" link handler (navigates to the forgot-password screen). */
+    onForgotPassword?: (() => void) | undefined;
+    /**
+     * Server-side failure banner slot (e.g. "Invalid email or password").
+     * Rendered as a danger `Alert` with `role="alert"`.
+     */
+    error?: ReactNode;
+    /** Request in flight: submit shows a spinner, all fields disable. */
+    loading?: boolean | undefined;
+    /** SSO buttons slot rendered above the fields with an `or` divider. */
+    sso?: ReactNode;
+    /** Slot under the submit button ("New to Adminium? Create an account"). */
+    footer?: ReactNode;
+    defaultEmail?: string | undefined;
+    /** Initial "Keep me signed in" state. Default false (unchecked). */
+    defaultRemember?: boolean | undefined;
+}
+/**
+ * SignInForm — email + password screen per designs/Login.dc.html. Controlled
+ * composition: zero fetching; the host app owns the request and feeds back
+ * `error`/`loading`.
+ *
+ * Endpoint contract (apps/server/src/routes/auth):
+ * `POST /api/v1/auth/login` with `{ email, password }` →
+ * - `200 { data: { user } }` — session cookie set, navigate into the app;
+ * - `202 { data: { twoFactorRequired: true, challengeToken } }` — render
+ *   `TwoFactorForm` and present the token at `/api/v1/auth/2fa/verify`;
+ * - `401 INVALID_CREDENTIALS` / `429` (5/min bucket) — pass a message via
+ *   `error`.
+ */
+export declare function SignInForm({ labels, onSubmit, onForgotPassword, error, loading, sso, footer, defaultEmail, defaultRemember, className, ...props }: SignInFormProps): import("react").JSX.Element;
+//# sourceMappingURL=SignInForm.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SignInForm.d.ts","sourceRoot":"","sources":["../../../src/components/auth-screens/SignInForm.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAa,SAAS,EAAE,MAAM,OAAO,CAAC;AAWzE,gDAAgD;AAChD,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,+EAA+E;IAC/E,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,kDAAkD;AAClD,MAAM,WAAW,gBAAgB;IAC/B,oCAAoC;IACpC,KAAK,EAAE,SAAS,CAAC;IACjB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,iDAAiD;IACjD,MAAM,EAAE,MAAM,CAAC;IACf,2BAA2B;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,iDAAiD;IACjD,YAAY,EAAE,MAAM,CAAC;IACrB,yCAAyC;IACzC,gBAAgB,EAAE,MAAM,CAAC;IACzB,mCAAmC;IACnC,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,+DAA+D;IAC/D,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACnC;AAED,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO,CAAC;IACvF,MAAM,EAAE,gBAAgB,CAAC;IACzB,yEAAyE;IACzE,QAAQ,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC7C,wEAAwE;IACxE,gBAAgB,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IAC5C;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,qEAAqE;IACrE,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,uEAAuE;IACvE,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,2EAA2E;IAC3E,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,oEAAoE;IACpE,eAAe,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACvC;AAID;;;;;;;;;;;;GAYG;AACH,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,QAAQ,EACR,gBAAgB,EAChB,KAAK,EACL,OAAe,EACf,GAAG,EACH,MAAM,EACN,YAAY,EACZ,eAAuB,EACvB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,+BAgHjB"}

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

@@ -0,0 +1,47 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Eye, EyeOff, Lock, Mail } 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 { Checkbox } from '../checkbox/index.js';
+import { Divider } from '../divider/index.js';
+import { FormField } from '../form-field/index.js';
+import { IconButton } from '../icon-button/index.js';
+import { InputGroup } from '../input-group/index.js';
+const looksLikeEmail = (value) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value);
+/**
+ * SignInForm — email + password screen per designs/Login.dc.html. Controlled
+ * composition: zero fetching; the host app owns the request and feeds back
+ * `error`/`loading`.
+ *
+ * Endpoint contract (apps/server/src/routes/auth):
+ * `POST /api/v1/auth/login` with `{ email, password }` →
+ * - `200 { data: { user } }` — session cookie set, navigate into the app;
+ * - `202 { data: { twoFactorRequired: true, challengeToken } }` — render
+ *   `TwoFactorForm` and present the token at `/api/v1/auth/2fa/verify`;
+ * - `401 INVALID_CREDENTIALS` / `429` (5/min bucket) — pass a message via
+ *   `error`.
+ */
+export function SignInForm({ labels, onSubmit, onForgotPassword, error, loading = false, sso, footer, defaultEmail, defaultRemember = false, className, ...props }) {
+    const [email, setEmail] = useState(defaultEmail ?? '');
+    const [password, setPassword] = useState('');
+    const [remember, setRemember] = useState(defaultRemember);
+    const [reveal, setReveal] = useState(false);
+    const [fieldErrors, setFieldErrors] = useState({});
+    const rememberId = useId();
+    const handleSubmit = (event) => {
+        event.preventDefault();
+        const nextErrors = {};
+        if (!looksLikeEmail(email.trim()))
+            nextErrors.email = labels.emailInvalid;
+        if (password.length === 0)
+            nextErrors.password = labels.passwordRequired;
+        setFieldErrors(nextErrors);
+        if (nextErrors.email !== undefined || nextErrors.password !== undefined)
+            return;
+        onSubmit({ email: email.trim(), password, remember });
+    };
+    return (_jsxs("form", { noValidate: true, "data-part": "sign-in-form", className: cn('flex w-full flex-col', className), onSubmit: handleSubmit, ...props, children: [_jsx("h1", { className: "text-[23px] font-extrabold tracking-[-0.02em] text-fg", children: labels.title }), labels.subtitle === undefined ? null : (_jsx("p", { className: "mt-1.5 text-[13.5px] text-fg-muted", children: labels.subtitle })), sso === undefined ? null : (_jsxs(_Fragment, { children: [_jsx("div", { className: "mt-6 flex flex-col gap-2.5", children: sso }), _jsx(Divider, { label: labels.dividerLabel, className: "my-5" })] })), error === undefined || error === null ? null : (_jsx(Alert, { tone: "danger", role: "alert", title: error, className: sso === undefined ? 'mt-6' : '' })), _jsxs("div", { className: cn('flex flex-col gap-4', sso === undefined && (error === undefined || error === null) ? 'mt-6' : 'mt-4'), children: [_jsx(FormField, { label: labels.email, error: fieldErrors.email, children: _jsx(InputGroup, { type: "email", name: "email", autoComplete: "email", iconLeading: _jsx(Mail, {}), value: email, disabled: loading, onChange: (event) => setEmail(event.target.value) }) }), _jsx(FormField, { label: labels.password, error: fieldErrors.password, tag: onForgotPassword === undefined ? undefined : (_jsx(Button, { variant: "link", className: "text-[12px] font-bold", onClick: onForgotPassword, children: labels.forgot })), children: _jsx(InputGroup, { type: reveal ? 'text' : 'password', name: "password", autoComplete: "current-password", iconLeading: _jsx(Lock, {}), value: password, disabled: loading, onChange: (event) => setPassword(event.target.value), trailing: _jsx(IconButton, { size: "sm", label: reveal ? labels.hidePassword : labels.showPassword, "aria-pressed": reveal, onClick: () => setReveal((current) => !current), className: "text-fg-subtle [&_svg]:size-4", children: reveal ? _jsx(EyeOff, {}) : _jsx(Eye, {}) }) }) }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Checkbox, { id: rememberId, checked: remember, disabled: loading, onCheckedChange: (state) => setRemember(state === true) }), _jsx("label", { htmlFor: rememberId, className: "cursor-pointer text-body-sm text-fg-muted", children: labels.remember })] }), _jsx(Button, { type: "submit", loading: loading, className: "w-full", children: labels.submit })] }), footer === undefined ? null : (_jsx("div", { "data-part": "sign-in-footer", className: "mt-5 text-center text-body-sm text-fg-muted", children: footer }))] }));
+}
+//# sourceMappingURL=SignInForm.js.map

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

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