@once-ui-system/core 1.8.4 → 2.0.0-alpha.0

package/dist/components/SplitView.js

@@ -1,78 +1,110 @@
-'use client';
+"use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Row, Card, Column } from '.';
-import { useState, useEffect, useRef } from 'react';
-function useResizeHandle(containerRef, direction) {
-    const [splitRatio, setSplitRatio] = useState(0.3);
+import { useCallback, useEffect, useRef, useState } from "react";
+import { Card, Column, Row, SegmentedControl } from ".";
+import { useLayout } from "../contexts";
+/**
+ * Drag state for the divider.
+ *
+ * Pointer events rather than mouse events: `mousedown`/`mousemove` never fire
+ * for touch, which is why the divider could not be dragged on a touch device at
+ * all. Pointer events cover mouse, touch and pen in one path, and pointer
+ * capture keeps the drag alive when the finger or cursor leaves the handle.
+ */
+function useResizeHandle(containerRef, direction, { defaultSplit, minSplit, maxSplit }) {
+    const [splitRatio, setSplitRatio] = useState(defaultSplit);
     const [isDragging, setIsDragging] = useState(false);
+    const applyClientPosition = useCallback((clientX, clientY) => {
+        const container = containerRef.current;
+        if (!container)
+            return;
+        const rect = container.getBoundingClientRect();
+        const ratio = direction === "row"
+            ? (clientX - rect.left) / rect.width
+            : (clientY - rect.top) / rect.height;
+        if (!Number.isFinite(ratio))
+            return;
+        setSplitRatio(Math.max(minSplit, Math.min(maxSplit, ratio)));
+    }, [containerRef, direction, minSplit, maxSplit]);
     useEffect(() => {
-        const handleMouseMove = (e) => {
-            if (!isDragging || !containerRef.current)
-                return;
-            const container = containerRef.current;
-            const rect = container.getBoundingClientRect();
-            let newRatio;
-            if (direction === 'row') {
-                // Horizontal split: calculate from left
-                newRatio = (e.clientX - rect.left) / rect.width;
-            }
-            else {
-                // Vertical split: calculate from top
-                newRatio = (e.clientY - rect.top) / rect.height;
-            }
-            setSplitRatio(Math.max(0.2, Math.min(0.8, newRatio)));
-        };
-        const handleMouseUp = () => {
-            setIsDragging(false);
-        };
-        if (isDragging) {
-            document.addEventListener('mousemove', handleMouseMove);
-            document.addEventListener('mouseup', handleMouseUp);
-            document.body.style.cursor = direction === 'row' ? 'col-resize' : 'row-resize';
-            document.body.style.userSelect = 'none';
-        }
+        if (!isDragging)
+            return;
+        const onMove = (e) => applyClientPosition(e.clientX, e.clientY);
+        const onUp = () => setIsDragging(false);
+        document.addEventListener("pointermove", onMove);
+        document.addEventListener("pointerup", onUp);
+        document.addEventListener("pointercancel", onUp);
+        const previousCursor = document.body.style.cursor;
+        const previousSelect = document.body.style.userSelect;
+        document.body.style.cursor = direction === "row" ? "col-resize" : "row-resize";
+        document.body.style.userSelect = "none";
         return () => {
-            document.removeEventListener('mousemove', handleMouseMove);
-            document.removeEventListener('mouseup', handleMouseUp);
-            document.body.style.cursor = '';
-            document.body.style.userSelect = '';
+            document.removeEventListener("pointermove", onMove);
+            document.removeEventListener("pointerup", onUp);
+            document.removeEventListener("pointercancel", onUp);
+            document.body.style.cursor = previousCursor;
+            document.body.style.userSelect = previousSelect;
         };
-    }, [isDragging, direction]);
-    return { splitRatio, isDragging, setIsDragging };
+    }, [isDragging, direction, applyClientPosition]);
+    return { splitRatio, setSplitRatio, isDragging, setIsDragging, applyClientPosition };
 }
-function SplitView({ leftPanel, rightPanel, defaultSplit = 0.3, minSplit = 0.2, maxSplit = 0.8, ...flex }) {
+function SplitView({ leftPanel, rightPanel, labels, collapseBelow = "s", defaultSplit = 0.3, minSplit = 0.2, maxSplit = 0.8, ...flex }) {
     const containerRef = useRef(null);
-    const [direction, setDirection] = useState('row');
-    const { splitRatio, isDragging, setIsDragging } = useResizeHandle(containerRef, direction);
-    // Detect direction from flex props or responsive breakpoints
+    const [direction, setDirection] = useState("row");
+    const { maxWidth } = useLayout();
+    const [activePanel, setActivePanel] = useState("left");
+    const { splitRatio, setSplitRatio, isDragging, setIsDragging, applyClientPosition } = useResizeHandle(containerRef, direction, { defaultSplit, minSplit, maxSplit });
     useEffect(() => {
         const updateDirection = () => {
             if (!containerRef.current)
                 return;
-            const computedStyle = window.getComputedStyle(containerRef.current);
-            const flexDir = computedStyle.flexDirection;
-            setDirection(flexDir === 'column' ? 'column' : 'row');
+            const flexDir = window.getComputedStyle(containerRef.current).flexDirection;
+            setDirection(flexDir === "column" ? "column" : "row");
         };
         updateDirection();
-        window.addEventListener('resize', updateDirection);
-        return () => window.removeEventListener('resize', updateDirection);
+        window.addEventListener("resize", updateDirection);
+        return () => window.removeEventListener("resize", updateDirection);
     }, []);
-    const isHorizontal = direction === 'row';
-    const splitPercentage = `${splitRatio * 100}%`;
+    const collapsed = collapseBelow !== false && maxWidth(collapseBelow);
+    if (collapsed) {
+        const leftLabel = labels?.left ?? "1";
+        const rightLabel = labels?.right ?? "2";
+        return (_jsxs(Column, { fill: true, gap: "12", ...flex, children: [_jsx(SegmentedControl, { fillWidth: true, buttons: [
+                        { value: "left", label: leftLabel },
+                        { value: "right", label: rightLabel },
+                    ], value: activePanel, onChange: (value) => setActivePanel(value === "right" ? "right" : "left") }), _jsx(Column, { fill: true, overflowY: "auto", minHeight: 0, children: activePanel === "left" ? leftPanel : rightPanel })] }));
+    }
+    const isHorizontal = direction === "row";
+    const step = 0.05;
     return (_jsxs(Row, { ref: containerRef, fill: true, ...flex, children: [_jsx(Column, { fill: true, style: {
-                    [isHorizontal ? 'width' : 'height']: splitPercentage,
-                    [isHorizontal ? 'minWidth' : 'minHeight']: 0,
-                    overflow: 'auto',
-                }, children: leftPanel }), _jsx(Row, { fillHeight: isHorizontal, fillWidth: !isHorizontal, minWidth: isHorizontal ? "12" : undefined, minHeight: !isHorizontal ? "12" : undefined, paddingX: isHorizontal ? "8" : undefined, paddingY: !isHorizontal ? "8" : undefined, center: true, onMouseDown: () => setIsDragging(true), style: {
-                    cursor: isHorizontal ? 'col-resize' : 'row-resize',
-                    userSelect: 'none',
+                    [isHorizontal ? "width" : "height"]: `${splitRatio * 100}%`,
+                    [isHorizontal ? "minWidth" : "minHeight"]: 0,
+                    overflow: "auto",
+                }, children: leftPanel }), _jsx(Row, { fillHeight: isHorizontal, fillWidth: !isHorizontal, minWidth: isHorizontal ? "12" : undefined, minHeight: !isHorizontal ? "12" : undefined, paddingX: isHorizontal ? "8" : undefined, paddingY: !isHorizontal ? "8" : undefined, center: true, 
+                // Keyboard-operable: a pointer-only divider is unreachable without one.
+                role: "separator", "aria-orientation": isHorizontal ? "vertical" : "horizontal", "aria-valuenow": Math.round(splitRatio * 100), "aria-valuemin": Math.round(minSplit * 100), "aria-valuemax": Math.round(maxSplit * 100), "aria-label": "Resize panels", tabIndex: 0, onPointerDown: (event) => {
+                    event.currentTarget.setPointerCapture(event.pointerId);
+                    setIsDragging(true);
+                    applyClientPosition(event.clientX, event.clientY);
+                }, onKeyDown: (event) => {
+                    const back = isHorizontal ? "ArrowLeft" : "ArrowUp";
+                    const forward = isHorizontal ? "ArrowRight" : "ArrowDown";
+                    if (event.key !== back && event.key !== forward)
+                        return;
+                    event.preventDefault();
+                    const next = splitRatio + (event.key === forward ? step : -step);
+                    setSplitRatio(Math.max(minSplit, Math.min(maxSplit, next)));
+                }, style: {
+                    cursor: isHorizontal ? "col-resize" : "row-resize",
+                    userSelect: "none",
+                    touchAction: "none",
                 }, children: _jsx(Row, { fillWidth: isHorizontal, fillHeight: !isHorizontal, height: isHorizontal ? 8 : undefined, width: !isHorizontal ? 8 : undefined, children: _jsx(Card, { fill: true, background: isDragging ? "neutral-strong" : "neutral-weak", border: "neutral-alpha-weak", radius: "full", style: {
-                            cursor: isHorizontal ? 'col-resize' : 'row-resize',
-                            transition: 'background 0.2s ease',
+                            cursor: isHorizontal ? "col-resize" : "row-resize",
+                            transition: "background 0.2s ease",
                         } }) }) }), _jsx(Column, { fill: true, style: {
-                    [isHorizontal ? 'width' : 'height']: `${(1 - splitRatio) * 100}%`,
-                    [isHorizontal ? 'minWidth' : 'minHeight']: 0,
-                    overflow: 'auto',
+                    [isHorizontal ? "width" : "height"]: `${(1 - splitRatio) * 100}%`,
+                    [isHorizontal ? "minWidth" : "minHeight"]: 0,
+                    overflow: "auto",
                 }, children: rightPanel })] }));
 }
 SplitView.displayName = "SplitView";

package/dist/components/SplitView.js.map

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

package/dist/components/StyleOverlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StyleOverlay.d.ts","sourceRoot":"","sources":["../../src/components/StyleOverlay.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAc,IAAI,EAAc,MAAM,GAAG,CAAC;AAE7D,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,UAAU,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IACnE,eAAe,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC,CAAC;IACnE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAC;CACjC;AAED,QAAA,MAAM,YAAY,2HAsDjB,CAAC;AAGF,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"StyleOverlay.d.ts","sourceRoot":"","sources":["../../src/components/StyleOverlay.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAc,IAAI,EAAc,MAAM,GAAG,CAAC;AAE7D,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,UAAU,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IACnE,eAAe,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC,CAAC;IACnE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAC;CACjC;AAED,QAAA,MAAM,YAAY,2HAuDjB,CAAC;AAGF,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/StyleOverlay.js

@@ -10,7 +10,7 @@ const StyleOverlay = forwardRef(({ iconButtonProps, children, zIndex = 2, ...res
     };
     return (_jsxs(Flex, { ref: ref, position: "static", zIndex: zIndex, children: [!isOpen && _jsx(Flex, { onClick: togglePanel, children: children }), _jsxs(Flex, { as: "aside", zIndex: 3, className: `${styles.panel} ${isOpen && styles.open}`, maxWidth: 28, style: {
                     maxHeight: "calc(100% - var(--static-space-4))",
-                }, fillHeight: true, position: "absolute", shadow: "xl", top: "2", right: "2", transition: "macro-medium", background: "page", overflow: "hidden", radius: "xl", border: "neutral-medium", ...rest, children: [_jsx(StylePanel, { fill: true, overflowY: "scroll", padding: "8" }), _jsxs(Flex, { position: "absolute", paddingTop: "8", paddingRight: "12", top: "0", right: "0", children: [_jsx(Background, { position: "absolute", top: "0", right: "8", left: undefined, width: 8, height: 4, mask: { x: 100, y: 0, radius: 7 }, dots: { display: true, size: "2", color: "page-background" } }), _jsx(IconButton, { variant: "secondary", onClick: togglePanel, icon: "close", ...iconButtonProps })] })] })] }));
+                }, fillHeight: true, position: "absolute", shadow: "xl", top: "2", right: "2", transition: "macro-medium", background: "page", overflow: "hidden", radius: "xl", border: "neutral-medium", ...rest, children: [_jsx(StylePanel, { fill: true, overflowY: "scroll", padding: "8" }), _jsxs(Flex, { position: "absolute", paddingTop: "8", paddingRight: "12", top: "0", right: "0", children: [_jsx(Background, { position: "absolute", top: "0", right: "8", left: undefined, width: 8, height: 4, mask: { x: 100, y: 0, radius: 7 }, dots: { display: true, size: "2", color: "page-background" } }), _jsx(IconButton, { variant: "secondary", onClick: togglePanel, icon: "close", "aria-label": "Close style panel", ...iconButtonProps })] })] })] }));
 });
 StyleOverlay.displayName = "StyleOverlay";
 export { StyleOverlay };

package/dist/components/StyleOverlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"StyleOverlay.js","sourceRoot":"","sources":["../../src/components/StyleOverlay.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,GAAG,CAAC;AAC7D,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAShD,MAAM,YAAY,GAAG,UAAU,CAC7B,CAAC,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,GAAG,CAAC,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IAC1D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,IAAI,IAAC,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAC,QAAQ,EAAC,MAAM,EAAE,MAAM,aAC7C,CAAC,MAAM,IAAI,KAAC,IAAI,IAAC,OAAO,EAAE,WAAW,YAAG,QAAQ,GAAQ,EACzD,MAAC,IAAI,IACH,EAAE,EAAC,OAAO,EACV,MAAM,EAAE,CAAC,EACT,SAAS,EAAE,GAAG,MAAM,CAAC,KAAK,IAAI,MAAM,IAAI,MAAM,CAAC,IAAI,EAAE,EACrD,QAAQ,EAAE,EAAE,EACZ,KAAK,EAAE;oBACL,SAAS,EAAE,oCAAoC;iBAChD,EACD,UAAU,QACV,QAAQ,EAAC,UAAU,EACnB,MAAM,EAAC,IAAI,EACX,GAAG,EAAC,GAAG,EACP,KAAK,EAAC,GAAG,EACT,UAAU,EAAC,cAAc,EACzB,UAAU,EAAC,MAAM,EACjB,QAAQ,EAAC,QAAQ,EACjB,MAAM,EAAC,IAAI,EACX,MAAM,EAAC,gBAAgB,KACnB,IAAI,aAER,KAAC,UAAU,IAAC,IAAI,QAAC,SAAS,EAAC,QAAQ,EAAC,OAAO,EAAC,GAAG,GAAG,EAClD,MAAC,IAAI,IAAC,QAAQ,EAAC,UAAU,EAAC,UAAU,EAAC,GAAG,EAAC,YAAY,EAAC,IAAI,EAAC,GAAG,EAAC,GAAG,EAAC,KAAK,EAAC,GAAG,aAC1E,KAAC,UAAU,IACT,QAAQ,EAAC,UAAU,EACnB,GAAG,EAAC,GAAG,EACP,KAAK,EAAC,GAAG,EACT,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,CAAC,EACR,MAAM,EAAE,CAAC,EACT,IAAI,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EACjC,IAAI,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,iBAAiB,EAAE,GAC5D,EACF,KAAC,UAAU,IACT,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,WAAW,EACpB,IAAI,EAAC,OAAO,KACR,eAAe,GACnB,IACG,IACF,IACF,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"StyleOverlay.js","sourceRoot":"","sources":["../../src/components/StyleOverlay.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,GAAG,CAAC;AAC7D,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAShD,MAAM,YAAY,GAAG,UAAU,CAC7B,CAAC,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,GAAG,CAAC,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IAC1D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,IAAI,IAAC,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAC,QAAQ,EAAC,MAAM,EAAE,MAAM,aAC7C,CAAC,MAAM,IAAI,KAAC,IAAI,IAAC,OAAO,EAAE,WAAW,YAAG,QAAQ,GAAQ,EACzD,MAAC,IAAI,IACH,EAAE,EAAC,OAAO,EACV,MAAM,EAAE,CAAC,EACT,SAAS,EAAE,GAAG,MAAM,CAAC,KAAK,IAAI,MAAM,IAAI,MAAM,CAAC,IAAI,EAAE,EACrD,QAAQ,EAAE,EAAE,EACZ,KAAK,EAAE;oBACL,SAAS,EAAE,oCAAoC;iBAChD,EACD,UAAU,QACV,QAAQ,EAAC,UAAU,EACnB,MAAM,EAAC,IAAI,EACX,GAAG,EAAC,GAAG,EACP,KAAK,EAAC,GAAG,EACT,UAAU,EAAC,cAAc,EACzB,UAAU,EAAC,MAAM,EACjB,QAAQ,EAAC,QAAQ,EACjB,MAAM,EAAC,IAAI,EACX,MAAM,EAAC,gBAAgB,KACnB,IAAI,aAER,KAAC,UAAU,IAAC,IAAI,QAAC,SAAS,EAAC,QAAQ,EAAC,OAAO,EAAC,GAAG,GAAG,EAClD,MAAC,IAAI,IAAC,QAAQ,EAAC,UAAU,EAAC,UAAU,EAAC,GAAG,EAAC,YAAY,EAAC,IAAI,EAAC,GAAG,EAAC,GAAG,EAAC,KAAK,EAAC,GAAG,aAC1E,KAAC,UAAU,IACT,QAAQ,EAAC,UAAU,EACnB,GAAG,EAAC,GAAG,EACP,KAAK,EAAC,GAAG,EACT,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,CAAC,EACR,MAAM,EAAE,CAAC,EACT,IAAI,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EACjC,IAAI,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,iBAAiB,EAAE,GAC5D,EACF,KAAC,UAAU,IACT,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,WAAW,EACpB,IAAI,EAAC,OAAO,gBACL,mBAAmB,KACtB,eAAe,GACnB,IACG,IACF,IACF,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/StylePanel.d.ts

@@ -1,8 +1,49 @@
-import { Flex } from ".";
-interface StylePanelProps extends React.ComponentProps<typeof Flex> {
-    style?: React.CSSProperties;
-    className?: string;
+import { type StylePanelRootProps, type StylePanelVisibility } from "./StylePanelSections";
+export type { StylePanelValue, StylePanelVisibility, StylePanelRootProps, StyleRowProps, StyleGroupProps, } from "./StylePanelSections";
+export { useStylePanel } from "./StylePanelSections";
+export interface StylePanelProps extends StylePanelRootProps {
+    /** Hide whole sections or individual rows. Omitted keys stay visible. */
+    visibility?: StylePanelVisibility;
+    /**
+     * Restated from `StylePanelRootProps` — indexed so the types stay tied to
+     * one declaration — because this is the component's public surface, and an
+     * inherited prop is invisible to anything reading the generated spec.
+     */
+    value?: StylePanelRootProps["value"];
+    onChange?: StylePanelRootProps["onChange"];
 }
-declare const StylePanel: import("react").ForwardRefExoticComponent<Omit<StylePanelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-export { StylePanel };
+declare const StylePanelWithSections: import("react").ForwardRefExoticComponent<Omit<StylePanelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<StylePanelRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Group: ({ title, description, children, ...rest }: import("./StylePanelSections").StyleGroupProps) => import("react").JSX.Element;
+    Row: ({ label, children, ...rest }: import("./StylePanelSections").StyleRowProps) => import("react").JSX.Element;
+    Theme: ({ label, ...rest }: import("./StylePanelSections").StyleRowProps) => import("react").JSX.Element;
+    Shape: ({ label, ...rest }: import("./StylePanelSections").StyleRowProps) => import("react").JSX.Element;
+    Brand: ({ label, ...rest }: import("./StylePanelSections").StyleRowProps) => import("react").JSX.Element;
+    Accent: ({ label, ...rest }: import("./StylePanelSections").StyleRowProps) => import("react").JSX.Element;
+    Neutral: ({ label, ...rest }: import("./StylePanelSections").StyleRowProps) => import("react").JSX.Element;
+    Solid: ({ label, ...rest }: import("./StylePanelSections").StyleRowProps) => import("react").JSX.Element;
+    Effect: ({ label, ...rest }: import("./StylePanelSections").StyleRowProps) => import("react").JSX.Element;
+    Surface: ({ label, ...rest }: import("./StylePanelSections").StyleRowProps) => import("react").JSX.Element;
+    Scaling: ({ label, ...rest }: import("./StylePanelSections").StyleRowProps) => import("react").JSX.Element;
+    Transition: ({ label, ...rest }: import("./StylePanelSections").StyleRowProps) => import("react").JSX.Element;
+    DataStyle: ({ label, ...rest }: import("./StylePanelSections").StyleRowProps) => import("react").JSX.Element;
+    BodySize: ({ label, ...rest }: import("./StylePanelSections").StyleRowProps) => import("react").JSX.Element;
+    BodyLineHeight: ({ label, ...rest }: import("./StylePanelSections").StyleRowProps) => import("react").JSX.Element;
+    Page: ({ title, description, rows, ...rest }: import("./StylePanelSections").StyleGroupProps & {
+        rows?: Partial<Record<"shape" | "theme", boolean>> | undefined;
+    }) => import("react").JSX.Element;
+    Color: ({ title, description, rows, ...rest }: import("./StylePanelSections").StyleGroupProps & {
+        rows?: Partial<Record<"neutral" | "brand" | "accent", boolean>> | undefined;
+    }) => import("react").JSX.Element;
+    SolidStyle: ({ title, description, rows, ...rest }: import("./StylePanelSections").StyleGroupProps & {
+        rows?: Partial<Record<"solid" | "effect", boolean>> | undefined;
+    }) => import("react").JSX.Element;
+    BodyText: ({ title, description, rows, ...rest }: import("./StylePanelSections").StyleGroupProps & {
+        rows?: Partial<Record<"size" | "lineHeight", boolean>> | undefined;
+    }) => import("react").JSX.Element;
+    Advanced: ({ title, description, rows, ...rest }: import("./StylePanelSections").StyleGroupProps & {
+        rows?: Partial<Record<"transition" | "surface" | "scaling" | "dataStyle", boolean>> | undefined;
+    }) => import("react").JSX.Element;
+};
+export { StylePanelWithSections as StylePanel };
 //# sourceMappingURL=StylePanel.d.ts.map

package/dist/components/StylePanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StylePanel.d.ts","sourceRoot":"","sources":["../../src/components/StylePanel.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAuE,MAAM,GAAG,CAAC;AAiB9F,UAAU,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IACjE,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAUD,QAAA,MAAM,UAAU,yHAufd,CAAC;AAGH,OAAO,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"StylePanel.d.ts","sourceRoot":"","sources":["../../src/components/StylePanel.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAY,KAAK,mBAAmB,EAAE,KAAK,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAErG,YAAY,EACV,eAAe,EACf,oBAAoB,EACpB,mBAAmB,EACnB,aAAa,EACb,eAAe,GAChB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAErD,MAAM,WAAW,eAAgB,SAAQ,mBAAmB;IAC1D,yEAAyE;IACzE,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC;;;;OAIG;IACH,KAAK,CAAC,EAAE,mBAAmB,CAAC,OAAO,CAAC,CAAC;IACrC,QAAQ,CAAC,EAAE,mBAAmB,CAAC,UAAU,CAAC,CAAC;CAC5C;AAyBD,QAAA,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAsC,CAAC;AAEnE,OAAO,EAAE,sBAAsB,IAAI,UAAU,EAAE,CAAC"}

package/dist/components/StylePanel.js

@@ -1,193 +1,20 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useState, useEffect } from "react";
-import { Flex, Text, SegmentedControl, IconButton, Scroller, Column, ThemeSwitcher } from ".";
-import { useStyle, } from "../contexts/ThemeProvider";
-import { useDataTheme } from "../contexts/DataThemeProvider";
-import styles from "./StylePanel.module.scss";
-import classNames from "clsx";
-import { schemes } from "../types";
-const shapes = ["sharp", "conservative", "playful", "rounded"];
-const colorOptions = {
-    brand: [...schemes],
-    accent: [...schemes],
-    neutral: ["gray", "sand", "slate", "dusk", "mint", "rose"],
-};
-const StylePanel = forwardRef(({ ...rest }, ref) => {
-    const styleContext = useStyle();
-    const { mode: chartMode, setChartOptions } = useDataTheme();
-    const [mounted, setMounted] = useState(false);
-    const [borderValue, setBorderValue] = useState("playful");
-    const [brandValue, setBrandValue] = useState("blue");
-    const [accentValue, setAccentValue] = useState("indigo");
-    const [neutralValue, setNeutralValue] = useState("gray");
-    const [solidValue, setSolidValue] = useState("contrast");
-    const [solidStyleValue, setSolidStyleValue] = useState("flat");
-    const [surfaceValue, setSurfaceValue] = useState("filled");
-    const [scalingValue, setScalingValue] = useState("100");
-    const [chartModeValue, setChartModeValue] = useState("categorical");
-    const [transitionValue, setTransitionValue] = useState("all");
-    useEffect(() => {
-        if (typeof window !== "undefined") {
-            const storedSolid = localStorage.getItem("data-solid");
-            const storedSolidStyle = localStorage.getItem("data-solid-style");
-            if (storedSolid)
-                setSolidValue(storedSolid);
-            if (storedSolidStyle)
-                setSolidStyleValue(storedSolidStyle);
-        }
-    }, []);
-    useEffect(() => {
-        setMounted(true);
-        if (mounted) {
-            setBorderValue(styleContext.border);
-            setBrandValue(styleContext.brand);
-            setAccentValue(styleContext.accent);
-            setNeutralValue(styleContext.neutral);
-            setSurfaceValue(styleContext.surface);
-            setScalingValue(styleContext.scaling);
-            setTransitionValue(styleContext.transition);
-        }
-        // Chart mode is handled separately
-        setChartModeValue(chartMode);
-    }, [styleContext, chartMode, mounted]);
-    return (_jsxs(Column, { fillWidth: true, gap: "16", ref: ref, ...rest, children: [_jsxs(Column, { fillWidth: true, paddingTop: "12", paddingLeft: "16", gap: "4", children: [_jsx(Text, { variant: "heading-strong-s", onBackground: "neutral-strong", children: "Page" }), _jsx(Text, { variant: "body-default-s", onBackground: "neutral-weak", children: "Customize page theme" })] }), _jsxs(Column, { fillWidth: true, border: "neutral-alpha-medium", radius: "l-4", children: [_jsxs(Flex, { horizontal: "between", vertical: "center", fillWidth: true, paddingX: "24", paddingY: "16", borderBottom: "neutral-alpha-medium", children: [_jsx(Text, { variant: "label-default-s", onBackground: "neutral-strong", children: "Theme" }), _jsx(ThemeSwitcher, {})] }), _jsxs(Flex, { horizontal: "between", vertical: "center", fillWidth: true, paddingX: "24", paddingY: "16", children: [_jsx(Text, { variant: "label-default-s", onBackground: "neutral-strong", children: "Shape" }), _jsx(Flex, { gap: "4", children: shapes.map((radius, index) => (_jsx(Flex, { "data-border": shapes[index], center: true, tabIndex: 0, className: classNames(styles.select, mounted && borderValue === radius ? styles.selected : ""), onClick: () => {
-                                        styleContext.setStyle({ border: radius });
-                                        setBorderValue(radius);
-                                    }, children: _jsx(IconButton, { variant: "ghost", size: "m", children: _jsx("div", { className: classNames(styles.neutral, styles.swatch) }) }) }, radius))) })] })] }), _jsxs(Column, { fillWidth: true, paddingTop: "12", paddingLeft: "16", gap: "4", children: [_jsx(Text, { variant: "heading-strong-s", onBackground: "neutral-strong", children: "Color" }), _jsx(Text, { variant: "body-default-s", onBackground: "neutral-weak", children: "Customize color schemes" })] }), _jsxs(Column, { fillWidth: true, border: "neutral-alpha-medium", radius: "l-4", children: [_jsxs(Flex, { borderBottom: "neutral-alpha-medium", horizontal: "between", vertical: "center", fillWidth: true, paddingX: "24", paddingY: "16", gap: "24", children: [_jsx(Flex, { textVariant: "label-default-s", minWidth: 3, onBackground: "neutral-strong", children: "Brand" }), _jsx(Scroller, { minWidth: 0, fitWidth: true, children: colorOptions.brand.map((color, index) => (_jsx(Flex, { marginRight: "2", center: true, tabIndex: 0, className: classNames(styles.select, mounted && brandValue === color ? styles.selected : ""), onClick: () => {
-                                        styleContext.setStyle({ brand: color });
-                                        setBrandValue(color);
-                                    }, children: _jsx(IconButton, { variant: "ghost", size: "m", children: _jsx("div", { className: `${styles[color]} ${styles.swatch}` }) }) }, color))) })] }), _jsxs(Flex, { borderBottom: "neutral-alpha-medium", horizontal: "between", vertical: "center", fillWidth: true, paddingX: "24", paddingY: "16", gap: "24", children: [_jsx(Flex, { textVariant: "label-default-s", minWidth: 3, onBackground: "neutral-strong", children: "Accent" }), _jsx(Scroller, { minWidth: 0, fitWidth: true, children: colorOptions.accent.map((color, index) => (_jsx(Flex, { marginRight: "2", center: true, tabIndex: 0, className: classNames(styles.select, mounted && accentValue === color ? styles.selected : ""), onClick: () => {
-                                        styleContext.setStyle({ accent: color });
-                                        setAccentValue(color);
-                                    }, children: _jsx(IconButton, { variant: "ghost", size: "m", children: _jsx("div", { className: `${styles[color]} ${styles.swatch}` }) }) }, color))) })] }), _jsxs(Flex, { horizontal: "between", vertical: "center", fillWidth: true, paddingX: "24", paddingY: "16", gap: "24", children: [_jsx(Flex, { textVariant: "label-default-s", minWidth: 3, onBackground: "neutral-strong", children: "Neutral" }), _jsx(Scroller, { minWidth: 0, fitWidth: true, children: colorOptions.neutral.map((color, index) => (_jsx(Flex, { marginRight: "2", center: true, tabIndex: 0, className: classNames(styles.select, mounted && neutralValue === color ? styles.selected : ""), onClick: () => {
-                                        styleContext.setStyle({ neutral: color });
-                                        setNeutralValue(color);
-                                    }, children: _jsx(IconButton, { variant: "ghost", size: "m", children: _jsx("div", { className: `${styles[color]} ${styles.swatch}` }) }) }, color))) })] })] }), _jsxs(Column, { fillWidth: true, paddingTop: "12", paddingLeft: "16", gap: "4", children: [_jsx(Text, { variant: "heading-strong-s", onBackground: "neutral-strong", children: "Solid style" }), _jsx(Text, { variant: "body-default-s", onBackground: "neutral-weak", children: "Customize the appearance of interactive elements" })] }), _jsxs(Column, { fillWidth: true, border: "neutral-alpha-medium", radius: "l-4", children: [_jsxs(Flex, { borderBottom: "neutral-alpha-medium", horizontal: "between", vertical: "center", fillWidth: true, paddingX: "24", paddingY: "16", gap: "24", children: [_jsx(Text, { variant: "label-default-s", onBackground: "neutral-strong", children: "Style" }), _jsx(SegmentedControl, { maxWidth: 22, minWidth: 0, buttons: [
-                                    {
-                                        size: "l",
-                                        label: (_jsxs(Flex, { vertical: "center", gap: "12", children: [_jsx(Flex, { "data-solid": "color", border: "brand-strong", solid: "brand-weak", width: "24", height: "24", radius: "s" }), "Color"] })),
-                                        value: "color",
-                                    },
-                                    {
-                                        size: "l",
-                                        label: (_jsxs(Flex, { vertical: "center", gap: "12", children: [_jsx(Flex, { "data-solid": "inverse", border: "brand-strong", solid: "brand-strong", width: "24", height: "24", radius: "s" }), "Inverse"] })),
-                                        value: "inverse",
-                                    },
-                                    {
-                                        size: "l",
-                                        label: (_jsxs(Flex, { vertical: "center", gap: "12", children: [_jsx(Flex, { "data-solid": "contrast", border: "brand-strong", solid: "brand-strong", width: "24", height: "24", radius: "s" }), "Contrast"] })),
-                                        value: "contrast",
-                                    },
-                                ], onToggle: (value) => {
-                                    styleContext.setStyle({ solid: value });
-                                    setSolidValue(value);
-                                    localStorage.setItem("data-solid", value);
-                                }, selected: mounted ? solidValue : undefined, defaultSelected: "contrast" })] }), _jsxs(Flex, { horizontal: "between", vertical: "center", fillWidth: true, paddingX: "24", paddingY: "16", gap: "24", children: [_jsx(Text, { variant: "label-default-s", onBackground: "neutral-strong", children: "Effect" }), _jsx(SegmentedControl, { maxWidth: 22, minWidth: 0, buttons: [
-                                    {
-                                        size: "l",
-                                        label: (_jsxs(Flex, { vertical: "center", gap: "12", children: [_jsx(Flex, { border: "brand-strong", solid: "brand-weak", width: "24", height: "24", radius: "s" }), "Flat"] })),
-                                        value: "flat",
-                                    },
-                                    {
-                                        size: "l",
-                                        label: (_jsxs(Flex, { vertical: "center", gap: "12", children: [_jsx(Flex, { border: "brand-strong", style: {
-                                                        boxShadow: "inset 0 calc(-1 * var(--static-space-8)) var(--static-space-8) var(--brand-solid-strong)",
-                                                    }, solid: "brand-weak", width: "24", height: "24", radius: "s" }), "Plastic"] })),
-                                        value: "plastic",
-                                    },
-                                ], onToggle: (value) => {
-                                    styleContext.setStyle({ solidStyle: value });
-                                    setSolidStyleValue(value);
-                                    localStorage.setItem("data-solid-style", value);
-                                }, selected: mounted ? solidStyleValue : undefined, defaultSelected: "flat" })] })] }), _jsxs(Column, { fillWidth: true, paddingTop: "12", paddingLeft: "16", gap: "4", children: [_jsx(Text, { variant: "heading-strong-s", onBackground: "neutral-strong", children: "Advanced" }), _jsx(Text, { variant: "body-default-s", onBackground: "neutral-weak", children: "Customize advanced styling options" })] }), _jsxs(Column, { fillWidth: true, border: "neutral-alpha-medium", radius: "l-4", children: [_jsxs(Flex, { borderBottom: "neutral-alpha-medium", horizontal: "between", vertical: "center", fillWidth: true, paddingX: "24", paddingY: "16", gap: "24", children: [_jsx(Text, { variant: "label-default-s", onBackground: "neutral-strong", children: "Surface" }), _jsx(SegmentedControl, { maxWidth: 22, minWidth: 0, onToggle: (value) => {
-                                    styleContext.setStyle({ surface: value });
-                                    setSurfaceValue(value);
-                                }, selected: mounted ? surfaceValue : undefined, defaultSelected: "filled", buttons: [
-                                    {
-                                        size: "l",
-                                        label: "Filled",
-                                        value: "filled",
-                                    },
-                                    {
-                                        size: "l",
-                                        label: "Translucent",
-                                        value: "translucent",
-                                    },
-                                ] })] }), _jsxs(Flex, { borderBottom: "neutral-alpha-medium", horizontal: "between", vertical: "center", fillWidth: true, paddingX: "24", paddingY: "16", gap: "24", children: [_jsx(Text, { variant: "label-default-s", onBackground: "neutral-strong", children: "Scaling" }), _jsx(SegmentedControl, { maxWidth: 22, minWidth: 0, onToggle: (value) => {
-                                    styleContext.setStyle({ scaling: value });
-                                    setScalingValue(value);
-                                }, selected: mounted ? scalingValue : undefined, defaultSelected: "100", buttons: [
-                                    {
-                                        size: "l",
-                                        label: "90",
-                                        value: "90",
-                                    },
-                                    {
-                                        size: "l",
-                                        label: "95",
-                                        value: "95",
-                                    },
-                                    {
-                                        size: "l",
-                                        label: "100",
-                                        value: "100",
-                                    },
-                                    {
-                                        size: "l",
-                                        label: "105",
-                                        value: "105",
-                                    },
-                                    {
-                                        size: "l",
-                                        label: "110",
-                                        value: "110",
-                                    },
-                                ] })] }), _jsxs(Flex, { borderBottom: "neutral-alpha-medium", horizontal: "between", vertical: "center", fillWidth: true, paddingX: "24", paddingY: "16", gap: "24", children: [_jsx(Text, { variant: "label-default-s", onBackground: "neutral-strong", children: "Data Style" }), _jsx(SegmentedControl, { maxWidth: 22, minWidth: 0, onToggle: (value) => {
-                                    setChartOptions({ mode: value });
-                                    setChartModeValue(value);
-                                }, selected: mounted ? chartModeValue : undefined, defaultSelected: "categorical", buttons: [
-                                    {
-                                        size: "l",
-                                        label: "Categorical",
-                                        value: "categorical",
-                                    },
-                                    {
-                                        size: "l",
-                                        label: "Divergent",
-                                        value: "divergent",
-                                    },
-                                    {
-                                        size: "l",
-                                        label: "Sequential",
-                                        value: "sequential",
-                                    },
-                                ] })] }), _jsxs(Flex, { horizontal: "between", vertical: "center", fillWidth: true, paddingX: "24", paddingY: "16", gap: "24", children: [_jsx(Text, { variant: "label-default-s", onBackground: "neutral-strong", children: "Transition" }), _jsx(SegmentedControl, { maxWidth: 22, minWidth: 0, onToggle: (value) => {
-                                    styleContext.setStyle({ transition: value });
-                                    setTransitionValue(value);
-                                }, selected: mounted ? transitionValue : undefined, defaultSelected: "all", buttons: [
-                                    {
-                                        size: "l",
-                                        label: "All",
-                                        value: "all",
-                                    },
-                                    {
-                                        size: "l",
-                                        label: "Micro",
-                                        value: "micro",
-                                    },
-                                    {
-                                        size: "l",
-                                        label: "Macro",
-                                        value: "macro",
-                                    },
-                                    {
-                                        size: "l",
-                                        label: "None",
-                                        value: "none",
-                                    },
-                                ] })] })] })] }));
-});
+import { forwardRef } from "react";
+import { sections } from "./StylePanelSections";
+export { useStylePanel } from "./StylePanelSections";
+const visible = (section) => section?.section !== false;
+/**
+ * The default arrangement of every style section.
+ *
+ * It is a plain composition of its own parts, so a host that needs a different
+ * arrangement — or only two of the sections — can drop this and compose
+ * `StylePanel.Page`, `StylePanel.Brand` and the rest directly inside
+ * `StylePanel.Root`. Pass `value` and `onChange` to take over the state, in
+ * which case nothing is written to ThemeProvider or storage.
+ */
+const StylePanel = forwardRef(({ visibility, ...rest }, ref) => (_jsxs(sections.Root, { ref: ref, ...rest, children: [visible(visibility?.page) && _jsx(sections.Page, { rows: visibility?.page }), visible(visibility?.color) && _jsx(sections.Color, { rows: visibility?.color }), visible(visibility?.solidStyle) && _jsx(sections.SolidStyle, { rows: visibility?.solidStyle }), visibility?.bodyText?.section === true && _jsx(sections.BodyText, { rows: visibility?.bodyText }), visible(visibility?.advanced) && _jsx(sections.Advanced, { rows: visibility?.advanced })] })));
 StylePanel.displayName = "StylePanel";
-export { StylePanel };
+const StylePanelWithSections = Object.assign(StylePanel, sections);
+export { StylePanelWithSections as StylePanel };
 //# sourceMappingURL=StylePanel.js.map

package/dist/components/StylePanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"StylePanel.js","sourceRoot":"","sources":["../../src/components/StylePanel.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"StylePanel.js","sourceRoot":"","sources":["../../src/components/StylePanel.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAuD,MAAM,sBAAsB,CAAC;AASrG,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAcrD,MAAM,OAAO,GAAG,CAAC,OAA0C,EAAE,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,KAAK,CAAC;AAE3F;;;;;;;;GAQG;AACH,MAAM,UAAU,GAAG,UAAU,CAAkC,CAAC,EAAE,UAAU,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC/F,MAAC,QAAQ,CAAC,IAAI,IAAC,GAAG,EAAE,GAAG,KAAM,IAAI,aAC9B,OAAO,CAAC,UAAU,EAAE,IAAI,CAAC,IAAI,KAAC,QAAQ,CAAC,IAAI,IAAC,IAAI,EAAE,UAAU,EAAE,IAAI,GAAI,EACtE,OAAO,CAAC,UAAU,EAAE,KAAK,CAAC,IAAI,KAAC,QAAQ,CAAC,KAAK,IAAC,IAAI,EAAE,UAAU,EAAE,KAAK,GAAI,EACzE,OAAO,CAAC,UAAU,EAAE,UAAU,CAAC,IAAI,KAAC,QAAQ,CAAC,UAAU,IAAC,IAAI,EAAE,UAAU,EAAE,UAAU,GAAI,EACxF,UAAU,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,IAAI,KAAC,QAAQ,CAAC,QAAQ,IAAC,IAAI,EAAE,UAAU,EAAE,QAAQ,GAAI,EAC3F,OAAO,CAAC,UAAU,EAAE,QAAQ,CAAC,IAAI,KAAC,QAAQ,CAAC,QAAQ,IAAC,IAAI,EAAE,UAAU,EAAE,QAAQ,GAAI,IACrE,CACjB,CAAC,CAAC;AAEH,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,MAAM,sBAAsB,GAAG,MAAM,CAAC,MAAM,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;AAEnE,OAAO,EAAE,sBAAsB,IAAI,UAAU,EAAE,CAAC"}

package/dist/components/StylePanel.module.scss

@@ -124,4 +124,9 @@
 .neutral {
     background: var(--neutral-solid-medium);
     border-color: var(--neutral-alpha-strong);
-}
+}
+/* Dividers belong to the group rather than to each row: a host that hides or
+   reorders rows would otherwise leave a border on the last one. */
+.group > .row:not(:last-child) {
+    border-bottom: 1px solid var(--neutral-alpha-medium);
+}