cursedbelt 5.59.0 → 5.63.0

package/dist/react/components/ColorSwatches.d.ts

@@ -0,0 +1,33 @@
+export interface ColorSwatchesProps {
+    /** The preset dots, in order. Any CSS colour; a 6-digit hex is what the custom well can open on. */
+    presets: readonly string[];
+    /** The current colour — one of the presets, or any other colour picked through the well. */
+    value: string | undefined;
+    onChange: (color: string) => void;
+    /** Offer a last dot for any colour (the browser's own colour well). Default `true`. */
+    custom?: boolean;
+    /** The custom dot's accessible name. Default "Any colour". */
+    customLabel?: string;
+    /** Dot diameter, as `SwatchPicker`'s: `sm` 1.5rem, `md` (default) 1.75rem, `lg` 2.25rem. */
+    size?: 'sm' | 'md' | 'lg';
+    /** Accessible name for the preset group (default "Colour"). */
+    'aria-label'?: string;
+    className?: string;
+}
+/**
+ * `ColorSwatches` — an accent picker drawn as ONE row of dots: the presets, then a last dot for
+ * any colour. The preset dots are a {@link SwatchPicker} radiogroup (Radix: radio semantics,
+ * roving tabindex, arrow keys move the choice); the last dot is the browser's colour well, laid
+ * invisibly over a dot painted with the theme's categorical ramp, and becomes that colour —
+ * ringed as the current one — once a colour outside the presets is picked.
+ *
+ * desk drew this twice by hand (its component and list template pages, forge task 2829): a row
+ * of raw buttons, one of them with a raw `<input type="color">` behind an opt-out and the other
+ * with no custom colour at all. `ColorField` is a full-width hex field; this is the compact
+ * "pick an accent for this thing" control, and the next app that wants one takes it from here.
+ *
+ * Matching is case-insensitive, and what the well reports is lower-case hex, so a stored
+ * `#2563EB` still lights its preset.
+ */
+export declare function ColorSwatches({ presets, value, onChange, custom, customLabel, size, 'aria-label': ariaLabel, className, }: ColorSwatchesProps): import("react").JSX.Element;
+//# sourceMappingURL=ColorSwatches.d.ts.map

package/dist/react/components/ColorSwatches.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorSwatches.d.ts","sourceRoot":"","sources":["../../../src/react/components/ColorSwatches.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,kBAAkB;IACjC,oGAAoG;IACpG,OAAO,EAAE,SAAS,MAAM,EAAE,CAAC;IAC3B,4FAA4F;IAC5F,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,uFAAuF;IACvF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,8DAA8D;IAC9D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4FAA4F;IAC5F,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,+DAA+D;IAC/D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,KAAK,EACL,QAAQ,EACR,MAAa,EACb,WAA0B,EAC1B,IAAW,EACX,YAAY,EAAE,SAAoB,EAClC,SAAS,GACV,EAAE,kBAAkB,+BA+CpB"}

package/dist/react/components/ColorSwatches.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from 'react';
+import { cn } from '../lib/cn.js';
+import { TAP_TARGET_SQUARE } from '../lib/tapTarget.js';
+import { SwatchPicker } from './SwatchPicker.js';
+const SIZE = { sm: 'size-6', md: 'size-7', lg: 'size-9' };
+const HEX6 = /^#[0-9a-f]{6}$/i;
+/** The any-colour dot before a custom colour is picked: the theme's categorical ramp, round the dial. */
+const RAMP = 'conic-gradient(var(--chart-1), var(--chart-2), var(--chart-3), var(--chart-4), var(--chart-5), var(--chart-6), var(--chart-7), var(--chart-8), var(--chart-1))';
+/**
+ * `ColorSwatches` — an accent picker drawn as ONE row of dots: the presets, then a last dot for
+ * any colour. The preset dots are a {@link SwatchPicker} radiogroup (Radix: radio semantics,
+ * roving tabindex, arrow keys move the choice); the last dot is the browser's colour well, laid
+ * invisibly over a dot painted with the theme's categorical ramp, and becomes that colour —
+ * ringed as the current one — once a colour outside the presets is picked.
+ *
+ * desk drew this twice by hand (its component and list template pages, forge task 2829): a row
+ * of raw buttons, one of them with a raw `<input type="color">` behind an opt-out and the other
+ * with no custom colour at all. `ColorField` is a full-width hex field; this is the compact
+ * "pick an accent for this thing" control, and the next app that wants one takes it from here.
+ *
+ * Matching is case-insensitive, and what the well reports is lower-case hex, so a stored
+ * `#2563EB` still lights its preset.
+ */
+export function ColorSwatches({ presets, value, onChange, custom = true, customLabel = 'Any colour', size = 'md', 'aria-label': ariaLabel = 'Colour', className, }) {
+    const current = value?.toLowerCase();
+    const isPreset = current !== undefined && presets.some((color) => color.toLowerCase() === current);
+    const isCustom = current !== undefined && current !== '' && !isPreset;
+    // The well opens on the current colour when it is one it can show. It is uncontrolled and kept
+    // in step here, because a controlled colour input needs a hex for "nothing chosen" and there is
+    // no honest one to write.
+    const wellHex = current !== undefined && HEX6.test(current) ? current : undefined;
+    const well = useRef(null);
+    useEffect(() => {
+        if (well.current && wellHex && well.current.value !== wellHex)
+            well.current.value = wellHex;
+    }, [wellHex]);
+    return (_jsxs("div", { "data-slot": 'color-swatches', className: cn('flex flex-wrap items-center gap-1.5', className), children: [_jsx(SwatchPicker, { "aria-label": ariaLabel, size: size, options: presets.map((color) => ({ value: color.toLowerCase(), color, label: color })), value: isPreset ? current : undefined, onChange: onChange }), custom ? (_jsx("label", { "data-slot": 'color-swatches-custom', "data-state": isCustom ? 'checked' : 'unchecked', style: { '--cb-swatch-fill': isCustom ? value : RAMP }, className: cn('relative inline-flex flex-none cursor-pointer rounded-full [background:var(--cb-swatch-fill,var(--muted))] border border-border/40 transition-transform', SIZE[size], TAP_TARGET_SQUARE, 'hover:scale-110 focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-1', 'data-[state=checked]:ring-2 data-[state=checked]:ring-foreground data-[state=checked]:ring-offset-1'), children: _jsx("input", { 
+                    // guardrails-ignore no-raw-inputs: task 2829 — the browser's own colour well, laid invisibly over the last dot; a hex field is ColorField's job, not a dot's
+                    type: 'color', ref: well, "aria-label": customLabel, defaultValue: wellHex, onChange: (event) => onChange(event.target.value.toLowerCase()), className: 'absolute inset-0 m-0 size-full cursor-pointer appearance-none border-0 p-0 opacity-0' }) })) : null] }));
+}
+//# sourceMappingURL=ColorSwatches.js.map

package/dist/react/components/ColorSwatches.js.map

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

package/dist/react/components/EditorPage.d.ts

@@ -1,6 +1,7 @@
 import { type ReactNode } from 'react';
 import './formKit.css';
 import './editorPage.css';
+import './scrollRegion.css';
 export interface EditorPageProps {
     /** What is being made or changed — *"New template"*, *"Edit Dynatrace"*. The page's heading. */
     title: ReactNode;

package/dist/react/components/EditorPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditorPage.d.ts","sourceRoot":"","sources":["../../../src/react/components/EditorPage.tsx"],"names":[],"mappings":"AACA,OAAO,EAIL,KAAK,SAAS,EAMf,MAAM,OAAO,CAAC;AAIf,OAAO,eAAe,CAAC;AACvB,OAAO,kBAAkB,CAAC;AAE1B,MAAM,WAAW,eAAe;IAC9B,gGAAgG;IAChG,KAAK,EAAE,SAAS,CAAC;IACjB,+EAA+E;IAC/E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0FAA0F;IAC1F,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wFAAwF;IACxF,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,kFAAkF;IAClF,QAAQ,EAAE,SAAS,CAAC;IACpB,wFAAwF;IACxF,OAAO,EAAE,SAAS,CAAC;IACnB,mFAAmF;IACnF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,4FAA4F;IAC5F,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,6EAA6E;IAC7E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oFAAoF;IACpF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6EAA6E;IAC7E,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,YAAY,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAgBD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,SAAkB,EAClB,MAAM,EACN,OAAO,EACP,OAAO,EACP,QAAQ,EACR,OAAO,EACP,YAAwB,EACxB,YAAY,EACZ,YAAkB,EAClB,UAAU,EACV,KAAY,EACZ,YAAwB,EACxB,SAAS,GACV,EAAE,eAAe,+BA2JjB;AAED,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;GASG;AACH,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,cAAc,+BAEhE"}
+{"version":3,"file":"EditorPage.d.ts","sourceRoot":"","sources":["../../../src/react/components/EditorPage.tsx"],"names":[],"mappings":"AACA,OAAO,EAIL,KAAK,SAAS,EAMf,MAAM,OAAO,CAAC;AAKf,OAAO,eAAe,CAAC;AACvB,OAAO,kBAAkB,CAAC;AAC1B,OAAO,oBAAoB,CAAC;AAE5B,MAAM,WAAW,eAAe;IAC9B,gGAAgG;IAChG,KAAK,EAAE,SAAS,CAAC;IACjB,+EAA+E;IAC/E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0FAA0F;IAC1F,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wFAAwF;IACxF,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,kFAAkF;IAClF,QAAQ,EAAE,SAAS,CAAC;IACpB,wFAAwF;IACxF,OAAO,EAAE,SAAS,CAAC;IACnB,mFAAmF;IACnF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,4FAA4F;IAC5F,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,6EAA6E;IAC7E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oFAAoF;IACpF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6EAA6E;IAC7E,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,YAAY,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAgBD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,SAAkB,EAClB,MAAM,EACN,OAAO,EACP,OAAO,EACP,QAAQ,EACR,OAAO,EACP,YAAwB,EACxB,YAAY,EACZ,YAAkB,EAClB,UAAU,EACV,KAAY,EACZ,YAAwB,EACxB,SAAS,GACV,EAAE,eAAe,+BAmKjB;AAED,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;GASG;AACH,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,cAAc,+BAEhE"}

package/dist/react/components/EditorPage.js

@@ -1,11 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ArrowLeft } from 'lucide-react';
 import { useCallback, useEffect, useId, useRef, useState, } from 'react';
+import { useCaretInView } from '../hooks/useCaretInView.js';
 import { useDiscardGuard } from '../hooks/useDiscardGuard.js';
 import { cn } from '../lib/cn.js';
 import { UnstyledButton } from './UnstyledButton.js';
 import './formKit.css';
 import './editorPage.css';
+import './scrollRegion.css';
 /** What answers Escape itself, before the page does. */
 const OWNS_ESCAPE = '[role="listbox"],[role="menu"],[role="combobox"][aria-expanded="true"],[aria-haspopup]:not([aria-haspopup="false"])[aria-expanded="true"]';
 const MIN_SPLIT = 0.25;
@@ -48,6 +50,9 @@ export function EditorPage({ title, backLabel = 'Back', onBack, isDirty, actions
     const titleId = useId();
     const formId = useId();
     const previewId = useId();
+    // `.cbfk-scroll`'s other half: ScrollArea's explicit scroll-into-view on focus, for a browser
+    // that ignores scroll-padding on its own (forge task 2827).
+    const onFocusCapture = useCaretInView();
     const { guardedClose, discardOverlay, isConfirming, cancelDiscard } = useDiscardGuard({ onClose: onBack, isDirty });
     const commit = useCallback((value) => {
         const next = clampSplit(value);
@@ -115,7 +120,7 @@ export function EditorPage({ title, backLabel = 'Back', onBack, isDirty, actions
         else
             guardedClose();
     };
-    return (_jsxs("div", { ref: rootRef, className: cn('cbfk-page', className), "data-presentation": presentation, "data-mode": mode, "data-dragging": dragging ? 'true' : undefined, role: presentation === 'overlay' ? 'dialog' : 'region', "aria-modal": presentation === 'overlay' ? true : undefined, "aria-labelledby": titleId, tabIndex: -1, onKeyDown: onKeyDown, children: [_jsxs("header", { className: 'cbfk-page-head', children: [_jsxs(UnstyledButton, { className: 'cbfk-page-back', onClick: guardedClose, "aria-label": backLabel, tooltip: backLabel, children: [_jsx(ArrowLeft, { "aria-hidden": true }), _jsx("span", { className: 'cbfk-page-crumb', children: backLabel })] }), _jsx("span", { className: 'cbfk-page-sep', "aria-hidden": true, children: "/" }), _jsx("h1", { id: titleId, className: 'cbfk-page-title', children: title }), _jsx("div", { className: 'cbfk-page-modes', role: 'tablist', "aria-label": 'Show', children: ['edit', 'preview'].map((each) => (_jsx(UnstyledButton, { role: 'tab', className: 'cbfk-page-mode', "aria-selected": mode === each, "aria-controls": each === 'edit' ? formId : previewId, onClick: () => setMode(each), children: each === 'edit' ? 'Edit' : previewLabel }, each))) }), actions ? _jsx("div", { className: 'cbfk-page-actions', children: actions }) : null] }), _jsxs("div", { ref: splitRef, className: 'cbfk-page-split', style: { '--cbfk-page-split': `${(split * 100).toFixed(2)}%` }, children: [_jsx("div", { id: formId, className: cn('cbfk-page-form', quiet && 'cbfk-quiet'), children: _jsx("div", { className: 'cbfk-page-form-inner', children: children }) }), _jsx("div", { className: 'cbfk-page-divider', role: 'separator', "aria-orientation": 'vertical', "aria-label": 'Resize the form and the preview', "aria-valuemin": MIN_SPLIT * 100, "aria-valuemax": MAX_SPLIT * 100, "aria-valuenow": Math.round(split * 100), "aria-controls": formId, tabIndex: 0, onPointerDown: onPointerDown, onPointerMove: onPointerMove, onPointerUp: onPointerUp, onPointerCancel: onPointerUp, onKeyDown: onDividerKey, onDoubleClick: () => commit(defaultSplit) }), _jsxs("section", { id: previewId, className: 'cbfk-page-preview', "aria-label": previewLabel, children: [_jsxs("div", { className: 'cbfk-page-preview-head', children: [_jsx("p", { className: 'cbfk-page-preview-label', children: previewLabel }), previewTools ? _jsx("div", { className: 'cbfk-page-preview-tools', children: previewTools }) : null] }), _jsx("div", { className: 'cbfk-page-preview-body', children: preview })] })] }), discardOverlay] }));
+    return (_jsxs("div", { ref: rootRef, className: cn('cbfk-page', className), "data-presentation": presentation, "data-mode": mode, "data-dragging": dragging ? 'true' : undefined, role: presentation === 'overlay' ? 'dialog' : 'region', "aria-modal": presentation === 'overlay' ? true : undefined, "aria-labelledby": titleId, tabIndex: -1, onKeyDown: onKeyDown, children: [_jsxs("header", { className: 'cbfk-page-head', children: [_jsxs(UnstyledButton, { className: 'cbfk-page-back', onClick: guardedClose, "aria-label": backLabel, tooltip: backLabel, children: [_jsx(ArrowLeft, { "aria-hidden": true }), _jsx("span", { className: 'cbfk-page-crumb', children: backLabel })] }), _jsx("span", { className: 'cbfk-page-sep', "aria-hidden": true, children: "/" }), _jsx("h1", { id: titleId, className: 'cbfk-page-title', children: title }), _jsx("div", { className: 'cbfk-page-modes', role: 'tablist', "aria-label": 'Show', children: ['edit', 'preview'].map((each) => (_jsx(UnstyledButton, { role: 'tab', className: 'cbfk-page-mode', "aria-selected": mode === each, "aria-controls": each === 'edit' ? formId : previewId, onClick: () => setMode(each), children: each === 'edit' ? 'Edit' : previewLabel }, each))) }), actions ? _jsx("div", { className: 'cbfk-page-actions', children: actions }) : null] }), _jsxs("div", { ref: splitRef, className: 'cbfk-page-split', style: { '--cbfk-page-split': `${(split * 100).toFixed(2)}%` }, children: [_jsx("div", { id: formId, className: cn('cbfk-page-form cbfk-scroll', quiet && 'cbfk-quiet'), onFocusCapture: onFocusCapture, children: _jsx("div", { className: 'cbfk-page-form-inner', children: children }) }), _jsx("div", { className: 'cbfk-page-divider', role: 'separator', "aria-orientation": 'vertical', "aria-label": 'Resize the form and the preview', "aria-valuemin": MIN_SPLIT * 100, "aria-valuemax": MAX_SPLIT * 100, "aria-valuenow": Math.round(split * 100), "aria-controls": formId, tabIndex: 0, onPointerDown: onPointerDown, onPointerMove: onPointerMove, onPointerUp: onPointerUp, onPointerCancel: onPointerUp, onKeyDown: onDividerKey, onDoubleClick: () => commit(defaultSplit) }), _jsxs("section", { id: previewId, className: 'cbfk-page-preview cbfk-scroll', "aria-label": previewLabel, onFocusCapture: onFocusCapture, children: [_jsxs("div", { className: 'cbfk-page-preview-head', children: [_jsx("p", { className: 'cbfk-page-preview-label', children: previewLabel }), previewTools ? _jsx("div", { className: 'cbfk-page-preview-tools', children: previewTools }) : null] }), _jsx("div", { className: 'cbfk-page-preview-body', children: preview })] })] }), discardOverlay] }));
 }
 /**
  * Linear's form, for any form: inputs, textareas and selects drawn with no box until they are

package/dist/react/components/EditorPage.js.map

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

package/dist/react/components/FormPreviewLayout.d.ts

@@ -1,5 +1,6 @@
 import { type ReactNode } from 'react';
 import './formKit.css';
+import './scrollRegion.css';
 export interface FormPreviewLayoutProps {
     /** The configuration column — names, pickers, the short fields. */
     children: ReactNode;

package/dist/react/components/FormPreviewLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormPreviewLayout.d.ts","sourceRoot":"","sources":["../../../src/react/components/FormPreviewLayout.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAmB,MAAM,OAAO,CAAC;AAExD,OAAO,eAAe,CAAC;AAEvB,MAAM,WAAW,sBAAsB;IACrC,mEAAmE;IACnE,QAAQ,EAAE,SAAS,CAAC;IACpB,uFAAuF;IACvF,OAAO,EAAE,SAAS,CAAC;IACnB;qDACiD;IACjD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;OAIG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,8EAA8E;IAC9E,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,OAAO,EACP,YAAwB,EACxB,cAAc,EACd,kBAA0B,EAC1B,KAAK,EACL,SAAS,GACV,EAAE,sBAAsB,+BAkCxB"}
+{"version":3,"file":"FormPreviewLayout.d.ts","sourceRoot":"","sources":["../../../src/react/components/FormPreviewLayout.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAmB,MAAM,OAAO,CAAC;AAExD,OAAO,eAAe,CAAC;AACvB,OAAO,oBAAoB,CAAC;AAE5B,MAAM,WAAW,sBAAsB;IACrC,mEAAmE;IACnE,QAAQ,EAAE,SAAS,CAAC;IACpB,uFAAuF;IACvF,OAAO,EAAE,SAAS,CAAC;IACnB;qDACiD;IACjD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;OAIG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,8EAA8E;IAC9E,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,OAAO,EACP,YAAwB,EACxB,cAAc,EACd,kBAA0B,EAC1B,KAAK,EACL,SAAS,GACV,EAAE,sBAAsB,+BAkCxB"}

package/dist/react/components/FormPreviewLayout.js

@@ -3,6 +3,7 @@ import { ChevronDown } from 'lucide-react';
 import { useId, useState } from 'react';
 import { cn } from '../lib/cn.js';
 import './formKit.css';
+import './scrollRegion.css';
 /**
  * DESIGN.md §6's creation layout — form beside its live preview — as a layout that can go
  * anywhere, not only inside `Modal`'s `aside`.
@@ -31,6 +32,6 @@ export function FormPreviewLayout({ children, preview, previewLabel = 'Preview',
     return (_jsx("div", { className: cn('cbfk-split', className), "data-preview-open": open ? 'true' : 'false', children: _jsxs("div", { className: 'cbfk-split-grid', children: [_jsx("div", { className: 'cbfk-split-form', children: children }), _jsxs("section", { className: 'cbfk-split-preview', "aria-label": previewLabel, children: [_jsxs("button", { 
                             // guardrails-ignore no-raw-action-button: the narrow preview's fold — presentational
                             // show/hide, no data-mutating intent; it must draw without Tailwind.
-                            type: 'button', className: 'font-[inherit] cbfk-split-bar', "aria-expanded": open, "aria-controls": bodyId, onClick: () => setOpen(!open), children: [_jsx("span", { className: 'cbfk-split-bar-label', children: previewLabel }), _jsx("span", { className: 'cbfk-split-bar-summary', children: previewSummary }), _jsx(ChevronDown, { "aria-hidden": true })] }), _jsx("p", { className: 'cbfk-split-head', children: previewLabel }), _jsx("div", { id: bodyId, className: 'cbfk-split-body', children: preview })] }), below ? _jsx("div", { className: 'cbfk-split-below', children: below }) : null] }) }));
+                            type: 'button', className: 'font-[inherit] cbfk-split-bar', "aria-expanded": open, "aria-controls": bodyId, onClick: () => setOpen(!open), children: [_jsx("span", { className: 'cbfk-split-bar-label', children: previewLabel }), _jsx("span", { className: 'cbfk-split-bar-summary', children: previewSummary }), _jsx(ChevronDown, { "aria-hidden": true })] }), _jsx("p", { className: 'cbfk-split-head', children: previewLabel }), _jsx("div", { id: bodyId, className: 'cbfk-split-body cbfk-scroll', children: preview })] }), below ? _jsx("div", { className: 'cbfk-split-below', children: below }) : null] }) }));
 }
 //# sourceMappingURL=FormPreviewLayout.js.map

package/dist/react/components/FormPreviewLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormPreviewLayout.js","sourceRoot":"","sources":["../../../src/react/components/FormPreviewLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAkB,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,eAAe,CAAC;AA0BvB;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,UAAU,iBAAiB,CAAC,EAChC,QAAQ,EACR,OAAO,EACP,YAAY,GAAG,SAAS,EACxB,cAAc,EACd,kBAAkB,GAAG,KAAK,EAC1B,KAAK,EACL,SAAS,GACc;IACvB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,kBAAkB,CAAC,CAAC;IACrD,MAAM,MAAM,GAAG,KAAK,EAAE,CAAC;IAEvB,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,uBAAqB,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,YACrF,eAAK,SAAS,EAAC,iBAAiB,aAC9B,cAAK,SAAS,EAAC,iBAAiB,YAAE,QAAQ,GAAO,EACjD,mBAAS,SAAS,EAAC,oBAAoB,gBAAa,YAAY,aAC9D;4BACE,qFAAqF;4BACrF,qEAAqE;4BACrE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,+BAA+B,mBAC1B,IAAI,mBACJ,MAAM,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,aAE7B,eAAM,SAAS,EAAC,sBAAsB,YAAE,YAAY,GAAQ,EAC5D,eAAM,SAAS,EAAC,wBAAwB,YAAE,cAAc,GAAQ,EAChE,KAAC,WAAW,0BAAe,IACpB,EACT,YAAG,SAAS,EAAC,iBAAiB,YAAE,YAAY,GAAK,EACjD,cAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAC,iBAAiB,YACzC,OAAO,GACJ,IACE,EAIT,KAAK,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,kBAAkB,YAAE,KAAK,GAAO,CAAC,CAAC,CAAC,IAAI,IAC3D,GACF,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"FormPreviewLayout.js","sourceRoot":"","sources":["../../../src/react/components/FormPreviewLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAkB,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,eAAe,CAAC;AACvB,OAAO,oBAAoB,CAAC;AA0B5B;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,UAAU,iBAAiB,CAAC,EAChC,QAAQ,EACR,OAAO,EACP,YAAY,GAAG,SAAS,EACxB,cAAc,EACd,kBAAkB,GAAG,KAAK,EAC1B,KAAK,EACL,SAAS,GACc;IACvB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,kBAAkB,CAAC,CAAC;IACrD,MAAM,MAAM,GAAG,KAAK,EAAE,CAAC;IAEvB,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,uBAAqB,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,YACrF,eAAK,SAAS,EAAC,iBAAiB,aAC9B,cAAK,SAAS,EAAC,iBAAiB,YAAE,QAAQ,GAAO,EACjD,mBAAS,SAAS,EAAC,oBAAoB,gBAAa,YAAY,aAC9D;4BACE,qFAAqF;4BACrF,qEAAqE;4BACrE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,+BAA+B,mBAC1B,IAAI,mBACJ,MAAM,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,aAE7B,eAAM,SAAS,EAAC,sBAAsB,YAAE,YAAY,GAAQ,EAC5D,eAAM,SAAS,EAAC,wBAAwB,YAAE,cAAc,GAAQ,EAChE,KAAC,WAAW,0BAAe,IACpB,EACT,YAAG,SAAS,EAAC,iBAAiB,YAAE,YAAY,GAAK,EACjD,cAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAC,6BAA6B,YACrD,OAAO,GACJ,IACE,EAIT,KAAK,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,kBAAkB,YAAE,KAAK,GAAO,CAAC,CAAC,CAAC,IAAI,IAC3D,GACF,CACP,CAAC;AACJ,CAAC"}

package/dist/react/components/PropertyList.d.ts

@@ -27,7 +27,7 @@ export interface PropertyListProps extends HTMLAttributes<HTMLDListElement> {
     children: ReactNode;
 }
 export declare function PropertyList({ density, className, children, ...props }: PropertyListProps): import("react").JSX.Element;
-export interface PropertyProps {
+export interface PropertyProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
     /** What the fact is. Plain words, sentence case (CPY-9). */
     label: ReactNode;
     /** A 16px mark before the value — Linear's status ring, a person, a calendar. */
@@ -38,8 +38,22 @@ export interface PropertyProps {
     mono?: boolean;
     /** Trailing controls that belong to this fact — a copy button, a reset (FRM-6). */
     action?: ReactNode;
+    /**
+     * The value takes the list's whole width, under its label — a code block, an image, a
+     * paragraph that a value column would squeeze to a word per line. The label stays in the
+     * same muted voice, so a stacked fact still reads as one of the list's.
+     */
+    stacked?: boolean;
     children: ReactNode;
 }
-/** One fact. Renders nothing when its value is absent, so a caller never filters by hand. */
-export declare function Property({ label, icon, empty, mono, action, children }: PropertyProps): import("react").JSX.Element | null;
+/**
+ * One fact. Renders nothing when its value is absent, so a caller never filters by hand.
+ *
+ * The row is a `display: contents` wrapper, so the label and value sit on the LIST's shared
+ * tracks. Anything else given to it — a `className`, a `data-type`, a `data-tone` — lands on that
+ * wrapper, which is what lets an app hang its own customising (a highlighted override, a row a
+ * test finds by type, tools shown on `:hover`) off the row without hand-rolling one (desk, task
+ * 2823: ten `<dl>`s whose rows each carried exactly that).
+ */
+export declare function Property({ label, icon, empty, mono, action, stacked, className, children, ...row }: PropertyProps): import("react").JSX.Element | null;
 //# sourceMappingURL=PropertyList.d.ts.map

package/dist/react/components/PropertyList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PropertyList.d.ts","sourceRoot":"","sources":["../../../src/react/components/PropertyList.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AACH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,gBAAgB,CAAC;IAC1E;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IACpC,QAAQ,EAAE,SAAS,CAAC;CACpB;AAED,wBAAgB,YAAY,CAAC,EAAE,OAAuB,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,+BAczG;AAED,MAAM,WAAW,aAAa;IAC7B,4DAA4D;IAC5D,KAAK,EAAE,SAAS,CAAC;IACjB,iFAAiF;IACjF,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,0EAA0E;IAC1E,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,kFAAkF;IAClF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,mFAAmF;IACnF,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACpB;AAED,6FAA6F;AAC7F,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAa,EAAE,IAAY,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,aAAa,sCA6BrG"}
+{"version":3,"file":"PropertyList.d.ts","sourceRoot":"","sources":["../../../src/react/components/PropertyList.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AACH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,gBAAgB,CAAC;IAC1E;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IACpC,QAAQ,EAAE,SAAS,CAAC;CACpB;AAED,wBAAgB,YAAY,CAAC,EAAE,OAAuB,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,+BAczG;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACtF,4DAA4D;IAC5D,KAAK,EAAE,SAAS,CAAC;IACjB,iFAAiF;IACjF,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,0EAA0E;IAC1E,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,kFAAkF;IAClF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,mFAAmF;IACnF,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;CACpB;AAED;;;;;;;;GAQG;AACH,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAa,EAAE,IAAY,EAAE,MAAM,EAAE,OAAe,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,GAAG,EAAE,EAAE,aAAa,sCAwCzI"}

package/dist/react/components/PropertyList.js

@@ -3,10 +3,18 @@ import { cn } from "../lib/cn.js";
 export function PropertyList({ density = "comfortable", className, children, ...props }) {
     return (_jsx("dl", { "data-density": density, className: cn("group/properties m-0 grid grid-cols-[minmax(0,var(--property-label-w))_minmax(0,1fr)] gap-x-4", density === "compact" ? "gap-y-1 text-xs" : "gap-y-0 text-sm", className), ...props, children: children }));
 }
-/** One fact. Renders nothing when its value is absent, so a caller never filters by hand. */
-export function Property({ label, icon, empty = false, mono = false, action, children }) {
+/**
+ * One fact. Renders nothing when its value is absent, so a caller never filters by hand.
+ *
+ * The row is a `display: contents` wrapper, so the label and value sit on the LIST's shared
+ * tracks. Anything else given to it — a `className`, a `data-type`, a `data-tone` — lands on that
+ * wrapper, which is what lets an app hang its own customising (a highlighted override, a row a
+ * test finds by type, tools shown on `:hover`) off the row without hand-rolling one (desk, task
+ * 2823: ten `<dl>`s whose rows each carried exactly that).
+ */
+export function Property({ label, icon, empty = false, mono = false, action, stacked = false, className, children, ...row }) {
     if (children === undefined || children === null || children === "" || children === false)
         return null;
-    return (_jsxs("div", { className: "contents", children: [_jsx("dt", { className: "m-0 flex min-h-[var(--control-h-sm)] min-w-0 items-center font-normal text-[var(--muted-foreground)] group-data-[density=compact]/properties:min-h-6 group-data-[density=compact]/properties:items-start", children: _jsx("span", { className: "truncate", children: label }) }), _jsxs("dd", { className: "m-0 flex min-h-[var(--control-h-sm)] min-w-0 items-center gap-2 group-data-[density=compact]/properties:min-h-6 group-data-[density=compact]/properties:items-start", children: [icon ? (_jsx("span", { "aria-hidden": "true", className: "flex size-4 flex-none items-center justify-center text-[var(--muted-foreground)]", children: icon })) : null, _jsx("span", { "data-slot": "property-value", className: cn("min-w-0", mono ? "break-all font-mono" : "break-words", empty ? "text-[var(--muted-foreground)]" : "text-[var(--foreground)]"), children: children }), action ? _jsx("span", { className: "flex flex-none items-center gap-1", children: action }) : null] })] }));
+    return (_jsxs("div", { ...row, "data-stacked": stacked ? "true" : undefined, className: cn("contents", className), children: [_jsx("dt", { className: cn("m-0 flex min-h-[var(--control-h-sm)] min-w-0 items-center font-normal text-[var(--muted-foreground)] group-data-[density=compact]/properties:min-h-6 group-data-[density=compact]/properties:items-start", stacked && "col-span-full"), children: _jsx("span", { className: "truncate", children: label }) }), _jsxs("dd", { className: cn("m-0 flex min-h-[var(--control-h-sm)] min-w-0 items-center gap-2 group-data-[density=compact]/properties:min-h-6 group-data-[density=compact]/properties:items-start", stacked && "col-span-full items-start pb-2"), children: [icon ? (_jsx("span", { "aria-hidden": "true", className: "flex size-4 flex-none items-center justify-center text-[var(--muted-foreground)]", children: icon })) : null, _jsx("span", { "data-slot": "property-value", className: cn("min-w-0", stacked && "w-full", mono ? "break-all font-mono" : "break-words", empty ? "text-[var(--muted-foreground)]" : "text-[var(--foreground)]"), children: children }), action ? _jsx("span", { className: "flex flex-none items-center gap-1", children: action }) : null] })] }));
 }
 //# sourceMappingURL=PropertyList.js.map

package/dist/react/components/PropertyList.js.map

@@ -1 +1 @@
-{"version":3,"file":"PropertyList.js","sourceRoot":"","sources":["../../../src/react/components/PropertyList.tsx"],"names":[],"mappings":";AAoBA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAWlC,MAAM,UAAU,YAAY,CAAC,EAAE,OAAO,GAAG,aAAa,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAqB;IACzG,OAAO,CACN,6BACe,OAAO,EACrB,SAAS,EAAE,EAAE,CACZ,+FAA+F,EAC/F,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,EAC7D,SAAS,CACT,KACG,KAAK,YAER,QAAQ,GACL,CACL,CAAC;AACH,CAAC;AAgBD,6FAA6F;AAC7F,MAAM,UAAU,QAAQ,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,GAAG,KAAK,EAAE,IAAI,GAAG,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAiB;IACrG,IAAI,QAAQ,KAAK,SAAS,IAAI,QAAQ,KAAK,IAAI,IAAI,QAAQ,KAAK,EAAE,IAAI,QAAQ,KAAK,KAAK;QAAE,OAAO,IAAI,CAAC;IACtG,OAAO,CACN,eAAK,SAAS,EAAC,UAAU,aACxB,aAAI,SAAS,EAAC,0MAA0M,YACvN,eAAM,SAAS,EAAC,UAAU,YAAE,KAAK,GAAQ,GACrC,EACL,cAAI,SAAS,EAAC,qKAAqK,aACjL,IAAI,CAAC,CAAC,CAAC,CACP,8BAAkB,MAAM,EAAC,SAAS,EAAC,kFAAkF,YACnH,IAAI,GACC,CACP,CAAC,CAAC,CAAC,IAAI,EAGR,4BACW,gBAAgB,EAC1B,SAAS,EAAE,EAAE,CACZ,SAAS,EACT,IAAI,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,aAAa,EAC5C,KAAK,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,0BAA0B,CACrE,YAEA,QAAQ,GACH,EACN,MAAM,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,mCAAmC,YAAE,MAAM,GAAQ,CAAC,CAAC,CAAC,IAAI,IAChF,IACA,CACN,CAAC;AACH,CAAC"}
+{"version":3,"file":"PropertyList.js","sourceRoot":"","sources":["../../../src/react/components/PropertyList.tsx"],"names":[],"mappings":";AAoBA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAWlC,MAAM,UAAU,YAAY,CAAC,EAAE,OAAO,GAAG,aAAa,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAqB;IACzG,OAAO,CACN,6BACe,OAAO,EACrB,SAAS,EAAE,EAAE,CACZ,+FAA+F,EAC/F,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,EAC7D,SAAS,CACT,KACG,KAAK,YAER,QAAQ,GACL,CACL,CAAC;AACH,CAAC;AAsBD;;;;;;;;GAQG;AACH,MAAM,UAAU,QAAQ,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,GAAG,KAAK,EAAE,IAAI,GAAG,KAAK,EAAE,MAAM,EAAE,OAAO,GAAG,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,GAAG,EAAiB;IACzI,IAAI,QAAQ,KAAK,SAAS,IAAI,QAAQ,KAAK,IAAI,IAAI,QAAQ,KAAK,EAAE,IAAI,QAAQ,KAAK,KAAK;QAAE,OAAO,IAAI,CAAC;IACtG,OAAO,CACN,kBAAS,GAAG,kBAAgB,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAAE,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,aAC7F,aACC,SAAS,EAAE,EAAE,CACZ,0MAA0M,EAC1M,OAAO,IAAI,eAAe,CAC1B,YAED,eAAM,SAAS,EAAC,UAAU,YAAE,KAAK,GAAQ,GACrC,EACL,cACC,SAAS,EAAE,EAAE,CACZ,qKAAqK,EACrK,OAAO,IAAI,gCAAgC,CAC3C,aAEA,IAAI,CAAC,CAAC,CAAC,CACP,8BAAkB,MAAM,EAAC,SAAS,EAAC,kFAAkF,YACnH,IAAI,GACC,CACP,CAAC,CAAC,CAAC,IAAI,EAGR,4BACW,gBAAgB,EAC1B,SAAS,EAAE,EAAE,CACZ,SAAS,EACT,OAAO,IAAI,QAAQ,EACnB,IAAI,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,aAAa,EAC5C,KAAK,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,0BAA0B,CACrE,YAEA,QAAQ,GACH,EACN,MAAM,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,mCAAmC,YAAE,MAAM,GAAQ,CAAC,CAAC,CAAC,IAAI,IAChF,IACA,CACN,CAAC;AACH,CAAC"}

package/dist/react/components/SwatchPicker.d.ts

@@ -1,31 +1,59 @@
-export interface SwatchOption<T extends string = string> {
+interface SwatchOptionBase<T extends string> {
     /** Stable value reported by `onChange` (an id, an index-as-string, a hex…). */
     value: T;
-    /** Any CSS color — hex, `var(--chart-1)`, `oklch(…)`. Fills the swatch. */
-    color: string;
-    /** Accessible name; defaults to the value. */
+    /** Accessible name, and the tooltip; defaults to the value. */
     label?: string;
     disabled?: boolean;
 }
+/** One swatch: a colour — or, with `none`, the "no colour" choice, drawn as the ground struck through. */
+export type SwatchOption<T extends string = string> = SwatchOptionBase<T> & ({
+    /** Any CSS color — hex, `var(--chart-1)`, `oklch(…)`. Fills the swatch. */
+    color: string;
+    none?: undefined;
+} | {
+    /** The "no colour" swatch (a fill cleared, an accent removed): the card ground with a slash. */
+    none: true;
+    color?: undefined;
+});
 export interface SwatchPickerProps<T extends string = string> {
     options: SwatchOption<T>[];
     value: T | undefined;
     onChange: (value: T) => void;
     /** Swatch diameter: `sm` 1.5rem, `md` (default) 1.75rem, `lg` 2.25rem. */
     size?: 'sm' | 'md' | 'lg';
+    /** `dot` (default) is round; `tile` is a rounded square — a palette's chip (Excel's colour grid). */
+    shape?: 'dot' | 'tile';
+    /** Lay the swatches out as a grid this many across (a 2-D palette) instead of one wrapping row. */
+    columns?: number;
+    /**
+     * `automatic` (default): the arrow keys move the choice, as a radio group's do — right for a
+     * value being SET (an accent, a series colour). `manual`: the arrows only move focus, and
+     * Enter, Space or a click picks — including the swatch already checked, which reports again.
+     * Right for a palette that APPLIES a colour (a format menu, a selection's toolbar), where every
+     * arrow press would otherwise be an edit and the first one would close the menu. The words are
+     * Radix Tabs' `activationMode`.
+     */
+    activationMode?: 'automatic' | 'manual';
     /** Accessible name for the group (default "Color"). */
     'aria-label'?: string;
     className?: string;
 }
 /**
  * A discrete color-swatch radio group — pick ONE color from a fixed palette
- * (chart series colors, namespace hues, label tints). Radix `RadioGroup`
- * supplies the radiogroup ARIA pattern, roving tabindex, and arrow-key
- * navigation; the check glyph marks the selection.
+ * (chart series colors, namespace hues, label tints, a format menu's grid). Radix
+ * `RadioGroup` supplies the radiogroup ARIA pattern, roving tabindex, and arrow-key
+ * navigation; the check glyph and a ring mark the selection, and each swatch names
+ * itself in the belt's `Tooltip` — on focus as well as hover, which a native `title`
+ * never does (DESIGN.md §4, `no-raw-title-attr`).
  *
  * This is the shared primitive for every "row of color dots" UI. For the nav
  * accent picker (presets + custom hex + reset) see `ColorSwatchGrid`, which
- * composes this with a native color input.
+ * composes this with a native color input; for an accent row with an any-colour
+ * well, `ColorSwatches`.
+ *
+ * The checked ring keys off `aria-checked`, not Radix's `data-state`: the tooltip's
+ * own trigger writes `data-state` (open/closed) onto the same element.
  */
-export declare function SwatchPicker<T extends string = string>({ options, value, onChange, size, 'aria-label': ariaLabel, className, }: SwatchPickerProps<T>): import("react").JSX.Element;
+export declare function SwatchPicker<T extends string = string>({ options, value, onChange, size, shape, columns, activationMode, 'aria-label': ariaLabel, className, }: SwatchPickerProps<T>): import("react").JSX.Element;
+export {};
 //# sourceMappingURL=SwatchPicker.d.ts.map

package/dist/react/components/SwatchPicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SwatchPicker.d.ts","sourceRoot":"","sources":["../../../src/react/components/SwatchPicker.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,YAAY,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IACrD,+EAA+E;IAC/E,KAAK,EAAE,CAAC,CAAC;IACT,2EAA2E;IAC3E,KAAK,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,iBAAiB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IAC1D,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3B,KAAK,EAAE,CAAC,GAAG,SAAS,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,0EAA0E;IAC1E,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,uDAAuD;IACvD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID;;;;;;;;;GASG;AACH,wBAAgB,YAAY,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,EACtD,OAAO,EACP,KAAK,EACL,QAAQ,EACR,IAAW,EACX,YAAY,EAAE,SAAmB,EACjC,SAAS,GACV,EAAE,iBAAiB,CAAC,CAAC,CAAC,+BAkCtB"}
+{"version":3,"file":"SwatchPicker.d.ts","sourceRoot":"","sources":["../../../src/react/components/SwatchPicker.tsx"],"names":[],"mappings":"AAOA,UAAU,gBAAgB,CAAC,CAAC,SAAS,MAAM;IACzC,+EAA+E;IAC/E,KAAK,EAAE,CAAC,CAAC;IACT,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,0GAA0G;AAC1G,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,gBAAgB,CAAC,CAAC,CAAC,GACvE,CACI;IACE,2EAA2E;IAC3E,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,GACD;IACE,gGAAgG;IAChG,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CACJ,CAAC;AAEJ,MAAM,WAAW,iBAAiB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IAC1D,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3B,KAAK,EAAE,CAAC,GAAG,SAAS,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,0EAA0E;IAC1E,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,qGAAqG;IACrG,KAAK,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IACvB,mGAAmG;IACnG,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;;;;OAOG;IACH,cAAc,CAAC,EAAE,WAAW,GAAG,QAAQ,CAAC;IACxC,uDAAuD;IACvD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,YAAY,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,EACtD,OAAO,EACP,KAAK,EACL,QAAQ,EACR,IAAW,EACX,KAAa,EACb,OAAO,EACP,cAA4B,EAC5B,YAAY,EAAE,SAAmB,EACjC,SAAS,GACV,EAAE,iBAAiB,CAAC,CAAC,CAAC,+BA+EtB"}

package/dist/react/components/SwatchPicker.js

@@ -1,23 +1,66 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as RadioGroup from '@radix-ui/react-radio-group';
 import { Check } from 'lucide-react';
+import { useRef } from 'react';
 import { cn } from '../lib/cn.js';
 import { TAP_TARGET_SQUARE } from '../lib/tapTarget.js';
+import { Tooltip } from './Tooltip.js';
 const SIZE = { sm: 'size-6', md: 'size-7', lg: 'size-9' };
+const SHAPE = { dot: 'rounded-full', tile: 'rounded-sm' };
+/** "No colour": the card ground, struck through corner to corner in the destructive hue. */
+const NONE_FILL = 'linear-gradient(135deg, transparent calc(50% - 1px), var(--destructive) calc(50% - 1px) calc(50% + 1px), transparent calc(50% + 1px)), var(--card)';
 /**
  * A discrete color-swatch radio group — pick ONE color from a fixed palette
- * (chart series colors, namespace hues, label tints). Radix `RadioGroup`
- * supplies the radiogroup ARIA pattern, roving tabindex, and arrow-key
- * navigation; the check glyph marks the selection.
+ * (chart series colors, namespace hues, label tints, a format menu's grid). Radix
+ * `RadioGroup` supplies the radiogroup ARIA pattern, roving tabindex, and arrow-key
+ * navigation; the check glyph and a ring mark the selection, and each swatch names
+ * itself in the belt's `Tooltip` — on focus as well as hover, which a native `title`
+ * never does (DESIGN.md §4, `no-raw-title-attr`).
  *
  * This is the shared primitive for every "row of color dots" UI. For the nav
  * accent picker (presets + custom hex + reset) see `ColorSwatchGrid`, which
- * composes this with a native color input.
+ * composes this with a native color input; for an accent row with an any-colour
+ * well, `ColorSwatches`.
+ *
+ * The checked ring keys off `aria-checked`, not Radix's `data-state`: the tooltip's
+ * own trigger writes `data-state` (open/closed) onto the same element.
  */
-export function SwatchPicker({ options, value, onChange, size = 'md', 'aria-label': ariaLabel = 'Color', className, }) {
-    return (_jsx(RadioGroup.Root, { "aria-label": ariaLabel, value: value ?? '', onValueChange: (v) => onChange(v), className: cn('flex flex-wrap items-center gap-1.5', className), children: options.map((opt) => (_jsx(RadioGroup.Item, { value: opt.value, disabled: opt.disabled, "aria-label": opt.label ?? opt.value, title: opt.label ?? opt.value, style: { backgroundColor: opt.color }, className: cn('inline-flex items-center justify-center rounded-full border border-border/40 transition-transform', SIZE[size], 
-            // A finger needs 44px (DESIGN.md §5): the swatch itself grows on a coarse pointer, since
-            // the colour IS the button. A 28px one failed e2e/touch-targets (forge task 2514).
-            TAP_TARGET_SQUARE, 'hover:scale-110 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1', 'data-[state=checked]:ring-2 data-[state=checked]:ring-foreground data-[state=checked]:ring-offset-1', 'disabled:cursor-not-allowed disabled:opacity-40 disabled:hover:scale-100'), children: _jsx(RadioGroup.Indicator, { asChild: true, children: _jsx(Check, { className: 'size-3.5 text-white mix-blend-difference', "aria-hidden": true }) }) }, opt.value))) }));
+export function SwatchPicker({ options, value, onChange, size = 'md', shape = 'dot', columns, activationMode = 'automatic', 'aria-label': ariaLabel = 'Color', className, }) {
+    const manual = activationMode === 'manual';
+    // Radix checks the radio an arrow key lands on by calling `click()` from inside its focus
+    // handler. In manual mode that one click is vetoed: our `onFocus` runs first and raises this
+    // flag until the focus event's dispatch is over, and `onClick` refuses Radix's check while it
+    // is up. (Preventing the FOCUS would skip it too, but the tooltip reads that as "do not open",
+    // and the arrow keys are exactly when a swatch's name is wanted.)
+    const focusing = useRef(false);
+    const grid = columns ? { gridTemplateColumns: `repeat(${columns}, max-content)` } : undefined;
+    return (_jsx(RadioGroup.Root, { "aria-label": ariaLabel, value: value ?? '', onValueChange: (v) => onChange(v), "data-slot": 'swatch-picker', style: grid, className: cn(columns ? 'grid' : 'flex flex-wrap', 'items-center gap-1.5', className), children: options.map((opt) => {
+            const name = opt.label ?? opt.value;
+            return (_jsx(Tooltip, { content: name, children: _jsx(RadioGroup.Item, { value: opt.value, disabled: opt.disabled, "aria-label": name, "data-swatch": opt.none ? 'none' : opt.value, style: { background: opt.none ? NONE_FILL : opt.color }, onFocus: manual
+                        ? () => {
+                            focusing.current = true;
+                            queueMicrotask(() => {
+                                focusing.current = false;
+                            });
+                        }
+                        : undefined, onClick: manual
+                        ? (event) => {
+                            if (focusing.current)
+                                event.preventDefault();
+                            else if (opt.value === value)
+                                onChange(opt.value);
+                        }
+                        : undefined, onKeyDown: manual
+                        ? (event) => {
+                            if (event.key !== 'Enter')
+                                return;
+                            event.preventDefault();
+                            onChange(opt.value);
+                        }
+                        : undefined, className: cn('inline-flex items-center justify-center border border-border/40 transition-transform', SIZE[size], SHAPE[shape], 
+                    // A finger needs 44px (DESIGN.md §5): the swatch itself grows on a coarse pointer, since
+                    // the colour IS the button. A 28px one failed e2e/touch-targets (forge task 2514).
+                    TAP_TARGET_SQUARE, 'hover:scale-110 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1', 'aria-checked:ring-2 aria-checked:ring-foreground aria-checked:ring-offset-1', 'disabled:cursor-not-allowed disabled:opacity-40 disabled:hover:scale-100'), children: opt.none ? null : (_jsx(RadioGroup.Indicator, { asChild: true, children: _jsx(Check, { className: 'size-3.5 text-white mix-blend-difference', "aria-hidden": true }) })) }) }, opt.value));
+        }) }));
 }
 //# sourceMappingURL=SwatchPicker.js.map

package/dist/react/components/SwatchPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwatchPicker.js","sourceRoot":"","sources":["../../../src/react/components/SwatchPicker.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,UAAU,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAuBxD,MAAM,IAAI,GAAG,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAW,CAAC;AAEnE;;;;;;;;;GASG;AACH,MAAM,UAAU,YAAY,CAA4B,EACtD,OAAO,EACP,KAAK,EACL,QAAQ,EACR,IAAI,GAAG,IAAI,EACX,YAAY,EAAE,SAAS,GAAG,OAAO,EACjC,SAAS,GACY;IACrB,OAAO,CACL,KAAC,UAAU,CAAC,IAAI,kBACF,SAAS,EACrB,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAM,CAAC,EACtC,SAAS,EAAE,EAAE,CAAC,qCAAqC,EAAE,SAAS,CAAC,YAE9D,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACpB,KAAC,UAAU,CAAC,IAAI,IAEd,KAAK,EAAE,GAAG,CAAC,KAAK,EAChB,QAAQ,EAAE,GAAG,CAAC,QAAQ,gBACV,GAAG,CAAC,KAAK,IAAI,GAAG,CAAC,KAAK,EAClC,KAAK,EAAE,GAAG,CAAC,KAAK,IAAI,GAAG,CAAC,KAAK,EAC7B,KAAK,EAAE,EAAE,eAAe,EAAE,GAAG,CAAC,KAAK,EAAE,EACrC,SAAS,EAAE,EAAE,CACX,mGAAmG,EACnG,IAAI,CAAC,IAAI,CAAC;YACV,yFAAyF;YACzF,mFAAmF;YACnF,iBAAiB,EACjB,qHAAqH,EACrH,qGAAqG,EACrG,0EAA0E,CAC3E,YAED,KAAC,UAAU,CAAC,SAAS,IAAC,OAAO,kBAC3B,KAAC,KAAK,IAAC,SAAS,EAAC,0CAA0C,wBAAe,GACrD,IAnBlB,GAAG,CAAC,KAAK,CAoBE,CACnB,CAAC,GACc,CACnB,CAAC;AACJ,CAAC"}
+{"version":3,"file":"SwatchPicker.js","sourceRoot":"","sources":["../../../src/react/components/SwatchPicker.tsx"],"names":[],"mappings":"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"}

package/dist/react/components/TreeView.d.ts

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import { type HTMLAttributes, type ReactNode } from 'react';
 export interface TreeNode {
     id: string;
     /** Displayed label content. */
@@ -10,10 +10,38 @@ export interface TreeNode {
     /** True when children exist but haven't been fetched yet (triggers `onLoadChildren`). */
     hasChildren?: boolean;
     disabled?: boolean;
+    /**
+     * Trailing content after the label: a count, a status dot, a word or two of kind. Drawn muted
+     * and never truncated, so it says the same thing at any width; the label gives way first.
+     */
+    meta?: ReactNode;
+    /** A second, muted line under the label: why a search kept this row, a path, a summary. */
+    description?: ReactNode;
+    /**
+     * Attributes for the visible ROW — not the treeitem, which also wraps the node's children, so
+     * a hook on it would match every ancestor of the row you meant. A `data-*` an app's test or
+     * stylesheet keys on, a className.
+     */
+    rowProps?: HTMLAttributes<HTMLDivElement> & {
+        [key: `data-${string}`]: string | undefined;
+    };
+}
+/** A run of root nodes under a heading ("Lists", "Components"). Arrow keys pass over the heading. */
+export interface TreeSection {
+    id: string;
+    /** The heading. Omitted, the section draws no heading (a single section, or the first). */
+    label?: ReactNode;
+    nodes: TreeNode[];
 }
 export type TreeSelectionMode = 'none' | 'single' | 'multi';
 export interface TreeViewProps {
-    nodes: TreeNode[];
+    /** The root nodes. Give `sections` instead to draw the roots in headed groups. */
+    nodes?: TreeNode[];
+    /**
+     * The roots in headed groups. One tree, one tab stop and one keyboard path across all of them
+     * — the arrows step from the last row of one section to the first of the next.
+     */
+    sections?: TreeSection[];
     /** Selection behavior (default `'single'`). */
     selectionMode?: TreeSelectionMode;
     /** Controlled selected ids. */
@@ -26,16 +54,23 @@ export interface TreeViewProps {
     onExpandedChange?: (ids: string[]) => void;
     /** Called to lazily load children for a node (they are cached after the first load). */
     onLoadChildren?: (id: string) => Promise<TreeNode[]>;
+    /**
+     * Open a node — a double-click, or Enter (which selects it first). Separate from selection:
+     * selecting shows a thing, opening acts on it (an editor, a document), as Finder and VS Code's
+     * explorer split the two. Space only selects.
+     */
+    onOpen?: (id: string) => void;
     /** Enable drag-to-reorder within each level (default `false`). */
     draggable?: boolean;
     /**
      * Called when nodes at a level are reordered.
-     * `parentId` is the parent node's id, or `null` for the root level.
+     * `parentId` is the parent node's id, or `null` for the root level — with `sections`, the
+     * section's id, since a row is dragged only within its own section.
      */
     onReorder?: (parentId: string | null, nodes: TreeNode[]) => void;
     className?: string;
     'aria-label'?: string;
     'aria-labelledby'?: string;
 }
-export declare function TreeView({ nodes, selectionMode, selected: controlledSelected, defaultSelected, onSelectionChange, expanded: controlledExpanded, defaultExpanded, onExpandedChange, onLoadChildren, draggable, onReorder, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, }: TreeViewProps): import("react").JSX.Element;
+export declare function TreeView({ nodes: rootNodes, sections, selectionMode, selected: controlledSelected, defaultSelected, onSelectionChange, expanded: controlledExpanded, defaultExpanded, onExpandedChange, onLoadChildren, onOpen, draggable, onReorder, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, }: TreeViewProps): import("react").JSX.Element;
 //# sourceMappingURL=TreeView.d.ts.map

package/dist/react/components/TreeView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TreeView.d.ts","sourceRoot":"","sources":["../../../src/react/components/TreeView.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,SAAS,EAOf,MAAM,OAAO,CAAC;AASf,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,+BAA+B;IAC/B,KAAK,EAAE,SAAS,CAAC;IACjB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;IACtB,yFAAyF;IACzF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE5D,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,+CAA+C;IAC/C,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAClC,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC5C,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC3C,wFAAwF;IACxF,cAAc,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC;IACrD,kEAAkE;IAClE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,IAAI,CAAC;IACjE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAsED,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,aAAwB,EACxB,QAAQ,EAAE,kBAAkB,EAC5B,eAAe,EACf,iBAAiB,EACjB,QAAQ,EAAE,kBAAkB,EAC5B,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,SAAiB,EACjB,SAAS,EACT,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,GAClC,EAAE,aAAa,+BAqKf"}
+{"version":3,"file":"TreeView.d.ts","sourceRoot":"","sources":["../../../src/react/components/TreeView.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,cAAc,EAEnB,KAAK,SAAS,EAQf,MAAM,OAAO,CAAC;AASf,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,+BAA+B;IAC/B,KAAK,EAAE,SAAS,CAAC;IACjB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;IACtB,yFAAyF;IACzF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,2FAA2F;IAC3F,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,GAAG;QAAE,CAAC,GAAG,EAAE,QAAQ,MAAM,EAAE,GAAG,MAAM,GAAG,SAAS,CAAA;KAAE,CAAC;CAC7F;AAED,qGAAqG;AACrG,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,2FAA2F;IAC3F,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,EAAE,QAAQ,EAAE,CAAC;CACnB;AAED,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE5D,MAAM,WAAW,aAAa;IAC5B,kFAAkF;IAClF,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;IACzB,+CAA+C;IAC/C,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAClC,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC5C,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC3C,wFAAwF;IACxF,cAAc,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC;IACrD;;;;OAIG;IACH,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,kEAAkE;IAClE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,IAAI,CAAC;IACjE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAuFD,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EAAE,SAAS,EAChB,QAAQ,EACR,aAAwB,EACxB,QAAQ,EAAE,kBAAkB,EAC5B,eAAe,EACf,iBAAiB,EACjB,QAAQ,EAAE,kBAAkB,EAC5B,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,MAAM,EACN,SAAiB,EACjB,SAAS,EACT,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,GAClC,EAAE,aAAa,+BAmNf"}