@setsquare/ui 0.1.0

package/dist/ui/number-field.d.ts

@@ -0,0 +1,19 @@
+import type { ReactNode } from 'react';
+import { type NumberFieldProps as RACNumberFieldProps } from 'react-aria-components';
+import { type FieldWidth } from './field.js';
+export interface NumberFieldProps extends Omit<RACNumberFieldProps, 'className' | 'children' | 'validate'> {
+    label: string;
+    description?: ReactNode;
+    errorMessage?: string;
+    requiredMessage?: string;
+    validate?: (value: number) => string | string[] | true | null | undefined;
+    width?: FieldWidth;
+    className?: string;
+}
+/**
+ * A number with − and + steppers. Each stepper is its own target (Layer 1, at least --target-min) around a
+ * 28px painted button that stays 4px from the box's edge at every level. Arrow keys and typing work too;
+ * min and max clamp on blur.
+ */
+export declare function NumberField({ label, description, errorMessage, requiredMessage, validate, width, className, ...props }: NumberFieldProps): import("react").JSX.Element;
+//# sourceMappingURL=number-field.d.ts.map

package/dist/ui/number-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-field.d.ts","sourceRoot":"","sources":["../../src/ui/number-field.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAIL,KAAK,gBAAgB,IAAI,mBAAmB,EAC7C,MAAM,uBAAuB,CAAC;AAI/B,OAAO,EAUL,KAAK,UAAU,EAChB,MAAM,YAAY,CAAC;AAEpB,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,mBAAmB,EACnB,WAAW,GAAG,UAAU,GAAG,UAAU,CACtC;IACC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;IAC1E,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,WAAW,EACX,YAAY,EACZ,eAAe,EACf,QAAQ,EACR,KAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,gBAAgB,+BA+ClB"}

package/dist/ui/number-field.js

@@ -0,0 +1,19 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Group, Input, NumberField as RACNumberField, } from 'react-aria-components';
+import { Minus, Plus } from 'lucide-react';
+import { cn } from '../lib/cn.js';
+import { Button } from './button.js';
+import { FieldDescription, FieldError, FieldLabel, fieldBox, fieldInput, fieldStack, fieldWidths, lcFirst, withRequired, } from './field.js';
+/**
+ * A number with − and + steppers. Each stepper is its own target (Layer 1, at least --target-min) around a
+ * 28px painted button that stays 4px from the box's edge at every level. Arrow keys and typing work too;
+ * min and max clamp on blur.
+ */
+export function NumberField({ label, description, errorMessage, requiredMessage, validate, width = 'sm', className, ...props }) {
+    return (_jsxs(RACNumberField, { ...props, validate: withRequired(props.isRequired, requiredMessage ?? `Enter ${lcFirst(label)}`, (v) => v == null || Number.isNaN(v), validate), className: cn(fieldStack, fieldWidths[width], 
+        // Two stepper targets plus room for five digits. At AAA the targets are 44px, so a narrow field
+        // grows past its width rather than squeezing the number (min-width wins over max-width).
+        'min-w-[calc(2*max(var(--target-min),var(--control-height-sm))+5ch+1.5rem)]', className), children: [_jsx(FieldLabel, { isRequired: props.isRequired, children: label }), description && _jsx(FieldDescription, { children: description }), _jsx(FieldError, { requiredMessage: requiredMessage ?? `Enter ${lcFirst(label)}`, children: errorMessage }), _jsxs(Group, { className: fieldBox, children: [_jsx(Button, { slot: "decrement", variant: "ghost", visualSize: "icon-sm", className: "ms-1 justify-start", visualClassName: "[&_svg]:size-4", children: _jsx(Minus, { "aria-hidden": "true" }) }), _jsx(Input, { className: cn(fieldInput, 'px-2 text-center tabular-nums') }), _jsx(Button, { slot: "increment", variant: "ghost", visualSize: "icon-sm", className: "me-1 justify-end", visualClassName: "[&_svg]:size-4", children: _jsx(Plus, { "aria-hidden": "true" }) })] })] }));
+}
+//# sourceMappingURL=number-field.js.map

package/dist/ui/number-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-field.js","sourceRoot":"","sources":["../../src/ui/number-field.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EACL,KAAK,EACL,KAAK,EACL,WAAW,IAAI,cAAc,GAE9B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EACL,gBAAgB,EAChB,UAAU,EACV,UAAU,EACV,QAAQ,EACR,UAAU,EACV,UAAU,EACV,WAAW,EACX,OAAO,EACP,YAAY,GAEb,MAAM,YAAY,CAAC;AAepB;;;;GAIG;AACH,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,EACL,WAAW,EACX,YAAY,EACZ,eAAe,EACf,QAAQ,EACR,KAAK,GAAG,IAAI,EACZ,SAAS,EACT,GAAG,KAAK,EACS;IACjB,OAAO,CACL,MAAC,cAAc,OACT,KAAK,EACT,QAAQ,EAAE,YAAY,CACpB,KAAK,CAAC,UAAU,EAChB,eAAe,IAAI,SAAS,OAAO,CAAC,KAAK,CAAC,EAAE,EAC5C,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,IAAI,IAAI,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EACnC,QAAQ,CACT,EACD,SAAS,EAAE,EAAE,CACX,UAAU,EACV,WAAW,CAAC,KAAK,CAAC;QAClB,gGAAgG;QAChG,yFAAyF;QACzF,4EAA4E,EAC5E,SAAS,CACV,aAED,KAAC,UAAU,IAAC,UAAU,EAAE,KAAK,CAAC,UAAU,YAAG,KAAK,GAAc,EAC7D,WAAW,IAAI,KAAC,gBAAgB,cAAE,WAAW,GAAoB,EAClE,KAAC,UAAU,IAAC,eAAe,EAAE,eAAe,IAAI,SAAS,OAAO,CAAC,KAAK,CAAC,EAAE,YACtE,YAAY,GACF,EACb,MAAC,KAAK,IAAC,SAAS,EAAE,QAAQ,aACxB,KAAC,MAAM,IACL,IAAI,EAAC,WAAW,EAChB,OAAO,EAAC,OAAO,EACf,UAAU,EAAC,SAAS,EACpB,SAAS,EAAC,oBAAoB,EAC9B,eAAe,EAAC,gBAAgB,YAEhC,KAAC,KAAK,mBAAa,MAAM,GAAG,GACrB,EACT,KAAC,KAAK,IAAC,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,+BAA+B,CAAC,GAAI,EACrE,KAAC,MAAM,IACL,IAAI,EAAC,WAAW,EAChB,OAAO,EAAC,OAAO,EACf,UAAU,EAAC,SAAS,EACpB,SAAS,EAAC,kBAAkB,EAC5B,eAAe,EAAC,gBAAgB,YAEhC,KAAC,IAAI,mBAAa,MAAM,GAAG,GACpB,IACH,IACO,CAClB,CAAC;AACJ,CAAC"}

package/dist/ui/prose.d.ts

@@ -0,0 +1,12 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export interface ProseProps extends HTMLAttributes<HTMLDivElement> {
+    /** Headings, paragraphs, lists, inline code and TextLinks. */
+    children: ReactNode;
+}
+/**
+ * Long text, such as a privacy notice or a guide: inside `--measure`, with `--paragraph-gap` between blocks
+ * (both larger at AAA), spaced headings, and lists with their markers back. Links in it are TextLinks, or plain
+ * `<a href>`, which the base styles underline. Server-safe.
+ */
+export declare function Prose({ children, className, ...props }: ProseProps): import("react").JSX.Element;
+//# sourceMappingURL=prose.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"prose.d.ts","sourceRoot":"","sources":["../../src/ui/prose.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE,8DAA8D;IAC9D,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;GAIG;AACH,wBAAgB,KAAK,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,+BAMlE"}

package/dist/ui/prose.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../lib/cn.js';
+/**
+ * Long text, such as a privacy notice or a guide: inside `--measure`, with `--paragraph-gap` between blocks
+ * (both larger at AAA), spaced headings, and lists with their markers back. Links in it are TextLinks, or plain
+ * `<a href>`, which the base styles underline. Server-safe.
+ */
+export function Prose({ children, className, ...props }) {
+    return (_jsx("div", { ...props, className: cn('site-prose', className), children: children }));
+}
+//# sourceMappingURL=prose.js.map

package/dist/ui/prose.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prose.js","sourceRoot":"","sources":["../../src/ui/prose.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAOlC;;;;GAIG;AACH,MAAM,UAAU,KAAK,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAc;IACjE,OAAO,CACL,iBAAS,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,YACnD,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}

package/dist/ui/radio-group.d.ts

@@ -0,0 +1,20 @@
+import type { ReactNode } from 'react';
+import { type RadioGroupProps as RACRadioGroupProps, type RadioProps as RACRadioProps } from 'react-aria-components';
+export interface RadioGroupProps extends Omit<RACRadioGroupProps, 'className' | 'children' | 'validate'> {
+    label: string;
+    description?: ReactNode;
+    errorMessage?: string;
+    requiredMessage?: string;
+    children: ReactNode;
+    className?: string;
+}
+/** Choose exactly one of a few options that people should compare side by side. Arrow keys move and select. */
+export declare function RadioGroup({ label, description, errorMessage, requiredMessage, children, className, orientation, ...props }: RadioGroupProps): import("react").JSX.Element;
+export interface RadioProps extends Omit<RACRadioProps, 'className' | 'children'> {
+    children: ReactNode;
+    description?: ReactNode;
+    className?: string;
+}
+/** Selected: a thick ring in `primary` — a change of shape, not only colour. */
+export declare function Radio({ children, description, className, ...props }: RadioProps): import("react").JSX.Element;
+//# sourceMappingURL=radio-group.d.ts.map

package/dist/ui/radio-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../src/ui/radio-group.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAGL,KAAK,eAAe,IAAI,kBAAkB,EAC1C,KAAK,UAAU,IAAI,aAAa,EACjC,MAAM,uBAAuB,CAAC;AAW/B,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,kBAAkB,EAClB,WAAW,GAAG,UAAU,GAAG,UAAU,CACtC;IACC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,+GAA+G;AAC/G,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,WAAW,EACX,YAAY,EACZ,eAAe,EACf,QAAQ,EACR,SAAS,EACT,WAAwB,EACxB,GAAG,KAAK,EACT,EAAE,eAAe,+BAiCjB;AAED,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,aAAa,EAAE,WAAW,GAAG,UAAU,CAAC;IAC/E,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,gFAAgF;AAChF,wBAAgB,KAAK,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,+BAyB/E"}

package/dist/ui/radio-group.js

@@ -0,0 +1,16 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Radio as RACRadio, RadioGroup as RACRadioGroup, } from 'react-aria-components';
+import { cn } from '../lib/cn.js';
+import { FieldDescription, FieldError, FieldLabel, fieldStack, lcFirst, withRequired, } from './field.js';
+/** Choose exactly one of a few options that people should compare side by side. Arrow keys move and select. */
+export function RadioGroup({ label, description, errorMessage, requiredMessage, children, className, orientation = 'vertical', ...props }) {
+    return (_jsxs(RACRadioGroup, { ...props, orientation: orientation, validate: props.isRequired
+            ? withRequired(true, requiredMessage ?? `Choose ${lcFirst(label)}`, (v) => !v)
+            : undefined, className: cn(fieldStack, className), children: [_jsx(FieldLabel, { elementType: "span", isRequired: props.isRequired, children: label }), description && _jsx(FieldDescription, { children: description }), _jsx(FieldError, { requiredMessage: requiredMessage ?? `Choose ${lcFirst(label)}`, children: errorMessage }), _jsx("div", { className: cn('flex', orientation === 'horizontal' ? 'flex-row flex-wrap gap-x-6' : 'flex-col'), children: children })] }));
+}
+/** Selected: a thick ring in `primary` — a change of shape, not only colour. */
+export function Radio({ children, description, className, ...props }) {
+    return (_jsxs(RACRadio, { ...props, className: cn('group/choice relative flex min-h-target cursor-pointer items-start gap-3 py-[calc((var(--target-min)-var(--choice-size))/2)] text-sm leading-5 text-foreground outline-none data-disabled:cursor-not-allowed data-disabled:opacity-60 data-readonly:cursor-default', className), children: [_jsx("span", { "aria-hidden": "true", className: cn('mt-[calc((20px-var(--choice-size))/2)] size-choice shrink-0 rounded-full border border-input bg-background', 'group-data-focus-visible/choice:focus-ring group-data-hovered/choice:border-foreground', 'group-data-selected/choice:border-[calc(var(--choice-size)*0.3)] group-data-selected/choice:border-primary', 'group-data-invalid/choice:border-destructive') }), _jsxs("span", { className: "flex min-w-0 flex-col", children: [_jsx("span", { children: children }), description && _jsx("span", { className: "text-[13px] text-muted-foreground", children: description })] })] }));
+}
+//# sourceMappingURL=radio-group.js.map

package/dist/ui/radio-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.js","sourceRoot":"","sources":["../../src/ui/radio-group.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EACL,KAAK,IAAI,QAAQ,EACjB,UAAU,IAAI,aAAa,GAG5B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EACL,gBAAgB,EAChB,UAAU,EACV,UAAU,EACV,UAAU,EACV,OAAO,EACP,YAAY,GACb,MAAM,YAAY,CAAC;AAcpB,+GAA+G;AAC/G,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,WAAW,EACX,YAAY,EACZ,eAAe,EACf,QAAQ,EACR,SAAS,EACT,WAAW,GAAG,UAAU,EACxB,GAAG,KAAK,EACQ;IAChB,OAAO,CACL,MAAC,aAAa,OACR,KAAK,EACT,WAAW,EAAE,WAAW,EACxB,QAAQ,EACN,KAAK,CAAC,UAAU;YACd,CAAC,CAAC,YAAY,CACV,IAAI,EACJ,eAAe,IAAI,UAAU,OAAO,CAAC,KAAK,CAAC,EAAE,EAC7C,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CACV;YACH,CAAC,CAAC,SAAS,EAEf,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,aAEpC,KAAC,UAAU,IAAC,WAAW,EAAC,MAAM,EAAC,UAAU,EAAE,KAAK,CAAC,UAAU,YACxD,KAAK,GACK,EACZ,WAAW,IAAI,KAAC,gBAAgB,cAAE,WAAW,GAAoB,EAClE,KAAC,UAAU,IAAC,eAAe,EAAE,eAAe,IAAI,UAAU,OAAO,CAAC,KAAK,CAAC,EAAE,YACvE,YAAY,GACF,EACb,cACE,SAAS,EAAE,EAAE,CACX,MAAM,EACN,WAAW,KAAK,YAAY,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,UAAU,CACzE,YAEA,QAAQ,GACL,IACQ,CACjB,CAAC;AACJ,CAAC;AAQD,gFAAgF;AAChF,MAAM,UAAU,KAAK,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,KAAK,EAAc;IAC9E,OAAO,CAEL,MAAC,QAAQ,OACH,KAAK,EACT,SAAS,EAAE,EAAE,CACX,oQAAoQ,EACpQ,SAAS,CACV,aAED,8BACc,MAAM,EAClB,SAAS,EAAE,EAAE,CACX,4GAA4G,EAC5G,wFAAwF,EACxF,4GAA4G,EAC5G,8CAA8C,CAC/C,GACD,EACF,gBAAM,SAAS,EAAC,uBAAuB,aACrC,yBAAO,QAAQ,GAAQ,EACtB,WAAW,IAAI,eAAM,SAAS,EAAC,mCAAmC,YAAE,WAAW,GAAQ,IACnF,IACE,CACZ,CAAC;AACJ,CAAC"}

package/dist/ui/scroll-region.d.ts

@@ -0,0 +1,18 @@
+import { type ReactNode } from 'react';
+export interface ScrollRegionProps {
+    /**
+     * Required: what scrolls ("Token pairs", "app/layout.tsx"). It names the region while it scrolls, so it has
+     * to differ from every other region on the page — two with one name are landmarks nobody can tell apart.
+     */
+    label: string;
+    children: ReactNode;
+    className?: string;
+}
+/**
+ * Content that scrolls sideways inside its own box instead of the page: a plain table, code, a wide figure.
+ * Only while it scrolls is it a tab stop, so a keyboard can scroll it, and a named region, so the stop says
+ * what it is. Content that fits is left alone. `relative`, like every scroller here, so hidden text inside is
+ * placed against it. A `Table` doesn't need this: its rows and cells take focus, which scrolls them in.
+ */
+export declare function ScrollRegion({ label, children, className }: ScrollRegionProps): import("react").JSX.Element;
+//# sourceMappingURL=scroll-region.d.ts.map

package/dist/ui/scroll-region.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-region.d.ts","sourceRoot":"","sources":["../../src/ui/scroll-region.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGpE,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,iBAAiB,+BA4B7E"}

package/dist/ui/scroll-region.js

@@ -0,0 +1,29 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import { cn } from '../lib/cn.js';
+/**
+ * Content that scrolls sideways inside its own box instead of the page: a plain table, code, a wide figure.
+ * Only while it scrolls is it a tab stop, so a keyboard can scroll it, and a named region, so the stop says
+ * what it is. Content that fits is left alone. `relative`, like every scroller here, so hidden text inside is
+ * placed against it. A `Table` doesn't need this: its rows and cells take focus, which scrolls them in.
+ */
+export function ScrollRegion({ label, children, className }) {
+    const ref = useRef(null);
+    const [scrolls, setScrolls] = useState(false);
+    useEffect(() => {
+        const el = ref.current;
+        if (!el)
+            return;
+        const measure = () => setScrolls(el.scrollWidth > el.clientWidth + 1);
+        measure();
+        const observer = new ResizeObserver(measure);
+        observer.observe(el);
+        // The content can grow without the box resizing.
+        for (const child of el.children)
+            observer.observe(child);
+        return () => observer.disconnect();
+    }, []);
+    return (_jsx("div", { ref: ref, tabIndex: scrolls ? 0 : undefined, role: scrolls ? 'region' : undefined, "aria-label": scrolls ? label : undefined, className: cn('relative overflow-x-auto rounded-sm outline-none focus-visible:focus-ring-inset', className), children: children }));
+}
+//# sourceMappingURL=scroll-region.js.map

package/dist/ui/scroll-region.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-region.js","sourceRoot":"","sources":["../../src/ui/scroll-region.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAC;AACpE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAYlC;;;;;GAKG;AACH,MAAM,UAAU,YAAY,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAqB;IAC5E,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACzC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,GAAG,GAAG,CAAC,OAAO,CAAC;QACvB,IAAI,CAAC,EAAE;YAAE,OAAO;QAChB,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,EAAE,CAAC,WAAW,GAAG,EAAE,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC;QACtE,OAAO,EAAE,CAAC;QACV,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,OAAO,CAAC,CAAC;QAC7C,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QACrB,iDAAiD;QACjD,KAAK,MAAM,KAAK,IAAI,EAAE,CAAC,QAAQ;YAAE,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACzD,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;IACrC,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,CACL,cACE,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EACjC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,gBACxB,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EACvC,SAAS,EAAE,EAAE,CACX,iFAAiF,EACjF,SAAS,CACV,YAEA,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}

package/dist/ui/search-field.d.ts

@@ -0,0 +1,12 @@
+import { type SearchFieldProps as RACSearchFieldProps } from 'react-aria-components';
+import { type FieldWidth } from './field.js';
+export interface SearchFieldProps extends Omit<RACSearchFieldProps, 'className' | 'children'> {
+    /** Visible label, or pass aria-label for a toolbar filter whose purpose is obvious from context. */
+    label?: string;
+    placeholder?: string;
+    width?: FieldWidth;
+    className?: string;
+}
+/** Filter the content on this page (the header's AppSearch searches everything). Escape or the clear button empties it. */
+export declare function SearchField({ label, placeholder, width, className, ...props }: SearchFieldProps): import("react").JSX.Element;
+//# sourceMappingURL=search-field.d.ts.map

package/dist/ui/search-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-field.d.ts","sourceRoot":"","sources":["../../src/ui/search-field.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,gBAAgB,IAAI,mBAAmB,EAC7C,MAAM,uBAAuB,CAAC;AAI/B,OAAO,EAML,KAAK,UAAU,EAChB,MAAM,YAAY,CAAC;AAEpB,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,WAAW,GAAG,UAAU,CAAC;IAC3F,oGAAoG;IACpG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,2HAA2H;AAC3H,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,WAAW,EACX,KAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,gBAAgB,+BAyBlB"}

package/dist/ui/search-field.js

@@ -0,0 +1,12 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Input, SearchField as RACSearchField, } from 'react-aria-components';
+import { Search, X } from 'lucide-react';
+import { cn } from '../lib/cn.js';
+import { Button } from './button.js';
+import { FieldLabel, fieldBox, fieldInput, fieldStack, fieldWidths, } from './field.js';
+/** Filter the content on this page (the header's AppSearch searches everything). Escape or the clear button empties it. */
+export function SearchField({ label, placeholder, width = 'sm', className, ...props }) {
+    return (_jsxs(RACSearchField, { ...props, className: cn(fieldStack, fieldWidths[width], className), children: [label && _jsx(FieldLabel, { children: label }), _jsxs("div", { className: fieldBox, children: [_jsx(Search, { "aria-hidden": "true", className: "pointer-events-none absolute top-1/2 left-2.5 size-5 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { placeholder: placeholder, className: cn(fieldInput, 'pl-10 [&::-webkit-search-cancel-button]:hidden') }), _jsx(Button, { variant: "ghost", visualSize: "icon-sm", className: "me-1 justify-end group-data-empty/field:hidden", visualClassName: "text-muted-foreground group-data-hovered/button:text-foreground [&_svg]:size-4", children: _jsx(X, { "aria-hidden": "true" }) })] })] }));
+}
+//# sourceMappingURL=search-field.js.map

package/dist/ui/search-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-field.js","sourceRoot":"","sources":["../../src/ui/search-field.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EACL,KAAK,EACL,WAAW,IAAI,cAAc,GAE9B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EACL,UAAU,EACV,QAAQ,EACR,UAAU,EACV,UAAU,EACV,WAAW,GAEZ,MAAM,YAAY,CAAC;AAUpB,2HAA2H;AAC3H,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,EACL,WAAW,EACX,KAAK,GAAG,IAAI,EACZ,SAAS,EACT,GAAG,KAAK,EACS;IACjB,OAAO,CACL,MAAC,cAAc,OAAK,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,WAAW,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC,aAChF,KAAK,IAAI,KAAC,UAAU,cAAE,KAAK,GAAc,EAC1C,eAAK,SAAS,EAAE,QAAQ,aACtB,KAAC,MAAM,mBACO,MAAM,EAClB,SAAS,EAAC,6FAA6F,GACvG,EACF,KAAC,KAAK,IACJ,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,gDAAgD,CAAC,GAC3E,EAEF,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,UAAU,EAAC,SAAS,EACpB,SAAS,EAAC,gDAAgD,EAC1D,eAAe,EAAC,gFAAgF,YAEhG,KAAC,CAAC,mBAAa,MAAM,GAAG,GACjB,IACL,IACS,CAClB,CAAC;AACJ,CAAC"}

package/dist/ui/search.d.ts

@@ -0,0 +1,43 @@
+import { type Key } from 'react-aria-components';
+import { type IconProp } from './icon.js';
+export interface SearchItem {
+    id: string;
+    label: string;
+    description?: string;
+    icon?: IconProp;
+    href?: string;
+}
+export interface SearchSection {
+    id: string;
+    title: string;
+    items: SearchItem[];
+}
+export interface CommandSearchProps {
+    isOpen: boolean;
+    onOpenChange: (open: boolean) => void;
+    sections: SearchSection[];
+    onAction?: (id: Key) => void;
+    placeholder?: string;
+}
+/** The search dialog: type to filter, arrow keys to move, Enter to go, Escape to close. */
+export declare function CommandSearch({ isOpen, onOpenChange, sections, onAction, placeholder, }: CommandSearchProps): import("react").JSX.Element;
+export interface SearchTriggerProps {
+    onPress: () => void;
+    placeholder?: string;
+    /** Icon-only, for narrow headers. */
+    compact?: boolean;
+    className?: string;
+}
+/** Opens the search dialog. Looks like a field; is a button, named "Search", with the shortcut announced. */
+export declare function SearchTrigger({ onPress, placeholder, compact, className, }: SearchTriggerProps): import("react").JSX.Element;
+export interface AppSearchProps {
+    sections: SearchSection[];
+    onAction?: (id: Key) => void;
+    compact?: boolean;
+    defaultOpen?: boolean;
+    placeholder?: string;
+    className?: string;
+}
+/** Trigger + dialog + the ⌘K / Ctrl+K shortcut, wired together. */
+export declare function AppSearch({ sections, onAction, compact, defaultOpen, placeholder, className, }: AppSearchProps): import("react").JSX.Element;
+//# sourceMappingURL=search.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../src/ui/search.tsx"],"names":[],"mappings":"AAGA,OAAO,EAcL,KAAK,GAAG,EACT,MAAM,uBAAuB,CAAC;AAK/B,OAAO,EAAc,KAAK,QAAQ,EAAE,MAAM,WAAW,CAAC;AAItD,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AACD,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,UAAU,EAAE,CAAC;CACrB;AAED,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE,aAAa,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,KAAK,IAAI,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,2FAA2F;AAC3F,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,WAAoD,GACrD,EAAE,kBAAkB,+BAmFpB;AAED,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qCAAqC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,6GAA6G;AAC7G,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,WAAsB,EACtB,OAAO,EACP,SAAS,GACV,EAAE,kBAAkB,+BA8BpB;AAED,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,aAAa,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,KAAK,IAAI,CAAC;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,mEAAmE;AACnE,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,WAAmB,EACnB,WAAW,EACX,SAAS,GACV,EAAE,cAAc,+BAwBhB"}

package/dist/ui/search.js

@@ -0,0 +1,45 @@
+'use client';
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { Autocomplete, Button as RACButton, Collection, Dialog, Header, Input, Menu, MenuItem, MenuSection, Modal, ModalOverlay, SearchField, useFilter, } from 'react-aria-components';
+import { Search, SearchX } from 'lucide-react';
+import { cn } from '../lib/cn.js';
+import { fieldBox, fieldInput } from './field.js';
+import { IconButton } from './icon-button.js';
+import { renderIcon } from './icon.js';
+import { Kbd } from './kbd.js';
+import { itemVisual, rowTarget } from './menu.js';
+/** The search dialog: type to filter, arrow keys to move, Enter to go, Escape to close. */
+export function CommandSearch({ isOpen, onOpenChange, sections, onAction, placeholder = 'Search projects, people and settings', }) {
+    const { contains } = useFilter({ sensitivity: 'base' });
+    return (_jsx(ModalOverlay, { isOpen: isOpen, onOpenChange: onOpenChange, isDismissable: true, "data-overlay": true, className: "fixed inset-0 z-(--z-popover) flex items-start justify-center bg-overlay px-4 pt-[12vh]", children: _jsx(Modal, { "data-sheet": "top", className: "w-full max-w-[40rem] overflow-hidden rounded-xl border border-border bg-popover text-popover-foreground shadow-(--shadow-lg) outline-none", children: _jsx(Dialog, { "aria-label": "Search", className: "flex max-h-[70vh] flex-col outline-none", children: _jsxs(Autocomplete, { filter: contains, children: [_jsx(SearchField, { "aria-label": "Search", autoFocus: true, className: "border-b border-border p-3", children: _jsxs("div", { className: fieldBox, children: [_jsx(Search, { "aria-hidden": "true", className: "pointer-events-none absolute top-1/2 left-2.5 size-5 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { placeholder: placeholder, className: cn(fieldInput, 'pr-14 pl-10 [&::-webkit-search-cancel-button]:hidden') }), _jsx(Kbd, { className: "pointer-events-none absolute top-1/2 right-2 -translate-y-1/2", children: "Esc" })] }) }), _jsx(Menu, { items: sections, onAction: (id) => {
+                                onAction?.(id);
+                                onOpenChange(false);
+                            }, renderEmptyState: () => (_jsxs("div", { className: "flex flex-col items-center gap-2 px-4 py-10 text-center text-sm text-muted-foreground", children: [_jsx(SearchX, { "aria-hidden": "true", className: "size-6" }), "No results. Try a project name, a person or a setting."] })), className: "relative min-h-0 flex-1 overflow-auto p-2 outline-none", children: (section) => (_jsxs(MenuSection, { id: section.id, className: "not-first:mt-2", children: [_jsx(Header, { className: "px-3 pt-1 pb-1 text-[13px] leading-5 font-semibold text-muted-foreground", children: section.title }), _jsx(Collection, { items: section.items, children: (item) => (_jsx(MenuItem, { id: item.id, href: item.href, textValue: item.label, className: cn('group/item', rowTarget), children: _jsxs("span", { className: itemVisual, children: [item.icon &&
+                                                        renderIcon(item.icon, 'size-5 shrink-0 text-muted-foreground'), _jsxs("span", { className: "flex min-w-0 flex-col", children: [_jsx("span", { className: "truncate font-medium", children: item.label }), item.description && (_jsx("span", { className: "truncate text-[13px] text-muted-foreground", children: item.description }))] })] }) })) })] })) })] }) }) }) }));
+}
+/** Opens the search dialog. Looks like a field; is a button, named "Search", with the shortcut announced. */
+export function SearchTrigger({ onPress, placeholder = 'Search', compact, className, }) {
+    if (compact) {
+        return (_jsx(IconButton, { label: "Search", icon: Search, onPress: onPress, "aria-haspopup": "dialog", "aria-keyshortcuts": "Meta+K Control+K" }));
+    }
+    return (_jsxs(RACButton, { onPress: onPress, "aria-label": "Search", "aria-haspopup": "dialog", "aria-keyshortcuts": "Meta+K Control+K", className: cn(
+        // Looks like a field, so it is built like one: the button is the target, the box is painted behind it.
+        'field-paint flex h-control-target w-64 min-w-0 cursor-pointer items-center gap-2 pr-2 pl-2.5 text-left text-sm text-muted-foreground outline-none', 'data-hovered:before:bg-accent data-focus-visible:before:focus-ring', className), children: [_jsx(Search, { "aria-hidden": "true", className: "size-5 shrink-0" }), _jsx("span", { className: "min-w-0 flex-1 truncate", children: placeholder }), _jsx(Kbd, { children: "\u2318K" })] }));
+}
+/** Trigger + dialog + the ⌘K / Ctrl+K shortcut, wired together. */
+export function AppSearch({ sections, onAction, compact, defaultOpen = false, placeholder, className, }) {
+    const [isOpen, setOpen] = useState(defaultOpen);
+    useEffect(() => {
+        const onKey = (e) => {
+            if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === 'k') {
+                e.preventDefault();
+                setOpen(true);
+            }
+        };
+        document.addEventListener('keydown', onKey);
+        return () => document.removeEventListener('keydown', onKey);
+    }, []);
+    return (_jsxs(_Fragment, { children: [_jsx(SearchTrigger, { onPress: () => setOpen(true), compact: compact, className: className }), _jsx(CommandSearch, { isOpen: isOpen, onOpenChange: setOpen, sections: sections, onAction: onAction, placeholder: placeholder })] }));
+}
+//# sourceMappingURL=search.js.map

package/dist/ui/search.js.map

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

package/dist/ui/section.d.ts

@@ -0,0 +1,50 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+export interface ContainerProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+    /** `narrow`: `--site-max-narrow` (768px), for long text or a form. Default `--site-max` (1180px). */
+    width?: 'default' | 'narrow';
+}
+/** The content width of a public page, centred, with `--site-gutter` either side. Server-safe. */
+export declare function Container({ children, width, className, ...props }: ContainerProps): import("react").JSX.Element;
+/** A short label above a heading, in sentence case. Server-safe. */
+export declare function Eyebrow({ children, className }: {
+    children: ReactNode;
+    className?: string;
+}): import("react").JSX.Element;
+export interface SectionHeaderProps {
+    title: ReactNode;
+    eyebrow?: ReactNode;
+    /** A sentence or two under the heading, inside `--measure`. */
+    intro?: ReactNode;
+    /** The heading's id, for a Section named by it or a link to it. */
+    id?: string;
+    /** 2 (default) for a section of the page, 3 for one inside another. */
+    headingLevel?: 2 | 3;
+    className?: string;
+}
+/** A section's eyebrow, heading and intro, with the space before its content. Server-safe. */
+export declare function SectionHeader({ title, eyebrow, intro, id, headingLevel, className, }: SectionHeaderProps): import("react").JSX.Element;
+export interface SectionProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {
+    /** The heading: every section has one. */
+    title: ReactNode;
+    eyebrow?: ReactNode;
+    intro?: ReactNode;
+    children?: ReactNode;
+    headingLevel?: 2 | 3;
+    /** The heading's id, to name something else by it (a form) or link to it. Default: generated. */
+    headingId?: string;
+    /**
+     * Name the section by its heading, so it is a region landmark. Off by default: a named section is listed
+     * with the landmarks, and naming every section fills that list. Use it for the few a reader jumps to.
+     */
+    landmark?: boolean;
+    /** The alternate ground, `card`, with a border above and below. */
+    raised?: boolean;
+    /** Less space above and below (`--section-y-tight`). */
+    tight?: boolean;
+    /** The content width: `narrow` for long text or a form. */
+    width?: 'default' | 'narrow';
+}
+/** One full-width band of a public page: its header, then its content, in a Container. Server-safe. */
+export declare function Section({ title, eyebrow, intro, children, headingLevel, headingId, landmark, raised, tight, width, className, ...props }: SectionProps): import("react").JSX.Element;
+//# sourceMappingURL=section.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"section.d.ts","sourceRoot":"","sources":["../../src/ui/section.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGnE,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,cAAc,CAAC;IACpE,QAAQ,EAAE,SAAS,CAAC;IACpB,qGAAqG;IACrG,KAAK,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;CAC9B;AAED,kGAAkG;AAClG,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,KAAiB,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,+BAS7F;AAED,oEAAoE;AACpE,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAE3F;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,+DAA+D;IAC/D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,mEAAmE;IACnE,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,uEAAuE;IACvE,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,8FAA8F;AAC9F,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,OAAO,EACP,KAAK,EACL,EAAE,EACF,YAAgB,EAChB,SAAS,GACV,EAAE,kBAAkB,+BAWpB;AAED,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAC9E,0CAA0C;IAC1C,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IACrB,iGAAiG;IACjG,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mEAAmE;IACnE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,wDAAwD;IACxD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,2DAA2D;IAC3D,KAAK,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;CAC9B;AAED,uGAAuG;AACvG,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,OAAO,EACP,KAAK,EACL,QAAQ,EACR,YAAgB,EAChB,SAAS,EACT,QAAgB,EAChB,MAAc,EACd,KAAa,EACb,KAAiB,EACjB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,YAAY,+BA0Bd"}

package/dist/ui/section.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from 'react';
+import { cn } from '../lib/cn.js';
+/** The content width of a public page, centred, with `--site-gutter` either side. Server-safe. */
+export function Container({ children, width = 'default', className, ...props }) {
+    return (_jsx("div", { ...props, className: cn(width === 'narrow' ? 'site-container-narrow' : 'site-container', className), children: children }));
+}
+/** A short label above a heading, in sentence case. Server-safe. */
+export function Eyebrow({ children, className }) {
+    return _jsx("p", { className: cn('eyebrow', className), children: children });
+}
+/** A section's eyebrow, heading and intro, with the space before its content. Server-safe. */
+export function SectionHeader({ title, eyebrow, intro, id, headingLevel = 2, className, }) {
+    const Heading = headingLevel === 3 ? 'h3' : 'h2';
+    return (_jsxs("div", { className: cn('section-head', className), children: [eyebrow && _jsx(Eyebrow, { children: eyebrow }), _jsx(Heading, { id: id, className: "text-display-section", children: title }), intro && _jsx("p", { className: "text-lead text-muted-foreground", children: intro })] }));
+}
+/** One full-width band of a public page: its header, then its content, in a Container. Server-safe. */
+export function Section({ title, eyebrow, intro, children, headingLevel = 2, headingId, landmark = false, raised = false, tight = false, width = 'default', className, ...props }) {
+    const generatedId = useId();
+    const id = headingId ?? generatedId;
+    return (_jsx("section", { ...props, "aria-labelledby": landmark ? id : undefined, className: cn(tight ? 'section-band-tight' : 'section-band', 
+        // section-band-raised's ground, so it combines with the tight spacing.
+        raised && 'border-y border-border bg-card', className), children: _jsxs(Container, { width: width, children: [_jsx(SectionHeader, { id: id, title: title, eyebrow: eyebrow, intro: intro, headingLevel: headingLevel }), children] }) }));
+}
+//# sourceMappingURL=section.js.map

package/dist/ui/section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"section.js","sourceRoot":"","sources":["../../src/ui/section.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAuC,MAAM,OAAO,CAAC;AACnE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAQlC,kGAAkG;AAClG,MAAM,UAAU,SAAS,CAAC,EAAE,QAAQ,EAAE,KAAK,GAAG,SAAS,EAAE,SAAS,EAAE,GAAG,KAAK,EAAkB;IAC5F,OAAO,CACL,iBACM,KAAK,EACT,SAAS,EAAE,EAAE,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,gBAAgB,EAAE,SAAS,CAAC,YAExF,QAAQ,GACL,CACP,CAAC;AACJ,CAAC;AAED,oEAAoE;AACpE,MAAM,UAAU,OAAO,CAAC,EAAE,QAAQ,EAAE,SAAS,EAA+C;IAC1F,OAAO,YAAG,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,YAAG,QAAQ,GAAK,CAAC;AAChE,CAAC;AAcD,8FAA8F;AAC9F,MAAM,UAAU,aAAa,CAAC,EAC5B,KAAK,EACL,OAAO,EACP,KAAK,EACL,EAAE,EACF,YAAY,GAAG,CAAC,EAChB,SAAS,GACU;IACnB,MAAM,OAAO,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IACjD,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC,aAC1C,OAAO,IAAI,KAAC,OAAO,cAAE,OAAO,GAAW,EACxC,KAAC,OAAO,IAAC,EAAE,EAAE,EAAE,EAAE,SAAS,EAAC,sBAAsB,YAC9C,KAAK,GACE,EACT,KAAK,IAAI,YAAG,SAAS,EAAC,iCAAiC,YAAE,KAAK,GAAK,IAChE,CACP,CAAC;AACJ,CAAC;AAwBD,uGAAuG;AACvG,MAAM,UAAU,OAAO,CAAC,EACtB,KAAK,EACL,OAAO,EACP,KAAK,EACL,QAAQ,EACR,YAAY,GAAG,CAAC,EAChB,SAAS,EACT,QAAQ,GAAG,KAAK,EAChB,MAAM,GAAG,KAAK,EACd,KAAK,GAAG,KAAK,EACb,KAAK,GAAG,SAAS,EACjB,SAAS,EACT,GAAG,KAAK,EACK;IACb,MAAM,WAAW,GAAG,KAAK,EAAE,CAAC;IAC5B,MAAM,EAAE,GAAG,SAAS,IAAI,WAAW,CAAC;IACpC,OAAO,CACL,qBACM,KAAK,qBACQ,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAC1C,SAAS,EAAE,EAAE,CACX,KAAK,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,cAAc;QAC7C,uEAAuE;QACvE,MAAM,IAAI,gCAAgC,EAC1C,SAAS,CACV,YAED,MAAC,SAAS,IAAC,KAAK,EAAE,KAAK,aACrB,KAAC,aAAa,IACZ,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,GAC1B,EACD,QAAQ,IACC,GACJ,CACX,CAAC;AACJ,CAAC"}

package/dist/ui/segmented-control.d.ts

@@ -0,0 +1,18 @@
+import { type ToggleButtonGroupProps, type ToggleButtonProps } from 'react-aria-components';
+export interface SegmentedControlProps extends Omit<ToggleButtonGroupProps, 'className' | 'selectionMode'> {
+    /** Name the group: "Show projects". */
+    'aria-label': string;
+    className?: string;
+}
+/** One of a few mutually exclusive views of the same content. Selected = border, ground and weight, never colour alone. */
+export declare function SegmentedControl({ className, ...props }: SegmentedControlProps): import("react").JSX.Element;
+/**
+ * A segment in three layers. The toggle button is the target (Layer 1): at least --target-min square. The
+ * painted segment inside it (Layer 2) is 4px shorter than the bar. At AAA the target is taller than the bar,
+ * so a negative block margin lets it reach past the bar's edges instead of making the bar taller.
+ */
+export declare function Segment({ className, visualClassName, children, ...props }: Omit<ToggleButtonProps, 'className'> & {
+    className?: string;
+    visualClassName?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=segmented-control.d.ts.map

package/dist/ui/segmented-control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"segmented-control.d.ts","sourceRoot":"","sources":["../../src/ui/segmented-control.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIL,KAAK,sBAAsB,EAC3B,KAAK,iBAAiB,EACvB,MAAM,uBAAuB,CAAC;AAG/B,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CACjD,sBAAsB,EACtB,WAAW,GAAG,eAAe,CAC9B;IACC,uCAAuC;IACvC,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,2HAA2H;AAC3H,wBAAgB,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,+BAS9E;AAED;;;;GAIG;AACH,wBAAgB,OAAO,CAAC,EACtB,SAAS,EACT,eAAe,EACf,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,iBAAiB,EAAE,WAAW,CAAC,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,eAAe,CAAC,EAAE,MAAM,CAAA;CAAE,+BAwBzF"}

package/dist/ui/segmented-control.js

@@ -0,0 +1,17 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { composeRenderProps, ToggleButton, ToggleButtonGroup, } from 'react-aria-components';
+import { cn } from '../lib/cn.js';
+/** One of a few mutually exclusive views of the same content. Selected = border, ground and weight, never colour alone. */
+export function SegmentedControl({ className, ...props }) {
+    return (_jsx(ToggleButtonGroup, { selectionMode: "single", disallowEmptySelection: true, ...props, className: cn('inline-flex gap-0.5 rounded-lg bg-muted p-0.5', className) }));
+}
+/**
+ * A segment in three layers. The toggle button is the target (Layer 1): at least --target-min square. The
+ * painted segment inside it (Layer 2) is 4px shorter than the bar. At AAA the target is taller than the bar,
+ * so a negative block margin lets it reach past the bar's edges instead of making the bar taller.
+ */
+export function Segment({ className, visualClassName, children, ...props }) {
+    return (_jsx(ToggleButton, { ...props, className: cn('group/segment relative inline-flex min-h-target min-w-target cursor-pointer items-center justify-center outline-none data-disabled:cursor-not-allowed', 'my-[min(0px,calc((var(--control-height)-4px-var(--target-min))/2))]', className), children: composeRenderProps(children, (kids) => (_jsx("span", { className: cn('inline-flex h-[calc(var(--control-height)-4px)] w-full items-center justify-center rounded-md border border-transparent px-(--control-pad-x) text-sm font-medium whitespace-nowrap text-muted-foreground', 'group-data-hovered/segment:text-foreground group-data-focus-visible/segment:focus-ring', 'group-data-selected/segment:border-input group-data-selected/segment:bg-background group-data-selected/segment:font-bold group-data-selected/segment:text-foreground', visualClassName), children: kids }))) }));
+}
+//# sourceMappingURL=segmented-control.js.map

package/dist/ui/segmented-control.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"segmented-control.js","sourceRoot":"","sources":["../../src/ui/segmented-control.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EACL,kBAAkB,EAClB,YAAY,EACZ,iBAAiB,GAGlB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAWlC,2HAA2H;AAC3H,MAAM,UAAU,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAyB;IAC7E,OAAO,CACL,KAAC,iBAAiB,IAChB,aAAa,EAAC,QAAQ,EACtB,sBAAsB,WAClB,KAAK,EACT,SAAS,EAAE,EAAE,CAAC,+CAA+C,EAAE,SAAS,CAAC,GACzE,CACH,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,OAAO,CAAC,EACtB,SAAS,EACT,eAAe,EACf,QAAQ,EACR,GAAG,KAAK,EACgF;IACxF,OAAO,CACL,KAAC,YAAY,OACP,KAAK,EACT,SAAS,EAAE,EAAE,CACX,uJAAuJ,EACvJ,qEAAqE,EACrE,SAAS,CACV,YAEA,kBAAkB,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACtC,eACE,SAAS,EAAE,EAAE,CACX,0MAA0M,EAC1M,wFAAwF,EACxF,sKAAsK,EACtK,eAAe,CAChB,YAEA,IAAI,GACA,CACR,CAAC,GACW,CAChB,CAAC;AACJ,CAAC"}

package/dist/ui/select.d.ts

@@ -0,0 +1,18 @@
+import type { ReactNode } from 'react';
+import { type Key, type SelectProps as RACSelectProps } from 'react-aria-components';
+import { type FieldWidth } from './field.js';
+export interface SelectProps<T extends object> extends Omit<RACSelectProps<T>, 'className' | 'children' | 'validate'> {
+    label: string;
+    description?: ReactNode;
+    errorMessage?: string;
+    /** Default "Choose <label>". */
+    requiredMessage?: string;
+    validate?: (value: Key | null) => string | string[] | true | null | undefined;
+    items?: Iterable<T>;
+    children: ReactNode | ((item: T) => ReactNode);
+    width?: FieldWidth;
+    className?: string;
+}
+/** Choose one of a known, short list (about 5–15). Longer or searchable lists are a ComboBox. */
+export declare function Select<T extends object>({ label, description, errorMessage, requiredMessage, validate, items, children, width, placeholder, className, ...props }: SelectProps<T>): import("react").JSX.Element;
+//# sourceMappingURL=select.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/ui/select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAIL,KAAK,GAAG,EACR,KAAK,WAAW,IAAI,cAAc,EACnC,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EAQL,KAAK,UAAU,EAChB,MAAM,YAAY,CAAC;AAIpB,MAAM,WAAW,WAAW,CAAC,CAAC,SAAS,MAAM,CAAE,SAAQ,IAAI,CACzD,cAAc,CAAC,CAAC,CAAC,EACjB,WAAW,GAAG,UAAU,GAAG,UAAU,CACtC;IACC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gCAAgC;IAChC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,GAAG,IAAI,KAAK,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;IAC9E,KAAK,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;IACpB,QAAQ,EAAE,SAAS,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC,CAAC;IAC/C,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iGAAiG;AACjG,wBAAgB,MAAM,CAAC,CAAC,SAAS,MAAM,EAAE,EACvC,KAAK,EACL,WAAW,EACX,YAAY,EACZ,eAAe,EACf,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,KAAY,EACZ,WAAuB,EACvB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,WAAW,CAAC,CAAC,CAAC,+BAmChB"}

package/dist/ui/select.js

@@ -0,0 +1,13 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Select as RACSelect, SelectValue, } from 'react-aria-components';
+import { ChevronDown } from 'lucide-react';
+import { cn } from '../lib/cn.js';
+import { FieldDescription, FieldError, FieldLabel, fieldStack, fieldWidths, lcFirst, withRequired, } from './field.js';
+import { ListBox } from './list-box.js';
+import { Popover } from './menu.js';
+/** Choose one of a known, short list (about 5–15). Longer or searchable lists are a ComboBox. */
+export function Select({ label, description, errorMessage, requiredMessage, validate, items, children, width = 'md', placeholder = 'Choose…', className, ...props }) {
+    return (_jsxs(RACSelect, { ...props, placeholder: placeholder, validate: withRequired(props.isRequired, requiredMessage ?? `Choose ${lcFirst(label)}`, (v) => v == null, validate), className: cn(fieldStack, fieldWidths[width], className), children: [_jsx(FieldLabel, { isRequired: props.isRequired, children: label }), description && _jsx(FieldDescription, { children: description }), _jsx(FieldError, { requiredMessage: requiredMessage ?? `Choose ${lcFirst(label)}`, children: errorMessage }), _jsxs(Button, { className: cn('field-paint flex h-control-target w-full min-w-0 cursor-pointer items-center gap-2 px-(--control-pad-x) text-left text-sm text-foreground outline-none data-disabled:cursor-not-allowed', 'data-focus-visible:before:focus-ring data-pressed:before:bg-accent group-data-invalid/field:before:border-destructive group-data-invalid/field:before:shadow-[inset_0_0_0_1px_var(--destructive)] data-disabled:opacity-60'), children: [_jsx(SelectValue, { className: "min-w-0 flex-1 truncate data-placeholder:text-muted-foreground" }), _jsx(ChevronDown, { "aria-hidden": "true", className: "size-4 shrink-0 text-muted-foreground" })] }), _jsx(Popover, { placement: "bottom start", className: "max-h-80", children: _jsx(ListBox, { items: items, children: children }) })] }));
+}
+//# sourceMappingURL=select.js.map

package/dist/ui/select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.js","sourceRoot":"","sources":["../../src/ui/select.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EACL,MAAM,EACN,MAAM,IAAI,SAAS,EACnB,WAAW,GAGZ,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EACL,gBAAgB,EAChB,UAAU,EACV,UAAU,EACV,UAAU,EACV,WAAW,EACX,OAAO,EACP,YAAY,GAEb,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAkBpC,iGAAiG;AACjG,MAAM,UAAU,MAAM,CAAmB,EACvC,KAAK,EACL,WAAW,EACX,YAAY,EACZ,eAAe,EACf,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,KAAK,GAAG,IAAI,EACZ,WAAW,GAAG,SAAS,EACvB,SAAS,EACT,GAAG,KAAK,EACO;IACf,OAAO,CACL,MAAC,SAAS,OACH,KAA2B,EAChC,WAAW,EAAE,WAAW,EACxB,QAAQ,EACN,YAAY,CACV,KAAK,CAAC,UAAU,EAChB,eAAe,IAAI,UAAU,OAAO,CAAC,KAAK,CAAC,EAAE,EAC7C,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,IAAI,IAAI,EAChB,QAAQ,CACA,EAEZ,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,WAAW,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC,aAExD,KAAC,UAAU,IAAC,UAAU,EAAE,KAAK,CAAC,UAAU,YAAG,KAAK,GAAc,EAC7D,WAAW,IAAI,KAAC,gBAAgB,cAAE,WAAW,GAAoB,EAClE,KAAC,UAAU,IAAC,eAAe,EAAE,eAAe,IAAI,UAAU,OAAO,CAAC,KAAK,CAAC,EAAE,YACvE,YAAY,GACF,EAEb,MAAC,MAAM,IACL,SAAS,EAAE,EAAE,CACX,yLAAyL,EACzL,4NAA4N,CAC7N,aAED,KAAC,WAAW,IAAC,SAAS,EAAC,gEAAgE,GAAG,EAC1F,KAAC,WAAW,mBAAa,MAAM,EAAC,SAAS,EAAC,uCAAuC,GAAG,IAC7E,EACT,KAAC,OAAO,IAAC,SAAS,EAAC,cAAc,EAAC,SAAS,EAAC,UAAU,YACpD,KAAC,OAAO,IAAC,KAAK,EAAE,KAAK,YAAG,QAAiB,GAAW,GAC5C,IACA,CACb,CAAC;AACJ,CAAC"}

package/dist/ui/selection-bar.d.ts

@@ -0,0 +1,28 @@
+import { type ReactNode } from 'react';
+export interface SelectionBarProps {
+    /** How many are selected. "all" when the whole collection is selected (React Aria's `'all'`). */
+    count: number | 'all';
+    /** Items in the collection, for "All 12 projects selected" and "Select all 12 projects". */
+    total?: number;
+    /** Singular and plural nouns: ['project', 'projects']. */
+    noun: [string, string];
+    onClear: () => void;
+    /**
+     * Shows "Select all <total> <nouns>" while not everything is selected. A GridList has no header checkbox,
+     * so give it this; a Table's header checkbox already does the job.
+     */
+    onSelectAll?: () => void;
+    /** Actions for the selection, shown while something is selected. */
+    children?: ReactNode;
+    className?: string;
+}
+/**
+ * The count and bulk actions for a multi-select Table or GridList. The count is a live region that is always
+ * in the page, so each change is announced ("3 projects selected") without moving focus.
+ *
+ * Buttons that take themselves away hand focus on: after "Select all", to "Clear selection"; after "Clear
+ * selection", to "Select all" if there is one, otherwise to the next focusable thing after the bar — so put the
+ * bar directly above its table or list.
+ */
+export declare function SelectionBar({ count, total, noun, onClear, onSelectAll, children, className, }: SelectionBarProps): import("react").JSX.Element;
+//# sourceMappingURL=selection-bar.d.ts.map

package/dist/ui/selection-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection-bar.d.ts","sourceRoot":"","sources":["../../src/ui/selection-bar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAU,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAK/C,MAAM,WAAW,iBAAiB;IAChC,iGAAiG;IACjG,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC;IACtB,4FAA4F;IAC5F,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0DAA0D;IAC1D,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACvB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,KAAK,EACL,IAAI,EACJ,OAAO,EACP,WAAW,EACX,QAAQ,EACR,SAAS,GACV,EAAE,iBAAiB,+BA+DnB"}