@sentropic/design-system-react 0.9.0 → 0.11.0

package/dist/Popper.d.ts

@@ -0,0 +1,77 @@
+import React from "react";
+export type PopperStrategy = "absolute" | "fixed";
+export type PopperPlacement = "top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end";
+export type PopperSide = "top" | "bottom" | "left" | "right";
+export type PopperAlign = "start" | "center" | "end";
+export type PopperProps = {
+    /** Reference element the panel is positioned against. */
+    anchor: HTMLElement | null;
+    /** Controlled open state. When false (or no anchor) nothing renders. */
+    open?: boolean;
+    /** Wanted placement of the panel relative to the anchor. */
+    placement?: PopperPlacement;
+    /** Main-axis distance (px) between the anchor and the panel. */
+    offset?: number;
+    /** Flip to the opposite side when the panel would overflow the viewport. */
+    flip?: boolean;
+    /** Shift along the cross axis to keep the panel within the viewport. */
+    shift?: boolean;
+    /** Expose a positioned arrow element. */
+    arrow?: boolean;
+    /** CSS positioning strategy. */
+    strategy?: PopperStrategy;
+    /** Render the panel into `document.body` via a Portal. */
+    portal?: boolean;
+    /** Optional class applied to the floating panel. */
+    className?: string;
+    /** Notified whenever the resolved placement changes (after flip). */
+    onPlacementChange?: (placement: PopperPlacement) => void;
+    children?: React.ReactNode;
+};
+/** Split a placement into its side and (optional) alignment. */
+export declare function splitPlacement(placement: PopperPlacement): {
+    side: PopperSide;
+    align: PopperAlign;
+};
+/** Recompose a side + alignment into a placement string. */
+export declare function joinPlacement(side: PopperSide, align: PopperAlign): PopperPlacement;
+export type Rect = {
+    top: number;
+    left: number;
+    right: number;
+    bottom: number;
+    width: number;
+    height: number;
+};
+/**
+ * Pure geometry: compute the panel coordinates (in the chosen strategy's
+ * coordinate space) given the anchor rect, the panel size, and options.
+ * Returns the resolved placement (after flip) and the top/left coordinates,
+ * plus the arrow offset along the main edge.
+ *
+ * Coordinates are viewport-relative; callers add scroll offsets for the
+ * `absolute` strategy. No DOM access here — safe to unit test.
+ */
+export declare function computePosition(anchorRect: Rect, panelWidth: number, panelHeight: number, options: {
+    placement: PopperPlacement;
+    offset: number;
+    flip: boolean;
+    shift: boolean;
+    viewportWidth: number;
+    viewportHeight: number;
+}): {
+    placement: PopperPlacement;
+    top: number;
+    left: number;
+};
+/**
+ * Float a panel next to an anchor element. Positioning is recomputed on open,
+ * scroll, and resize via `computePosition` (pure geometry shared across
+ * frameworks). Renders nothing unless `open` and an `anchor` are provided.
+ * SSR-safe: all DOM access happens inside effects.
+ */
+export declare function Popper({ anchor, open, placement, offset, flip, shift, arrow, strategy, portal, className, onPlacementChange, children, }: PopperProps): React.ReactElement | null;
+export declare namespace Popper {
+    var displayName: string;
+}
+//# sourceMappingURL=Popper.d.ts.map

package/dist/Popper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popper.d.ts","sourceRoot":"","sources":["../src/Popper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,cAAc,GAAG,UAAU,GAAG,OAAO,CAAC;AAElD,MAAM,MAAM,eAAe,GACvB,KAAK,GACL,QAAQ,GACR,MAAM,GACN,OAAO,GACP,WAAW,GACX,SAAS,GACT,cAAc,GACd,YAAY,GACZ,YAAY,GACZ,UAAU,GACV,aAAa,GACb,WAAW,CAAC;AAEhB,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAC7D,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAErD,MAAM,MAAM,WAAW,GAAG;IACxB,yDAAyD;IACzD,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;IAC3B,wEAAwE;IACxE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,4DAA4D;IAC5D,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,gEAAgE;IAChE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,4EAA4E;IAC5E,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,wEAAwE;IACxE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,yCAAyC;IACzC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,0DAA0D;IAC1D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qEAAqE;IACrE,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,eAAe,KAAK,IAAI,CAAC;IACzD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,gEAAgE;AAChE,wBAAgB,cAAc,CAAC,SAAS,EAAE,eAAe,GAAG;IAC1D,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,WAAW,CAAC;CACpB,CAGA;AAED,4DAA4D;AAC5D,wBAAgB,aAAa,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,WAAW,GAAG,eAAe,CAEnF;AASD,MAAM,MAAM,IAAI,GAAG;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;;;;;;;GAQG;AACH,wBAAgB,eAAe,CAC7B,UAAU,EAAE,IAAI,EAChB,UAAU,EAAE,MAAM,EAClB,WAAW,EAAE,MAAM,EACnB,OAAO,EAAE;IACP,SAAS,EAAE,eAAe,CAAC;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;IACf,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;CACxB,GACA;IAAE,SAAS,EAAE,eAAe,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAwD3D;AAED;;;;;GAKG;AACH,wBAAgB,MAAM,CAAC,EACrB,MAAM,EACN,IAAY,EACZ,SAAoB,EACpB,MAAU,EACV,IAAW,EACX,KAAY,EACZ,KAAa,EACb,QAAqB,EACrB,MAAa,EACb,SAAS,EACT,iBAAiB,EACjB,QAAQ,GACT,EAAE,WAAW,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CAwGzC;yBArHe,MAAM"}

package/dist/Popper.js

@@ -0,0 +1,172 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { classNames } from "./classNames.js";
+import { Portal } from "./Portal.js";
+/** Split a placement into its side and (optional) alignment. */
+export function splitPlacement(placement) {
+    const [side, align] = placement.split("-");
+    return { side, align: align ?? "center" };
+}
+/** Recompose a side + alignment into a placement string. */
+export function joinPlacement(side, align) {
+    return (align === "center" ? side : `${side}-${align}`);
+}
+const OPPOSITE = {
+    top: "bottom",
+    bottom: "top",
+    left: "right",
+    right: "left",
+};
+/**
+ * Pure geometry: compute the panel coordinates (in the chosen strategy's
+ * coordinate space) given the anchor rect, the panel size, and options.
+ * Returns the resolved placement (after flip) and the top/left coordinates,
+ * plus the arrow offset along the main edge.
+ *
+ * Coordinates are viewport-relative; callers add scroll offsets for the
+ * `absolute` strategy. No DOM access here — safe to unit test.
+ */
+export function computePosition(anchorRect, panelWidth, panelHeight, options) {
+    const { offset, flip, shift, viewportWidth, viewportHeight } = options;
+    let { side, align } = splitPlacement(options.placement);
+    const place = (s, a) => {
+        let top = 0;
+        let left = 0;
+        if (s === "top" || s === "bottom") {
+            top = s === "top" ? anchorRect.top - panelHeight - offset : anchorRect.bottom + offset;
+            if (a === "start")
+                left = anchorRect.left;
+            else if (a === "end")
+                left = anchorRect.right - panelWidth;
+            else
+                left = anchorRect.left + anchorRect.width / 2 - panelWidth / 2;
+        }
+        else {
+            left = s === "left" ? anchorRect.left - panelWidth - offset : anchorRect.right + offset;
+            if (a === "start")
+                top = anchorRect.top;
+            else if (a === "end")
+                top = anchorRect.bottom - panelHeight;
+            else
+                top = anchorRect.top + anchorRect.height / 2 - panelHeight / 2;
+        }
+        return { top, left };
+    };
+    // Flip: if the panel overflows on the chosen side, try the opposite side.
+    if (flip) {
+        const candidate = place(side, align);
+        const overflows = (side === "top" && candidate.top < 0) ||
+            (side === "bottom" && candidate.top + panelHeight > viewportHeight) ||
+            (side === "left" && candidate.left < 0) ||
+            (side === "right" && candidate.left + panelWidth > viewportWidth);
+        if (overflows) {
+            const flipped = OPPOSITE[side];
+            const flippedPos = place(flipped, align);
+            const flippedOverflows = (flipped === "top" && flippedPos.top < 0) ||
+                (flipped === "bottom" && flippedPos.top + panelHeight > viewportHeight) ||
+                (flipped === "left" && flippedPos.left < 0) ||
+                (flipped === "right" && flippedPos.left + panelWidth > viewportWidth);
+            // Only flip if the opposite side fits better.
+            if (!flippedOverflows)
+                side = flipped;
+        }
+    }
+    let { top, left } = place(side, align);
+    // Shift: clamp along the cross axis so the panel stays in the viewport.
+    if (shift) {
+        if (side === "top" || side === "bottom") {
+            const max = Math.max(0, viewportWidth - panelWidth);
+            left = Math.min(Math.max(0, left), max);
+        }
+        else {
+            const max = Math.max(0, viewportHeight - panelHeight);
+            top = Math.min(Math.max(0, top), max);
+        }
+    }
+    return { placement: joinPlacement(side, align), top, left };
+}
+/**
+ * Float a panel next to an anchor element. Positioning is recomputed on open,
+ * scroll, and resize via `computePosition` (pure geometry shared across
+ * frameworks). Renders nothing unless `open` and an `anchor` are provided.
+ * SSR-safe: all DOM access happens inside effects.
+ */
+export function Popper({ anchor, open = false, placement = "bottom", offset = 8, flip = true, shift = true, arrow = false, strategy = "absolute", portal = true, className, onPlacementChange, children, }) {
+    const panelRef = React.useRef(null);
+    const [coords, setCoords] = React.useState({
+        top: 0,
+        left: 0,
+    });
+    // Placement actually applied (may differ from the requested `placement`
+    // after a flip). Defaults to the requested placement.
+    const [resolvedPlacement, setResolvedPlacement] = React.useState(placement);
+    // Keep latest callback without re-registering listeners.
+    const onPlacementChangeRef = React.useRef(onPlacementChange);
+    onPlacementChangeRef.current = onPlacementChange;
+    React.useEffect(() => {
+        if (typeof window === "undefined")
+            return;
+        if (!open || !anchor)
+            return;
+        const reposition = () => {
+            const panel = panelRef.current;
+            if (!panel)
+                return;
+            const anchorRect = anchor.getBoundingClientRect();
+            const panelRect = panel.getBoundingClientRect();
+            const result = computePosition({
+                top: anchorRect.top,
+                left: anchorRect.left,
+                right: anchorRect.right,
+                bottom: anchorRect.bottom,
+                width: anchorRect.width,
+                height: anchorRect.height,
+            }, panelRect.width, panelRect.height, {
+                placement,
+                offset,
+                flip,
+                shift,
+                viewportWidth: window.innerWidth,
+                viewportHeight: window.innerHeight,
+            });
+            // `absolute` is positioned relative to the document, so add scroll
+            // offsets. `fixed` is viewport-relative, so coordinates are used as-is.
+            if (strategy === "absolute") {
+                setCoords({ top: result.top + window.scrollY, left: result.left + window.scrollX });
+            }
+            else {
+                setCoords({ top: result.top, left: result.left });
+            }
+            setResolvedPlacement((prev) => {
+                if (result.placement !== prev) {
+                    onPlacementChangeRef.current?.(result.placement);
+                }
+                return result.placement;
+            });
+        };
+        reposition();
+        const onScroll = () => reposition();
+        const onResize = () => reposition();
+        window.addEventListener("scroll", onScroll, true);
+        window.addEventListener("resize", onResize);
+        return () => {
+            window.removeEventListener("scroll", onScroll, true);
+            window.removeEventListener("resize", onResize);
+        };
+    }, [anchor, open, placement, offset, flip, shift, strategy]);
+    if (!open || !anchor)
+        return null;
+    const side = splitPlacement(resolvedPlacement).side;
+    const panelStyle = {
+        position: strategy,
+        top: `${coords.top}px`,
+        left: `${coords.left}px`,
+    };
+    const floating = (_jsxs("div", { ref: panelRef, className: classNames("st-popper", className), "data-popper-placement": resolvedPlacement, style: panelStyle, children: [children, arrow ? (_jsx("span", { className: "st-popper__arrow", "data-popper-side": side, "aria-hidden": "true" })) : null] }));
+    if (portal) {
+        return _jsx(Portal, { target: "body", children: floating });
+    }
+    return floating;
+}
+Popper.displayName = "Popper";
+//# sourceMappingURL=Popper.js.map

package/dist/Popper.js.map

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

package/dist/Portal.d.ts

@@ -0,0 +1,29 @@
+import React from "react";
+export type PortalProps = {
+    /**
+     * Where to teleport the children. A CSS selector string or an actual
+     * `HTMLElement`. Defaults to the document `<body>`.
+     */
+    target?: string | HTMLElement;
+    /** When `true`, render inline in place (no teleportation). */
+    disabled?: boolean;
+    /** Optional class applied to the portal container element. */
+    className?: string;
+    children?: React.ReactNode;
+};
+/**
+ * Resolve a target prop to an `HTMLElement`. Returns `null` when it cannot be
+ * resolved (SSR, missing selector, etc.).
+ */
+export declare function resolvePortalTarget(target: string | HTMLElement | undefined): HTMLElement | null;
+/**
+ * Teleport `children` into another part of the DOM via `ReactDOM.createPortal`.
+ * SSR-safe: nothing is portalled during the server render or before mount; the
+ * portal is created only after the component has mounted on the client. When
+ * `disabled` is set the children render inline in place.
+ */
+export declare function Portal({ target, disabled, className, children, }: PortalProps): React.ReactElement | null;
+export declare namespace Portal {
+    var displayName: string;
+}
+//# sourceMappingURL=Portal.d.ts.map

package/dist/Portal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Portal.d.ts","sourceRoot":"","sources":["../src/Portal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,WAAW,GAAG;IACxB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;IAC9B,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF;;;GAGG;AACH,wBAAgB,mBAAmB,CACjC,MAAM,EAAE,MAAM,GAAG,WAAW,GAAG,SAAS,GACvC,WAAW,GAAG,IAAI,CAOpB;AAED;;;;;GAKG;AACH,wBAAgB,MAAM,CAAC,EACrB,MAAe,EACf,QAAgB,EAChB,SAAS,EACT,QAAQ,GACT,EAAE,WAAW,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CA0CzC;yBA/Ce,MAAM"}

package/dist/Portal.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import ReactDOM from "react-dom";
+import { classNames } from "./classNames.js";
+/**
+ * Resolve a target prop to an `HTMLElement`. Returns `null` when it cannot be
+ * resolved (SSR, missing selector, etc.).
+ */
+export function resolvePortalTarget(target) {
+    if (typeof document === "undefined")
+        return null;
+    if (target == null)
+        return document.body;
+    if (typeof target === "string") {
+        return document.querySelector(target) ?? document.body;
+    }
+    return target;
+}
+/**
+ * Teleport `children` into another part of the DOM via `ReactDOM.createPortal`.
+ * SSR-safe: nothing is portalled during the server render or before mount; the
+ * portal is created only after the component has mounted on the client. When
+ * `disabled` is set the children render inline in place.
+ */
+export function Portal({ target = "body", disabled = false, className, children, }) {
+    // Only create the portal after mount so the server render and the first
+    // client render agree (no DOM access during SSR).
+    const [mounted, setMounted] = React.useState(false);
+    React.useEffect(() => {
+        setMounted(true);
+    }, []);
+    if (disabled) {
+        return (_jsx("div", { className: classNames("st-portal", className), "data-st-portal": "inline", children: children }));
+    }
+    if (!mounted) {
+        // SSR / first client render: render inline so markup is produced in place
+        // and hydration stays consistent. The effect below re-renders into a portal.
+        return (_jsx("div", { className: classNames("st-portal", className), "data-st-portal": "inline", children: children }));
+    }
+    const destination = resolvePortalTarget(target);
+    if (!destination)
+        return null;
+    return ReactDOM.createPortal(_jsx("div", { className: classNames("st-portal", className), "data-st-portal": "teleported", children: children }), destination);
+}
+Portal.displayName = "Portal";
+//# sourceMappingURL=Portal.js.map

package/dist/Portal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Portal.js","sourceRoot":"","sources":["../src/Portal.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAe7C;;;GAGG;AACH,MAAM,UAAU,mBAAmB,CACjC,MAAwC;IAExC,IAAI,OAAO,QAAQ,KAAK,WAAW;QAAE,OAAO,IAAI,CAAC;IACjD,IAAI,MAAM,IAAI,IAAI;QAAE,OAAO,QAAQ,CAAC,IAAI,CAAC;IACzC,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE,CAAC;QAC/B,OAAO,QAAQ,CAAC,aAAa,CAAc,MAAM,CAAC,IAAI,QAAQ,CAAC,IAAI,CAAC;IACtE,CAAC;IACD,OAAO,MAAM,CAAC;AAChB,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,MAAM,CAAC,EACrB,MAAM,GAAG,MAAM,EACf,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,QAAQ,GACI;IACZ,wEAAwE;IACxE,kDAAkD;IAClD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,UAAU,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,CACL,cACE,SAAS,EAAE,UAAU,CAAC,WAAW,EAAE,SAAS,CAAC,oBAC9B,QAAQ,YAEtB,QAAQ,GACL,CACP,CAAC;IACJ,CAAC;IAED,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,0EAA0E;QAC1E,6EAA6E;QAC7E,OAAO,CACL,cACE,SAAS,EAAE,UAAU,CAAC,WAAW,EAAE,SAAS,CAAC,oBAC9B,QAAQ,YAEtB,QAAQ,GACL,CACP,CAAC;IACJ,CAAC;IAED,MAAM,WAAW,GAAG,mBAAmB,CAAC,MAAM,CAAC,CAAC;IAChD,IAAI,CAAC,WAAW;QAAE,OAAO,IAAI,CAAC;IAE9B,OAAO,QAAQ,CAAC,YAAY,CAC1B,cAAK,SAAS,EAAE,UAAU,CAAC,WAAW,EAAE,SAAS,CAAC,oBAAiB,YAAY,YAC5E,QAAQ,GACL,EACN,WAAW,CACZ,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}

package/dist/SelectableList.d.ts

@@ -0,0 +1,41 @@
+import React from "react";
+export type SelectableListProps = Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & {
+    /** Accessible name for the listbox (required for SR users). */
+    label?: string;
+    /** References the id of an external visible label (alternative to `label`). */
+    labelledby?: string;
+    /**
+     * Allow more than one selected row. Adds aria-multiselectable and toggles
+     * each row independently. Defaults to false (single-select).
+     */
+    multiple?: boolean;
+    /**
+     * Selected value(s). Controlled when provided. For single-select pass a
+     * string (or null); for multiple pass a string[]. When omitted the list is
+     * uncontrolled and keeps its own internal selection.
+     */
+    value?: string | string[] | null;
+    /**
+     * Fired with the new selection on every change. Receives a string|null for
+     * single-select and a string[] for multiple. Required for the controlled
+     * pattern; also fires for uncontrolled lists.
+     */
+    onChange?: (value: string | string[] | null) => void;
+    children?: React.ReactNode;
+    className?: string;
+};
+/**
+ * Accessible listbox that owns selection + a roving tabindex for its
+ * {@link SelectableRow} children. Arrow / Home / End move focus (roving),
+ * Space / Enter / click toggle the focused row. Single-select by default;
+ * `multiple` toggles rows independently. Controlled via `value`/`onChange`,
+ * otherwise it keeps its own internal selection. Pilots each child row through
+ * a STABLE React context (so a row's registration effect never re-runs in a
+ * loop) plus a `version` counter the rows read to recompute role / tabindex /
+ * aria-selected on every selection / focus / registry change.
+ */
+export declare function SelectableList({ label, labelledby, multiple, value, onChange, children, className, ...rest }: SelectableListProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace SelectableList {
+    var displayName: string;
+}
+//# sourceMappingURL=SelectableList.d.ts.map

package/dist/SelectableList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectableList.d.ts","sourceRoot":"","sources":["../src/SelectableList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACpC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,UAAU,CACX,GAAG;IACF,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+EAA+E;IAC/E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,CAAC;IACjC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,KAAK,IAAI,CAAC;IACrD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAkBF;;;;;;;;;GASG;AACH,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,UAAU,EACV,QAAgB,EAChB,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,mBAAmB,2CA4IrB;yBArJe,cAAc"}

package/dist/SelectableList.js

@@ -0,0 +1,156 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { classNames } from "./classNames.js";
+import { SelectableListContext, SelectableListVersionContext, } from "./SelectableRow.js";
+function toSet(v) {
+    if (v == null)
+        return new Set();
+    return new Set(Array.isArray(v) ? v : [v]);
+}
+function sortByDom(list) {
+    return [...list].sort((a, b) => {
+        const pos = a.el.compareDocumentPosition(b.el);
+        if (pos & Node.DOCUMENT_POSITION_FOLLOWING)
+            return -1;
+        if (pos & Node.DOCUMENT_POSITION_PRECEDING)
+            return 1;
+        return 0;
+    });
+}
+/**
+ * Accessible listbox that owns selection + a roving tabindex for its
+ * {@link SelectableRow} children. Arrow / Home / End move focus (roving),
+ * Space / Enter / click toggle the focused row. Single-select by default;
+ * `multiple` toggles rows independently. Controlled via `value`/`onChange`,
+ * otherwise it keeps its own internal selection. Pilots each child row through
+ * a STABLE React context (so a row's registration effect never re-runs in a
+ * loop) plus a `version` counter the rows read to recompute role / tabindex /
+ * aria-selected on every selection / focus / registry change.
+ */
+export function SelectableList({ label, labelledby, multiple = false, value, onChange, children, className, ...rest }) {
+    // Controlled when the consumer passes `value` (including null).
+    const controlled = value !== undefined;
+    // --- Mutable state lives in refs (read by the STABLE context methods); a
+    //     `version` counter drives re-renders so rows recompute their derived
+    //     attributes. This keeps the context object identity-stable, which is what
+    //     prevents the rows' registration effect from re-running in a loop. ------
+    const entriesRef = React.useRef([]);
+    const tabStopRef = React.useRef(null);
+    const internalRef = React.useRef(new Set());
+    // `version` is provided to rows so they re-render on every selection / focus /
+    // registry change (the actions context stays identity-stable).
+    const [version, force] = React.useReducer((n) => n + 1, 0);
+    const bump = React.useCallback(() => force(), []);
+    // Latest controlled inputs, read by stable callbacks without stale closures.
+    const controlledRef = React.useRef(controlled);
+    controlledRef.current = controlled;
+    const valueRef = React.useRef(value);
+    valueRef.current = value;
+    const multipleRef = React.useRef(multiple);
+    multipleRef.current = multiple;
+    const onChangeRef = React.useRef(onChange);
+    onChangeRef.current = onChange;
+    function currentSelection() {
+        return controlledRef.current ? toSet(valueRef.current) : internalRef.current;
+    }
+    // Default roving stop = first registered (DOM-ordered) row when none focused.
+    function effectiveTabStop() {
+        return tabStopRef.current ?? entriesRef.current[0]?.el ?? null;
+    }
+    function valueOf(el) {
+        return entriesRef.current.find((e) => e.el === el)?.value;
+    }
+    // Stable context methods — created ONCE so the context object never changes
+    // identity. They read mutable state from refs and bump the version to re-render.
+    const context = React.useMemo(() => {
+        const register = (el, rowValue) => {
+            entriesRef.current = sortByDom([
+                ...entriesRef.current.filter((e) => e.el !== el),
+                { el, value: rowValue },
+            ]);
+            bump();
+            return () => {
+                entriesRef.current = entriesRef.current.filter((e) => e.el !== el);
+                if (tabStopRef.current === el)
+                    tabStopRef.current = null;
+                bump();
+            };
+        };
+        const isSelected = (el) => {
+            const v = valueOf(el);
+            return v !== undefined && currentSelection().has(v);
+        };
+        const isTabStop = (el) => el === effectiveTabStop();
+        const emit = (next) => {
+            if (!controlledRef.current)
+                internalRef.current = next;
+            if (multipleRef.current)
+                onChangeRef.current?.([...next]);
+            else
+                onChangeRef.current?.(next.size ? [...next][0] : null);
+            bump();
+        };
+        const activate = (el) => {
+            const v = valueOf(el);
+            if (v === undefined)
+                return;
+            const current = currentSelection();
+            let next;
+            if (multipleRef.current) {
+                next = new Set(current);
+                if (next.has(v))
+                    next.delete(v);
+                else
+                    next.add(v);
+            }
+            else {
+                // Single-select toggles off when re-activating the selected row.
+                next = current.has(v) && current.size === 1 ? new Set() : new Set([v]);
+            }
+            emit(next);
+        };
+        const focusRow = (el) => {
+            tabStopRef.current = el;
+            bump();
+        };
+        const navigate = (el, key) => {
+            const list = entriesRef.current;
+            if (list.length === 0)
+                return;
+            const idx = list.findIndex((e) => e.el === el);
+            if (idx === -1)
+                return;
+            let targetIdx = idx;
+            if (key === "ArrowDown" || key === "ArrowRight")
+                targetIdx = idx + 1;
+            else if (key === "ArrowUp" || key === "ArrowLeft")
+                targetIdx = idx - 1;
+            else if (key === "Home")
+                targetIdx = 0;
+            else if (key === "End")
+                targetIdx = list.length - 1;
+            // Clamp (no wrap) so Home/End and arrows stay within bounds.
+            targetIdx = Math.max(0, Math.min(list.length - 1, targetIdx));
+            const target = list[targetIdx]?.el;
+            if (target) {
+                tabStopRef.current = target;
+                target.focus();
+                bump();
+            }
+        };
+        return {
+            managed: true,
+            itemRole: "option",
+            register,
+            isSelected,
+            isTabStop,
+            activate,
+            focusRow,
+            navigate,
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [bump]);
+    return (_jsx("div", { ...rest, className: classNames("st-selectableList", className), role: "listbox", "aria-label": labelledby ? undefined : label, "aria-labelledby": labelledby, "aria-multiselectable": multiple ? "true" : undefined, children: _jsx(SelectableListContext.Provider, { value: context, children: _jsx(SelectableListVersionContext.Provider, { value: version, children: children }) }) }));
+}
+SelectableList.displayName = "SelectableList";
+//# sourceMappingURL=SelectableList.js.map

package/dist/SelectableList.js.map

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