@pyric/ui 0.1.0-alpha.7

package/dist/primitives/ConfirmDialog.js

@@ -0,0 +1,61 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from 'react';
+import { createPortal } from 'react-dom';
+/**
+ * Headless confirmation dialog. Hand-rolled (we evaluated Radix
+ * Dialog at M4 but Radix's Presence + Portal stack doesn't render
+ * under our bun:test + JSDOM env — see plan section 7 risk #1).
+ *
+ * Provides:
+ *   - Portal to `document.body` (so the dialog can escape parent
+ *     stacking contexts)
+ *   - Escape-to-close
+ *   - Overlay click to close
+ *   - ARIA `role="dialog" aria-modal="true"` wiring
+ *   - Focus restoration to the previously-focused element on close
+ *   - Initial focus on the confirm button when opening
+ *
+ * Ships no visual CSS. Consumers style via the structural
+ * `data-pyric-*` attributes.
+ */
+export function ConfirmDialog({ open, onOpenChange, title, body, destructive, confirmLabel = 'Confirm', cancelLabel = 'Cancel', onConfirm, className, }) {
+    const confirmButtonRef = useRef(null);
+    const previouslyFocused = useRef(null);
+    // Escape-to-close.
+    useEffect(() => {
+        if (!open)
+            return;
+        const handler = (e) => {
+            if (e.key === 'Escape') {
+                e.stopPropagation();
+                onOpenChange(false);
+            }
+        };
+        window.addEventListener('keydown', handler);
+        return () => window.removeEventListener('keydown', handler);
+    }, [open, onOpenChange]);
+    // Focus management: capture the previously-focused element on
+    // open, restore it on close. Initial focus goes to the confirm
+    // button so destructive actions don't dispatch by accident
+    // (consumers wanting "Cancel" as the default can refocus in an
+    // effect).
+    useEffect(() => {
+        if (!open)
+            return;
+        previouslyFocused.current = document.activeElement;
+        confirmButtonRef.current?.focus();
+        return () => {
+            const prev = previouslyFocused.current;
+            prev?.focus?.();
+        };
+    }, [open]);
+    if (!open)
+        return null;
+    if (typeof document === 'undefined')
+        return null;
+    return createPortal(_jsxs("div", { role: "presentation", "data-pyric-ui": "confirm-portal", onClick: (e) => {
+            if (e.target === e.currentTarget)
+                onOpenChange(false);
+        }, children: [_jsx("div", { "data-pyric-ui": "confirm-overlay", "aria-hidden": "true" }), _jsxs("div", { role: "dialog", "aria-modal": "true", "aria-labelledby": "pyric-confirm-title", "aria-describedby": body ? 'pyric-confirm-body' : undefined, className: className, "data-pyric-ui": "confirm-dialog", "data-pyric-destructive": destructive ? '' : undefined, children: [_jsx("div", { id: "pyric-confirm-title", "data-pyric-confirm-title": true, children: title }), body ? (_jsx("div", { id: "pyric-confirm-body", "data-pyric-confirm-body": true, children: body })) : null, _jsxs("div", { "data-pyric-confirm-actions": true, children: [_jsx("button", { type: "button", "data-pyric-confirm-cancel": true, onClick: () => onOpenChange(false), children: cancelLabel }), _jsx("button", { ref: confirmButtonRef, type: "button", "data-pyric-confirm-confirm": true, "data-pyric-destructive": destructive ? '' : undefined, onClick: onConfirm, children: confirmLabel })] })] })] }), document.body);
+}
+//# sourceMappingURL=ConfirmDialog.js.map

package/dist/primitives/ConfirmDialog.js.map

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

package/dist/primitives/CopyButton.d.ts

@@ -0,0 +1,28 @@
+import { type ReactNode } from 'react';
+export interface CopyButtonProps {
+    /** Text to copy to the clipboard on click. */
+    text: string;
+    /** Optional content to render inside the button. Defaults to a
+     *  short text label that toggles between "Copy" and "Copied". */
+    children?: ReactNode;
+    /** Milliseconds before the `data-copied` state attribute clears.
+     *  Defaults to 2000. */
+    resetMs?: number;
+    /** Forwarded to the underlying `<button>`. Consumers compose
+     *  Tailwind classes, CSS-module classes, or whatever they want. */
+    className?: string;
+    /** Forwarded as the button's accessible label when in the idle
+     *  state. Defaults to "Copy to clipboard". The copied state uses
+     *  a hard-coded "Copied" label so screen readers announce the
+     *  state change consistently. */
+    ariaLabel?: string;
+}
+/**
+ * Headless copy-to-clipboard button. Exposes its `copied` state via
+ * the `data-copied` attribute on the underlying `<button>` so
+ * consumers can style the success state with `[data-copied]` (or
+ * `data-[copied]:bg-green-500` in Tailwind's arbitrary-variant
+ * syntax). Ships no visual styling of its own.
+ */
+export declare function CopyButton({ text, children, resetMs, className, ariaLabel, }: CopyButtonProps): import("react").JSX.Element;
+//# sourceMappingURL=CopyButton.d.ts.map

package/dist/primitives/CopyButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyButton.d.ts","sourceRoot":"","sources":["../../src/primitives/CopyButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjD,MAAM,WAAW,eAAe;IAC9B,8CAA8C;IAC9C,IAAI,EAAE,MAAM,CAAC;IACb;qEACiE;IACjE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;4BACwB;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;uEACmE;IACnE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;qCAGiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,QAAQ,EACR,OAAc,EACd,SAAS,EACT,SAA+B,GAChC,EAAE,eAAe,+BA2BjB"}

package/dist/primitives/CopyButton.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+/**
+ * Headless copy-to-clipboard button. Exposes its `copied` state via
+ * the `data-copied` attribute on the underlying `<button>` so
+ * consumers can style the success state with `[data-copied]` (or
+ * `data-[copied]:bg-green-500` in Tailwind's arbitrary-variant
+ * syntax). Ships no visual styling of its own.
+ */
+export function CopyButton({ text, children, resetMs = 2000, className, ariaLabel = 'Copy to clipboard', }) {
+    const [copied, setCopied] = useState(false);
+    async function handleClick() {
+        try {
+            await navigator.clipboard.writeText(text);
+        }
+        catch {
+            // Clipboard write can fail (insecure context, denied permission).
+            // The library doesn't surface this here — callers wrap in a
+            // toast / callout if they want feedback.
+            return;
+        }
+        setCopied(true);
+        window.setTimeout(() => setCopied(false), resetMs);
+    }
+    return (_jsx("button", { type: "button", onClick: handleClick, className: className, "data-copied": copied ? '' : undefined, "aria-label": copied ? 'Copied' : ariaLabel, children: children ?? (copied ? 'Copied' : 'Copy') }));
+}
+//# sourceMappingURL=CopyButton.js.map

package/dist/primitives/CopyButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyButton.js","sourceRoot":"","sources":["../../src/primitives/CopyButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAC;AAqBjD;;;;;;GAMG;AACH,MAAM,UAAU,UAAU,CAAC,EACzB,IAAI,EACJ,QAAQ,EACR,OAAO,GAAG,IAAI,EACd,SAAS,EACT,SAAS,GAAG,mBAAmB,GACf;IAChB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,KAAK,UAAU,WAAW;QACxB,IAAI,CAAC;YACH,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;QAC5C,CAAC;QAAC,MAAM,CAAC;YACP,kEAAkE;YAClE,4DAA4D;YAC5D,yCAAyC;YACzC,OAAO;QACT,CAAC;QACD,SAAS,CAAC,IAAI,CAAC,CAAC;QAChB,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC;IACrD,CAAC;IAED,OAAO,CACL,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,SAAS,iBACP,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,gBACxB,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,YAExC,QAAQ,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,GAClC,CACV,CAAC;AACJ,CAAC"}

package/dist/primitives/JsonView.d.ts

@@ -0,0 +1,29 @@
+export interface JsonViewProps {
+    /** Any JSON-serializable value. */
+    value: unknown;
+    /**
+     * Depth at and below which object/array nodes start collapsed.
+     * `0` collapses the root, `1` collapses everything under the root,
+     * `Infinity` (default) leaves everything expanded.
+     */
+    defaultCollapsedDepth?: number;
+    /** Forwarded to the root container. */
+    className?: string;
+}
+/**
+ * Headless collapsible JSON tree. One structural step above a
+ * `<pre>` dump: object/array nodes are independently expandable, but
+ * there's no editing and no syntax-color theme — just `data-pyric-*`
+ * hooks for the consumer to style.
+ *
+ * Styling hooks:
+ * - `[data-pyric-ui="json-view"]` — root
+ * - `[data-pyric-json-node]` — every node, with `data-pyric-json-type`
+ * - `[data-pyric-json-toggle]` — the expand/collapse button (containers only)
+ * - `[data-pyric-json-node][data-pyric-collapsed]` — a collapsed container
+ * - `[data-pyric-json-key]` — the key/index label
+ * - `[data-pyric-json-value]` — a primitive value
+ * - `[data-pyric-json-summary]` — the `{…}` / `[…]` placeholder when collapsed
+ */
+export declare function JsonView({ value, defaultCollapsedDepth, className, }: JsonViewProps): import("react").JSX.Element;
+//# sourceMappingURL=JsonView.d.ts.map

package/dist/primitives/JsonView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"JsonView.d.ts","sourceRoot":"","sources":["../../src/primitives/JsonView.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,aAAa;IAC5B,mCAAmC;IACnC,KAAK,EAAE,OAAO,CAAC;IACf;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAoBD;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,qBAAgC,EAChC,SAAS,GACV,EAAE,aAAa,+BAUf"}

package/dist/primitives/JsonView.js

@@ -0,0 +1,56 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from 'react';
+function kindOf(value) {
+    if (value === null || value === undefined)
+        return 'null';
+    if (Array.isArray(value))
+        return 'array';
+    const t = typeof value;
+    if (t === 'object')
+        return 'object';
+    if (t === 'number')
+        return 'number';
+    if (t === 'boolean')
+        return 'boolean';
+    return 'string';
+}
+/**
+ * Headless collapsible JSON tree. One structural step above a
+ * `<pre>` dump: object/array nodes are independently expandable, but
+ * there's no editing and no syntax-color theme — just `data-pyric-*`
+ * hooks for the consumer to style.
+ *
+ * Styling hooks:
+ * - `[data-pyric-ui="json-view"]` — root
+ * - `[data-pyric-json-node]` — every node, with `data-pyric-json-type`
+ * - `[data-pyric-json-toggle]` — the expand/collapse button (containers only)
+ * - `[data-pyric-json-node][data-pyric-collapsed]` — a collapsed container
+ * - `[data-pyric-json-key]` — the key/index label
+ * - `[data-pyric-json-value]` — a primitive value
+ * - `[data-pyric-json-summary]` — the `{…}` / `[…]` placeholder when collapsed
+ */
+export function JsonView({ value, defaultCollapsedDepth = Infinity, className, }) {
+    return (_jsx("div", { "data-pyric-ui": "json-view", className: className, children: _jsx(JsonNode, { value: value, depth: 0, defaultCollapsedDepth: defaultCollapsedDepth }) }));
+}
+function JsonNode({ value, nodeKey, depth, defaultCollapsedDepth, }) {
+    const kind = kindOf(value);
+    const isContainer = kind === 'object' || kind === 'array';
+    const [collapsed, setCollapsed] = useState(isContainer && depth >= defaultCollapsedDepth);
+    if (!isContainer) {
+        return (_jsxs("div", { "data-pyric-json-node": "", "data-pyric-json-type": kind, children: [nodeKey !== undefined ? (_jsx("span", { "data-pyric-json-key": "", children: nodeKey })) : null, _jsx("span", { "data-pyric-json-value": "", children: formatPrimitive(value, kind) })] }));
+    }
+    const entries = Array.isArray(value)
+        ? value.map((v, i) => [String(i), v])
+        : Object.entries(value);
+    const open = kind === 'array' ? '[' : '{';
+    const close = kind === 'array' ? ']' : '}';
+    return (_jsxs("div", { "data-pyric-json-node": "", "data-pyric-json-type": kind, "data-pyric-collapsed": collapsed ? '' : undefined, children: [_jsxs("button", { type: "button", "data-pyric-json-toggle": "", "aria-expanded": !collapsed, onClick: () => setCollapsed((c) => !c), children: [nodeKey !== undefined ? (_jsx("span", { "data-pyric-json-key": "", children: nodeKey })) : null, collapsed ? (_jsxs("span", { "data-pyric-json-summary": "", children: [open, entries.length, close] })) : (_jsx("span", { "data-pyric-json-bracket": "", children: open }))] }), collapsed ? null : (_jsxs(_Fragment, { children: [_jsx("div", { "data-pyric-json-children": "", children: entries.map(([k, v]) => (_jsx(JsonNode, { value: v, nodeKey: k, depth: depth + 1, defaultCollapsedDepth: defaultCollapsedDepth }, k))) }), _jsx("span", { "data-pyric-json-bracket": "", children: close })] }))] }));
+}
+function formatPrimitive(value, kind) {
+    if (kind === 'null')
+        return 'null';
+    if (kind === 'string')
+        return JSON.stringify(value);
+    return String(value);
+}
+//# sourceMappingURL=JsonView.js.map

package/dist/primitives/JsonView.js.map

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

package/dist/primitives/SegmentedControl.d.ts

@@ -0,0 +1,37 @@
+import type { ReactNode } from 'react';
+export interface SegmentedOption<T extends string> {
+    /** The value committed via `onChange` when this segment is picked. */
+    value: T;
+    /** Visible label. */
+    label: ReactNode;
+    /**
+     * Freeform tone surfaced as `data-pyric-segment-tone` — e.g. `ok`
+     * / `error` so the consumer can tint the active label. The library
+     * doesn't enumerate tones.
+     */
+    tone?: string;
+}
+export interface SegmentedControlProps<T extends string> {
+    /** The selectable segments, rendered left-to-right. */
+    options: ReadonlyArray<SegmentedOption<T>>;
+    /** The currently-selected value. */
+    value: T;
+    /** Fired with the new value when a segment is clicked. */
+    onChange: (value: T) => void;
+    /** Forwarded to the container. */
+    className?: string;
+    /** Accessible label for the radiogroup. */
+    ariaLabel?: string;
+}
+/**
+ * Headless segmented control — a single-select group of pill
+ * buttons that reads as one widget. Wired as an ARIA radiogroup.
+ *
+ * Ships no visual styling. Consumers style via:
+ * - `[data-pyric-ui="segmented-control"]` — the container
+ * - `[data-pyric-segment]` — each option button
+ * - `[data-pyric-segment][data-pyric-active]` — the selected one
+ * - `[data-pyric-segment-tone="…"]` — tone-tinted options
+ */
+export declare function SegmentedControl<T extends string>({ options, value, onChange, className, ariaLabel, }: SegmentedControlProps<T>): import("react").JSX.Element;
+//# sourceMappingURL=SegmentedControl.d.ts.map

package/dist/primitives/SegmentedControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../src/primitives/SegmentedControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,MAAM;IAC/C,sEAAsE;IACtE,KAAK,EAAE,CAAC,CAAC;IACT,qBAAqB;IACrB,KAAK,EAAE,SAAS,CAAC;IACjB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,qBAAqB,CAAC,CAAC,SAAS,MAAM;IACrD,uDAAuD;IACvD,OAAO,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC;IAC3C,oCAAoC;IACpC,KAAK,EAAE,CAAC,CAAC;IACT,0DAA0D;IAC1D,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,kCAAkC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;GASG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,EAAE,EACjD,OAAO,EACP,KAAK,EACL,QAAQ,EACR,SAAS,EACT,SAAS,GACV,EAAE,qBAAqB,CAAC,CAAC,CAAC,+BA2B1B"}

package/dist/primitives/SegmentedControl.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Headless segmented control — a single-select group of pill
+ * buttons that reads as one widget. Wired as an ARIA radiogroup.
+ *
+ * Ships no visual styling. Consumers style via:
+ * - `[data-pyric-ui="segmented-control"]` — the container
+ * - `[data-pyric-segment]` — each option button
+ * - `[data-pyric-segment][data-pyric-active]` — the selected one
+ * - `[data-pyric-segment-tone="…"]` — tone-tinted options
+ */
+export function SegmentedControl({ options, value, onChange, className, ariaLabel, }) {
+    return (_jsx("div", { "data-pyric-ui": "segmented-control", className: className, role: "radiogroup", "aria-label": ariaLabel, children: options.map((opt) => {
+            const active = opt.value === value;
+            return (_jsx("button", { type: "button", role: "radio", "aria-checked": active, onClick: () => onChange(opt.value), "data-pyric-segment": "", "data-pyric-active": active ? '' : undefined, "data-pyric-segment-tone": opt.tone, children: opt.label }, opt.value));
+        }) }));
+}
+//# sourceMappingURL=SegmentedControl.js.map

package/dist/primitives/SegmentedControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.js","sourceRoot":"","sources":["../../src/primitives/SegmentedControl.tsx"],"names":[],"mappings":";AA4BA;;;;;;;;;GASG;AACH,MAAM,UAAU,gBAAgB,CAAmB,EACjD,OAAO,EACP,KAAK,EACL,QAAQ,EACR,SAAS,EACT,SAAS,GACgB;IACzB,OAAO,CACL,+BACgB,mBAAmB,EACjC,SAAS,EAAE,SAAS,EACpB,IAAI,EAAC,YAAY,gBACL,SAAS,YAEpB,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;YACnB,MAAM,MAAM,GAAG,GAAG,CAAC,KAAK,KAAK,KAAK,CAAC;YACnC,OAAO,CACL,iBAEE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,OAAO,kBACE,MAAM,EACpB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,wBACf,EAAE,uBACF,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,6BACjB,GAAG,CAAC,IAAI,YAEhC,GAAG,CAAC,KAAK,IATL,GAAG,CAAC,KAAK,CAUP,CACV,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/primitives/Toast.d.ts

@@ -0,0 +1,48 @@
+import { type ReactNode } from 'react';
+export type ToastKind = 'info' | 'success' | 'warning' | 'error';
+export interface ToastInput {
+    title: string;
+    body?: ReactNode;
+    kind?: ToastKind;
+    /** Auto-dismiss after this many ms. `0` makes the toast sticky;
+     *  default is 5000. */
+    duration?: number;
+}
+export interface ToastRecord extends ToastInput {
+    id: string;
+}
+interface ToastContextValue {
+    toast: (input: ToastInput) => string;
+    dismiss: (id: string) => void;
+    toasts: ReadonlyArray<ToastRecord>;
+}
+/**
+ * Imperative toast hook. Returns `{ toast, dismiss, toasts }`.
+ *
+ *   const { toast } = useToast();
+ *   toast({ title: 'Saved.', kind: 'success' });
+ *
+ * Requires a `<ToastProvider>` ancestor.
+ */
+export declare function useToast(): ToastContextValue;
+export interface ToastProviderProps {
+    children: ReactNode;
+    /** Default auto-dismiss in ms. Per-toast `duration` overrides.
+     *  Default 5000; pass `0` to make sticky-by-default. */
+    defaultDuration?: number;
+    /** Forwarded to the rendered container. */
+    className?: string;
+    /** Region label for assistive tech. Defaults to "Notifications". */
+    regionLabel?: string;
+}
+/**
+ * Toast queue host. Mounts a single live region into `document.body`
+ * via portal and exposes the imperative API via context. Scoped —
+ * a subtree can host its own provider for isolated queues if needed.
+ *
+ * Headless: every node carries structural `data-*` attributes, no
+ * shipped CSS. Auto-dismiss timers are kept per-toast.
+ */
+export declare function ToastProvider({ children, defaultDuration, className, regionLabel, }: ToastProviderProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=Toast.d.ts.map

package/dist/primitives/Toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../src/primitives/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAEjE,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;2BACuB;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,WAAY,SAAQ,UAAU;IAC7C,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,UAAU,iBAAiB;IACzB,KAAK,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,MAAM,CAAC;IACrC,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,MAAM,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;CACpC;AAID;;;;;;;GAOG;AACH,wBAAgB,QAAQ,IAAI,iBAAiB,CAM5C;AAED,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB;4DACwD;IACxD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oEAAoE;IACpE,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,eAAsB,EACtB,SAAS,EACT,WAA6B,GAC9B,EAAE,kBAAkB,+BAwCpB"}

package/dist/primitives/Toast.js

@@ -0,0 +1,60 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useEffect, useMemo, useState, } from 'react';
+import { createPortal } from 'react-dom';
+const Ctx = createContext(null);
+/**
+ * Imperative toast hook. Returns `{ toast, dismiss, toasts }`.
+ *
+ *   const { toast } = useToast();
+ *   toast({ title: 'Saved.', kind: 'success' });
+ *
+ * Requires a `<ToastProvider>` ancestor.
+ */
+export function useToast() {
+    const ctx = useContext(Ctx);
+    if (!ctx) {
+        throw new Error('useToast: missing <ToastProvider> ancestor');
+    }
+    return ctx;
+}
+/**
+ * Toast queue host. Mounts a single live region into `document.body`
+ * via portal and exposes the imperative API via context. Scoped —
+ * a subtree can host its own provider for isolated queues if needed.
+ *
+ * Headless: every node carries structural `data-*` attributes, no
+ * shipped CSS. Auto-dismiss timers are kept per-toast.
+ */
+export function ToastProvider({ children, defaultDuration = 5000, className, regionLabel = 'Notifications', }) {
+    const [toasts, setToasts] = useState([]);
+    const dismiss = useCallback((id) => {
+        setToasts((prev) => prev.filter((t) => t.id !== id));
+    }, []);
+    const toast = useCallback((input) => {
+        const id = crypto.randomUUID();
+        const duration = input.duration ?? defaultDuration;
+        setToasts((prev) => [...prev, { id, ...input }]);
+        if (duration > 0) {
+            // Schedule auto-dismiss. The timer fires `dismiss(id)`
+            // which is idempotent (filter on a missing id is a no-op).
+            window.setTimeout(() => {
+                setToasts((prev) => prev.filter((t) => t.id !== id));
+            }, duration);
+        }
+        return id;
+    }, [defaultDuration]);
+    const value = useMemo(() => ({ toast, dismiss, toasts }), [toast, dismiss, toasts]);
+    return (_jsxs(Ctx.Provider, { value: value, children: [children, _jsx(ToastRegion, { toasts: toasts, dismiss: dismiss, className: className, regionLabel: regionLabel })] }));
+}
+function ToastRegion({ toasts, dismiss, className, regionLabel }) {
+    // SSR guard. Astro `client:only` consumers won't see this branch
+    // hit, but it keeps the import safe in mixed environments.
+    const [mounted, setMounted] = useState(false);
+    useEffect(() => setMounted(true), []);
+    if (!mounted)
+        return null;
+    if (typeof document === 'undefined')
+        return null;
+    return createPortal(_jsx("ol", { "aria-label": regionLabel, "aria-live": "polite", "data-pyric-ui": "toast-region", className: className, children: toasts.map((t) => (_jsxs("li", { "data-pyric-toast": true, "data-pyric-toast-kind": t.kind ?? 'info', role: t.kind === 'error' ? 'alert' : 'status', children: [_jsx("div", { "data-pyric-toast-title": true, children: t.title }), t.body ? _jsx("div", { "data-pyric-toast-body": true, children: t.body }) : null, _jsx("button", { type: "button", "data-pyric-toast-dismiss": true, "aria-label": "Dismiss", onClick: () => dismiss(t.id), children: "\u00D7" })] }, t.id))) }), document.body);
+}
+//# sourceMappingURL=Toast.js.map

package/dist/primitives/Toast.js.map

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

package/dist/primitives/VirtualList.d.ts

@@ -0,0 +1,37 @@
+import { type ReactNode } from 'react';
+export interface VirtualListProps<T> {
+    items: ReadonlyArray<T>;
+    /** Estimated row height in px. `useVirtualizer` measures actual
+     *  rendered heights via ResizeObserver — this is just the guess
+     *  used before measurement. Pass a function for variable sizing. */
+    estimateSize: number | ((index: number) => number);
+    /** Render one row. The library handles positioning + key-by-index. */
+    renderItem: (item: T, index: number) => ReactNode;
+    /**
+     * Number of off-screen rows to render on each side. TanStack
+     * default is 5; bump for smoother fast scrolling.
+     */
+    overscan?: number;
+    /** Forwarded to the scroll container. */
+    className?: string;
+    /** Height the scroll container fills. Default `100%` — the
+     *  consumer's parent typically constrains height. */
+    height?: number | string;
+    /** Optional `key` resolver. Defaults to the index. Use when rows
+     *  reorder so React can preserve component state across moves. */
+    getItemKey?: (item: T, index: number) => string | number;
+}
+/**
+ * Thin wrapper around `@tanstack/react-virtual`. Renders a
+ * scrollable container with absolutely-positioned rows, drawing
+ * only the rows currently in view (plus `overscan` neighbors).
+ *
+ * Headless — no shipped CSS beyond what's structurally required
+ * to position rows (the inner spacer's `height` + each row's
+ * `position: absolute; top: …px`). Consumers style via the
+ * `className` prop and standard CSS targeting `[data-pyric-ui=
+ * "virtual-list"]` on the scroll container and
+ * `[data-pyric-virtual-row]` on each row.
+ */
+export declare function VirtualList<T>({ items, estimateSize, renderItem, overscan, className, height, getItemKey, }: VirtualListProps<T>): import("react").JSX.Element;
+//# sourceMappingURL=VirtualList.d.ts.map

package/dist/primitives/VirtualList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualList.d.ts","sourceRoot":"","sources":["../../src/primitives/VirtualList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG/C,MAAM,WAAW,gBAAgB,CAAC,CAAC;IACjC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACxB;;wEAEoE;IACpE,YAAY,EAAE,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;IACnD,sEAAsE;IACtE,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IAClD;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;yDACqD;IACrD,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;sEACkE;IAClE,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAC;CAC1D;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,WAAW,CAAC,CAAC,EAAE,EAC7B,KAAK,EACL,YAAY,EACZ,UAAU,EACV,QAAY,EACZ,SAAS,EACT,MAAe,EACf,UAAU,GACX,EAAE,gBAAgB,CAAC,CAAC,CAAC,+BAyDrB"}

package/dist/primitives/VirtualList.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRef } from 'react';
+import { useVirtualizer } from '@tanstack/react-virtual';
+/**
+ * Thin wrapper around `@tanstack/react-virtual`. Renders a
+ * scrollable container with absolutely-positioned rows, drawing
+ * only the rows currently in view (plus `overscan` neighbors).
+ *
+ * Headless — no shipped CSS beyond what's structurally required
+ * to position rows (the inner spacer's `height` + each row's
+ * `position: absolute; top: …px`). Consumers style via the
+ * `className` prop and standard CSS targeting `[data-pyric-ui=
+ * "virtual-list"]` on the scroll container and
+ * `[data-pyric-virtual-row]` on each row.
+ */
+export function VirtualList({ items, estimateSize, renderItem, overscan = 5, className, height = '100%', getItemKey, }) {
+    const parentRef = useRef(null);
+    const estimator = typeof estimateSize === 'function' ? estimateSize : () => estimateSize;
+    const virtualizer = useVirtualizer({
+        count: items.length,
+        getScrollElement: () => parentRef.current,
+        estimateSize: estimator,
+        overscan,
+    });
+    return (_jsx("div", { ref: parentRef, className: className, "data-pyric-ui": "virtual-list", style: {
+            height,
+            overflowY: 'auto',
+            // `contain` keeps the browser from spending paint cost on
+            // off-screen rows even before the virtualizer culls them.
+            contain: 'strict',
+        }, children: _jsx("div", { "data-pyric-virtual-inner": true, style: {
+                height: `${virtualizer.getTotalSize()}px`,
+                width: '100%',
+                position: 'relative',
+            }, children: virtualizer.getVirtualItems().map((vi) => {
+                const item = items[vi.index];
+                const key = getItemKey ? getItemKey(item, vi.index) : vi.key;
+                return (_jsx("div", { "data-pyric-virtual-row": true, "data-index": vi.index, ref: virtualizer.measureElement, style: {
+                        position: 'absolute',
+                        top: 0,
+                        left: 0,
+                        width: '100%',
+                        transform: `translateY(${vi.start}px)`,
+                    }, children: renderItem(item, vi.index) }, key));
+            }) }) }));
+}
+//# sourceMappingURL=VirtualList.js.map

package/dist/primitives/VirtualList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualList.js","sourceRoot":"","sources":["../../src/primitives/VirtualList.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAkB,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAyBzD;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,WAAW,CAAI,EAC7B,KAAK,EACL,YAAY,EACZ,UAAU,EACV,QAAQ,GAAG,CAAC,EACZ,SAAS,EACT,MAAM,GAAG,MAAM,EACf,UAAU,GACU;IACpB,MAAM,SAAS,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IACtD,MAAM,SAAS,GACb,OAAO,YAAY,KAAK,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC;IAEzE,MAAM,WAAW,GAAG,cAAc,CAAC;QACjC,KAAK,EAAE,KAAK,CAAC,MAAM;QACnB,gBAAgB,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,OAAO;QACzC,YAAY,EAAE,SAAS;QACvB,QAAQ;KACT,CAAC,CAAC;IAEH,OAAO,CACL,cACE,GAAG,EAAE,SAAS,EACd,SAAS,EAAE,SAAS,mBACN,cAAc,EAC5B,KAAK,EAAE;YACL,MAAM;YACN,SAAS,EAAE,MAAM;YACjB,0DAA0D;YAC1D,0DAA0D;YAC1D,OAAO,EAAE,QAAQ;SAClB,YAED,gDAEE,KAAK,EAAE;gBACL,MAAM,EAAE,GAAG,WAAW,CAAC,YAAY,EAAE,IAAI;gBACzC,KAAK,EAAE,MAAM;gBACb,QAAQ,EAAE,UAAU;aACrB,YAEA,WAAW,CAAC,eAAe,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE;gBACxC,MAAM,IAAI,GAAG,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;gBAC7B,MAAM,GAAG,GAAG,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC;gBAC7D,OAAO,CACL,4DAGc,EAAE,CAAC,KAAK,EACpB,GAAG,EAAE,WAAW,CAAC,cAAc,EAC/B,KAAK,EAAE;wBACL,QAAQ,EAAE,UAAU;wBACpB,GAAG,EAAE,CAAC;wBACN,IAAI,EAAE,CAAC;wBACP,KAAK,EAAE,MAAM;wBACb,SAAS,EAAE,cAAc,EAAE,CAAC,KAAK,KAAK;qBACvC,YAEA,UAAU,CAAC,IAAI,EAAE,EAAE,CAAC,KAAK,CAAC,IAZtB,GAAG,CAaJ,CACP,CAAC;YACJ,CAAC,CAAC,GACE,GACF,CACP,CAAC;AACJ,CAAC"}

package/dist/primitives/hooks/useContainerSize.d.ts

@@ -0,0 +1,29 @@
+import { type RefObject } from 'react';
+export type ContainerSize = 'narrow' | 'medium' | 'wide';
+export interface UseContainerSizeOptions {
+    /** Width (px) below which the bucket is `'narrow'`. Default 480. */
+    narrowBreakpoint?: number;
+    /** Width (px) below which the bucket is `'medium'` (and above
+     *  which it is `'wide'`). Default 768. */
+    mediumBreakpoint?: number;
+}
+/**
+ * Container-query helper. Returns the current size bucket
+ * (`'narrow' | 'medium' | 'wide'`) of the element pointed at by
+ * the returned ref. Re-fires on resize via `ResizeObserver`.
+ *
+ *   const { ref, size } = useContainerSize();
+ *   return <div ref={ref} data-size={size}>…</div>;
+ *
+ * Headless: the consumer styles via `[data-size='narrow']`
+ * selectors. The library's feature components use this hook to
+ * stamp their roots with `data-size`, which is the policy the
+ * survey's modern-CSS subsection landed on (no viewport media
+ * queries, no library-side breakpoints — push the threshold
+ * decision to the consumer via data attributes).
+ */
+export declare function useContainerSize<T extends HTMLElement = HTMLDivElement>(options?: UseContainerSizeOptions): {
+    ref: RefObject<T | null>;
+    size: ContainerSize;
+};
+//# sourceMappingURL=useContainerSize.d.ts.map

package/dist/primitives/hooks/useContainerSize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useContainerSize.d.ts","sourceRoot":"","sources":["../../../src/primitives/hooks/useContainerSize.ts"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEpE,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEzD,MAAM,WAAW,uBAAuB;IACtC,oEAAoE;IACpE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;8CAC0C;IAC1C,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,WAAW,GAAG,cAAc,EACrE,OAAO,GAAE,uBAA4B,GACpC;IAAE,GAAG,EAAE,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;IAAC,IAAI,EAAE,aAAa,CAAA;CAAE,CAuBnD"}

package/dist/primitives/hooks/useContainerSize.js

@@ -0,0 +1,45 @@
+import { useEffect, useRef, useState } from 'react';
+/**
+ * Container-query helper. Returns the current size bucket
+ * (`'narrow' | 'medium' | 'wide'`) of the element pointed at by
+ * the returned ref. Re-fires on resize via `ResizeObserver`.
+ *
+ *   const { ref, size } = useContainerSize();
+ *   return <div ref={ref} data-size={size}>…</div>;
+ *
+ * Headless: the consumer styles via `[data-size='narrow']`
+ * selectors. The library's feature components use this hook to
+ * stamp their roots with `data-size`, which is the policy the
+ * survey's modern-CSS subsection landed on (no viewport media
+ * queries, no library-side breakpoints — push the threshold
+ * decision to the consumer via data attributes).
+ */
+export function useContainerSize(options = {}) {
+    const ref = useRef(null);
+    const narrow = options.narrowBreakpoint ?? 480;
+    const medium = options.mediumBreakpoint ?? 768;
+    const [size, setSize] = useState('wide');
+    useEffect(() => {
+        const el = ref.current;
+        if (!el)
+            return;
+        if (typeof ResizeObserver === 'undefined')
+            return;
+        const obs = new ResizeObserver((entries) => {
+            const entry = entries[0];
+            if (!entry)
+                return;
+            const w = entry.contentRect.width;
+            if (w < narrow)
+                setSize('narrow');
+            else if (w < medium)
+                setSize('medium');
+            else
+                setSize('wide');
+        });
+        obs.observe(el);
+        return () => obs.disconnect();
+    }, [narrow, medium]);
+    return { ref, size };
+}
+//# sourceMappingURL=useContainerSize.js.map

package/dist/primitives/hooks/useContainerSize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useContainerSize.js","sourceRoot":"","sources":["../../../src/primitives/hooks/useContainerSize.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAC;AAYpE;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,gBAAgB,CAC9B,UAAmC,EAAE;IAErC,MAAM,GAAG,GAAG,MAAM,CAAW,IAAI,CAAC,CAAC;IACnC,MAAM,MAAM,GAAG,OAAO,CAAC,gBAAgB,IAAI,GAAG,CAAC;IAC/C,MAAM,MAAM,GAAG,OAAO,CAAC,gBAAgB,IAAI,GAAG,CAAC;IAC/C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAgB,MAAM,CAAC,CAAC;IAExD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,GAAG,GAAG,CAAC,OAAO,CAAC;QACvB,IAAI,CAAC,EAAE;YAAE,OAAO;QAChB,IAAI,OAAO,cAAc,KAAK,WAAW;YAAE,OAAO;QAClD,MAAM,GAAG,GAAG,IAAI,cAAc,CAAC,CAAC,OAAO,EAAE,EAAE;YACzC,MAAM,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;YACzB,IAAI,CAAC,KAAK;gBAAE,OAAO;YACnB,MAAM,CAAC,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC;YAClC,IAAI,CAAC,GAAG,MAAM;gBAAE,OAAO,CAAC,QAAQ,CAAC,CAAC;iBAC7B,IAAI,CAAC,GAAG,MAAM;gBAAE,OAAO,CAAC,QAAQ,CAAC,CAAC;;gBAClC,OAAO,CAAC,MAAM,CAAC,CAAC;QACvB,CAAC,CAAC,CAAC;QACH,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QAChB,OAAO,GAAG,EAAE,CAAC,GAAG,CAAC,UAAU,EAAE,CAAC;IAChC,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAErB,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC;AACvB,CAAC"}

package/dist/primitives/index.d.ts

@@ -0,0 +1,10 @@
+export { CopyButton, type CopyButtonProps } from './CopyButton.js';
+export { Badge, type BadgeProps } from './Badge.js';
+export { JsonView, type JsonViewProps, } from './JsonView.js';
+export { SegmentedControl, type SegmentedControlProps, type SegmentedOption, } from './SegmentedControl.js';
+export { ConfirmDialog, type ConfirmDialogProps } from './ConfirmDialog.js';
+export { ConfirmProvider, useConfirm, type ConfirmOptions, type ConfirmFn, type ConfirmProviderProps, } from './useConfirm.js';
+export { ToastProvider, useToast, type ToastInput, type ToastRecord, type ToastKind, type ToastProviderProps, } from './Toast.js';
+export { VirtualList, type VirtualListProps } from './VirtualList.js';
+export { useContainerSize, type ContainerSize, type UseContainerSizeOptions, } from './hooks/useContainerSize.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/primitives/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/primitives/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACnE,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,YAAY,CAAC;AACpD,OAAO,EACL,QAAQ,EACR,KAAK,aAAa,GACnB,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,EAC1B,KAAK,eAAe,GACrB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC5E,OAAO,EACL,eAAe,EACf,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,oBAAoB,GAC1B,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,aAAa,EACb,QAAQ,EACR,KAAK,UAAU,EACf,KAAK,WAAW,EAChB,KAAK,SAAS,EACd,KAAK,kBAAkB,GACxB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACtE,OAAO,EACL,gBAAgB,EAChB,KAAK,aAAa,EAClB,KAAK,uBAAuB,GAC7B,MAAM,6BAA6B,CAAC"}