@setsquare/ui 0.1.0

package/dist/ui/alert.d.ts

@@ -0,0 +1,35 @@
+import { type ReactNode } from 'react';
+import { type IconProp } from './icon.js';
+export type AlertTone = 'info' | 'success' | 'warning' | 'danger';
+export interface AlertProps {
+    tone?: AlertTone;
+    title?: ReactNode;
+    children?: ReactNode;
+    /** Buttons or links: what to do about it. */
+    actions?: ReactNode;
+    /** Show a Dismiss button. Focus moves to the next control, so it is never lost. */
+    onDismiss?: () => void;
+    /**
+     * Only for alerts that appear after the page has loaded: 'polite' (role=status) or 'assertive' (role=alert,
+     * for errors that stop the task). Alerts present on load are plain content.
+     */
+    live?: 'polite' | 'assertive';
+    /** 'inline' sits in the content; 'banner' spans the top of the inset, edge to edge. */
+    layout?: 'inline' | 'banner';
+    icon?: IconProp;
+    titleAs?: 'p' | 'h2' | 'h3';
+    className?: string;
+}
+/** A message about the page or task: tone ground, icon and words — never colour alone. Gains a tone border at AAA. */
+export declare function Alert({ tone, title, children, actions, onDismiss, live, layout, icon, titleAs: Title, className, }: AlertProps): import("react").JSX.Element;
+/** true while the browser reports a connection. */
+export declare function useOnline(): boolean;
+/**
+ * A banner that appears when the connection drops and says so again when it returns.
+ * The live region is always in the page, so both changes are announced.
+ */
+export declare function OfflineAlert({ forceOffline, className, }: {
+    forceOffline?: boolean;
+    className?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=alert.d.ts.map

package/dist/ui/alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../src/ui/alert.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAqD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAK1F,OAAO,EAAkC,KAAK,QAAQ,EAAE,MAAM,WAAW,CAAC;AAE1E,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAiBlE,MAAM,WAAW,UAAU;IACzB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,mFAAmF;IACnF,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;IAC9B,uFAAuF;IACvF,MAAM,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC7B,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,OAAO,CAAC,EAAE,GAAG,GAAG,IAAI,GAAG,IAAI,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,sHAAsH;AACtH,wBAAgB,KAAK,CAAC,EACpB,IAAa,EACb,KAAK,EACL,QAAQ,EACR,OAAO,EACP,SAAS,EACT,IAAI,EACJ,MAAiB,EACjB,IAAI,EACJ,OAAO,EAAE,KAAW,EACpB,SAAS,GACV,EAAE,UAAU,+BAsCZ;AAUD,mDAAmD;AACnD,wBAAgB,SAAS,IAAI,OAAO,CAMnC;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAC3B,YAAY,EACZ,SAAS,GACV,EAAE;IACD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BAwBA"}

package/dist/ui/alert.js

@@ -0,0 +1,65 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState, useSyncExternalStore } from 'react';
+import { CircleAlert, CircleCheck, Info, TriangleAlert, WifiOff, X } from 'lucide-react';
+import { cn } from '../lib/cn.js';
+import { focusAfter } from '../lib/tokens.js';
+import { IconButton } from './icon-button.js';
+import { renderIcon } from './icon.js';
+const tones = {
+    info: { box: 'bg-brand-subtle aaa:border-brand', icon: 'text-brand', Icon: Info },
+    success: { box: 'bg-success-subtle aaa:border-success', icon: 'text-success', Icon: CircleCheck },
+    warning: {
+        box: 'bg-warning-subtle aaa:border-warning',
+        icon: 'text-warning',
+        Icon: TriangleAlert,
+    },
+    danger: {
+        box: 'bg-destructive-subtle aaa:border-destructive',
+        icon: 'text-destructive',
+        Icon: CircleAlert,
+    },
+};
+/** A message about the page or task: tone ground, icon and words — never colour alone. Gains a tone border at AAA. */
+export function Alert({ tone = 'info', title, children, actions, onDismiss, live, layout = 'inline', icon, titleAs: Title = 'p', className, }) {
+    const ref = useRef(null);
+    const t = tones[tone];
+    const shown = icon ?? t.Icon;
+    return (_jsxs("div", { ref: ref, role: live === 'assertive' ? 'alert' : live === 'polite' ? 'status' : undefined, className: cn('flex items-start gap-3 border border-transparent text-sm leading-5 text-foreground', layout === 'banner' ? 'border-x-0 border-t-0 px-4 py-3' : 'rounded-lg p-4', t.box, className), children: [renderIcon(shown, cn('mt-px size-5 shrink-0', t.icon)), _jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [title && _jsx(Title, { className: "font-semibold", children: title }), children && _jsx("div", { className: "max-w-(--measure)", children: children }), actions && (_jsx("div", { className: "mt-2 flex flex-wrap items-center gap-(--control-gap)", children: actions }))] }), onDismiss && (_jsx(IconButton, { label: "Dismiss", icon: X, visualSize: "icon-sm", tooltip: false, className: "-mt-1 -mr-1 items-start justify-end", onPress: () => {
+                    focusAfter(ref.current);
+                    onDismiss();
+                } }))] }));
+}
+function subscribeOnline(cb) {
+    window.addEventListener('online', cb);
+    window.addEventListener('offline', cb);
+    return () => {
+        window.removeEventListener('online', cb);
+        window.removeEventListener('offline', cb);
+    };
+}
+/** true while the browser reports a connection. */
+export function useOnline() {
+    return useSyncExternalStore(subscribeOnline, () => navigator.onLine, () => true);
+}
+/**
+ * A banner that appears when the connection drops and says so again when it returns.
+ * The live region is always in the page, so both changes are announced.
+ */
+export function OfflineAlert({ forceOffline, className, }) {
+    const online = useOnline() && !forceOffline;
+    const [back, setBack] = useState(false);
+    const wasOffline = useRef(!online);
+    useEffect(() => {
+        if (!online)
+            wasOffline.current = true;
+        else if (wasOffline.current) {
+            wasOffline.current = false;
+            setBack(true);
+            const t = setTimeout(() => setBack(false), 4000);
+            return () => clearTimeout(t);
+        }
+    }, [online]);
+    return (_jsxs("div", { role: "status", className: className, children: [!online && (_jsx(Alert, { tone: "warning", layout: "banner", icon: WifiOff, title: "You're offline", children: "Changes you make now won't be saved. Keep this page open and we'll try again when you're back online." })), online && back && _jsx(Alert, { tone: "success", layout: "banner", title: "You're back online" })] }));
+}
+//# sourceMappingURL=alert.js.map

package/dist/ui/alert.js.map

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

package/dist/ui/avatar.d.ts

@@ -0,0 +1,16 @@
+export interface AvatarProps {
+    initials: string;
+    /** Give it a name only when it stands alone; beside a visible name it stays decorative. */
+    label?: string;
+    tone?: 'brand' | 'neutral';
+    size?: 'sm' | 'md' | 'lg';
+    className?: string;
+}
+/** Initials in a disc. */
+export declare function Avatar({ initials, label, tone, size, className }: AvatarProps): import("react").JSX.Element;
+/** The product's monogram tile, used until a product has a logo. */
+export declare function ProductMark({ children, className }: {
+    children: string;
+    className?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=avatar.d.ts.map

package/dist/ui/avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../src/ui/avatar.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,2FAA2F;IAC3F,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAKD,0BAA0B;AAC1B,wBAAgB,MAAM,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAgB,EAAE,IAAW,EAAE,SAAS,EAAE,EAAE,WAAW,+BAgBhG;AAED,oEAAoE;AACpE,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAY5F"}

package/dist/ui/avatar.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../lib/cn.js';
+const sizes = { sm: 'size-6 text-[11px]', md: 'size-8 text-[13px]', lg: 'size-10 text-sm' };
+const tones = { brand: 'bg-brand-subtle text-brand', neutral: 'bg-muted text-foreground' };
+/** Initials in a disc. */
+export function Avatar({ initials, label, tone = 'neutral', size = 'md', className }) {
+    return (_jsx("span", { role: label ? 'img' : undefined, "aria-label": label, "aria-hidden": label ? undefined : true, className: cn('inline-grid shrink-0 place-items-center rounded-full leading-none font-bold', sizes[size], tones[tone], className), children: initials }));
+}
+/** The product's monogram tile, used until a product has a logo. */
+export function ProductMark({ children, className }) {
+    return (_jsx("span", { "aria-hidden": "true", className: cn('inline-grid size-7 shrink-0 place-items-center rounded-md bg-sidebar-primary text-sm font-bold text-sidebar-primary-foreground', className), children: children }));
+}
+//# sourceMappingURL=avatar.js.map

package/dist/ui/avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../src/ui/avatar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAWlC,MAAM,KAAK,GAAG,EAAE,EAAE,EAAE,oBAAoB,EAAE,EAAE,EAAE,oBAAoB,EAAE,EAAE,EAAE,iBAAiB,EAAE,CAAC;AAC5F,MAAM,KAAK,GAAG,EAAE,KAAK,EAAE,4BAA4B,EAAE,OAAO,EAAE,0BAA0B,EAAE,CAAC;AAE3F,0BAA0B;AAC1B,MAAM,UAAU,MAAM,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,GAAG,SAAS,EAAE,IAAI,GAAG,IAAI,EAAE,SAAS,EAAe;IAC/F,OAAO,CACL,eACE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,gBACnB,KAAK,iBACJ,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,EACrC,SAAS,EAAE,EAAE,CACX,6EAA6E,EAC7E,KAAK,CAAC,IAAI,CAAC,EACX,KAAK,CAAC,IAAI,CAAC,EACX,SAAS,CACV,YAEA,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC;AAED,oEAAoE;AACpE,MAAM,UAAU,WAAW,CAAC,EAAE,QAAQ,EAAE,SAAS,EAA4C;IAC3F,OAAO,CACL,8BACc,MAAM,EAClB,SAAS,EAAE,EAAE,CACX,gIAAgI,EAChI,SAAS,CACV,YAEA,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC"}

package/dist/ui/badge.d.ts

@@ -0,0 +1,13 @@
+import type { ReactNode } from 'react';
+import { type IconProp } from './icon.js';
+export type StatusTone = 'success' | 'warning' | 'danger' | 'info' | 'neutral';
+export interface StatusBadgeProps {
+    tone?: StatusTone;
+    /** Replace the tone's default icon. */
+    icon?: IconProp;
+    children: ReactNode;
+    className?: string;
+}
+/** A status: always an icon and a word, never colour alone. Gains a border in AAA themes. */
+export declare function StatusBadge({ tone, icon, children, className }: StatusBadgeProps): import("react").JSX.Element;
+//# sourceMappingURL=badge.d.ts.map

package/dist/ui/badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/ui/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,EAAkC,KAAK,QAAQ,EAAE,MAAM,WAAW,CAAC;AAE1E,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;AAkB/E,MAAM,WAAW,gBAAgB;IAC/B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,uCAAuC;IACvC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,6FAA6F;AAC7F,wBAAgB,WAAW,CAAC,EAAE,IAAgB,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,gBAAgB,+BAe5F"}

package/dist/ui/badge.js

@@ -0,0 +1,24 @@
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Circle, CircleCheck, CircleX, Info, TriangleAlert } from 'lucide-react';
+import { cn } from '../lib/cn.js';
+import { renderIcon } from './icon.js';
+const tones = {
+    success: 'bg-success-subtle text-success',
+    warning: 'bg-warning-subtle text-warning',
+    danger: 'bg-destructive-subtle text-destructive',
+    info: 'bg-brand-subtle text-brand',
+    neutral: 'bg-muted text-muted-foreground',
+};
+const toneIcons = {
+    success: CircleCheck,
+    warning: TriangleAlert,
+    danger: CircleX,
+    info: Info,
+    neutral: Circle,
+};
+/** A status: always an icon and a word, never colour alone. Gains a border in AAA themes. */
+export function StatusBadge({ tone = 'neutral', icon, children, className }) {
+    const shown = icon ?? toneIcons[tone];
+    return (_jsxs("span", { className: cn('inline-flex h-6 items-center gap-1 rounded-full border border-transparent pr-2 pl-1.5 text-[13px] leading-5 font-semibold whitespace-nowrap aaa:border-current', '[&_svg]:size-3.5 [&_svg]:shrink-0 [&_svg]:[stroke-width:2]', tones[tone], className), children: [renderIcon(shown), children] }));
+}
+//# sourceMappingURL=badge.js.map

package/dist/ui/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../src/ui/badge.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AACjF,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,UAAU,EAAqC,MAAM,WAAW,CAAC;AAI1E,MAAM,KAAK,GAA+B;IACxC,OAAO,EAAE,gCAAgC;IACzC,OAAO,EAAE,gCAAgC;IACzC,MAAM,EAAE,wCAAwC;IAChD,IAAI,EAAE,4BAA4B;IAClC,OAAO,EAAE,gCAAgC;CAC1C,CAAC;AAEF,MAAM,SAAS,GAAsC;IACnD,OAAO,EAAE,WAAW;IACpB,OAAO,EAAE,aAAa;IACtB,MAAM,EAAE,OAAO;IACf,IAAI,EAAE,IAAI;IACV,OAAO,EAAE,MAAM;CAChB,CAAC;AAUF,6FAA6F;AAC7F,MAAM,UAAU,WAAW,CAAC,EAAE,IAAI,GAAG,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAoB;IAC3F,MAAM,KAAK,GAAG,IAAI,IAAI,SAAS,CAAC,IAAI,CAAC,CAAC;IACtC,OAAO,CACL,gBACE,SAAS,EAAE,EAAE,CACX,gKAAgK,EAChK,4DAA4D,EAC5D,KAAK,CAAC,IAAI,CAAC,EACX,SAAS,CACV,aAEA,UAAU,CAAC,KAAK,CAAC,EACjB,QAAQ,IACJ,CACR,CAAC;AACJ,CAAC"}

package/dist/ui/breadcrumbs.d.ts

@@ -0,0 +1,13 @@
+export interface BreadcrumbItem {
+    label: string;
+    href?: string;
+}
+export interface BreadcrumbsProps {
+    /** Ancestors first; the last item is the current page and is not a link. */
+    items: BreadcrumbItem[];
+    label?: string;
+    className?: string;
+}
+/** Where you are (WCAG 2.4.8). Every page below the top level shows one. */
+export declare function Breadcrumbs({ items, label, className }: BreadcrumbsProps): import("react").JSX.Element;
+//# sourceMappingURL=breadcrumbs.d.ts.map

package/dist/ui/breadcrumbs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.d.ts","sourceRoot":"","sources":["../../src/ui/breadcrumbs.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,gBAAgB;IAC/B,4EAA4E;IAC5E,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,4EAA4E;AAC5E,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,KAAoB,EAAE,SAAS,EAAE,EAAE,gBAAgB,+BAiCvF"}

package/dist/ui/breadcrumbs.js

@@ -0,0 +1,12 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Breadcrumb, Breadcrumbs as RACBreadcrumbs, Link } from 'react-aria-components';
+import { ChevronRight } from 'lucide-react';
+import { cn } from '../lib/cn.js';
+/** Where you are (WCAG 2.4.8). Every page below the top level shows one. */
+export function Breadcrumbs({ items, label = 'Breadcrumb', className }) {
+    return (_jsx("nav", { "aria-label": label, className: cn('min-w-0', className), children: _jsx(RACBreadcrumbs, { className: "flex min-w-0 items-center gap-1 text-sm", children: items.map((item, i) => (_jsxs(Breadcrumb, { id: i, className: "flex min-w-0 items-center gap-1", children: [i > 0 && (_jsx(ChevronRight, { "aria-hidden": "true", className: "size-4 shrink-0 text-muted-foreground" })), _jsx(Link, { href: item.href, className: cn(
+                        // The current page is not a link to press: React Aria disables it, and it keeps the default cursor.
+                        'group/crumb flex min-h-target min-w-target max-w-[20ch] cursor-pointer items-center justify-center leading-5 no-underline outline-none data-current:cursor-default'), children: _jsx("span", { className: cn('min-w-0 truncate rounded-sm text-muted-foreground underline decoration-1 underline-offset-3', 'group-data-hovered/crumb:text-foreground group-data-focus-visible/crumb:focus-ring', 'group-data-current/crumb:font-semibold group-data-current/crumb:text-foreground group-data-current/crumb:no-underline'), children: item.label }) })] }, `${i}-${item.label}`))) }) }));
+}
+//# sourceMappingURL=breadcrumbs.js.map

package/dist/ui/breadcrumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.js","sourceRoot":"","sources":["../../src/ui/breadcrumbs.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,WAAW,IAAI,cAAc,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AACxF,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAclC,4EAA4E;AAC5E,MAAM,UAAU,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,GAAG,YAAY,EAAE,SAAS,EAAoB;IACtF,OAAO,CACL,4BAAiB,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,YACzD,KAAC,cAAc,IAAC,SAAS,EAAC,yCAAyC,YAChE,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,MAAC,UAAU,IAA4B,EAAE,EAAE,CAAC,EAAE,SAAS,EAAC,iCAAiC,aACtF,CAAC,GAAG,CAAC,IAAI,CACR,KAAC,YAAY,mBAAa,MAAM,EAAC,SAAS,EAAC,uCAAuC,GAAG,CACtF,EAED,KAAC,IAAI,IACH,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,SAAS,EAAE,EAAE;wBACX,oGAAoG;wBACpG,oKAAoK,CACrK,YAGD,eACE,SAAS,EAAE,EAAE,CACX,6FAA6F,EAC7F,oFAAoF,EACpF,uHAAuH,CACxH,YAEA,IAAI,CAAC,KAAK,GACN,GACF,KAtBQ,GAAG,CAAC,IAAI,IAAI,CAAC,KAAK,EAAE,CAuBxB,CACd,CAAC,GACa,GACb,CACP,CAAC;AACJ,CAAC"}

package/dist/ui/button-styles.d.ts

@@ -0,0 +1,24 @@
+export type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'destructive';
+/** The painted size (Layer 2). The target around it is set by the conformance level, not by this. */
+export type ButtonVisualSize = 'default' | 'sm' | 'lg' | 'icon' | 'icon-sm';
+/**
+ * Layer 1 classes, for the interactive element of anything that should behave like a button.
+ * Use it on a React Aria `Button`, `Link` or `ToggleButton`: the visual layer reads their data-hovered,
+ * data-pressed and data-focus-visible attributes.
+ */
+export declare function buttonTargetStyles(opts?: {
+    fullWidth?: boolean;
+    className?: string;
+}): string;
+/**
+ * Layer 2 classes, for a span inside the target. On their own they are only the painted box: an element
+ * carrying just these is a pointer target the size of the paint, which fails 2.5.5 at AAA. Put
+ * `buttonTargetStyles()` on the interactive element and these on the span inside it, as `Button` does.
+ */
+export declare function buttonVisualStyles(opts?: {
+    variant?: ButtonVariant;
+    visualSize?: ButtonVisualSize;
+    fullWidth?: boolean;
+    className?: string;
+}): string;
+//# sourceMappingURL=button-styles.d.ts.map

package/dist/ui/button-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-styles.d.ts","sourceRoot":"","sources":["../../src/ui/button-styles.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,aAAa,CAAC;AAC1F,qGAAqG;AACrG,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,CAAC;AA0C5E;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,GAAE;IAAE,SAAS,CAAC,EAAE,OAAO,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAO,GAAG,MAAM,CAEjG;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAChC,IAAI,GAAE;IACJ,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACf,GACL,MAAM,CAGR"}

package/dist/ui/button-styles.js

@@ -0,0 +1,50 @@
+// No 'use client': these build class strings and nothing else, so server components can call them too — to
+// style a framework's own link as a button, for instance.
+import { cn } from '../lib/cn.js';
+/*
+ * Three layers, the pattern Themis (@tribepad/themis) uses:
+ *   1. Target  — the React Aria <button> or <a>. Transparent, at least --target-min in both axes, so a
+ *                28px icon button is still a 44px target at AAA. Takes `className`.
+ *   2. Visual  — a span inside it: the colours, border, radius and focus ring people see, sized by
+ *                `visualSize`. Takes `visualClassName`.
+ *   3. Content — the label, icons and spinner.
+ * The target is in the layout, not an overlay, so two neighbouring targets can never overlap.
+ */
+const target = 'group/button relative inline-flex shrink-0 cursor-pointer items-center justify-center min-h-target min-w-target no-underline outline-none select-none ' +
+    'data-disabled:cursor-not-allowed data-disabled:opacity-50 data-pending:cursor-wait';
+const visual = 'relative inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md border text-sm font-semibold no-underline ' +
+    'transition-colors duration-(--duration-fast) ease-(--ease-standard) group-data-focus-visible/button:focus-ring ' +
+    '[&_svg]:size-5 [&_svg]:shrink-0 group-data-pending/button:[&>svg:not([data-spinner])]:hidden';
+const variants = {
+    primary: 'border-transparent bg-primary text-primary-foreground group-data-hovered/button:bg-primary-hover group-data-pressed/button:bg-primary-hover',
+    secondary: 'border-transparent bg-secondary text-secondary-foreground group-data-hovered/button:bg-accent group-data-pressed/button:bg-accent',
+    outline: 'border-input bg-background text-foreground group-data-hovered/button:bg-accent group-data-pressed/button:bg-accent',
+    ghost: 'border-transparent bg-transparent text-foreground group-data-hovered/button:bg-accent group-data-pressed/button:bg-accent',
+    destructive: 'border-transparent bg-destructive text-destructive-foreground group-data-hovered/button:bg-destructive-hover group-data-pressed/button:bg-destructive-hover',
+};
+const sizes = {
+    default: 'min-h-control px-(--control-pad-x)',
+    sm: 'min-h-control-sm px-3',
+    // A page's call to action on a public page: --control-height-lg (44px at both levels), 16px text.
+    lg: 'min-h-control-lg px-5 text-base',
+    icon: 'size-control',
+    'icon-sm': 'size-control-sm',
+};
+/**
+ * Layer 1 classes, for the interactive element of anything that should behave like a button.
+ * Use it on a React Aria `Button`, `Link` or `ToggleButton`: the visual layer reads their data-hovered,
+ * data-pressed and data-focus-visible attributes.
+ */
+export function buttonTargetStyles(opts = {}) {
+    return cn(target, opts.fullWidth && 'w-full', opts.className);
+}
+/**
+ * Layer 2 classes, for a span inside the target. On their own they are only the painted box: an element
+ * carrying just these is a pointer target the size of the paint, which fails 2.5.5 at AAA. Put
+ * `buttonTargetStyles()` on the interactive element and these on the span inside it, as `Button` does.
+ */
+export function buttonVisualStyles(opts = {}) {
+    const { variant = 'outline', visualSize = 'default', fullWidth, className } = opts;
+    return cn(visual, variants[variant], sizes[visualSize], fullWidth && 'w-full', className);
+}
+//# sourceMappingURL=button-styles.js.map

package/dist/ui/button-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-styles.js","sourceRoot":"","sources":["../../src/ui/button-styles.ts"],"names":[],"mappings":"AAAA,2GAA2G;AAC3G,0DAA0D;AAC1D,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAMlC;;;;;;;;GAQG;AACH,MAAM,MAAM,GACV,wJAAwJ;IACxJ,oFAAoF,CAAC;AAEvF,MAAM,MAAM,GACV,gIAAgI;IAChI,iHAAiH;IACjH,8FAA8F,CAAC;AAEjG,MAAM,QAAQ,GAAkC;IAC9C,OAAO,EACL,6IAA6I;IAC/I,SAAS,EACP,mIAAmI;IACrI,OAAO,EACL,oHAAoH;IACtH,KAAK,EACH,2HAA2H;IAC7H,WAAW,EACT,6JAA6J;CAChK,CAAC;AAEF,MAAM,KAAK,GAAqC;IAC9C,OAAO,EAAE,oCAAoC;IAC7C,EAAE,EAAE,uBAAuB;IAC3B,kGAAkG;IAClG,EAAE,EAAE,iCAAiC;IACrC,IAAI,EAAE,cAAc;IACpB,SAAS,EAAE,iBAAiB;CAC7B,CAAC;AAEF;;;;GAIG;AACH,MAAM,UAAU,kBAAkB,CAAC,IAAI,GAAgD,EAAE;IACvF,OAAO,EAAE,CAAC,MAAM,EAAE,IAAI,CAAC,SAAS,IAAI,QAAQ,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;AAChE,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,kBAAkB,CAChC,IAAI,GAKA,EAAE;IAEN,MAAM,EAAE,OAAO,GAAG,SAAS,EAAE,UAAU,GAAG,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC;IACnF,OAAO,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,EAAE,SAAS,IAAI,QAAQ,EAAE,SAAS,CAAC,CAAC;AAC5F,CAAC"}

package/dist/ui/button.d.ts

@@ -0,0 +1,27 @@
+import { composeRenderProps, type ButtonProps as RACButtonProps, type LinkProps as RACLinkProps } from 'react-aria-components';
+import { type ButtonVariant, type ButtonVisualSize } from './button-styles.js';
+export type { ButtonVariant, ButtonVisualSize };
+interface LayerProps {
+    variant?: ButtonVariant;
+    /** Painted size (Layer 2). The target is always at least --target-min: 24px at AA, 44px at AAA. */
+    visualSize?: ButtonVisualSize;
+    /** Stretch both layers to the container's width. */
+    fullWidth?: boolean;
+    /** Layer 1, the target: layout and alignment. A min-h-* or min-w-* here would shrink the target. */
+    className?: string;
+    /** Layer 2, the painted box. */
+    visualClassName?: string;
+}
+export interface ButtonProps extends Omit<RACButtonProps, 'className'>, LayerProps {
+}
+/**
+ * React Aria Button. One `primary` per view; `outline` is the default.
+ * `isPending` keeps it focusable, announces the wait and swaps any leading icon for a spinner.
+ */
+export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export interface LinkButtonProps extends Omit<RACLinkProps, 'className'>, LayerProps {
+}
+/** A link that looks like a button — for navigation, never for actions. Same three layers as Button. */
+export declare const LinkButton: import("react").ForwardRefExoticComponent<LinkButtonProps & import("react").RefAttributes<HTMLAnchorElement>>;
+export { composeRenderProps };
+//# sourceMappingURL=button.d.ts.map

package/dist/ui/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/ui/button.tsx"],"names":[],"mappings":"AAGA,OAAO,EAGL,kBAAkB,EAClB,KAAK,WAAW,IAAI,cAAc,EAClC,KAAK,SAAS,IAAI,YAAY,EAC/B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAGL,KAAK,aAAa,EAClB,KAAK,gBAAgB,EACtB,MAAM,oBAAoB,CAAC;AAG5B,YAAY,EAAE,aAAa,EAAE,gBAAgB,EAAE,CAAC;AAEhD,UAAU,UAAU;IAClB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,mGAAmG;IACnG,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,oDAAoD;IACpD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oGAAoG;IACpG,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,EAAE,WAAW,CAAC,EAAE,UAAU;CAAG;AAErF;;;GAGG;AACH,eAAO,MAAM,MAAM,2GAoCjB,CAAC;AAEH,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,YAAY,EAAE,WAAW,CAAC,EAAE,UAAU;CAAG;AAEvF,wGAAwG;AACxG,eAAO,MAAM,UAAU,+GA4BrB,CAAC;AAEH,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/ui/button.js

@@ -0,0 +1,30 @@
+'use client';
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { Button as RACButton, Link as RACLink, composeRenderProps, } from 'react-aria-components';
+import { buttonTargetStyles, buttonVisualStyles, } from './button-styles.js';
+import { SpinnerIcon } from './spinner.js';
+/**
+ * React Aria Button. One `primary` per view; `outline` is the default.
+ * `isPending` keeps it focusable, announces the wait and swaps any leading icon for a spinner.
+ */
+export const Button = forwardRef(function Button({ variant = 'outline', visualSize = 'default', fullWidth, className, visualClassName, children, ...props }, ref) {
+    const iconOnly = visualSize === 'icon' || visualSize === 'icon-sm';
+    return (_jsx(RACButton, { ref: ref, ...props, className: buttonTargetStyles({ fullWidth, className }), children: composeRenderProps(children, (kids, { isPending }) => (_jsx("span", { className: buttonVisualStyles({
+                variant,
+                visualSize,
+                fullWidth,
+                className: visualClassName,
+            }), children: isPending && iconOnly ? (_jsx(SpinnerIcon, {})) : (_jsxs(_Fragment, { children: [isPending && _jsx(SpinnerIcon, {}), kids] })) }))) }));
+});
+/** A link that looks like a button — for navigation, never for actions. Same three layers as Button. */
+export const LinkButton = forwardRef(function LinkButton({ variant = 'outline', visualSize = 'default', fullWidth, className, visualClassName, children, ...props }, ref) {
+    return (_jsx(RACLink, { ref: ref, ...props, className: buttonTargetStyles({ fullWidth, className }), children: composeRenderProps(children, (kids) => (_jsx("span", { className: buttonVisualStyles({
+                variant,
+                visualSize,
+                fullWidth,
+                className: visualClassName,
+            }), children: kids }))) }));
+});
+export { composeRenderProps };
+//# sourceMappingURL=button.js.map

package/dist/ui/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/ui/button.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EACL,MAAM,IAAI,SAAS,EACnB,IAAI,IAAI,OAAO,EACf,kBAAkB,GAGnB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,kBAAkB,EAClB,kBAAkB,GAGnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAkB3C;;;GAGG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAAiC,SAAS,MAAM,CAC9E,EACE,OAAO,GAAG,SAAS,EACnB,UAAU,GAAG,SAAS,EACtB,SAAS,EACT,SAAS,EACT,eAAe,EACf,QAAQ,EACR,GAAG,KAAK,EACT,EACD,GAAG;IAEH,MAAM,QAAQ,GAAG,UAAU,KAAK,MAAM,IAAI,UAAU,KAAK,SAAS,CAAC;IACnE,OAAO,CACL,KAAC,SAAS,IAAC,GAAG,EAAE,GAAG,KAAM,KAAK,EAAE,SAAS,EAAE,kBAAkB,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,YACpF,kBAAkB,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CACrD,eACE,SAAS,EAAE,kBAAkB,CAAC;gBAC5B,OAAO;gBACP,UAAU;gBACV,SAAS;gBACT,SAAS,EAAE,eAAe;aAC3B,CAAC,YAED,SAAS,IAAI,QAAQ,CAAC,CAAC,CAAC,CACvB,KAAC,WAAW,KAAG,CAChB,CAAC,CAAC,CAAC,CACF,8BACG,SAAS,IAAI,KAAC,WAAW,KAAG,EAC5B,IAAI,IACJ,CACJ,GACI,CACR,CAAC,GACQ,CACb,CAAC;AACJ,CAAC,CAAC,CAAC;AAIH,wGAAwG;AACxG,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAqC,SAAS,UAAU,CAC1F,EACE,OAAO,GAAG,SAAS,EACnB,UAAU,GAAG,SAAS,EACtB,SAAS,EACT,SAAS,EACT,eAAe,EACf,QAAQ,EACR,GAAG,KAAK,EACT,EACD,GAAG;IAEH,OAAO,CACL,KAAC,OAAO,IAAC,GAAG,EAAE,GAAG,KAAM,KAAK,EAAE,SAAS,EAAE,kBAAkB,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,YAClF,kBAAkB,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACtC,eACE,SAAS,EAAE,kBAAkB,CAAC;gBAC5B,OAAO;gBACP,UAAU;gBACV,SAAS;gBACT,SAAS,EAAE,eAAe;aAC3B,CAAC,YAED,IAAI,GACA,CACR,CAAC,GACM,CACX,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/ui/calendar.d.ts

@@ -0,0 +1,19 @@
+import type { ReactNode } from 'react';
+import { type CalendarProps as RACCalendarProps, type DateValue, type RangeCalendarProps as RACRangeCalendarProps } from 'react-aria-components';
+export interface CalendarProps<T extends DateValue> extends Omit<RACCalendarProps<T>, 'className' | 'children'> {
+    /** Shown under the grid when the calendar is invalid. */
+    errorMessage?: ReactNode;
+    className?: string;
+}
+/**
+ * A month grid for choosing one date. Arrow keys move by day, Page Up/Down by month, Home/End to the week's
+ * ends; Enter selects. Inside a DatePicker this is supplied for you — use it alone only for an inline picker.
+ */
+export declare function Calendar<T extends DateValue>({ errorMessage, className, ...props }: CalendarProps<T>): import("react").JSX.Element;
+export interface RangeCalendarProps<T extends DateValue> extends Omit<RACRangeCalendarProps<T>, 'className' | 'children'> {
+    errorMessage?: ReactNode;
+    className?: string;
+}
+/** A month grid for choosing a start and an end date: select one, then the other. */
+export declare function RangeCalendar<T extends DateValue>({ errorMessage, className, ...props }: RangeCalendarProps<T>): import("react").JSX.Element;
+//# sourceMappingURL=calendar.d.ts.map

package/dist/ui/calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../src/ui/calendar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAUL,KAAK,aAAa,IAAI,gBAAgB,EACtC,KAAK,SAAS,EACd,KAAK,kBAAkB,IAAI,qBAAqB,EACjD,MAAM,uBAAuB,CAAC;AA8G/B,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS,SAAS,CAAE,SAAQ,IAAI,CAC9D,gBAAgB,CAAC,CAAC,CAAC,EACnB,WAAW,GAAG,UAAU,CACzB;IACC,yDAAyD;IACzD,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,SAAS,EAAE,EAC5C,YAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,aAAa,CAAC,CAAC,CAAC,+BAYlB;AAED,MAAM,WAAW,kBAAkB,CAAC,CAAC,SAAS,SAAS,CAAE,SAAQ,IAAI,CACnE,qBAAqB,CAAC,CAAC,CAAC,EACxB,WAAW,GAAG,UAAU,CACzB;IACC,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,qFAAqF;AACrF,wBAAgB,aAAa,CAAC,CAAC,SAAS,SAAS,EAAE,EACjD,YAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,kBAAkB,CAAC,CAAC,CAAC,+BAYvB"}

package/dist/ui/calendar.js

@@ -0,0 +1,52 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Calendar as RACCalendar, CalendarCell as RACCalendarCell, CalendarGrid, CalendarGridBody, CalendarGridHeader, CalendarHeaderCell, Heading, RangeCalendar as RACRangeCalendar, Text, } from 'react-aria-components';
+import { ChevronLeft, ChevronRight } from 'lucide-react';
+import { cn } from '../lib/cn.js';
+import { IconButton } from './icon-button.js';
+/**
+ * The calendar root is `relative`: React Aria renders a visually hidden heading and page buttons inside it,
+ * and they must be positioned against the calendar, not against whatever scrolls around it.
+ */
+const calendarRoot = 'relative flex w-fit max-w-full flex-col gap-3 text-sm text-foreground';
+function CalendarHeader() {
+    return (_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsx(IconButton, { slot: "previous", label: "Previous month", icon: ChevronLeft, visualSize: "icon-sm", tooltip: false }), _jsx(Heading, { className: "text-sm leading-5 font-semibold" }), _jsx(IconButton, { slot: "next", label: "Next month", icon: ChevronRight, visualSize: "icon-sm", tooltip: false })] }));
+}
+/**
+ * Days in three layers. The cell is the target (Layer 1): --target-min square, or the painted day if that is
+ * bigger. The day people see (Layer 2) is --control-height square (36px). At AAA each 36px day sits in a 44px
+ * target. Both shrink only when the viewport is too narrow for seven, so the calendar still reflows at 320px:
+ * the target never below --target-floor (24px, the 2.5.8 minimum). Below 44px at AAA that rests on 2.5.5's
+ * Equivalent exception — the typed date field beside it is always full size.
+ */
+// Written out in full each time: Tailwind reads class names from the source, so they cannot be built.
+const cellTarget = cn('group/cell relative grid aspect-square w-[max(var(--target-floor),min(max(var(--target-min),var(--control-height)),calc((100vw-3rem)/7)))] cursor-pointer place-items-center text-sm tabular-nums outline-none', 'data-outside-month:invisible data-disabled:cursor-not-allowed data-disabled:opacity-60 data-unavailable:cursor-not-allowed');
+const dayBase = cn('relative grid h-[min(var(--control-height),calc((100vw-3rem)/7))] place-items-center rounded-md', 'group-data-hovered/cell:bg-accent group-data-pressed/cell:bg-accent group-data-focus-visible/cell:focus-ring', 
+// Today: a bar under the number (React Aria also names it "Today").
+"group-data-today/cell:after:absolute group-data-today/cell:after:bottom-1 group-data-today/cell:after:h-0.5 group-data-today/cell:after:w-3 group-data-today/cell:after:rounded-full group-data-today/cell:after:bg-current group-data-today/cell:after:content-['']", 
+// Unavailable: struck through as well as muted.
+'group-data-unavailable/cell:text-muted-foreground group-data-unavailable/cell:line-through group-data-disabled/cell:text-muted-foreground');
+// Selected: filled, and weight 600 — not colour alone.
+const filled = 'bg-primary font-semibold text-primary-foreground group-data-hovered/cell:bg-primary-hover group-data-pressed/cell:bg-primary-hover';
+const singleDay = ({ isSelected, isInvalid }) => cn(dayBase, 'w-[min(var(--control-height),calc((100vw-3rem)/7))]', isSelected && (isInvalid ? 'bg-destructive font-semibold text-destructive-foreground' : filled));
+// Between the ends: a band in brand-subtle across the whole cell, so it is continuous at every level; the two
+// ends stay filled, rounded on their outer side.
+const rangeDay = ({ isSelected, isSelectionStart, isSelectionEnd, }) => cn(dayBase, isSelected ? 'w-full' : 'w-[min(var(--control-height),calc((100vw-3rem)/7))]', isSelected &&
+    !isSelectionStart &&
+    !isSelectionEnd &&
+    'rounded-none bg-brand-subtle text-foreground group-data-hovered/cell:bg-brand-subtle', (isSelectionStart || isSelectionEnd) && filled, isSelected && isSelectionStart && !isSelectionEnd && 'rounded-e-none', isSelected && isSelectionEnd && !isSelectionStart && 'rounded-s-none');
+function Grid({ range }) {
+    return (_jsxs(CalendarGrid, { className: "border-separate border-spacing-y-0.5", weekdayStyle: "short", children: [_jsx(CalendarGridHeader, { children: (day) => (_jsx(CalendarHeaderCell, { className: "pb-1 text-[13px] leading-5 font-semibold text-muted-foreground", children: day })) }), _jsx(CalendarGridBody, { children: (date) => (_jsx(RACCalendarCell, { date: date, className: cellTarget, children: (state) => (_jsx("span", { className: range ? rangeDay(state) : singleDay(state), children: state.formattedDate })) })) })] }));
+}
+/**
+ * A month grid for choosing one date. Arrow keys move by day, Page Up/Down by month, Home/End to the week's
+ * ends; Enter selects. Inside a DatePicker this is supplied for you — use it alone only for an inline picker.
+ */
+export function Calendar({ errorMessage, className, ...props }) {
+    return (_jsxs(RACCalendar, { ...props, className: cn(calendarRoot, className), children: [_jsx(CalendarHeader, {}), _jsx(Grid, {}), errorMessage && (_jsx(Text, { slot: "errorMessage", className: "text-[13px] leading-5 font-semibold text-destructive", children: errorMessage }))] }));
+}
+/** A month grid for choosing a start and an end date: select one, then the other. */
+export function RangeCalendar({ errorMessage, className, ...props }) {
+    return (_jsxs(RACRangeCalendar, { ...props, className: cn(calendarRoot, className), children: [_jsx(CalendarHeader, {}), _jsx(Grid, { range: true }), errorMessage && (_jsx(Text, { slot: "errorMessage", className: "text-[13px] leading-5 font-semibold text-destructive", children: errorMessage }))] }));
+}
+//# sourceMappingURL=calendar.js.map

package/dist/ui/calendar.js.map

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

package/dist/ui/card.d.ts

@@ -0,0 +1,30 @@
+import { type ReactNode } from 'react';
+import { type IconProp } from './icon.js';
+export interface CardProps {
+    title?: ReactNode;
+    /** 3 (default) under a section's h2; 2 when the cards are the page's sections. */
+    headingLevel?: 2 | 3 | 4;
+    /** Muted text under the title. */
+    description?: ReactNode;
+    /** Shown above the title, in a brand-tinted square. */
+    icon?: IconProp;
+    /** Anything else, after the description. */
+    children?: ReactNode;
+    /** Links or buttons, kept at the bottom of the card. */
+    footer?: ReactNode;
+    className?: string;
+}
+/** A surface for one item: an icon, a title, a description, content and a footer. Server-safe. */
+export declare function Card({ title, headingLevel, description, icon, children, footer, className, }: CardProps): import("react").JSX.Element;
+export interface CardGridProps {
+    /** Cards (Card or LinkCard). Each is put in a list item. */
+    children: ReactNode;
+    className?: string;
+}
+/**
+ * Cards as many to a row as fit at 18rem, one to a row on a phone. A list, so a screen reader says how many:
+ * `role="list"` keeps it one in Safari, where Tailwind's reset takes the markers off. Each card fills its row's
+ * height. Server-safe.
+ */
+export declare function CardGrid({ children, className }: CardGridProps): import("react").JSX.Element;
+//# sourceMappingURL=card.d.ts.map

package/dist/ui/card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/ui/card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAc,KAAK,QAAQ,EAAE,MAAM,WAAW,CAAC;AAEtD,MAAM,WAAW,SAAS;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,kFAAkF;IAClF,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACzB,kCAAkC;IAClC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,uDAAuD;IACvD,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,wDAAwD;IACxD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,kGAAkG;AAClG,wBAAgB,IAAI,CAAC,EACnB,KAAK,EACL,YAAgB,EAChB,WAAW,EACX,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,SAAS,GACV,EAAE,SAAS,+BAeX;AAED,MAAM,WAAW,aAAa;IAC5B,4DAA4D;IAC5D,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,aAAa,+BAW9D"}

package/dist/ui/card.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Children } from 'react';
+import { cn } from '../lib/cn.js';
+import { renderIcon } from './icon.js';
+/** A surface for one item: an icon, a title, a description, content and a footer. Server-safe. */
+export function Card({ title, headingLevel = 3, description, icon, children, footer, className, }) {
+    const Heading = `h${headingLevel}`;
+    return (_jsxs("div", { className: cn('card-surface flex flex-col gap-2', className), children: [icon && (_jsx("span", { className: "mb-2 inline-flex size-10 items-center justify-center rounded-md bg-brand-subtle text-brand", children: renderIcon(icon, 'size-5') })), title && _jsx(Heading, { className: "text-subheading", children: title }), description && _jsx("p", { className: "text-body text-muted-foreground", children: description }), children, footer && _jsx("div", { className: "mt-auto flex flex-wrap gap-(--control-gap) pt-4", children: footer })] }));
+}
+/**
+ * Cards as many to a row as fit at 18rem, one to a row on a phone. A list, so a screen reader says how many:
+ * `role="list"` keeps it one in Safari, where Tailwind's reset takes the markers off. Each card fills its row's
+ * height. Server-safe.
+ */
+export function CardGrid({ children, className }) {
+    return (_jsx("ul", { role: "list", className: cn('card-grid', className), children: Children.map(children, (child) => child == null || typeof child === 'boolean' ? null : _jsx("li", { className: "grid", children: child })) }));
+}
+//# sourceMappingURL=card.js.map

package/dist/ui/card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","sourceRoot":"","sources":["../../src/ui/card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,UAAU,EAAiB,MAAM,WAAW,CAAC;AAiBtD,kGAAkG;AAClG,MAAM,UAAU,IAAI,CAAC,EACnB,KAAK,EACL,YAAY,GAAG,CAAC,EAChB,WAAW,EACX,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,SAAS,GACC;IACV,MAAM,OAAO,GAAG,IAAI,YAAY,EAAwB,CAAC;IACzD,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,kCAAkC,EAAE,SAAS,CAAC,aAC9D,IAAI,IAAI,CACP,eAAM,SAAS,EAAC,4FAA4F,YACzG,UAAU,CAAC,IAAI,EAAE,QAAQ,CAAC,GACtB,CACR,EACA,KAAK,IAAI,KAAC,OAAO,IAAC,SAAS,EAAC,iBAAiB,YAAE,KAAK,GAAW,EAC/D,WAAW,IAAI,YAAG,SAAS,EAAC,iCAAiC,YAAE,WAAW,GAAK,EAC/E,QAAQ,EACR,MAAM,IAAI,cAAK,SAAS,EAAC,iDAAiD,YAAE,MAAM,GAAO,IACtF,CACP,CAAC;AACJ,CAAC;AAQD;;;;GAIG;AACH,MAAM,UAAU,QAAQ,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAiB;IAC7D,OAAO,CAEL,aAAI,IAAI,EAAC,MAAM,EAAC,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,YAGlD,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAChC,KAAK,IAAI,IAAI,IAAI,OAAO,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,aAAI,SAAS,EAAC,MAAM,YAAE,KAAK,GAAM,CACvF,GACE,CACN,CAAC;AACJ,CAAC"}

package/dist/ui/checkbox.d.ts

@@ -0,0 +1,36 @@
+import { type ReactNode } from 'react';
+import { type CheckboxGroupProps as RACCheckboxGroupProps, type CheckboxProps as RACCheckboxProps } from 'react-aria-components';
+export interface CheckboxProps extends Omit<RACCheckboxProps, 'className' | 'children' | 'validate'> {
+    children: ReactNode;
+    /** Second line under the label. */
+    description?: ReactNode;
+    /** For a single required checkbox ("I accept the terms"): what to do. */
+    requiredMessage?: string;
+    className?: string;
+}
+/**
+ * A yes/no choice submitted with the form (settings that apply at once are a Switch).
+ * The whole row — box and label — is the target, at least --target-min tall.
+ */
+export declare function Checkbox({ children, description, requiredMessage, className, ...props }: CheckboxProps): import("react").JSX.Element;
+export interface CheckboxGroupProps extends Omit<RACCheckboxGroupProps, 'className' | 'children' | 'validate'> {
+    label: string;
+    description?: ReactNode;
+    errorMessage?: string;
+    /** For "choose at least one". */
+    requiredMessage?: string;
+    children: ReactNode;
+    className?: string;
+}
+/** A labelled list of checkboxes, read as a group. */
+export declare function CheckboxGroup({ label, description, errorMessage, requiredMessage, children, className, ...props }: CheckboxGroupProps): import("react").JSX.Element;
+export interface SelectionCheckboxProps extends Omit<RACCheckboxProps, 'className' | 'children' | 'slot'> {
+    className?: string;
+}
+/**
+ * The box alone, for the selection column of a Table or a GridList item. React Aria wires it to the row
+ * (`slot="selection"`) and names it — "Select" for a row, "Select All" in the header — so it needs no label.
+ * The target is --target-min square and, like every choice control, the root is `relative`.
+ */
+export declare function SelectionCheckbox({ className, ...props }: SelectionCheckboxProps): import("react").JSX.Element;
+//# sourceMappingURL=checkbox.d.ts.map

package/dist/ui/checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../src/ui/checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAGL,KAAK,kBAAkB,IAAI,qBAAqB,EAChD,KAAK,aAAa,IAAI,gBAAgB,EACvC,MAAM,uBAAuB,CAAC;AAqB/B,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,gBAAgB,EAChB,WAAW,GAAG,UAAU,GAAG,UAAU,CACtC;IACC,QAAQ,EAAE,SAAS,CAAC;IACpB,mCAAmC;IACnC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,yEAAyE;IACzE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,WAAW,EACX,eAAe,EACf,SAAS,EACT,GAAG,KAAK,EACT,EAAE,aAAa,+BAiEf;AAED,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAC9C,qBAAqB,EACrB,WAAW,GAAG,UAAU,GAAG,UAAU,CACtC;IACC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iCAAiC;IACjC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,sDAAsD;AACtD,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,WAAW,EACX,YAAY,EACZ,eAAe,EACf,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,kBAAkB,+BAyBpB;AAED,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAClD,gBAAgB,EAChB,WAAW,GAAG,UAAU,GAAG,MAAM,CAClC;IACC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,sBAAsB,+BAiBhF"}