@setsquare/ui 0.1.0

package/dist/ui/form.js

@@ -0,0 +1,137 @@
+'use client';
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useId, useLayoutEffect, useRef, useState, } from 'react';
+import { Form as RACForm } from 'react-aria-components';
+import { CircleAlert, CircleCheck } from 'lucide-react';
+import { cn } from '../lib/cn.js';
+import { NecessityContext } from './field.js';
+/**
+ * Every problem in one place at the top of the form, each a link that moves focus to its field
+ * (WCAG 3.3.1, 3.3.3). The messages match the ones beside the fields, word for word.
+ */
+export function ErrorSummary({ errors, title = 'There is a problem', autoFocus, className, }) {
+    const ref = useRef(null);
+    const headingId = useId();
+    const key = errors.map((e) => e.id + e.message).join('|');
+    // `key` is deliberate: a new set of errors (a second failed submit) moves focus to the summary again.
+    /* oxlint-disable react/exhaustive-effect-dependencies */
+    useEffect(() => {
+        if (autoFocus && errors.length)
+            ref.current?.focus();
+    }, [autoFocus, key, errors.length]);
+    /* oxlint-enable react/exhaustive-effect-dependencies */
+    if (!errors.length)
+        return null;
+    return (_jsxs("div", { ref: ref, tabIndex: -1, role: "group", "aria-labelledby": headingId, className: cn('rounded-lg border-2 border-destructive bg-destructive-subtle p-4 text-foreground outline-none focus-visible:focus-ring', className), children: [_jsxs("h2", { id: headingId, className: "flex items-center gap-2 text-subheading", children: [_jsx(CircleAlert, { "aria-hidden": "true", className: "size-5 shrink-0 text-destructive" }), title] }), _jsx("ul", { className: "mt-2 flex flex-col gap-1 pl-7 text-sm", children: errors.map((e) => (_jsx("li", { children: _jsx("a", { href: `#${e.id}`, onClick: (ev) => {
+                            const el = document.getElementById(e.id);
+                            if (!el)
+                                return;
+                            ev.preventDefault();
+                            el.focus();
+                            el.scrollIntoView({ block: 'center' });
+                        }, className: "inline-flex min-h-target items-center rounded-sm font-semibold text-destructive underline decoration-1 underline-offset-3 outline-none focus-visible:focus-ring", children: e.message }) }, e.id + e.message))) })] }));
+}
+function fieldTarget(el) {
+    const root = el.closest('[data-rac]');
+    // Hidden selects behind a React Aria Select point focus at the visible trigger.
+    const hidden = el.getAttribute('aria-hidden') === 'true' || el.tabIndex === -1 || el.tagName === 'SELECT';
+    const visible = hidden
+        ? root?.querySelector('button[id], input[id]:not([type=hidden]):not([tabindex="-1"])')
+        : null;
+    return { root, target: visible ?? el };
+}
+/** The message a field is showing — what the summary must repeat word for word. */
+function shownMessage(root, fallback) {
+    const text = root
+        ?.querySelector('[data-field-error-text]')
+        ?.textContent?.replace(/^Error:\s*/, '')
+        .trim();
+    return text || fallback;
+}
+function collectErrors(form) {
+    const seen = new Set();
+    const out = [];
+    for (const el of Array.from(form.elements)) {
+        if (!el.willValidate || el.validity.valid)
+            continue;
+        // Radio groups and checkbox groups: one entry, pointing at the first control.
+        const key = el.name || el.id;
+        if (!key || seen.has(key))
+            continue;
+        seen.add(key);
+        const { root, target } = fieldTarget(el);
+        if (!target.id)
+            continue;
+        out.push({ id: target.id, message: shownMessage(root, el.validationMessage) });
+    }
+    return out;
+}
+/**
+ * React Aria Form, validated natively on submit: invalid fields show their message and the first gets focus;
+ * the ErrorSummary lists them all. Server errors (`validationErrors`, keyed by field name) show the same way,
+ * and the summary takes focus because no field has it.
+ */
+export function Form({ necessityIndicator = 'required', errorSummary = true, validationErrors, onSubmit, className, children, ...props }) {
+    const ref = useRef(null);
+    const [errors, setErrors] = useState([]);
+    const [fromServer, setFromServer] = useState(false);
+    useEffect(() => {
+        const form = ref.current;
+        if (!form)
+            return;
+        let frame = 0;
+        const onInvalid = () => {
+            cancelAnimationFrame(frame);
+            frame = requestAnimationFrame(() => {
+                frame = requestAnimationFrame(() => {
+                    setFromServer(false);
+                    setErrors(collectErrors(form));
+                });
+            });
+        };
+        form.addEventListener('invalid', onInvalid, true);
+        return () => form.removeEventListener('invalid', onInvalid, true);
+    }, []);
+    // Server errors: after they render, read the messages back from the fields.
+    useLayoutEffect(() => {
+        const form = ref.current;
+        if (!form || !validationErrors || !Object.keys(validationErrors).length)
+            return;
+        const frame = requestAnimationFrame(() => {
+            const items = [];
+            for (const [name, msg] of Object.entries(validationErrors)) {
+                const el = form.elements.namedItem(name);
+                const node = el instanceof RadioNodeList ? el[0] : el;
+                if (!node)
+                    continue;
+                const { target } = fieldTarget(node);
+                if (target.id)
+                    items.push({ id: target.id, message: Array.isArray(msg) ? msg.join(' ') : String(msg) });
+            }
+            setFromServer(true);
+            setErrors(items);
+        });
+        return () => cancelAnimationFrame(frame);
+    }, [validationErrors]);
+    return (_jsx(NecessityContext.Provider, { value: necessityIndicator, children: _jsxs(RACForm, { ref: ref, ...props, validationErrors: validationErrors, onSubmit: (e) => {
+                setErrors([]);
+                onSubmit?.(e);
+            }, className: cn('flex flex-col gap-(--field-gap)', className), children: [errorSummary && _jsx(ErrorSummary, { errors: errors, autoFocus: fromServer }), children] }) }));
+}
+/** A titled group of related fields: heading and hint on the left at wide sizes, fields on the right. */
+export function FormSection({ title, description, children, className }) {
+    const id = useId();
+    return (_jsxs("div", { role: "group", "aria-labelledby": id, className: cn('grid gap-4 border-t border-border pt-6 first:border-t-0 first:pt-0 @min-[48rem]/main:grid-cols-[minmax(12rem,1fr)_2fr] @min-[48rem]/main:gap-8', className), children: [_jsxs("div", { children: [_jsx("h2", { id: id, className: "text-subheading", children: title }), description && (_jsx("p", { className: "mt-1 max-w-(--measure) text-[13px] leading-5 text-muted-foreground", children: description }))] }), _jsx("div", { className: "flex min-w-0 flex-col gap-(--field-gap)", children: children })] }));
+}
+/** The form's buttons: the primary action first in reading order at the end of the row, cancel beside it. */
+export function FormActions({ children, className }) {
+    return (_jsx("div", { className: cn('flex flex-wrap items-center justify-end gap-(--control-gap) border-t border-border pt-4', className), children: children }));
+}
+/**
+ * A polite live region for results that don't move focus: "Saved", "3 results" (WCAG 4.1.3).
+ * Render it once, empty, and change its text.
+ */
+export function StatusMessage({ children, tone = 'success', className, }) {
+    return (_jsx("p", { role: "status", className: cn('flex min-h-5 items-center gap-1.5 text-[13px] leading-5 font-semibold', tone === 'success' ? 'text-success' : 'text-muted-foreground', className), children: children ? (_jsxs(_Fragment, { children: [tone === 'success' && _jsx(CircleCheck, { "aria-hidden": "true", className: "size-4 shrink-0" }), children] })) : null }));
+}
+//# sourceMappingURL=form.js.map

package/dist/ui/form.js.map

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

package/dist/ui/grid-list.d.ts

@@ -0,0 +1,24 @@
+import type { ReactNode } from 'react';
+import { type GridListItemProps as RACGridListItemProps, type GridListProps as RACGridListProps } from 'react-aria-components';
+export interface GridListProps<T extends object> extends Omit<RACGridListProps<T>, 'className'> {
+    /** Required: what the list holds ("Members"). */
+    'aria-label': string;
+    className?: string;
+}
+/**
+ * A list of items people act on — members, files, integrations — where each row can hold its own buttons.
+ * Arrow keys move between rows, Tab reaches the buttons in a row. With `selectionMode="multiple"` every row
+ * gets a SelectionCheckbox; Space or a click on the row toggles it. The list is `relative` because it scrolls.
+ */
+export declare function GridList<T extends object>({ className, ...props }: GridListProps<T>): import("react").JSX.Element;
+export interface GridListItemProps extends Omit<RACGridListItemProps, 'className' | 'children'> {
+    children: ReactNode;
+    /** Second line: a role, a size, a status in words. */
+    description?: ReactNode;
+    /** Buttons for this row only. Name them with the row ("Remove Priya Shah"). */
+    actions?: ReactNode;
+    className?: string;
+}
+/** Selected: brand-subtle, the 3px sidebar-primary marker and a ticked box — the same signals as a table row. */
+export declare function GridListItem({ children, description, actions, className, ...props }: GridListItemProps): import("react").JSX.Element;
+//# sourceMappingURL=grid-list.d.ts.map

package/dist/ui/grid-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-list.d.ts","sourceRoot":"","sources":["../../src/ui/grid-list.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAGL,KAAK,iBAAiB,IAAI,oBAAoB,EAC9C,KAAK,aAAa,IAAI,gBAAgB,EACvC,MAAM,uBAAuB,CAAC;AAI/B,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS,MAAM,CAAE,SAAQ,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC;IAC7F,iDAAiD;IACjD,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,MAAM,EAAE,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,CAAC,CAAC,CAAC,+BAUnF;AAED,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,oBAAoB,EAAE,WAAW,GAAG,UAAU,CAAC;IAC7F,QAAQ,EAAE,SAAS,CAAC;IACpB,sDAAsD;IACtD,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,+EAA+E;IAC/E,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iHAAiH;AACjH,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,WAAW,EACX,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,iBAAiB,+BA6BnB"}

package/dist/ui/grid-list.js

@@ -0,0 +1,21 @@
+'use client';
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { GridList as RACGridList, GridListItem as RACGridListItem, } from 'react-aria-components';
+import { cn } from '../lib/cn.js';
+import { SelectionCheckbox } from './checkbox.js';
+/**
+ * A list of items people act on — members, files, integrations — where each row can hold its own buttons.
+ * Arrow keys move between rows, Tab reaches the buttons in a row. With `selectionMode="multiple"` every row
+ * gets a SelectionCheckbox; Space or a click on the row toggles it. The list is `relative` because it scrolls.
+ */
+export function GridList({ className, ...props }) {
+    return (_jsx(RACGridList, { ...props, className: cn('relative flex max-h-[inherit] flex-col overflow-auto rounded-lg border border-border bg-card text-sm outline-none data-focus-visible:focus-ring', className) }));
+}
+/** Selected: brand-subtle, the 3px sidebar-primary marker and a ticked box — the same signals as a table row. */
+export function GridListItem({ children, description, actions, className, ...props }) {
+    const textValue = props.textValue ?? (typeof children === 'string' ? children : undefined);
+    return (_jsx(RACGridListItem, { ...props, textValue: textValue, className: cn(
+        // React Aria sets data-hovered only on a row that can be selected or has an action: the pointer then.
+        'group/item relative flex min-h-[calc(var(--control-height)+12px)] cursor-default items-center gap-3 border-b border-border px-3 py-1.5 outline-none last:border-b-0', 'data-hovered:cursor-pointer data-disabled:cursor-not-allowed data-hovered:bg-accent data-selected:bg-brand-subtle data-selected:shadow-[inset_3px_0_0_var(--sidebar-primary)] data-focus-visible:focus-ring-inset data-disabled:opacity-60', className), children: ({ selectionMode, selectionBehavior }) => (_jsxs(_Fragment, { children: [selectionMode !== 'none' && selectionBehavior === 'toggle' && (_jsx(SelectionCheckbox, { className: "-ml-1" })), _jsxs("span", { className: "flex min-w-0 flex-1 flex-col", children: [_jsx("span", { className: "leading-5 font-medium text-foreground", children: children }), description && (_jsx("span", { className: "text-[13px] leading-5 text-muted-foreground", children: description }))] }), actions && _jsx("span", { className: "flex shrink-0 items-center gap-1", children: actions })] })) }));
+}
+//# sourceMappingURL=grid-list.js.map

package/dist/ui/grid-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-list.js","sourceRoot":"","sources":["../../src/ui/grid-list.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EACL,QAAQ,IAAI,WAAW,EACvB,YAAY,IAAI,eAAe,GAGhC,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAQlD;;;;GAIG;AACH,MAAM,UAAU,QAAQ,CAAmB,EAAE,SAAS,EAAE,GAAG,KAAK,EAAoB;IAClF,OAAO,CACL,KAAC,WAAW,OACN,KAAK,EACT,SAAS,EAAE,EAAE,CACX,iJAAiJ,EACjJ,SAAS,CACV,GACD,CACH,CAAC;AACJ,CAAC;AAWD,iHAAiH;AACjH,MAAM,UAAU,YAAY,CAAC,EAC3B,QAAQ,EACR,WAAW,EACX,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACU;IAClB,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,IAAI,CAAC,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAC3F,OAAO,CACL,KAAC,eAAe,OACV,KAAK,EACT,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,EAAE;QACX,sGAAsG;QACtG,qKAAqK,EACrK,4OAA4O,EAC5O,SAAS,CACV,YAEA,CAAC,EAAE,aAAa,EAAE,iBAAiB,EAAE,EAAE,EAAE,CAAC,CACzC,8BACG,aAAa,KAAK,MAAM,IAAI,iBAAiB,KAAK,QAAQ,IAAI,CAC7D,KAAC,iBAAiB,IAAC,SAAS,EAAC,OAAO,GAAG,CACxC,EACD,gBAAM,SAAS,EAAC,8BAA8B,aAC5C,eAAM,SAAS,EAAC,uCAAuC,YAAE,QAAQ,GAAQ,EACxE,WAAW,IAAI,CACd,eAAM,SAAS,EAAC,6CAA6C,YAAE,WAAW,GAAQ,CACnF,IACI,EACN,OAAO,IAAI,eAAM,SAAS,EAAC,kCAAkC,YAAE,OAAO,GAAQ,IAC9E,CACJ,GACe,CACnB,CAAC;AACJ,CAAC"}

package/dist/ui/hero.d.ts

@@ -0,0 +1,36 @@
+import type { ReactNode } from 'react';
+export interface HeroProps {
+    /** The h1. Mark a phrase in it with HeroHighlight. */
+    title: ReactNode;
+    eyebrow?: ReactNode;
+    /** A sentence or two under the title, inside `--measure`. */
+    intro?: ReactNode;
+    /** One or two LinkButtons at `visualSize="lg"`: at most one primary. */
+    actions?: ReactNode;
+    /** Beside the text from where both fit, above it never: a code sample, figures, a picture. */
+    aside?: ReactNode;
+    /**
+     * Under the text, across the container: a screenshot, a video. Anything that moves by itself for more than
+     * five seconds needs a visible pause control (the README's motion rule).
+     */
+    media?: ReactNode;
+    /** The title's id, to name the page's main by it. */
+    titleId?: string;
+    /** `h1` (default). `h2` or `h3` only to show a hero inside another page, as the docs do. */
+    titleAs?: 'h1' | 'h2' | 'h3';
+    className?: string;
+}
+/**
+ * The first band of a landing page: eyebrow, title, intro and calls to action, with an optional aside beside
+ * them and media under them. Stacks to one column where the two columns don't fit. Server-safe.
+ */
+export declare function Hero({ title, eyebrow, intro, actions, aside, media, titleId, titleAs: Title, className, }: HeroProps): import("react").JSX.Element;
+/**
+ * A phrase in the hero's title set apart by colour: `brand` (default) or `muted`. Both meet text contrast on
+ * the page's ground in all four themes, and the words still read without it.
+ */
+export declare function HeroHighlight({ children, tone, }: {
+    children: ReactNode;
+    tone?: 'brand' | 'muted';
+}): import("react").JSX.Element;
+//# sourceMappingURL=hero.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hero.d.ts","sourceRoot":"","sources":["../../src/ui/hero.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,WAAW,SAAS;IACxB,sDAAsD;IACtD,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,6DAA6D;IAC7D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,wEAAwE;IACxE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,8FAA8F;IAC9F,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,qDAAqD;IACrD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,4FAA4F;IAC5F,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,IAAI,CAAC,EACnB,KAAK,EACL,OAAO,EACP,KAAK,EACL,OAAO,EACP,KAAK,EACL,KAAK,EACL,OAAO,EACP,OAAO,EAAE,KAAY,EACrB,SAAS,GACV,EAAE,SAAS,+BA0BX;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,IAAc,GACf,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;CAC1B,+BAIA"}

package/dist/ui/hero.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../lib/cn.js';
+import { Eyebrow } from './section.js';
+/**
+ * The first band of a landing page: eyebrow, title, intro and calls to action, with an optional aside beside
+ * them and media under them. Stacks to one column where the two columns don't fit. Server-safe.
+ */
+export function Hero({ title, eyebrow, intro, actions, aside, media, titleId, titleAs: Title = 'h1', className, }) {
+    const text = (_jsxs("div", { className: "min-w-0", children: [eyebrow && _jsx(Eyebrow, { className: "mb-4", children: eyebrow }), _jsx(Title, { id: titleId, className: "max-w-[20ch] text-display", children: title }), intro && _jsx("p", { className: "mt-6 max-w-(--measure) text-lead text-muted-foreground", children: intro }), actions && _jsx("div", { className: "mt-8 flex flex-wrap gap-(--control-gap)", children: actions })] }));
+    return (_jsx("section", { className: cn('section-band', className), children: _jsxs("div", { className: "site-container", children: [aside ? (_jsxs("div", { className: "split", children: [text, _jsx("div", { className: "min-w-0", children: aside })] })) : (text), media && _jsx("div", { className: "mt-12 min-w-0", children: media })] }) }));
+}
+/**
+ * A phrase in the hero's title set apart by colour: `brand` (default) or `muted`. Both meet text contrast on
+ * the page's ground in all four themes, and the words still read without it.
+ */
+export function HeroHighlight({ children, tone = 'brand', }) {
+    return (_jsx("span", { className: tone === 'brand' ? 'text-brand' : 'text-muted-foreground', children: children }));
+}
+//# sourceMappingURL=hero.js.map

package/dist/ui/hero.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hero.js","sourceRoot":"","sources":["../../src/ui/hero.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAwBvC;;;GAGG;AACH,MAAM,UAAU,IAAI,CAAC,EACnB,KAAK,EACL,OAAO,EACP,KAAK,EACL,OAAO,EACP,KAAK,EACL,KAAK,EACL,OAAO,EACP,OAAO,EAAE,KAAK,GAAG,IAAI,EACrB,SAAS,GACC;IACV,MAAM,IAAI,GAAG,CACX,eAAK,SAAS,EAAC,SAAS,aACrB,OAAO,IAAI,KAAC,OAAO,IAAC,SAAS,EAAC,MAAM,YAAE,OAAO,GAAW,EACzD,KAAC,KAAK,IAAC,EAAE,EAAE,OAAO,EAAE,SAAS,EAAC,2BAA2B,YACtD,KAAK,GACA,EACP,KAAK,IAAI,YAAG,SAAS,EAAC,wDAAwD,YAAE,KAAK,GAAK,EAC1F,OAAO,IAAI,cAAK,SAAS,EAAC,yCAAyC,YAAE,OAAO,GAAO,IAChF,CACP,CAAC;IACF,OAAO,CACL,kBAAS,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC,YAC/C,eAAK,SAAS,EAAC,gBAAgB,aAC5B,KAAK,CAAC,CAAC,CAAC,CACP,eAAK,SAAS,EAAC,OAAO,aACnB,IAAI,EACL,cAAK,SAAS,EAAC,SAAS,YAAE,KAAK,GAAO,IAClC,CACP,CAAC,CAAC,CAAC,CACF,IAAI,CACL,EACA,KAAK,IAAI,cAAK,SAAS,EAAC,eAAe,YAAE,KAAK,GAAO,IAClD,GACE,CACX,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,aAAa,CAAC,EAC5B,QAAQ,EACR,IAAI,GAAG,OAAO,GAIf;IACC,OAAO,CACL,eAAM,SAAS,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,uBAAuB,YAAG,QAAQ,GAAQ,CAC9F,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,18 @@
+import { type ButtonProps } from './button.js';
+import { type IconProp } from './icon.js';
+export type { IconComponent, IconProp } from './icon.js';
+export interface IconButtonProps extends Omit<ButtonProps, 'children' | 'visualSize'> {
+    /** Accessible name, also shown as the tooltip. Include any count: "Notifications, 3 unread". */
+    label: string;
+    icon: IconProp;
+    /** Painted size: 36px or 28px. The target is at least --target-min either way (44px at AAA). */
+    visualSize?: 'icon' | 'icon-sm';
+    /** Visual count bubble (aria-hidden — put the number in `label`). */
+    count?: number;
+    /** false hides the tooltip; a string replaces its text. */
+    tooltip?: boolean | string;
+    tooltipPlacement?: 'top' | 'bottom' | 'left' | 'right';
+}
+/** Icon-only button that always carries an accessible name and a tooltip. */
+export declare const IconButton: import("react").ForwardRefExoticComponent<IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=icon-button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../src/ui/icon-button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,EAAc,KAAK,QAAQ,EAAE,MAAM,WAAW,CAAC;AAGtD,YAAY,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAEzD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,YAAY,CAAC;IACnF,gGAAgG;IAChG,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,QAAQ,CAAC;IACf,gGAAgG;IAChG,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2DAA2D;IAC3D,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,gBAAgB,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;CACxD;AAED,6EAA6E;AAC7E,eAAO,MAAM,UAAU,+GAoCrB,CAAC"}

package/dist/ui/icon-button.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { Button } from './button.js';
+import { renderIcon } from './icon.js';
+import { Tooltip, TooltipTrigger } from './tooltip.js';
+/** Icon-only button that always carries an accessible name and a tooltip. */
+export const IconButton = forwardRef(function IconButton({ label, icon, visualSize = 'icon', variant = 'ghost', count, tooltip = true, tooltipPlacement = 'bottom', ...props }, ref) {
+    const button = (_jsxs(Button, { ref: ref, variant: variant, visualSize: visualSize, "aria-label": label, ...props, children: [renderIcon(icon), count ? (_jsx("span", { "aria-hidden": "true", className: "absolute top-0.5 right-0.5 min-w-[18px] rounded-full bg-destructive px-[5px] text-center text-[11px] leading-[18px] font-bold text-destructive-foreground ring-2 ring-background", children: count > 99 ? '99+' : count })) : null] }));
+    if (!tooltip)
+        return button;
+    return (_jsxs(TooltipTrigger, { delay: 500, children: [button, _jsx(Tooltip, { placement: tooltipPlacement, children: typeof tooltip === 'string' ? tooltip : label })] }));
+});
+//# sourceMappingURL=icon-button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button.js","sourceRoot":"","sources":["../../src/ui/icon-button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,MAAM,EAAoB,MAAM,aAAa,CAAC;AACvD,OAAO,EAAE,UAAU,EAAiB,MAAM,WAAW,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAiBvD,6EAA6E;AAC7E,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAqC,SAAS,UAAU,CAC1F,EACE,KAAK,EACL,IAAI,EACJ,UAAU,GAAG,MAAM,EACnB,OAAO,GAAG,OAAO,EACjB,KAAK,EACL,OAAO,GAAG,IAAI,EACd,gBAAgB,GAAG,QAAQ,EAC3B,GAAG,KAAK,EACT,EACD,GAAG;IAEH,MAAM,MAAM,GAAG,CACb,MAAC,MAAM,IAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,gBAAc,KAAK,KAAM,KAAK,aACrF,UAAU,CAAC,IAAI,CAAC,EAEhB,KAAK,CAAC,CAAC,CAAC,CACP,8BACc,MAAM,EAClB,SAAS,EAAC,kLAAkL,YAE3L,KAAK,GAAG,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,GACtB,CACR,CAAC,CAAC,CAAC,IAAI,IACD,CACV,CAAC;IACF,IAAI,CAAC,OAAO;QAAE,OAAO,MAAM,CAAC;IAC5B,OAAO,CACL,MAAC,cAAc,IAAC,KAAK,EAAE,GAAG,aACvB,MAAM,EACP,KAAC,OAAO,IAAC,SAAS,EAAE,gBAAgB,YACjC,OAAO,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,GACtC,IACK,CAClB,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/ui/icon.d.ts

@@ -0,0 +1,20 @@
+import { type ComponentType, type ReactElement, type SVGProps } from 'react';
+export type IconComponent = ComponentType<SVGProps<SVGSVGElement> & {
+    className?: string;
+}>;
+/**
+ * An icon as a component (`Folder`) or as an element (`<Folder />`). A server component that passes an icon to
+ * a client component has to pass the element: a component is a function, and can't cross that boundary.
+ */
+export type IconProp = IconComponent | ReactElement<SVGProps<SVGSVGElement>>;
+/**
+ * An icon given either way, hidden from assistive tech (its label is the control's). `className` is the
+ * component's default; an element's own classes come after it, so the caller's size or colour wins.
+ *
+ * An element a server component passes to a client component can arrive as a lazy reference, not an element
+ * (React defers some of what it sends), so it can't be cloned. It is rendered inside a span that carries
+ * `aria-hidden` and the default classes; the svg fills the span through a rule with no specificity, so a
+ * class on the element itself still wins.
+ */
+export declare function renderIcon(icon: IconProp, className?: string): ReactElement;
+//# sourceMappingURL=icon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../src/ui/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,aAAa,EAClB,KAAK,YAAY,EAEjB,KAAK,QAAQ,EACd,MAAM,OAAO,CAAC;AAGf,MAAM,MAAM,aAAa,GAAG,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAC5F;;;GAGG;AACH,MAAM,MAAM,QAAQ,GAAG,aAAa,GAAG,YAAY,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC;AAM7E;;;;;;;;GAQG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,QAAQ,EAAE,SAAS,CAAC,EAAE,MAAM,GAAG,YAAY,CAoB3E"}

package/dist/ui/icon.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cloneElement, isValidElement, } from 'react';
+import { cn } from '../lib/cn.js';
+const LAZY = Symbol.for('react.lazy');
+const isLazy = (x) => typeof x === 'object' && x !== null && x.$$typeof === LAZY;
+/**
+ * An icon given either way, hidden from assistive tech (its label is the control's). `className` is the
+ * component's default; an element's own classes come after it, so the caller's size or colour wins.
+ *
+ * An element a server component passes to a client component can arrive as a lazy reference, not an element
+ * (React defers some of what it sends), so it can't be cloned. It is rendered inside a span that carries
+ * `aria-hidden` and the default classes; the svg fills the span through a rule with no specificity, so a
+ * class on the element itself still wins.
+ */
+export function renderIcon(icon, className) {
+    if (isValidElement(icon))
+        return cloneElement(icon, {
+            'aria-hidden': true,
+            className: cn(className, icon.props.className),
+        });
+    if (isLazy(icon))
+        return (_jsx("span", { "aria-hidden": "true", className: cn('inline-flex shrink-0 items-center justify-center [:where(&>svg)]:size-full', className), children: icon }));
+    const Icon = icon;
+    return _jsx(Icon, { "aria-hidden": "true", className: className });
+}
+//# sourceMappingURL=icon.js.map

package/dist/ui/icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../src/ui/icon.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,YAAY,EACZ,cAAc,GAKf,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AASlC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;AACtC,MAAM,MAAM,GAAG,CAAC,CAAU,EAAkB,EAAE,CAC5C,OAAO,CAAC,KAAK,QAAQ,IAAI,CAAC,KAAK,IAAI,IAAK,CAA2B,CAAC,QAAQ,KAAK,IAAI,CAAC;AAExF;;;;;;;;GAQG;AACH,MAAM,UAAU,UAAU,CAAC,IAAc,EAAE,SAAkB;IAC3D,IAAI,cAAc,CAA0B,IAAI,CAAC;QAC/C,OAAO,YAAY,CAAC,IAAI,EAAE;YACxB,aAAa,EAAE,IAAI;YACnB,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC;SAC/C,CAAC,CAAC;IACL,IAAI,MAAM,CAAC,IAAI,CAAC;QACd,OAAO,CACL,8BACc,MAAM,EAClB,SAAS,EAAE,EAAE,CACX,4EAA4E,EAC5E,SAAS,CACV,YAEA,IAAI,GACA,CACR,CAAC;IACJ,MAAM,IAAI,GAAG,IAAqB,CAAC;IACnC,OAAO,KAAC,IAAI,mBAAa,MAAM,EAAC,SAAS,EAAE,SAAS,GAAI,CAAC;AAC3D,CAAC"}

package/dist/ui/kbd.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from 'react';
+/** Keyboard hint. Decorative by default: say the shortcut in words where it matters. */
+export declare function Kbd({ children, className }: {
+    children: ReactNode;
+    className?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=kbd.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"kbd.d.ts","sourceRoot":"","sources":["../../src/ui/kbd.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,wFAAwF;AACxF,wBAAgB,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAYvF"}

package/dist/ui/kbd.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../lib/cn.js';
+/** Keyboard hint. Decorative by default: say the shortcut in words where it matters. */
+export function Kbd({ children, className }) {
+    return (_jsx("kbd", { "aria-hidden": "true", className: cn('inline-flex h-[22px] items-center rounded-sm border border-border bg-muted px-1.5 font-mono text-xs leading-5 text-muted-foreground', className), children: children }));
+}
+//# sourceMappingURL=kbd.js.map

package/dist/ui/kbd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kbd.js","sourceRoot":"","sources":["../../src/ui/kbd.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,wFAAwF;AACxF,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAA+C;IACtF,OAAO,CACL,6BACc,MAAM,EAClB,SAAS,EAAE,EAAE,CACX,qIAAqI,EACrI,SAAS,CACV,YAEA,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}

package/dist/ui/link-card.d.ts

@@ -0,0 +1,23 @@
+import { type ReactNode } from 'react';
+import { type LinkProps as RACLinkProps } from 'react-aria-components';
+import { type IconProp } from './icon.js';
+export interface LinkCardProps extends Omit<RACLinkProps, 'className' | 'children'> {
+    href: string;
+    /** The heading, which names the link. */
+    title: ReactNode;
+    headingLevel?: 2 | 3 | 4;
+    /** Muted text under the title; the link's description. */
+    description?: ReactNode;
+    icon?: IconProp;
+    /** Layer 1, the target: the whole card. */
+    className?: string;
+    /** Layer 2, the painted card. */
+    visualClassName?: string;
+}
+/**
+ * A card that is one link: the whole card is the `<a>`, named by its heading and described by its text. It
+ * holds no other control, since a link can't contain one. Three layers: the link is the target, the card is
+ * the paint (hover, focus ring), the text is the content. No overlay stretches a link over a card.
+ */
+export declare function LinkCard({ href, title, headingLevel, description, icon, className, visualClassName, ...props }: LinkCardProps): import("react").JSX.Element;
+//# sourceMappingURL=link-card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"link-card.d.ts","sourceRoot":"","sources":["../../src/ui/link-card.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAS,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAmB,KAAK,SAAS,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAGxF,OAAO,EAAc,KAAK,QAAQ,EAAE,MAAM,WAAW,CAAC;AAEtD,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,YAAY,EAAE,WAAW,GAAG,UAAU,CAAC;IACjF,IAAI,EAAE,MAAM,CAAC;IACb,yCAAyC;IACzC,KAAK,EAAE,SAAS,CAAC;IACjB,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACzB,0DAA0D;IAC1D,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iCAAiC;IACjC,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,KAAK,EACL,YAAgB,EAChB,WAAW,EACX,IAAI,EACJ,SAAS,EACT,eAAe,EACf,GAAG,KAAK,EACT,EAAE,aAAa,+BAyCf"}

package/dist/ui/link-card.js

@@ -0,0 +1,19 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from 'react';
+import { Link as RACLink } from 'react-aria-components';
+import { ArrowRight } from 'lucide-react';
+import { cn } from '../lib/cn.js';
+import { renderIcon } from './icon.js';
+/**
+ * A card that is one link: the whole card is the `<a>`, named by its heading and described by its text. It
+ * holds no other control, since a link can't contain one. Three layers: the link is the target, the card is
+ * the paint (hover, focus ring), the text is the content. No overlay stretches a link over a card.
+ */
+export function LinkCard({ href, title, headingLevel = 3, description, icon, className, visualClassName, ...props }) {
+    const titleId = useId();
+    const descriptionId = useId();
+    const Heading = `h${headingLevel}`;
+    return (_jsx(RACLink, { ...props, href: href, "aria-labelledby": titleId, "aria-describedby": description ? descriptionId : undefined, className: cn('group/link-card relative flex min-h-target min-w-target cursor-pointer text-foreground no-underline outline-none', className), children: _jsxs("div", { className: cn('card-surface flex w-full flex-col gap-2 group-data-hovered/link-card:bg-accent group-data-focus-visible/link-card:focus-ring', visualClassName), 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') })), _jsxs(Heading, { id: titleId, className: "flex items-start gap-2 text-subheading group-data-hovered/link-card:underline", children: [_jsx("span", { className: "min-w-0", children: title }), _jsx(ArrowRight, { "aria-hidden": "true", className: "mt-1 size-4 shrink-0" })] }), description && (_jsx("p", { id: descriptionId, className: "text-body text-muted-foreground", children: description }))] }) }));
+}
+//# sourceMappingURL=link-card.js.map

package/dist/ui/link-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link-card.js","sourceRoot":"","sources":["../../src/ui/link-card.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,KAAK,EAAkB,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,IAAI,IAAI,OAAO,EAAkC,MAAM,uBAAuB,CAAC;AACxF,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,UAAU,EAAiB,MAAM,WAAW,CAAC;AAgBtD;;;;GAIG;AACH,MAAM,UAAU,QAAQ,CAAC,EACvB,IAAI,EACJ,KAAK,EACL,YAAY,GAAG,CAAC,EAChB,WAAW,EACX,IAAI,EACJ,SAAS,EACT,eAAe,EACf,GAAG,KAAK,EACM;IACd,MAAM,OAAO,GAAG,KAAK,EAAE,CAAC;IACxB,MAAM,aAAa,GAAG,KAAK,EAAE,CAAC;IAC9B,MAAM,OAAO,GAAG,IAAI,YAAY,EAAwB,CAAC;IACzD,OAAO,CACL,KAAC,OAAO,OACF,KAAK,EACT,IAAI,EAAE,IAAI,qBACO,OAAO,sBACN,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,EACzD,SAAS,EAAE,EAAE,CACX,kHAAkH,EAClH,SAAS,CACV,YAED,eACE,SAAS,EAAE,EAAE,CACX,8HAA8H,EAC9H,eAAe,CAChB,aAEA,IAAI,IAAI,CACP,eAAM,SAAS,EAAC,4FAA4F,YACzG,UAAU,CAAC,IAAI,EAAE,QAAQ,CAAC,GACtB,CACR,EACD,MAAC,OAAO,IACN,EAAE,EAAE,OAAO,EACX,SAAS,EAAC,+EAA+E,aAEzF,eAAM,SAAS,EAAC,SAAS,YAAE,KAAK,GAAQ,EACxC,KAAC,UAAU,mBAAa,MAAM,EAAC,SAAS,EAAC,sBAAsB,GAAG,IAC1D,EACT,WAAW,IAAI,CACd,YAAG,EAAE,EAAE,aAAa,EAAE,SAAS,EAAC,iCAAiC,YAC9D,WAAW,GACV,CACL,IACG,GACE,CACX,CAAC;AACJ,CAAC"}

package/dist/ui/list-box.d.ts

@@ -0,0 +1,17 @@
+import type { ReactNode } from 'react';
+import { type ListBoxItemProps, type ListBoxProps } from 'react-aria-components';
+export declare function ListBox<T extends object>({ className, ...props }: Omit<ListBoxProps<T>, 'className'> & {
+    className?: string;
+}): import("react").JSX.Element;
+export interface OptionProps extends Omit<ListBoxItemProps, 'className' | 'children'> {
+    children: ReactNode;
+    description?: string;
+    className?: string;
+}
+/** One choice in a Select or ComboBox. Selected: a check and weight 600, not colour alone. */
+export declare function Option({ children, description, className, ...props }: OptionProps): import("react").JSX.Element;
+export declare function OptionSection<T extends object>({ title, children, }: {
+    title: string;
+    children: ReactNode;
+}): import("react").JSX.Element;
+//# sourceMappingURL=list-box.d.ts.map

package/dist/ui/list-box.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-box.d.ts","sourceRoot":"","sources":["../../src/ui/list-box.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAKL,KAAK,gBAAgB,EACrB,KAAK,YAAY,EAClB,MAAM,uBAAuB,CAAC;AAK/B,wBAAgB,OAAO,CAAC,CAAC,SAAS,MAAM,EAAE,EACxC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAU7D;AAED,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,gBAAgB,EAAE,WAAW,GAAG,UAAU,CAAC;IACnF,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,8FAA8F;AAC9F,wBAAgB,MAAM,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,+BA4BjF;AAED,wBAAgB,aAAa,CAAC,CAAC,SAAS,MAAM,EAAE,EAC9C,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;CACrB,+BASA"}

package/dist/ui/list-box.js

@@ -0,0 +1,18 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Header, ListBox as RACListBox, ListBoxItem as RACListBoxItem, ListBoxSection as RACListBoxSection, } from 'react-aria-components';
+import { Check } from 'lucide-react';
+import { cn } from '../lib/cn.js';
+import { rowTarget } from './menu.js';
+export function ListBox({ className, ...props }) {
+    return (_jsx(RACListBox, { ...props, className: cn('relative max-h-[inherit] overflow-auto p-1 outline-none data-focus-visible:focus-ring-inset', className) }));
+}
+/** One choice in a Select or ComboBox. Selected: a check and weight 600, not colour alone. */
+export function Option({ children, description, className, ...props }) {
+    const textValue = props.textValue ?? (typeof children === 'string' ? children : undefined);
+    return (_jsx(RACListBoxItem, { ...props, textValue: textValue, className: cn('group/option', rowTarget, className), children: ({ isSelected }) => (_jsxs("span", { className: cn('flex min-h-nav-item w-full min-w-0 items-center gap-3 rounded-md px-3 py-1.5', 'group-data-focused/option:bg-accent group-data-focus-visible/option:focus-ring-inset group-data-selected/option:font-semibold'), children: [_jsxs("span", { className: "flex min-w-0 flex-1 flex-col", children: [_jsx("span", { className: "truncate", children: children }), description && (_jsx("span", { className: "truncate text-[13px] font-normal text-muted-foreground", children: description }))] }), isSelected && _jsx(Check, { "aria-hidden": "true", className: "size-4 shrink-0 text-brand" })] })) }));
+}
+export function OptionSection({ title, children, }) {
+    return (_jsxs(RACListBoxSection, { className: "not-first:mt-1 not-first:border-t not-first:border-border not-first:pt-1", children: [_jsx(Header, { className: "px-3 pt-1.5 pb-1 text-[13px] leading-5 font-semibold text-muted-foreground", children: title }), children] }));
+}
+//# sourceMappingURL=list-box.js.map

package/dist/ui/list-box.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-box.js","sourceRoot":"","sources":["../../src/ui/list-box.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EACL,MAAM,EACN,OAAO,IAAI,UAAU,EACrB,WAAW,IAAI,cAAc,EAC7B,cAAc,IAAI,iBAAiB,GAGpC,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAEtC,MAAM,UAAU,OAAO,CAAmB,EACxC,SAAS,EACT,GAAG,KAAK,EACoD;IAC5D,OAAO,CACL,KAAC,UAAU,OACL,KAAK,EACT,SAAS,EAAE,EAAE,CACX,6FAA6F,EAC7F,SAAS,CACV,GACD,CACH,CAAC;AACJ,CAAC;AAQD,8FAA8F;AAC9F,MAAM,UAAU,MAAM,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,KAAK,EAAe;IAChF,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,IAAI,CAAC,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAC3F,OAAO,CACL,KAAC,cAAc,OACT,KAAK,EACT,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,SAAS,EAAE,SAAS,CAAC,YAElD,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CACnB,gBACE,SAAS,EAAE,EAAE,CACX,8EAA8E,EAC9E,+HAA+H,CAChI,aAED,gBAAM,SAAS,EAAC,8BAA8B,aAC5C,eAAM,SAAS,EAAC,UAAU,YAAE,QAAQ,GAAQ,EAC3C,WAAW,IAAI,CACd,eAAM,SAAS,EAAC,wDAAwD,YACrE,WAAW,GACP,CACR,IACI,EACN,UAAU,IAAI,KAAC,KAAK,mBAAa,MAAM,EAAC,SAAS,EAAC,4BAA4B,GAAG,IAC7E,CACR,GACc,CAClB,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,aAAa,CAAmB,EAC9C,KAAK,EACL,QAAQ,GAIT;IACC,OAAO,CACL,MAAC,iBAAiB,IAAI,SAAS,EAAC,0EAA0E,aACxG,KAAC,MAAM,IAAC,SAAS,EAAC,4EAA4E,YAC3F,KAAK,GACC,EACR,QAAQ,IACS,CACrB,CAAC;AACJ,CAAC"}

package/dist/ui/menu.d.ts

@@ -0,0 +1,31 @@
+import type { ReactNode } from 'react';
+import { MenuTrigger, type MenuItemProps as RACMenuItemProps, type MenuProps as RACMenuProps, type PopoverProps as RACPopoverProps } from 'react-aria-components';
+import { type IconProp } from './icon.js';
+export interface PopoverProps extends Omit<RACPopoverProps, 'className'> {
+    className?: string;
+}
+/** Floating surface for menus and listboxes: popover ground, border and shadow-lg. */
+export declare function Popover({ className, offset, ...props }: PopoverProps): import("react").JSX.Element;
+export declare function Menu<T extends object>({ className, ...props }: Omit<RACMenuProps<T>, 'className'> & {
+    className?: string;
+}): import("react").JSX.Element;
+/** Layer 1 of a row. Name the group after the component (`group/item`, `group/option`). */
+export declare const rowTarget = "flex min-h-target cursor-pointer items-center text-sm text-popover-foreground no-underline outline-none data-disabled:cursor-not-allowed data-disabled:opacity-50";
+/** Layer 2 of a row, for a row whose group is `group/item`. */
+export declare const itemVisual = "flex min-h-nav-item w-full min-w-0 items-center gap-3 rounded-md px-3 py-1.5 group-data-focused/item:bg-accent group-data-focus-visible/item:focus-ring-inset";
+export interface MenuItemProps extends Omit<RACMenuItemProps, 'className' | 'children'> {
+    icon?: IconProp;
+    description?: string;
+    children: ReactNode;
+    className?: string;
+}
+/** A row in a menu. Keyboard focus draws the inset ring on the highlight as well as the hover ground. */
+export declare function MenuItem({ icon, description, children, className, ...props }: MenuItemProps): import("react").JSX.Element;
+export declare function MenuSection<T extends object>({ title, children, className, }: {
+    title?: string;
+    children: ReactNode;
+    className?: string;
+}): import("react").JSX.Element;
+export declare function MenuSeparator(): import("react").JSX.Element;
+export { MenuTrigger };
+//# sourceMappingURL=menu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../src/ui/menu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAKL,WAAW,EAGX,KAAK,aAAa,IAAI,gBAAgB,EACtC,KAAK,SAAS,IAAI,YAAY,EAC9B,KAAK,YAAY,IAAI,eAAe,EACrC,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EAAc,KAAK,QAAQ,EAAE,MAAM,WAAW,CAAC;AAEtD,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,eAAe,EAAE,WAAW,CAAC;IACtE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,sFAAsF;AACtF,wBAAgB,OAAO,CAAC,EAAE,SAAS,EAAE,MAAU,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,+BAaxE;AAED,wBAAgB,IAAI,CAAC,CAAC,SAAS,MAAM,EAAE,EACrC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAW7D;AAOD,2FAA2F;AAC3F,eAAO,MAAM,SAAS,sKAC+I,CAAC;AACtK,+DAA+D;AAC/D,eAAO,MAAM,UAAU,kKAC0I,CAAC;AAElK,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,gBAAgB,EAAE,WAAW,GAAG,UAAU,CAAC;IACrF,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,yGAAyG;AACzG,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,+BAwB3F;AAED,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,EAAE,EAC5C,KAAK,EACL,QAAQ,EACR,SAAS,GACV,EAAE;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BAgBA;AAED,wBAAgB,aAAa,gCAE5B;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/ui/menu.js

@@ -0,0 +1,40 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Header, Menu as RACMenu, MenuItem as RACMenuItem, MenuSection as RACMenuSection, MenuTrigger, Popover as RACPopover, Separator, } from 'react-aria-components';
+import { Check } from 'lucide-react';
+import { cn } from '../lib/cn.js';
+import { renderIcon } from './icon.js';
+/** Floating surface for menus and listboxes: popover ground, border and shadow-lg. */
+export function Popover({ className, offset = 6, ...props }) {
+    return (_jsx(RACPopover, { offset: offset, ...props, className: cn(
+        // React Aria positions the popover inline (style="position: absolute"), which the lint rule can't see.
+        // oxlint-disable-next-line setsquare-ui/positioned-scroll-container
+        'z-(--z-popover) min-w-(--trigger-width) overflow-auto rounded-lg border border-border bg-popover text-popover-foreground shadow-(--shadow-lg) outline-none', className) }));
+}
+export function Menu({ className, ...props }) {
+    return (_jsx(RACMenu, { ...props, className: cn(
+        // The menu itself holds focus when opened by pointer, until an arrow key moves to an item.
+        'relative max-h-[inherit] min-w-56 overflow-auto p-1 outline-none data-focus-visible:focus-ring-inset', className) }));
+}
+/*
+ * Rows in menus, lists and search results, in three layers: the row element is the target (Layer 1, the
+ * full width and at least --target-min tall); the highlight inside it is painted at --nav-item-height
+ * (Layer 2), with the focus ring; the icon and text are Layer 3. At AAA a 36px highlight sits in a 44px row.
+ */
+/** Layer 1 of a row. Name the group after the component (`group/item`, `group/option`). */
+export const rowTarget = 'flex min-h-target cursor-pointer items-center text-sm text-popover-foreground no-underline outline-none data-disabled:cursor-not-allowed data-disabled:opacity-50';
+/** Layer 2 of a row, for a row whose group is `group/item`. */
+export const itemVisual = 'flex min-h-nav-item w-full min-w-0 items-center gap-3 rounded-md px-3 py-1.5 group-data-focused/item:bg-accent group-data-focus-visible/item:focus-ring-inset';
+/** A row in a menu. Keyboard focus draws the inset ring on the highlight as well as the hover ground. */
+export function MenuItem({ icon, description, children, className, ...props }) {
+    const textValue = props.textValue ?? (typeof children === 'string' ? children : undefined);
+    return (_jsx(RACMenuItem, { ...props, textValue: textValue, className: cn('group/item', rowTarget, className), children: ({ isSelected, selectionMode }) => (_jsxs("span", { className: itemVisual, children: [icon && renderIcon(icon, 'size-5 shrink-0 text-muted-foreground'), _jsxs("span", { className: "flex min-w-0 flex-1 flex-col", children: [_jsx("span", { className: "truncate", children: children }), description && (_jsx("span", { className: "truncate text-[13px] text-muted-foreground", children: description }))] }), selectionMode !== 'none' && isSelected && (_jsx(Check, { "aria-hidden": "true", className: "size-4 shrink-0 text-brand" }))] })) }));
+}
+export function MenuSection({ title, children, className, }) {
+    return (_jsxs(RACMenuSection, { className: cn('not-first:mt-1 not-first:border-t not-first:border-border not-first:pt-1', className), children: [title && (_jsx(Header, { className: "px-3 pt-1.5 pb-1 text-[13px] leading-5 font-semibold text-muted-foreground", children: title })), children] }));
+}
+export function MenuSeparator() {
+    return _jsx(Separator, { className: "mx-1 my-1 h-px bg-border" });
+}
+export { MenuTrigger };
+//# sourceMappingURL=menu.js.map

package/dist/ui/menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../src/ui/menu.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EACL,MAAM,EACN,IAAI,IAAI,OAAO,EACf,QAAQ,IAAI,WAAW,EACvB,WAAW,IAAI,cAAc,EAC7B,WAAW,EACX,OAAO,IAAI,UAAU,EACrB,SAAS,GAIV,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,UAAU,EAAiB,MAAM,WAAW,CAAC;AAMtD,sFAAsF;AACtF,MAAM,UAAU,OAAO,CAAC,EAAE,SAAS,EAAE,MAAM,GAAG,CAAC,EAAE,GAAG,KAAK,EAAgB;IACvE,OAAO,CACL,KAAC,UAAU,IACT,MAAM,EAAE,MAAM,KACV,KAAK,EACT,SAAS,EAAE,EAAE;QACX,uGAAuG;QACvG,oEAAoE;QACpE,4JAA4J,EAC5J,SAAS,CACV,GACD,CACH,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,IAAI,CAAmB,EACrC,SAAS,EACT,GAAG,KAAK,EACoD;IAC5D,OAAO,CACL,KAAC,OAAO,OACF,KAAK,EACT,SAAS,EAAE,EAAE;QACX,2FAA2F;QAC3F,sGAAsG,EACtG,SAAS,CACV,GACD,CACH,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,2FAA2F;AAC3F,MAAM,CAAC,MAAM,SAAS,GACpB,mKAAmK,CAAC;AACtK,+DAA+D;AAC/D,MAAM,CAAC,MAAM,UAAU,GACrB,+JAA+J,CAAC;AASlK,yGAAyG;AACzG,MAAM,UAAU,QAAQ,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAiB;IAC1F,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,IAAI,CAAC,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAC3F,OAAO,CACL,KAAC,WAAW,OACN,KAAK,EACT,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,EAAE,SAAS,CAAC,YAEhD,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CAClC,gBAAM,SAAS,EAAE,UAAU,aACxB,IAAI,IAAI,UAAU,CAAC,IAAI,EAAE,uCAAuC,CAAC,EAClE,gBAAM,SAAS,EAAC,8BAA8B,aAC5C,eAAM,SAAS,EAAC,UAAU,YAAE,QAAQ,GAAQ,EAC3C,WAAW,IAAI,CACd,eAAM,SAAS,EAAC,4CAA4C,YAAE,WAAW,GAAQ,CAClF,IACI,EACN,aAAa,KAAK,MAAM,IAAI,UAAU,IAAI,CACzC,KAAC,KAAK,mBAAa,MAAM,EAAC,SAAS,EAAC,4BAA4B,GAAG,CACpE,IACI,CACR,GACW,CACf,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,WAAW,CAAmB,EAC5C,KAAK,EACL,QAAQ,EACR,SAAS,GAKV;IACC,OAAO,CACL,MAAC,cAAc,IACb,SAAS,EAAE,EAAE,CACX,0EAA0E,EAC1E,SAAS,CACV,aAEA,KAAK,IAAI,CACR,KAAC,MAAM,IAAC,SAAS,EAAC,4EAA4E,YAC3F,KAAK,GACC,CACV,EACA,QAAQ,IACM,CAClB,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,aAAa;IAC3B,OAAO,KAAC,SAAS,IAAC,SAAS,EAAC,0BAA0B,GAAG,CAAC;AAC5D,CAAC;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}