@setsquare/ui 0.1.0

package/dist/ui/selection-bar.js

@@ -0,0 +1,35 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef } from 'react';
+import { cn } from '../lib/cn.js';
+import { focusAfter } from '../lib/tokens.js';
+import { Button } from './button.js';
+/**
+ * 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 function SelectionBar({ count, total, noun, onClear, onSelectAll, children, className, }) {
+    const ref = useRef(null);
+    const clearRef = useRef(null);
+    const selectAllRef = useRef(null);
+    const n = count === 'all' ? (total ?? 0) : count;
+    const all = count === 'all' || (total != null && n === total && n > 0);
+    const text = n === 0
+        ? ''
+        : all
+            ? `All ${total ?? n} ${noun[1]} selected`
+            : `${n} ${n === 1 ? noun[0] : noun[1]} selected`;
+    const showSelectAll = !!onSelectAll && !all && (total ?? 0) > 0;
+    return (_jsxs("div", { ref: ref, className: cn('flex flex-wrap items-center gap-x-4 gap-y-2', (n > 0 || showSelectAll) && 'min-h-control-target', className), children: [_jsx("p", { role: "status", className: cn('text-sm leading-5 font-semibold text-foreground', n === 0 && 'sr-only'), children: text }), (n > 0 || showSelectAll) && (_jsxs("div", { role: "group", "aria-label": "Selection", className: "flex flex-wrap items-center gap-2", children: [n > 0 && children, showSelectAll && (_jsxs(Button, { ref: selectAllRef, variant: "ghost", visualSize: "sm", onPress: () => {
+                            onSelectAll();
+                            requestAnimationFrame(() => clearRef.current?.focus());
+                        }, children: ["Select all ", total, " ", noun[1]] })), n > 0 && (_jsx(Button, { ref: clearRef, variant: "ghost", visualSize: "sm", onPress: () => {
+                            onClear();
+                            requestAnimationFrame(() => selectAllRef.current ? selectAllRef.current.focus() : focusAfter(ref.current));
+                        }, children: "Clear selection" }))] }))] }));
+}
+//# sourceMappingURL=selection-bar.js.map

package/dist/ui/selection-bar.js.map

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

package/dist/ui/sheet.d.ts

@@ -0,0 +1,21 @@
+import type { ReactNode } from 'react';
+export interface SheetProps {
+    isOpen: boolean;
+    onOpenChange: (open: boolean) => void;
+    side?: 'left' | 'right';
+    /** Visible heading; also names the dialog. */
+    title?: string;
+    /** Name the dialog without a visible heading (the mobile navigation). */
+    'aria-label'?: string;
+    /** Extra actions beside the close button. */
+    headerActions?: ReactNode;
+    children: ReactNode;
+    footer?: ReactNode;
+    className?: string;
+}
+/**
+ * A modal panel from the edge: focus is trapped inside, Escape and the backdrop close it,
+ * focus returns to what opened it. Slides by --motion-distance, so AAA themes fade only.
+ */
+export declare function Sheet({ isOpen, onOpenChange, side, title, headerActions, children, footer, className, ...rest }: SheetProps): import("react").JSX.Element;
+//# sourceMappingURL=sheet.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sheet.d.ts","sourceRoot":"","sources":["../../src/ui/sheet.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,MAAM,WAAW,UAAU;IACzB,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yEAAyE;IACzE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,6CAA6C;IAC7C,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,KAAK,CAAC,EACpB,MAAM,EACN,YAAY,EACZ,IAAc,EACd,KAAK,EACL,aAAa,EACb,QAAQ,EACR,MAAM,EACN,SAAS,EACT,GAAG,IAAI,EACR,EAAE,UAAU,+BA+CZ"}

package/dist/ui/sheet.js

@@ -0,0 +1,16 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Dialog, Heading, Modal, ModalOverlay } from 'react-aria-components';
+import { X } from 'lucide-react';
+import { cn } from '../lib/cn.js';
+import { IconButton } from './icon-button.js';
+/**
+ * A modal panel from the edge: focus is trapped inside, Escape and the backdrop close it,
+ * focus returns to what opened it. Slides by --motion-distance, so AAA themes fade only.
+ */
+export function Sheet({ isOpen, onOpenChange, side = 'right', title, headerActions, children, footer, className, ...rest }) {
+    return (_jsx(ModalOverlay, { isOpen: isOpen, onOpenChange: onOpenChange, isDismissable: true, "data-overlay": true, className: "fixed inset-0 z-(--z-sheet) bg-overlay", children: _jsx(Modal, { "data-sheet": side, className: cn('fixed inset-y-0 flex max-w-[calc(100%-3rem)] flex-col bg-background text-foreground shadow-(--shadow-lg) outline-none', side === 'right'
+                ? 'right-0 w-panel border-l border-border'
+                : 'left-0 w-sidebar border-r border-sidebar-border bg-sidebar', className), children: _jsxs(Dialog, { "aria-label": title ? undefined : rest['aria-label'], className: "flex h-full min-h-0 flex-col outline-none", children: [title ? (_jsxs("div", { className: "flex min-h-[calc(var(--control-height)+1rem)] items-center justify-between gap-2 border-b border-border py-2 pr-2 pl-4", children: [_jsx(Heading, { slot: "title", className: "text-subheading", children: title }), _jsxs("div", { className: "flex items-center gap-1", children: [headerActions, _jsx(IconButton, { label: "Close", icon: X, visualSize: "icon-sm", slot: "close", tooltip: false, className: "justify-end" })] })] })) : null, children, footer] }) }) }));
+}
+//# sourceMappingURL=sheet.js.map

package/dist/ui/sheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheet.js","sourceRoot":"","sources":["../../src/ui/sheet.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC7E,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AACjC,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAiB9C;;;GAGG;AACH,MAAM,UAAU,KAAK,CAAC,EACpB,MAAM,EACN,YAAY,EACZ,IAAI,GAAG,OAAO,EACd,KAAK,EACL,aAAa,EACb,QAAQ,EACR,MAAM,EACN,SAAS,EACT,GAAG,IAAI,EACI;IACX,OAAO,CACL,KAAC,YAAY,IACX,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY,EAC1B,aAAa,8BAEb,SAAS,EAAC,wCAAwC,YAElD,KAAC,KAAK,kBACQ,IAAI,EAChB,SAAS,EAAE,EAAE,CACX,uHAAuH,EACvH,IAAI,KAAK,OAAO;gBACd,CAAC,CAAC,wCAAwC;gBAC1C,CAAC,CAAC,4DAA4D,EAChE,SAAS,CACV,YAED,MAAC,MAAM,kBACO,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,EAClD,SAAS,EAAC,2CAA2C,aAEpD,KAAK,CAAC,CAAC,CAAC,CACP,eAAK,SAAS,EAAC,wHAAwH,aACrI,KAAC,OAAO,IAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,iBAAiB,YAC9C,KAAK,GACE,EACV,eAAK,SAAS,EAAC,yBAAyB,aACrC,aAAa,EACd,KAAC,UAAU,IACT,KAAK,EAAC,OAAO,EACb,IAAI,EAAE,CAAC,EACP,UAAU,EAAC,SAAS,EACpB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,KAAK,EACd,SAAS,EAAC,aAAa,GACvB,IACE,IACF,CACP,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,EACR,MAAM,IACA,GACH,GACK,CAChB,CAAC;AACJ,CAAC"}

package/dist/ui/skeleton.d.ts

@@ -0,0 +1,31 @@
+import { type ReactNode } from 'react';
+/** A placeholder block. Decorative: the surrounding LoadingState says what is loading. Pulses (opacity), never shimmers across. */
+export declare function Skeleton({ className }: {
+    className?: string;
+}): import("react").JSX.Element;
+export declare function SkeletonText({ lines, className }: {
+    lines?: number;
+    className?: string;
+}): import("react").JSX.Element;
+/** Table-shaped placeholder: header row and `rows` body rows at the real row height. */
+export declare function TableSkeleton({ rows, columns, className, }: {
+    rows?: number;
+    columns?: number;
+    className?: string;
+}): import("react").JSX.Element;
+export interface LoadingStateProps {
+    /** Announced once, politely: "Loading projects". */
+    label: string;
+    /** The skeleton to show — shaped like the content that is coming. */
+    children: ReactNode;
+    /** ms before the skeleton appears. Default --duration-loading-delay, so fast loads never flash it. */
+    delay?: number;
+    className?: string;
+}
+/**
+ * Wraps a skeleton: marks the region busy, announces the label through a polite status,
+ * and shows the skeleton only after a short delay. Replace it with the content (and, if it
+ * helps, a StatusMessage such as "12 projects") when loading finishes.
+ */
+export declare function LoadingState({ label, children, delay, className }: LoadingStateProps): import("react").JSX.Element;
+//# sourceMappingURL=skeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../src/ui/skeleton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAuB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI5D,mIAAmI;AACnI,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAU7D;AAED,wBAAgB,YAAY,CAAC,EAAE,KAAS,EAAE,SAAS,EAAE,EAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAQ5F;AAED,wFAAwF;AACxF,wBAAgB,aAAa,CAAC,EAC5B,IAAQ,EACR,OAAW,EACX,SAAS,GACV,EAAE;IACD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BAwBA;AAED,MAAM,WAAW,iBAAiB;IAChC,oDAAoD;IACpD,KAAK,EAAE,MAAM,CAAC;IACd,qEAAqE;IACrE,QAAQ,EAAE,SAAS,CAAC;IACpB,sGAAsG;IACtG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,iBAAiB,+BAqBpF"}

package/dist/ui/skeleton.js

@@ -0,0 +1,38 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { cn } from '../lib/cn.js';
+import { readMs } from '../lib/tokens.js';
+/** A placeholder block. Decorative: the surrounding LoadingState says what is loading. Pulses (opacity), never shimmers across. */
+export function Skeleton({ className }) {
+    return (_jsx("span", { "aria-hidden": "true", className: cn('block rounded-md bg-accent animate-pulse motion-reduce:animate-none', className) }));
+}
+export function SkeletonText({ lines = 3, className }) {
+    return (_jsx("span", { "aria-hidden": "true", className: cn('flex flex-col gap-2', className), children: Array.from({ length: lines }, (_, i) => (_jsx(Skeleton, { className: cn('h-3.5', i === lines - 1 ? 'w-2/3' : 'w-full') }, i))) }));
+}
+/** Table-shaped placeholder: header row and `rows` body rows at the real row height. */
+export function TableSkeleton({ rows = 6, columns = 4, className, }) {
+    const widths = ['w-40', 'w-20', 'w-28', 'w-24', 'w-16'];
+    return (_jsxs("div", { "aria-hidden": "true", className: cn('overflow-hidden rounded-lg border border-border bg-card', className), children: [_jsx("div", { className: "flex h-control-target items-center gap-6 border-b border-border bg-muted px-3", children: Array.from({ length: columns }, (_, c) => (_jsx(Skeleton, { className: cn('h-3', widths[c % widths.length]) }, c))) }), Array.from({ length: rows }, (_row, r) => (_jsx("div", { className: "flex h-[calc(var(--control-height)+12px)] items-center gap-6 border-b border-border px-3 last:border-b-0", children: Array.from({ length: columns }, (_cell, c) => (_jsx(Skeleton, { className: cn('h-3.5', widths[(c + r) % widths.length]) }, c))) }, r)))] }));
+}
+/**
+ * Wraps a skeleton: marks the region busy, announces the label through a polite status,
+ * and shows the skeleton only after a short delay. Replace it with the content (and, if it
+ * helps, a StatusMessage such as "12 projects") when loading finishes.
+ */
+export function LoadingState({ label, children, delay, className }) {
+    const [visible, setVisible] = useState(delay === 0);
+    const [announce, setAnnounce] = useState('');
+    useEffect(() => {
+        const wait = delay ?? readMs('--duration-loading-delay', 400);
+        const show = setTimeout(() => setVisible(true), wait);
+        // Live regions announce changes, not their first content: fill it in after mount.
+        const say = setTimeout(() => setAnnounce(label), 50);
+        return () => {
+            clearTimeout(show);
+            clearTimeout(say);
+        };
+    }, [delay, label]);
+    return (_jsxs("div", { "aria-busy": "true", className: className, children: [_jsx("span", { role: "status", className: "sr-only", children: announce }), visible && _jsx("div", { "aria-hidden": "true", children: children })] }));
+}
+//# sourceMappingURL=skeleton.js.map

package/dist/ui/skeleton.js.map

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

package/dist/ui/slider.d.ts

@@ -0,0 +1,31 @@
+import { type ReactNode } from 'react';
+import { type SliderProps as RACSliderProps } from 'react-aria-components';
+import { type FieldWidth } from './field.js';
+interface SliderBaseProps {
+    label: string;
+    /** What the value controls, and anything that limits it. Read with each thumb. */
+    description?: ReactNode;
+    /** Show the minimum and maximum under the track. Default true. */
+    showRange?: boolean;
+    width?: FieldWidth;
+    className?: string;
+}
+export interface SliderProps extends SliderBaseProps, Omit<RACSliderProps<number>, 'className' | 'children'> {
+}
+export interface RangeSliderProps extends SliderBaseProps, Omit<RACSliderProps<number[]>, 'className' | 'children'> {
+    /** Names for the two thumbs, read before their values. Default ["Minimum", "Maximum"]. */
+    thumbLabels?: [string, string];
+}
+/**
+ * Choose a value from a continuous range where the exact number matters less than its position — volume,
+ * a threshold, a budget. For an exact number people will type, use a NumberField.
+ *
+ * Operable without dragging: press anywhere on the track to move the nearest thumb, or use the arrow keys,
+ * Page Up/Down and Home/End. The track is --target-min tall, and each thumb's target is at least
+ * --target-min square, though the visible thumb is --choice-size.
+ */
+export declare function Slider(props: SliderProps): import("react").JSX.Element;
+/** Choose a minimum and a maximum on one track. Each thumb has its own name ("Minimum", "Maximum"). */
+export declare function RangeSlider({ thumbLabels, ...props }: RangeSliderProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=slider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../src/ui/slider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAS,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAML,KAAK,WAAW,IAAI,cAAc,EACnC,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAuC,KAAK,UAAU,EAAE,MAAM,YAAY,CAAC;AAElF,UAAU,eAAe;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,kFAAkF;IAClF,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,kEAAkE;IAClE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,WACf,SAAQ,eAAe,EAAE,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC;CAAG;AAEpF,MAAM,WAAW,gBACf,SAAQ,eAAe,EAAE,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC;IACjF,0FAA0F;IAC1F,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAChC;AAED;;;;;;;GAOG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,+BAExC;AAED,uGAAuG;AACvG,wBAAgB,WAAW,CAAC,EAAE,WAAoC,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,+BAE/F"}

package/dist/ui/slider.js

@@ -0,0 +1,33 @@
+'use client';
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from 'react';
+import { Slider as RACSlider, SliderFill, SliderOutput, SliderThumb, SliderTrack, } from 'react-aria-components';
+import { cn } from '../lib/cn.js';
+import { FieldLabel, fieldStack, fieldWidths } from './field.js';
+/**
+ * Choose a value from a continuous range where the exact number matters less than its position — volume,
+ * a threshold, a budget. For an exact number people will type, use a NumberField.
+ *
+ * Operable without dragging: press anywhere on the track to move the nearest thumb, or use the arrow keys,
+ * Page Up/Down and Home/End. The track is --target-min tall, and each thumb's target is at least
+ * --target-min square, though the visible thumb is --choice-size.
+ */
+export function Slider(props) {
+    return _jsx(SliderRoot, { ...props });
+}
+/** Choose a minimum and a maximum on one track. Each thumb has its own name ("Minimum", "Maximum"). */
+export function RangeSlider({ thumbLabels = ['Minimum', 'Maximum'], ...props }) {
+    return _jsx(SliderRoot, { ...props, thumbLabels: thumbLabels });
+}
+function SliderRoot({ label, description, showRange = true, width = 'md', className, thumbLabels, ...props }) {
+    const descriptionId = useId();
+    const minValue = props.minValue ?? 0;
+    const maxValue = props.maxValue ?? 100;
+    const format = new Intl.NumberFormat(undefined, props.formatOptions);
+    return (_jsxs(RACSlider, { ...props, className: cn(fieldStack, fieldWidths[width], className), children: [_jsxs("div", { className: "flex items-baseline justify-between gap-4", children: [_jsx(FieldLabel, { children: label }), _jsx(SliderOutput, { className: "text-sm leading-5 font-semibold text-foreground tabular-nums", children: ({ state }) => state.values.map((_, i) => state.getThumbValueLabel(i)).join(' – ') })] }), description && (_jsx("p", { id: descriptionId, className: "max-w-(--measure) text-[13px] leading-5 text-muted-foreground", children: description })), _jsx(SliderTrack, { className: "group/track relative h-(--target-min) w-full cursor-pointer data-disabled:cursor-not-allowed data-disabled:opacity-60", children: ({ state }) => (_jsxs(_Fragment, { children: [_jsx("div", { "aria-hidden": "true", className: "absolute inset-x-0 top-1/2 h-1.5 -translate-y-1/2 rounded-full bg-input aaa:h-2", children: _jsx(SliderFill, { className: "rounded-full bg-primary" }) }), state.values.map((_, i) => (_jsx(SliderThumb, { index: i, "aria-label": thumbLabels?.[i], "aria-describedby": description ? descriptionId : undefined, className: cn(
+                            // Layer 1: the thumb element is the target, at least --target-min square, centred on the
+                            // value. Transparent; React Aria positions it and puts the real input inside it.
+                            // The thumb is dragged, not pressed: grab, and grabbing while it moves.
+                            'group/thumb top-1/2 grid size-target cursor-grab place-items-center outline-none data-disabled:cursor-not-allowed data-dragging:cursor-grabbing'), children: _jsx("span", { "aria-hidden": "true", className: cn('size-choice rounded-full border-2 border-primary bg-background shadow-(--shadow-sm)', 'group-data-hovered/thumb:bg-accent group-data-dragging/thumb:bg-accent group-data-focus-visible/thumb:focus-ring group-data-disabled/thumb:border-muted-foreground') }) }, i)))] })) }), showRange && (_jsxs("div", { "aria-hidden": "true", className: "-mt-1 flex justify-between text-[13px] leading-5 text-muted-foreground tabular-nums", children: [_jsx("span", { children: format.format(minValue) }), _jsx("span", { children: format.format(maxValue) })] }))] }));
+}
+//# sourceMappingURL=slider.js.map

package/dist/ui/slider.js.map

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

package/dist/ui/spinner.d.ts

@@ -0,0 +1,27 @@
+import type { ReactNode } from 'react';
+import { type ProgressBarProps as RACProgressBarProps } from 'react-aria-components';
+/**
+ * The spinning arc. Decorative — pair it with text or use <Spinner>, which is a labelled progressbar.
+ * Turns once per --duration-spin; at AAA and under reduced motion it pulses (opacity) instead of turning.
+ */
+export declare function SpinnerIcon({ className }: {
+    className?: string;
+}): import("react").JSX.Element;
+export interface SpinnerProps {
+    /** What is loading: "Loading projects". Always required — it is the accessible name. */
+    label: string;
+    /** Show the label beside the arc (default hidden, read by assistive tech). */
+    showLabel?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    className?: string;
+}
+/** An indeterminate progressbar: for waits you cannot measure. Show it only after --duration-loading-delay. */
+export declare function Spinner({ label, showLabel, size, className }: SpinnerProps): import("react").JSX.Element;
+export interface ProgressBarProps extends Omit<RACProgressBarProps, 'className' | 'children'> {
+    label: string;
+    description?: ReactNode;
+    className?: string;
+}
+/** Measured progress — uploads, exports, imports. The value is shown as text as well as the bar. */
+export declare function ProgressBar({ label, description, className, ...props }: ProgressBarProps): import("react").JSX.Element;
+//# sourceMappingURL=spinner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../src/ui/spinner.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAIL,KAAK,gBAAgB,IAAI,mBAAmB,EAC7C,MAAM,uBAAuB,CAAC;AAG/B;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BA6BhE;AAED,MAAM,WAAW,YAAY;IAC3B,wFAAwF;IACxF,KAAK,EAAE,MAAM,CAAC;IACd,8EAA8E;IAC9E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,+GAA+G;AAC/G,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,IAAW,EAAE,SAAS,EAAE,EAAE,YAAY,+BAWjF;AAED,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,WAAW,GAAG,UAAU,CAAC;IAC3F,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,oGAAoG;AACpG,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,+BA8BxF"}

package/dist/ui/spinner.js

@@ -0,0 +1,21 @@
+'use client';
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Label, ProgressBar as RACProgressBar, Text, } from 'react-aria-components';
+import { cn } from '../lib/cn.js';
+/**
+ * The spinning arc. Decorative — pair it with text or use <Spinner>, which is a labelled progressbar.
+ * Turns once per --duration-spin; at AAA and under reduced motion it pulses (opacity) instead of turning.
+ */
+export function SpinnerIcon({ className }) {
+    return (_jsxs("svg", { viewBox: "0 0 24 24", "aria-hidden": "true", "data-spinner": true, className: cn('size-5 shrink-0 animate-spin [animation-duration:var(--duration-spin)] motion-reduce:animate-pulse aaa:animate-pulse', className), children: [_jsx("circle", { cx: "12", cy: "12", r: "9", fill: "none", stroke: "currentColor", strokeOpacity: "0.25", strokeWidth: "3" }), _jsx("path", { d: "M21 12a9 9 0 0 0-9-9", fill: "none", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round" })] }));
+}
+const spinnerSizes = { sm: 'size-4', md: 'size-5', lg: 'size-8' };
+/** An indeterminate progressbar: for waits you cannot measure. Show it only after --duration-loading-delay. */
+export function Spinner({ label, showLabel, size = 'md', className }) {
+    return (_jsxs(RACProgressBar, { isIndeterminate: true, "aria-label": showLabel ? undefined : label, className: cn('inline-flex items-center gap-2 text-sm text-muted-foreground', className), children: [_jsx(SpinnerIcon, { className: cn(spinnerSizes[size], 'text-brand') }), showLabel && _jsx(Label, { children: label })] }));
+}
+/** Measured progress — uploads, exports, imports. The value is shown as text as well as the bar. */
+export function ProgressBar({ label, description, className, ...props }) {
+    return (_jsx(RACProgressBar, { ...props, className: cn('flex w-full max-w-[28rem] flex-col gap-1.5', className), children: ({ percentage, valueText, isIndeterminate }) => (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex items-baseline justify-between gap-4 text-sm", children: [_jsx(Label, { className: "font-semibold", children: label }), _jsx("span", { className: "text-muted-foreground tabular-nums", children: valueText })] }), _jsx("div", { className: "h-2 overflow-hidden rounded-full border border-input bg-muted aaa:h-3", children: _jsx("div", { className: cn('h-full rounded-full bg-primary transition-[width] duration-(--duration-fast) motion-reduce:transition-none', isIndeterminate && 'w-1/3 animate-pulse'), style: isIndeterminate ? undefined : { width: `${percentage ?? 0}%` } }) }), description && (_jsx(Text, { slot: "description", className: "text-[13px] leading-5 text-muted-foreground", children: description }))] })) }));
+}
+//# sourceMappingURL=spinner.js.map

package/dist/ui/spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.js","sourceRoot":"","sources":["../../src/ui/spinner.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EACL,KAAK,EACL,WAAW,IAAI,cAAc,EAC7B,IAAI,GAEL,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC;;;GAGG;AACH,MAAM,UAAU,WAAW,CAAC,EAAE,SAAS,EAA0B;IAC/D,OAAO,CACL,eACE,OAAO,EAAC,WAAW,iBACP,MAAM,wBAElB,SAAS,EAAE,EAAE,CACX,sHAAsH,EACtH,SAAS,CACV,aAED,iBACE,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,GAAG,EACL,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,MAAM,EACpB,WAAW,EAAC,GAAG,GACf,EACF,eACE,CAAC,EAAC,sBAAsB,EACxB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,GACrB,IACE,CACP,CAAC;AACJ,CAAC;AAWD,MAAM,YAAY,GAAG,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC;AAElE,+GAA+G;AAC/G,MAAM,UAAU,OAAO,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,GAAG,IAAI,EAAE,SAAS,EAAgB;IAChF,OAAO,CACL,MAAC,cAAc,IACb,eAAe,sBACH,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,EACzC,SAAS,EAAE,EAAE,CAAC,8DAA8D,EAAE,SAAS,CAAC,aAExF,KAAC,WAAW,IAAC,SAAS,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,YAAY,CAAC,GAAI,EAC/D,SAAS,IAAI,KAAC,KAAK,cAAE,KAAK,GAAS,IACrB,CAClB,CAAC;AACJ,CAAC;AAQD,oGAAoG;AACpG,MAAM,UAAU,WAAW,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,KAAK,EAAoB;IACvF,OAAO,CACL,KAAC,cAAc,OACT,KAAK,EACT,SAAS,EAAE,EAAE,CAAC,4CAA4C,EAAE,SAAS,CAAC,YAErE,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC,CAC/C,8BACE,eAAK,SAAS,EAAC,mDAAmD,aAChE,KAAC,KAAK,IAAC,SAAS,EAAC,eAAe,YAAE,KAAK,GAAS,EAChD,eAAM,SAAS,EAAC,oCAAoC,YAAE,SAAS,GAAQ,IACnE,EACN,cAAK,SAAS,EAAC,uEAAuE,YACpF,cACE,SAAS,EAAE,EAAE,CACX,4GAA4G,EAC5G,eAAe,IAAI,qBAAqB,CACzC,EACD,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,UAAU,IAAI,CAAC,GAAG,EAAE,GACrE,GACE,EACL,WAAW,IAAI,CACd,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,EAAC,SAAS,EAAC,6CAA6C,YAC7E,WAAW,GACP,CACR,IACA,CACJ,GACc,CAClB,CAAC;AACJ,CAAC"}

package/dist/ui/split.d.ts

@@ -0,0 +1,14 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export interface SplitProps extends HTMLAttributes<HTMLDivElement> {
+    /** Two things, text and media, in the order they're read: the first is on the left, and on top when stacked. */
+    children: ReactNode;
+    /** `center` (default) or `start`, for text much taller than the media. */
+    align?: 'center' | 'start';
+}
+/**
+ * Text beside media, as two equal columns from where each fits at 22rem, one above the other below that. The
+ * columns can shrink below their content, so a code sample in one scrolls inside it, not the page. The order
+ * on screen is the order in the page; nothing is swapped visually. Server-safe.
+ */
+export declare function Split({ children, align, className, ...props }: SplitProps): import("react").JSX.Element;
+//# sourceMappingURL=split.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"split.d.ts","sourceRoot":"","sources":["../../src/ui/split.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE,gHAAgH;IAChH,QAAQ,EAAE,SAAS,CAAC;IACpB,0EAA0E;IAC1E,KAAK,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;CAC5B;AAED;;;;GAIG;AACH,wBAAgB,KAAK,CAAC,EAAE,QAAQ,EAAE,KAAgB,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,+BAMpF"}

package/dist/ui/split.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../lib/cn.js';
+/**
+ * Text beside media, as two equal columns from where each fits at 22rem, one above the other below that. The
+ * columns can shrink below their content, so a code sample in one scrolls inside it, not the page. The order
+ * on screen is the order in the page; nothing is swapped visually. Server-safe.
+ */
+export function Split({ children, align = 'center', className, ...props }) {
+    return (_jsx("div", { ...props, className: cn('split', align === 'start' && 'items-start', className), children: children }));
+}
+//# sourceMappingURL=split.js.map

package/dist/ui/split.js.map

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

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

@@ -0,0 +1,25 @@
+import type { ReactNode } from 'react';
+export interface StatListProps {
+    /** Stat elements. */
+    children: ReactNode;
+    className?: string;
+}
+/** Figures, as many to a row as fit at 10rem: a description list. Server-safe. */
+export declare function StatList({ children, className }: StatListProps): import("react").JSX.Element;
+export interface StatProps {
+    /** What it counts: "Routes matched". */
+    label: ReactNode;
+    /** The figure: "38". */
+    value: ReactNode;
+    /**
+     * Where the figure comes from: a sentence, a TextLink, or both. Required: a figure is only stated with its
+     * source.
+     */
+    source: ReactNode;
+}
+/**
+ * One figure: shown figure first, then what it counts, then its source. A screen reader reads what it counts,
+ * the figure, then the source. Server-safe.
+ */
+export declare function Stat({ label, value, source }: StatProps): import("react").JSX.Element;
+//# sourceMappingURL=stat-list.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stat-list.d.ts","sourceRoot":"","sources":["../../src/ui/stat-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,aAAa;IAC5B,qBAAqB;IACrB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,kFAAkF;AAClF,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,aAAa,+BAE9D;AAED,MAAM,WAAW,SAAS;IACxB,wCAAwC;IACxC,KAAK,EAAE,SAAS,CAAC;IACjB,wBAAwB;IACxB,KAAK,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,MAAM,EAAE,SAAS,CAAC;CACnB;AAED;;;GAGG;AACH,wBAAgB,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,SAAS,+BAQvD"}

package/dist/ui/stat-list.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../lib/cn.js';
+/** Figures, as many to a row as fit at 10rem: a description list. Server-safe. */
+export function StatList({ children, className }) {
+    return _jsx("dl", { className: cn('stat-list', className), children: children });
+}
+/**
+ * One figure: shown figure first, then what it counts, then its source. A screen reader reads what it counts,
+ * the figure, then the source. Server-safe.
+ */
+export function Stat({ label, value, source }) {
+    return (_jsxs("div", { children: [_jsx("dt", { children: label }), _jsx("dd", { children: value }), _jsx("dd", { children: source })] }));
+}
+//# sourceMappingURL=stat-list.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stat-list.js","sourceRoot":"","sources":["../../src/ui/stat-list.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAQlC,kFAAkF;AAClF,MAAM,UAAU,QAAQ,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAiB;IAC7D,OAAO,aAAI,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,YAAG,QAAQ,GAAM,CAAC;AACpE,CAAC;AAcD;;;GAGG;AACH,MAAM,UAAU,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAa;IACtD,OAAO,CACL,0BACE,uBAAK,KAAK,GAAM,EAChB,uBAAK,KAAK,GAAM,EAChB,uBAAK,MAAM,GAAM,IACb,CACP,CAAC;AACJ,CAAC"}

package/dist/ui/steps.d.ts

@@ -0,0 +1,23 @@
+import type { ReactNode } from 'react';
+export interface StepsProps {
+    /** Step elements, in order. */
+    children: ReactNode;
+    className?: string;
+}
+/**
+ * Numbered steps: an ordered list, as many to a row as fit at 14rem. The number is generated content, so a
+ * screen reader reads it with the step. `role="list"` keeps it a list in Safari, where Tailwind's reset takes
+ * the markers off. Server-safe.
+ */
+export declare function Steps({ children, className }: StepsProps): import("react").JSX.Element;
+export interface StepProps {
+    title: ReactNode;
+    /** 3 (default) under a section's h2. */
+    headingLevel?: 2 | 3 | 4;
+    /** What happens in this step. */
+    children?: ReactNode;
+    className?: string;
+}
+/** One step: its title and what happens. Server-safe. */
+export declare function Step({ title, headingLevel, children, className }: StepProps): import("react").JSX.Element;
+//# sourceMappingURL=steps.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"steps.d.ts","sourceRoot":"","sources":["../../src/ui/steps.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,UAAU;IACzB,+BAA+B;IAC/B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,KAAK,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,UAAU,+BAOxD;AAED,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,SAAS,CAAC;IACjB,wCAAwC;IACxC,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACzB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,yDAAyD;AACzD,wBAAgB,IAAI,CAAC,EAAE,KAAK,EAAE,YAAgB,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,SAAS,+BAQ/E"}

package/dist/ui/steps.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../lib/cn.js';
+/**
+ * Numbered steps: an ordered list, as many to a row as fit at 14rem. The number is generated content, so a
+ * screen reader reads it with the step. `role="list"` keeps it a list in Safari, where Tailwind's reset takes
+ * the markers off. Server-safe.
+ */
+export function Steps({ children, className }) {
+    return (_jsx("ol", { role: "list", className: cn('steps', className), children: children }));
+}
+/** One step: its title and what happens. Server-safe. */
+export function Step({ title, headingLevel = 3, children, className }) {
+    const Heading = `h${headingLevel}`;
+    return (_jsxs("li", { className: className, children: [_jsx(Heading, { className: "text-subheading", children: title }), children && _jsx("div", { className: "mt-2 text-body text-muted-foreground", children: children })] }));
+}
+//# sourceMappingURL=steps.js.map

package/dist/ui/steps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"steps.js","sourceRoot":"","sources":["../../src/ui/steps.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAQlC;;;;GAIG;AACH,MAAM,UAAU,KAAK,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAc;IACvD,OAAO,CAEL,aAAI,IAAI,EAAC,MAAM,EAAC,SAAS,EAAE,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,YAC9C,QAAQ,GACN,CACN,CAAC;AACJ,CAAC;AAWD,yDAAyD;AACzD,MAAM,UAAU,IAAI,CAAC,EAAE,KAAK,EAAE,YAAY,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAa;IAC9E,MAAM,OAAO,GAAG,IAAI,YAAY,EAAwB,CAAC;IACzD,OAAO,CACL,cAAI,SAAS,EAAE,SAAS,aACtB,KAAC,OAAO,IAAC,SAAS,EAAC,iBAAiB,YAAE,KAAK,GAAW,EACrD,QAAQ,IAAI,cAAK,SAAS,EAAC,sCAAsC,YAAE,QAAQ,GAAO,IAChF,CACN,CAAC;AACJ,CAAC"}

package/dist/ui/switch.d.ts

@@ -0,0 +1,13 @@
+import type { ReactNode } from 'react';
+import { type SwitchProps as RACSwitchProps } from 'react-aria-components';
+export interface SwitchProps extends Omit<RACSwitchProps, 'className' | 'children'> {
+    children: ReactNode;
+    description?: ReactNode;
+    className?: string;
+}
+/**
+ * On/off that takes effect immediately — confirm the change with a status message. Inside a form that is
+ * submitted later, use a Checkbox. On: the thumb moves right and the track fills, never colour alone.
+ */
+export declare function Switch({ children, description, className, ...props }: SwitchProps): import("react").JSX.Element;
+//# sourceMappingURL=switch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../src/ui/switch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAuB,KAAK,WAAW,IAAI,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAGhG,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,EAAE,WAAW,GAAG,UAAU,CAAC;IACjF,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,MAAM,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,+BA+BjF"}

package/dist/ui/switch.js

@@ -0,0 +1,12 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Switch as RACSwitch } from 'react-aria-components';
+import { cn } from '../lib/cn.js';
+/**
+ * On/off that takes effect immediately — confirm the change with a status message. Inside a form that is
+ * submitted later, use a Checkbox. On: the thumb moves right and the track fills, never colour alone.
+ */
+export function Switch({ children, description, className, ...props }) {
+    return (_jsxs(RACSwitch, { ...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('relative mt-[calc((20px-var(--choice-size))/2)] h-choice w-[calc(var(--choice-size)*1.8)] shrink-0 rounded-full border border-input bg-muted transition-colors duration-(--duration-fast)', 'group-data-focus-visible/choice:focus-ring group-data-selected/choice:border-primary group-data-selected/choice:bg-primary'), children: _jsx("span", { className: cn('absolute top-1/2 left-[2px] size-[calc(var(--choice-size)-6px)] -translate-y-1/2 rounded-full bg-muted-foreground', 'transition-[left] duration-(--duration-fast) motion-reduce:transition-none aaa:transition-none', 'group-data-selected/choice:left-[calc(100%-var(--choice-size)+4px)] group-data-selected/choice:bg-primary-foreground') }) }), _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=switch.js.map

package/dist/ui/switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../src/ui/switch.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,MAAM,IAAI,SAAS,EAAsC,MAAM,uBAAuB,CAAC;AAChG,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAQlC;;;GAGG;AACH,MAAM,UAAU,MAAM,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,KAAK,EAAe;IAChF,OAAO,CAEL,MAAC,SAAS,OACJ,KAAK,EACT,SAAS,EAAE,EAAE,CACX,oQAAoQ,EACpQ,SAAS,CACV,aAED,8BACc,MAAM,EAClB,SAAS,EAAE,EAAE,CACX,2LAA2L,EAC3L,4HAA4H,CAC7H,YAED,eACE,SAAS,EAAE,EAAE,CACX,mHAAmH,EACnH,gGAAgG,EAChG,sHAAsH,CACvH,GACD,GACG,EACP,gBAAM,SAAS,EAAC,uBAAuB,aACrC,yBAAO,QAAQ,GAAQ,EACtB,WAAW,IAAI,eAAM,SAAS,EAAC,mCAAmC,YAAE,WAAW,GAAQ,IACnF,IACG,CACb,CAAC;AACJ,CAAC"}

package/dist/ui/table.d.ts

@@ -0,0 +1,25 @@
+import type { ReactNode } from 'react';
+import { type CellProps, type ColumnProps, type RowProps, type TableBodyProps, type TableHeaderProps, type TableProps as RACTableProps } from 'react-aria-components';
+export interface TableProps extends Omit<RACTableProps, 'className'> {
+    /** Required: what the table lists ("Projects"). */
+    'aria-label': string;
+    className?: string;
+}
+/**
+ * React Aria Table (the grid pattern): arrow keys move between rows and cells, Space or click selects.
+ * Scrolls sideways inside its own container when it cannot reflow (1.4.10 allows this for data tables).
+ */
+export declare function Table({ className, ...props }: TableProps): import("react").JSX.Element;
+export declare function TableHeader<T extends object>(props: Omit<TableHeaderProps<T>, 'className'>): import("react").JSX.Element;
+export declare function Column({ className, ...props }: Omit<ColumnProps, 'className'> & {
+    className?: string;
+}): import("react").JSX.Element;
+export declare function TableBody<T extends object>(props: Omit<TableBodyProps<T>, 'className'>): import("react").JSX.Element;
+export declare function Row<T extends object>({ className, ...props }: Omit<RowProps<T>, 'className'> & {
+    className?: string;
+}): import("react").JSX.Element;
+export declare function Cell({ className, children, ...props }: Omit<CellProps, 'className' | 'children'> & {
+    className?: string;
+    children?: ReactNode;
+}): import("react").JSX.Element;
+//# sourceMappingURL=table.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../src/ui/table.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAOL,KAAK,SAAS,EACd,KAAK,WAAW,EAChB,KAAK,QAAQ,EACb,KAAK,cAAc,EACnB,KAAK,gBAAgB,EACrB,KAAK,UAAU,IAAI,aAAa,EACjC,MAAM,uBAAuB,CAAC;AAG/B,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,aAAa,EAAE,WAAW,CAAC;IAClE,mDAAmD;IACnD,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,+BAQxD;AAED,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,+BAE1F;AAED,wBAAgB,MAAM,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,WAAW,EAAE,WAAW,CAAC,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAUzD;AAED,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,+BAEtF;AAED,wBAAgB,GAAG,CAAC,CAAC,SAAS,MAAM,EAAE,EACpC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAWzD;AAED,wBAAgB,IAAI,CAAC,EACnB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,SAAS,EAAE,WAAW,GAAG,UAAU,CAAC,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,+BAa1F"}

package/dist/ui/table.js

@@ -0,0 +1,29 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Cell as RACCell, Column as RACColumn, Row as RACRow, Table as RACTable, TableBody as RACTableBody, TableHeader as RACTableHeader, } from 'react-aria-components';
+import { cn } from '../lib/cn.js';
+/**
+ * React Aria Table (the grid pattern): arrow keys move between rows and cells, Space or click selects.
+ * Scrolls sideways inside its own container when it cannot reflow (1.4.10 allows this for data tables).
+ */
+export function Table({ className, ...props }) {
+    return (_jsx("div", { className: cn('relative overflow-x-auto rounded-lg border border-border bg-card', className), children: _jsx(RACTable, { ...props, className: "w-full border-separate border-spacing-0 text-sm" }) }));
+}
+export function TableHeader(props) {
+    return _jsx(RACTableHeader, { ...props });
+}
+export function Column({ className, ...props }) {
+    return (_jsx(RACColumn, { ...props, className: cn('h-control-target border-b border-border bg-muted px-3 text-left text-[13px] font-semibold whitespace-nowrap text-muted-foreground outline-none data-allows-sorting:cursor-pointer data-focus-visible:focus-ring-inset', className) }));
+}
+export function TableBody(props) {
+    return _jsx(RACTableBody, { ...props });
+}
+export function Row({ className, ...props }) {
+    return (_jsx(RACRow, { ...props, className: cn(
+        // React Aria sets data-hovered only on a row that can be selected or has an action: the pointer then.
+        'group/row cursor-default outline-none data-disabled:cursor-not-allowed data-hovered:cursor-pointer data-hovered:bg-accent data-selected:bg-brand-subtle data-focus-visible:focus-ring-inset', className) }));
+}
+export function Cell({ className, children, ...props }) {
+    return (_jsx(RACCell, { ...props, className: cn('h-[calc(var(--control-height)+12px)] border-b border-border px-3 whitespace-nowrap outline-none group-last/row:border-b-0 data-focus-visible:focus-ring-inset', 'first:group-data-selected/row:shadow-[inset_3px_0_0_var(--sidebar-primary)]', className), children: children }));
+}
+//# sourceMappingURL=table.js.map

package/dist/ui/table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","sourceRoot":"","sources":["../../src/ui/table.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EACL,IAAI,IAAI,OAAO,EACf,MAAM,IAAI,SAAS,EACnB,GAAG,IAAI,MAAM,EACb,KAAK,IAAI,QAAQ,EACjB,SAAS,IAAI,YAAY,EACzB,WAAW,IAAI,cAAc,GAO9B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAQlC;;;GAGG;AACH,MAAM,UAAU,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAc;IACvD,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CAAC,kEAAkE,EAAE,SAAS,CAAC,YAE5F,KAAC,QAAQ,OAAK,KAAK,EAAE,SAAS,EAAC,iDAAiD,GAAG,GAC/E,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,WAAW,CAAmB,KAA6C;IACzF,OAAO,KAAC,cAAc,OAAK,KAAK,GAAI,CAAC;AACvC,CAAC;AAED,MAAM,UAAU,MAAM,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EACgD;IACxD,OAAO,CACL,KAAC,SAAS,OACJ,KAAK,EACT,SAAS,EAAE,EAAE,CACX,uNAAuN,EACvN,SAAS,CACV,GACD,CACH,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,SAAS,CAAmB,KAA2C;IACrF,OAAO,KAAC,YAAY,OAAK,KAAK,GAAI,CAAC;AACrC,CAAC;AAED,MAAM,UAAU,GAAG,CAAmB,EACpC,SAAS,EACT,GAAG,KAAK,EACgD;IACxD,OAAO,CACL,KAAC,MAAM,OACD,KAAK,EACT,SAAS,EAAE,EAAE;QACX,sGAAsG;QACtG,6LAA6L,EAC7L,SAAS,CACV,GACD,CACH,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,IAAI,CAAC,EACnB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACiF;IACzF,OAAO,CACL,KAAC,OAAO,OACF,KAAK,EACT,SAAS,EAAE,EAAE,CACX,+JAA+J,EAC/J,6EAA6E,EAC7E,SAAS,CACV,YAEA,QAAQ,GACD,CACX,CAAC;AACJ,CAAC"}

package/dist/ui/tag.d.ts

@@ -0,0 +1,14 @@
+import type { ReactNode } from 'react';
+import { type IconProp } from './icon.js';
+export interface TagProps {
+    children: ReactNode;
+    /** Decorative, before the words. */
+    icon?: IconProp;
+    className?: string;
+}
+/**
+ * A short label in a pill: "Open source", "Beta". Not a status, which says how something is doing: that is
+ * StatusBadge. Server-safe.
+ */
+export declare function Tag({ children, icon, className }: TagProps): import("react").JSX.Element;
+//# sourceMappingURL=tag.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../src/ui/tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAc,KAAK,QAAQ,EAAE,MAAM,WAAW,CAAC;AAEtD,MAAM,WAAW,QAAQ;IACvB,QAAQ,EAAE,SAAS,CAAC;IACpB,oCAAoC;IACpC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,QAAQ,+BAO1D"}

package/dist/ui/tag.js

@@ -0,0 +1,11 @@
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../lib/cn.js';
+import { renderIcon } from './icon.js';
+/**
+ * A short label in a pill: "Open source", "Beta". Not a status, which says how something is doing: that is
+ * StatusBadge. Server-safe.
+ */
+export function Tag({ children, icon, className }) {
+    return (_jsxs("span", { className: cn('tag', className), children: [icon && renderIcon(icon, 'size-3.5'), children] }));
+}
+//# sourceMappingURL=tag.js.map