@charcuterie/ui 3.0.0 → 3.2.0

package/dist/Board/useBoardDrag.js

@@ -0,0 +1,237 @@
+import { useCallback, useEffect, useRef, useState, } from "react";
+import { chooseDropTarget } from "./boardMove.js";
+/**
+ * Pointer dragging for the board — **on Pointer Events, with no
+ * drag-and-drop dependency**, and the reasoning is written down in
+ * `docs/decisions/2026-08-19-the-board-owns-the-move-and-takes-no-drag-and-drop-dependency.md`.
+ *
+ * The short version: a published design system's dependency list is
+ * inherited by every consumer, `castkit/packages/slatecast` has 60 KB
+ * gzipped to spend in total, and the two candidates cost 12–30 KB
+ * before a card has been drawn. What they buy is sensors, collision
+ * strategies, and sortable animation — a general solution to a
+ * problem this component has a specific version of: one card, from
+ * one lane, into one other lane.
+ *
+ * ### Pointer Events rather than HTML5 drag-and-drop
+ *
+ * `draggable="true"` is the zero-dependency instinct and it is the
+ * wrong one. It does not fire on touch at all — so the Narrow View,
+ * the kiosk density, and the tablet the owner actually reads this on
+ * get nothing — its drag image is a browser-drawn ghost with no
+ * styling hook worth using, and `dataTransfer` is readable only
+ * inside a real `drop`, which makes a live drop indicator awkward.
+ * Pointer Events are one code path for mouse, touch and pen, and
+ * `setPointerCapture` means the drag survives the pointer leaving the
+ * card, the lane, and the window.
+ *
+ * ### Every rectangle is measured once, at grab
+ *
+ * Re-measuring on each `pointermove` reads more correct and is
+ * worse. The drop indicator is a real element; inserting it moves
+ * the cards below it; the next move measures the moved cards and
+ * computes a different index; the indicator jumps back. That
+ * feedback loop is why the indicator here is `position: absolute`
+ * against a snapshot taken at grab — the layout under the pointer
+ * is frozen for the length of the drag, so the number the person
+ * sees and the number that gets committed are the same number.
+ *
+ * The cost is honest and small: a lane that reflows mid-drag (a live
+ * agent-run line wrapping to two lines) is measured stale. A board
+ * where that matters wants a re-snapshot on `ResizeObserver`, which
+ * is a change to this file and to nothing else.
+ */
+/**
+ * How far the pointer has to travel before a press becomes a drag.
+ *
+ * Without it the handle is a button that cannot be clicked: every
+ * mouse-down/up pair carries a pixel or two of movement, and a
+ * "drag" of one pixel would commit a move and swallow the click that
+ * was meant to open the move menu. Four device-independent pixels is
+ * the usual figure and it is comfortably below a deliberate drag.
+ */
+const DRAG_THRESHOLD_PX = 4;
+const toRect = (element) => {
+    const rect = element.getBoundingClientRect();
+    return {
+        height: rect.height,
+        left: rect.left,
+        top: rect.top,
+        width: rect.width,
+    };
+};
+/**
+ * Where the line goes for a given insertion index — the midpoint of
+ * the gap the card would be dropped into, in the list's own
+ * coordinates.
+ *
+ * Split out and exported because it is the one piece of this file
+ * that is pure arithmetic over the snapshot, and the three cases
+ * (before everything, between two, after everything) are exactly
+ * where an off-by-one lives.
+ */
+export const getIndicatorOffset = (lane, index) => {
+    const { cardRects, gap, listTop } = lane;
+    if (cardRects.length === 0) {
+        return 0;
+    }
+    const previous = cardRects[index - 1];
+    const next = cardRects[index];
+    if (!previous) {
+        return ((cardRects[0]?.top ?? listTop) - listTop - gap / 2);
+    }
+    if (!next) {
+        return (previous.top + previous.height - listTop + gap / 2);
+    }
+    return ((previous.top + previous.height + next.top) / 2 -
+        listTop);
+};
+export const useBoardDrag = ({ onDrop, }) => {
+    const laneElements = useRef(new Map());
+    const snapshot = useRef([]);
+    const [drag, setDrag] = useState(null);
+    /**
+     * The live drag, readable from a listener that was registered
+     * once. The listeners below are attached for the whole life of the
+     * component rather than added and removed per drag — re-attaching
+     * on every state change is how a `pointerup` gets missed — so they
+     * cannot close over `drag` itself.
+     */
+    const dragRef = useRef(null);
+    const setDragState = useCallback((next) => {
+        dragRef.current = next;
+        setDrag(next);
+    }, []);
+    const registerLane = useCallback((laneKey) => (element) => {
+        if (element) {
+            laneElements.current.set(laneKey, element);
+            return;
+        }
+        laneElements.current.delete(laneKey);
+    }, []);
+    const takeSnapshot = useCallback(() => {
+        snapshot.current = Array.from(laneElements.current, ([key, element]) => {
+            const cardElements = Array.from(element.querySelectorAll("[data-board-card]"));
+            return {
+                cardRects: cardElements.map(toRect),
+                gap: Number.parseFloat(globalThis.getComputedStyle(element).rowGap) || 0,
+                key,
+                listTop: element.getBoundingClientRect().top,
+                rect: toRect(element),
+            };
+        });
+    }, []);
+    const moveTo = useCallback((point) => {
+        const origin = dragRef.current;
+        if (!origin) {
+            return;
+        }
+        const target = chooseDropTarget(snapshot.current, point);
+        const lane = snapshot.current.find((one) => one.key === target?.laneKey);
+        setDragState({
+            ...origin,
+            indicatorOffset: lane && target
+                ? getIndicatorOffset(lane, target.index)
+                : null,
+            target,
+        });
+    }, [setDragState]);
+    const startDrag = useCallback((pointerEvent, origin) => {
+        const handle = pointerEvent.currentTarget;
+        const startX = pointerEvent.clientX;
+        const startY = pointerEvent.clientY;
+        // The capture goes on the handle, so `pointermove` keeps
+        // arriving after the pointer has left it — which it does
+        // immediately, because the card it is dragging moves out from
+        // under it.
+        if (handle instanceof HTMLElement) {
+            handle.setPointerCapture?.(pointerEvent.pointerId);
+        }
+        const onPointerMove = (moveEvent) => {
+            if (moveEvent.pointerId !== pointerEvent.pointerId) {
+                return;
+            }
+            if (!dragRef.current &&
+                Math.hypot(moveEvent.clientX - startX, moveEvent.clientY - startY) < DRAG_THRESHOLD_PX) {
+                return;
+            }
+            if (!dragRef.current) {
+                takeSnapshot();
+                setDragState({
+                    ...origin,
+                    indicatorOffset: null,
+                    target: null,
+                });
+            }
+            // A touch drag scrolls the page unless something says
+            // otherwise, and `touch-action: none` on the handle only
+            // covers the handle. This covers the rest of the gesture.
+            moveEvent.preventDefault();
+            moveTo({
+                x: moveEvent.clientX,
+                y: moveEvent.clientY,
+            });
+        };
+        const finish = (isCommitted) => {
+            globalThis.removeEventListener("pointermove", onPointerMove);
+            globalThis.removeEventListener("pointerup", onUp);
+            globalThis.removeEventListener("pointercancel", onCancel);
+            const live = dragRef.current;
+            setDragState(null);
+            if (!live) {
+                return;
+            }
+            /**
+             * A pointer sequence that ends on the element it started
+             * from still fires a `click`, and the element it started
+             * from is a button that opens the move menu. Without this,
+             * every completed drag lands the card and then opens a menu
+             * on top of it.
+             *
+             * Swallowed in the **capture** phase and `once`, so it
+             * consumes exactly the synthetic click this gesture
+             * produced and nothing after it. A `hasDragged` flag on the
+             * card would be the same idea with a lifetime nobody owns.
+             */
+            globalThis.addEventListener("click", (clickEvent) => {
+                clickEvent.preventDefault();
+                clickEvent.stopPropagation();
+            }, { capture: true, once: true });
+            if (isCommitted && live.target) {
+                onDrop(origin, live.target);
+            }
+        };
+        const onUp = (upEvent) => {
+            if (upEvent.pointerId === pointerEvent.pointerId) {
+                finish(true);
+            }
+        };
+        const onCancel = () => {
+            finish(false);
+        };
+        globalThis.addEventListener("pointermove", onPointerMove, { passive: false });
+        globalThis.addEventListener("pointerup", onUp);
+        globalThis.addEventListener("pointercancel", onCancel);
+    }, [moveTo, onDrop, setDragState, takeSnapshot]);
+    /**
+     * Escape abandons the drag, and it is registered for the life of
+     * the component rather than for the life of a drag. A listener
+     * added when a drag starts is a listener that leaks when the
+     * component unmounts mid-drag — which is exactly what a route
+     * change during a drag does.
+     */
+    useEffect(() => {
+        const onKeyDown = (keyEvent) => {
+            if (keyEvent.key === "Escape" && dragRef.current) {
+                keyEvent.preventDefault();
+                setDragState(null);
+            }
+        };
+        globalThis.addEventListener("keydown", onKeyDown);
+        return () => {
+            globalThis.removeEventListener("keydown", onKeyDown);
+        };
+    }, [setDragState]);
+    return { drag, registerLane, startDrag };
+};
+//# sourceMappingURL=useBoardDrag.js.map

package/dist/Board/useBoardDrag.js.map

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

package/dist/Checkbox/Checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACtD,OAAO,KAAK,EAAe,SAAS,EAAE,MAAM,OAAO,CAAA;AAKnD,MAAM,MAAM,aAAa,GAAG;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;OAIG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;;;OAKG;IACH,KAAK,EAAE,SAAS,CAAA;IAChB,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;IACvC,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB;;;;;;;;;;;;;;;;;OAiBG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAoBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,QAAQ,GAAI,qFAUtB,aAAa,KAAG,SA2GlB,CAAA"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACtD,OAAO,KAAK,EAAe,SAAS,EAAE,MAAM,OAAO,CAAA;AAKnD,MAAM,MAAM,aAAa,GAAG;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;OAIG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;;;OAKG;IACH,KAAK,EAAE,SAAS,CAAA;IAChB,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;IACvC,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB;;;;;;;;;;;;;;;;;OAiBG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAoBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,QAAQ,GAAI,qFAUtB,aAAa,KAAG,SA0IlB,CAAA"}

package/dist/Checkbox/Checkbox.js

@@ -75,9 +75,18 @@ export const Checkbox = ({ className, id, isChecked = false, isDisabled = false,
                     // No `disabled:` colour override; the wrapper's `opacity-60`
                     // does the dimming, and doubling it on the box is what made a
                     // disabled checkbox vanish.
+                    // `indeterminate:` wears the same fill as `checked:`. It is
+                    // the state a *group* box is in when some of its members are
+                    // ticked, and it cannot be written in markup at all —
+                    // `indeterminate` is a DOM property with no HTML attribute —
+                    // so the only way to reach it is a consumer writing to the
+                    // input. `DataTable`'s select-all box does exactly that, and
+                    // before this line it painted **nothing**: the property was
+                    // set, screen readers announced "mixed", and the box on
+                    // screen was indistinguishable from empty.
                     isReadOnly
-                        ? "border-border-default checked:border-intent-neutral-solid checked:bg-intent-neutral-solid"
-                        : "border-border-strong checked:border-intent-accent-solid checked:bg-intent-accent-solid", isDisabled
+                        ? "border-border-default checked:border-intent-neutral-solid checked:bg-intent-neutral-solid indeterminate:border-intent-neutral-solid indeterminate:bg-intent-neutral-solid"
+                        : "border-border-strong checked:border-intent-accent-solid checked:bg-intent-accent-solid indeterminate:border-intent-accent-solid indeterminate:bg-intent-accent-solid", isDisabled
                         ? "cursor-not-allowed"
                         : isReadOnly
                             ? "cursor-default"
@@ -99,10 +108,12 @@ export const Checkbox = ({ className, id, isChecked = false, isDisabled = false,
                         if (isReadOnly && keyEvent.key === " ") {
                             keyEvent.preventDefault();
                         }
-                    }, type: "checkbox", value: value }), _jsx("svg", { "aria-hidden": "true", className: toClassName("pointer-events-none invisible absolute peer-checked:visible", 
+                    }, type: "checkbox", value: value }), _jsx("svg", { "aria-hidden": "true", className: toClassName("pointer-events-none invisible absolute peer-checked:visible peer-indeterminate:invisible", 
                     // Matches whichever fill the box wears, so the tick keeps its
                     // guaranteed on-solid contrast in either intent.
                     isReadOnly
                         ? "text-intent-neutral-on-solid"
-                        : "text-intent-accent-on-solid", CHECK_SIZE_CLASS[size]), fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 3, viewBox: "0 0 24 24", children: _jsx("path", { d: "M20 6 9 17l-5-5" }) })] }), _jsx("span", { children: label })] }));
+                        : "text-intent-accent-on-solid", CHECK_SIZE_CLASS[size]), fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 3, viewBox: "0 0 24 24", children: _jsx("path", { d: "M20 6 9 17l-5-5" }) }), _jsx("svg", { "aria-hidden": "true", className: toClassName("pointer-events-none invisible absolute peer-indeterminate:visible", isReadOnly
+                        ? "text-intent-neutral-on-solid"
+                        : "text-intent-accent-on-solid", CHECK_SIZE_CLASS[size]), fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeWidth: 3, viewBox: "0 0 24 24", children: _jsx("path", { d: "M6 12h12" }) })] }), _jsx("span", { children: label })] }));
 //# sourceMappingURL=Checkbox.js.map

package/dist/Checkbox/Checkbox.js.map

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

package/dist/DataTable/DataTable.d.ts

@@ -0,0 +1,159 @@
+import type { ReactNode } from "react";
+import type { SortDirection } from "../SortableTableHeader/SortableTableHeader.tsx";
+export type DataTableColumn<Row> = {
+    /**
+     * Lands on this column's `<th>` **and** on every `<td>` under it,
+     * which is what makes it the place a width goes: `w-32` on one
+     * column is the only sizing this component has, and it is
+     * deliberately the consumer's to write.
+     */
+    className?: string;
+    /**
+     * The column's name. Rendered twice on purpose — once in the
+     * header row, and once inside each cell as the label the stacked
+     * layout needs — so it has to be a node that can be rendered more
+     * than once. The in-cell copy is `aria-hidden`, because the
+     * `columnheader` association already says it to assistive
+     * technology.
+     */
+    header: ReactNode;
+    /**
+     * Whether this column offers a sort control. A column without one
+     * renders a plain `<th>` with **no** `aria-sort` at all, which is
+     * the attribute's way of saying "this column cannot be sorted" —
+     * `"none"` would claim the opposite.
+     */
+    isSortable?: boolean;
+    /** Stable id. Also the `columnKey` a sort request comes back with. */
+    key: string;
+    renderCell: (row: Row) => ReactNode;
+};
+export type DataTableSort = {
+    columnKey: string;
+    direction: SortDirection;
+};
+export type DataTableSelection<Row> = {
+    /**
+     * The accessible name of a row's checkbox. A tick box called
+     * "Select row" seven times over is seven identical controls in a
+     * screen reader's forms list, so this is required rather than
+     * defaulted — it is normally the same value the first column
+     * renders.
+     */
+    getRowLabel: (row: Row) => string;
+    /** The whole next set, never a delta. */
+    onSelectionChange: (selectedRowKeys: string[]) => void;
+    selectAllLabel?: string;
+    selectedRowKeys: readonly string[];
+};
+export type DataTableProps<Row> = {
+    className?: string;
+    columns: readonly DataTableColumn<Row>[];
+    /**
+     * What fills the table when `rows` is empty — an `EmptyState`,
+     * normally. Rendered in a `colSpan` cell **inside** the table, so
+     * the header row and the sort the reader just performed are still
+     * there. Swapping the whole table out for a message is how a
+     * filter that matches nothing takes the controls away with it.
+     */
+    emptyState?: ReactNode;
+    getRowKey: (row: Row) => string;
+    /**
+     * Shows the `<caption>`. Off by default: most tables sit under a
+     * heading the page already renders, and printing the name twice is
+     * how a table ends up with two titles.
+     */
+    isLabelVisible?: boolean;
+    /**
+     * The table's accessible name, as a real `<caption>`. Required,
+     * because a screen reader listing "table with 6 columns, 40 rows"
+     * and no name is a table nobody can choose to enter.
+     */
+    label: string;
+    onSortChange?: (sort: DataTableSort) => void;
+    rows: readonly Row[];
+    selection?: DataTableSelection<Row>;
+    /**
+     * Which column is sorted and which way — **the fact, not the
+     * doing.** The rows arrive already ordered; this only says which
+     * header lights up and what `aria-sort` announces.
+     */
+    sort?: DataTableSort;
+};
+/**
+ * **A table that reflows instead of scrolling, sized by its
+ * container.**
+ *
+ * ### It composes `SortableTableHeader`; it does not replace it
+ *
+ * The header cell shipped first, on its own, and stays on its own:
+ * it is already in a published 1.0.0 with a consumer of its own
+ * (mux-magic's `FileExplorerModal`), and subsuming it would be a
+ * breaking change bought for nothing. Every sortable column here
+ * renders that component, so there is exactly one place in the fleet
+ * that knows `aria-sort` belongs on the `<th>` while the click
+ * target is a `<button>` inside it, and one place to fix if that is
+ * ever wrong.
+ *
+ * That composition is also why this is a **real `<table>`**. A grid
+ * of `<div role="row">`s is the other reasonable choice, and it
+ * cannot host a `<th>` at all — so it would have meant either
+ * duplicating the header or breaking it.
+ *
+ * ### The narrow layout reflows; it never scrolls sideways
+ *
+ * Below `--cq-md` (32rem) each row stops being a row and becomes a
+ * labelled block — the column name beside its value, one pair per
+ * line — while the header row wraps into a strip of sort controls
+ * that stays reachable. Above it, a normal table.
+ *
+ * The two rejected alternatives are worth naming because both are
+ * common:
+ *
+ *  - **Horizontal scroll.** WCAG 2.2 SC 1.4.10 (Reflow) exists
+ *    because of it, and the consumer this was built for bans it
+ *    outright ("No horizontal scroll, ever"). A pan surface also
+ *    hides the *existence* of the columns off-screen.
+ *  - **Dropping low-priority columns.** Cheapest to build and the
+ *    only one that loses data: the assignee column does not come
+ *    back, and there is no gesture that asks for it.
+ *
+ * ### Container queries, never a media query
+ *
+ * The width that matters is the element's, not the window's. A table
+ * in a three-up board lane is narrow on a 4K monitor, and the owner
+ * of this fleet browses zoomed in — a 1500px window at 175% zoom is
+ * ~860 effective pixels, so a `@media (max-width: …)` is measuring
+ * something that is not the question. The `@container` is declared
+ * on the wrapper and queried by its descendants, because a container
+ * query never matches the element that declares it.
+ *
+ * ### What it does not own
+ *
+ * **Sorting the data.** `sort` says which column is sorted;
+ * `onSortChange` asks for a different one. Comparing two values is
+ * per-column app logic — a date, a title, a priority enum with an
+ * order that is not alphabetical — and a table that sorted its own
+ * rows would have to be handed a comparator per column to do it,
+ * which is the same code in a worse place. The rows arrive ordered.
+ *
+ * **The selected set.** `selection.selectedRowKeys` is authoritative
+ * and lives with the consumer, because every use of a selection —
+ * the count in a toolbar, the bulk action, the undo — is outside
+ * this component. That is the opposite of `Checkbox`, and for a
+ * stated reason: the platform owns one checkbox's checkedness, and
+ * nothing at all owns "these five rows".
+ *
+ * **Column widths.** No drag handle, no measured layout. The browser's
+ * own auto table layout sizes columns to their content, which is a
+ * better algorithm than anything worth reimplementing, and
+ * `column.className` overrides it. Drag-to-resize is a *persistence*
+ * question (whose widths, stored where, keyed on what) that a
+ * component cannot answer for its consumer.
+ *
+ * **Virtualisation.** Deliberately absent; see the decision record.
+ * Every row is in the DOM, which is what keeps the accessibility
+ * tree honest and the auto column layout possible.
+ */
+export declare const DataTable: <Row>({ className, columns, emptyState, getRowKey, isLabelVisible, label, onSortChange, rows, selection, sort, }: DataTableProps<Row>) => ReactNode;
+//# sourceMappingURL=DataTable.d.ts.map

package/dist/DataTable/DataTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../src/DataTable/DataTable.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gDAAgD,CAAA;AAKnF,MAAM,MAAM,eAAe,CAAC,GAAG,IAAI;IACjC;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;;;;OAOG;IACH,MAAM,EAAE,SAAS,CAAA;IACjB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,sEAAsE;IACtE,GAAG,EAAE,MAAM,CAAA;IACX,UAAU,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,SAAS,CAAA;CACpC,CAAA;AAED,MAAM,MAAM,aAAa,GAAG;IAC1B,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,aAAa,CAAA;CACzB,CAAA;AAED,MAAM,MAAM,kBAAkB,CAAC,GAAG,IAAI;IACpC;;;;;;OAMG;IACH,WAAW,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,MAAM,CAAA;IACjC,yCAAyC;IACzC,iBAAiB,EAAE,CAAC,eAAe,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACtD,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,eAAe,EAAE,SAAS,MAAM,EAAE,CAAA;CACnC,CAAA;AAED,MAAM,MAAM,cAAc,CAAC,GAAG,IAAI;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,SAAS,eAAe,CAAC,GAAG,CAAC,EAAE,CAAA;IACxC;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,SAAS,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,MAAM,CAAA;IAC/B;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB;;;;OAIG;IACH,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAA;IAC5C,IAAI,EAAE,SAAS,GAAG,EAAE,CAAA;IACpB,SAAS,CAAC,EAAE,kBAAkB,CAAC,GAAG,CAAC,CAAA;IACnC;;;;OAIG;IACH,IAAI,CAAC,EAAE,aAAa,CAAA;CACrB,CAAA;AAiCD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0EG;AACH,eAAO,MAAM,SAAS,GAAI,GAAG,EAAG,4GAW7B,cAAc,CAAC,GAAG,CAAC,KAAG,SA4RxB,CAAA"}