entangle-ui 0.8.2 → 0.10.0

package/dist/esm/components/navigation/Pagination/usePagination.js

@@ -0,0 +1,143 @@
+"use client";
+import { useMemo } from 'react';
+
+function range(start, end) {
+    const length = Math.max(0, end - start + 1);
+    return Array.from({ length }, (_, i) => start + i);
+}
+/**
+ * MUI-style pagination algorithm. Produces the list of items to render given
+ * the total count, the current page, and the sibling/boundary counts.
+ */
+function usePaginationItems(options) {
+    const { count, page, siblingCount, boundaryCount, showFirstButton, showLastButton, hidePrevButton, hideNextButton, disabled, } = options;
+    return useMemo(() => {
+        const safeCount = Math.max(0, Math.floor(count));
+        if (safeCount === 0) {
+            const items = [];
+            if (showFirstButton) {
+                items.push({
+                    type: 'first',
+                    page: null,
+                    selected: false,
+                    disabled: true,
+                });
+            }
+            if (!hidePrevButton) {
+                items.push({
+                    type: 'previous',
+                    page: null,
+                    selected: false,
+                    disabled: true,
+                });
+            }
+            if (!hideNextButton) {
+                items.push({
+                    type: 'next',
+                    page: null,
+                    selected: false,
+                    disabled: true,
+                });
+            }
+            if (showLastButton) {
+                items.push({
+                    type: 'last',
+                    page: null,
+                    selected: false,
+                    disabled: true,
+                });
+            }
+            return items;
+        }
+        const startBoundary = range(1, Math.min(boundaryCount, safeCount));
+        const endBoundary = range(Math.max(safeCount - boundaryCount + 1, boundaryCount + 1), safeCount);
+        const siblingStart = Math.max(Math.min(page - siblingCount, safeCount - boundaryCount - siblingCount * 2 - 1), boundaryCount + 2);
+        const firstEndBoundary = endBoundary[0];
+        const siblingEnd = Math.min(Math.max(page + siblingCount, boundaryCount + siblingCount * 2 + 2), firstEndBoundary !== undefined ? firstEndBoundary - 2 : safeCount - 1);
+        /**
+         * Builds a sequence:
+         * [1, ..., boundaryCount] [start ellipsis] [siblings] [end ellipsis] [count - boundaryCount + 1, ..., count]
+         */
+        const itemList = [
+            ...startBoundary,
+            // Start ellipsis or single page bridging the gap
+            ...(siblingStart > boundaryCount + 2
+                ? ['start-ellipsis']
+                : boundaryCount + 1 < safeCount - boundaryCount
+                    ? [boundaryCount + 1]
+                    : []),
+            ...range(siblingStart, siblingEnd),
+            ...(siblingEnd < safeCount - boundaryCount - 1
+                ? ['end-ellipsis']
+                : safeCount - boundaryCount > boundaryCount
+                    ? [safeCount - boundaryCount]
+                    : []),
+            ...endBoundary,
+        ];
+        const items = [];
+        if (showFirstButton) {
+            items.push({
+                type: 'first',
+                page: 1,
+                selected: false,
+                disabled: disabled || page <= 1,
+            });
+        }
+        if (!hidePrevButton) {
+            items.push({
+                type: 'previous',
+                page: Math.max(1, page - 1),
+                selected: false,
+                disabled: disabled || page <= 1,
+            });
+        }
+        for (const it of itemList) {
+            if (it === 'start-ellipsis' || it === 'end-ellipsis') {
+                items.push({
+                    type: 'ellipsis',
+                    page: null,
+                    selected: false,
+                    disabled: true,
+                });
+            }
+            else {
+                items.push({
+                    type: 'page',
+                    page: it,
+                    selected: it === page,
+                    disabled,
+                });
+            }
+        }
+        if (!hideNextButton) {
+            items.push({
+                type: 'next',
+                page: Math.min(safeCount, page + 1),
+                selected: false,
+                disabled: disabled || page >= safeCount,
+            });
+        }
+        if (showLastButton) {
+            items.push({
+                type: 'last',
+                page: safeCount,
+                selected: false,
+                disabled: disabled || page >= safeCount,
+            });
+        }
+        return items;
+    }, [
+        count,
+        page,
+        siblingCount,
+        boundaryCount,
+        showFirstButton,
+        showLastButton,
+        hidePrevButton,
+        hideNextButton,
+        disabled,
+    ]);
+}
+
+export { usePaginationItems };
+//# sourceMappingURL=usePagination.js.map

package/dist/esm/components/navigation/Pagination/usePagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePagination.js","sources":["../../../../../../src/components/navigation/Pagination/usePagination.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAkBA;AACE;AACA;AACF;AAEA;;;AAGG;AACG;;;AAgBF;AACA;;;;AAIM;AACA;AACA;AACA;AACD;;;;AAIC;AACA;AACA;AACA;AACD;;;;AAIC;AACA;AACA;AACA;AACD;;;;AAIC;AACA;AACA;AACA;AACD;;AAEH;;AAGF;;AAMA;AAQA;AACA;AAKA;;;AAGG;AACH;AACE;;AAEA;;AAEE;AACE;;AAEJ;AACA;;AAEE;AACE;;AAEJ;;;;;AAOE;AACA;AACA;AACA;AACD;;;;AAIC;;AAEA;AACA;AACD;;AAGH;;;AAGM;AACA;AACA;AACA;AACD;;;;AAGC;AACA;;;AAGD;;;;;AAMD;;AAEA;AACA;AACD;;;;AAIC;AACA;AACA;AACA;AACD;;AAGH;AACF;;;;;;;;;;AAUC;AACH;;"}

package/dist/esm/components/navigation/PathBar/PathBar.css.js

@@ -0,0 +1,6 @@
+import './../../../assets/src/components/navigation/PathBar/PathBar.css.ts.vanilla-BIEzQQOf.css';
+
+var pathBarSiblingTriggerStyle = 'PathBar_pathBarSiblingTriggerStyle__1baq2v0';
+
+export { pathBarSiblingTriggerStyle };
+//# sourceMappingURL=PathBar.css.js.map

package/dist/esm/components/navigation/PathBar/PathBar.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PathBar.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/esm/components/navigation/PathBar/PathBar.js

@@ -0,0 +1,178 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import '../../Icons/AddIcon.js';
+import '../../Icons/AiChatIcon.js';
+import '../../Icons/AiSparklesIcon.js';
+import '../../Icons/ArrowDownIcon.js';
+import '../../Icons/ArrowLeftIcon.js';
+import '../../Icons/ArrowRightIcon.js';
+import '../../Icons/ArrowUpIcon.js';
+import '../../Icons/BookmarkIcon.js';
+import '../../Icons/CalendarIcon.js';
+import '../../Icons/ChevronDownIcon.js';
+import '../../Icons/ChevronUpIcon.js';
+import '../../Icons/ClockIcon.js';
+import '../../Icons/CloseIcon.js';
+import '../../Icons/CloudUploadIcon.js';
+import '../../Icons/CodeIcon.js';
+import '../../Icons/CopyIcon.js';
+import '../../Icons/CutIcon.js';
+import '../../Icons/DownloadIcon.js';
+import '../../Icons/EditIcon.js';
+import '../../Icons/ErrorIcon.js';
+import '../../Icons/ExternalLinkIcon.js';
+import '../../Icons/EyeDropperIcon.js';
+import '../../Icons/EyeIcon.js';
+import '../../Icons/FilterIcon.js';
+import '../../Icons/FirstIcon.js';
+import '../../Icons/FolderIcon.js';
+import '../../Icons/FullscreenIcon.js';
+import '../../Icons/GridIcon.js';
+import '../../Icons/HeartIcon.js';
+import '../../Icons/HelpIcon.js';
+import '../../Icons/HomeIcon.js';
+import '../../Icons/ImageIcon.js';
+import '../../Icons/InfoIcon.js';
+import '../../Icons/LastIcon.js';
+import '../../Icons/LinkIcon.js';
+import '../../Icons/ListIcon.js';
+import '../../Icons/LockIcon.js';
+import '../../Icons/MaximizeIcon.js';
+import '../../Icons/MenuIcon.js';
+import '../../Icons/MinimizeIcon.js';
+import '../../Icons/PasteIcon.js';
+import '../../Icons/PlayIcon.js';
+import '../../Icons/RedoIcon.js';
+import '../../Icons/RefreshIcon.js';
+import '../../Icons/RobotIcon.js';
+import '../../Icons/SaveIcon.js';
+import '../../Icons/SearchIcon.js';
+import '../../Icons/SettingsIcon.js';
+import '../../Icons/SortIcon.js';
+import '../../Icons/StarIcon.js';
+import '../../Icons/SuccessIcon.js';
+import '../../Icons/TagIcon.js';
+import '../../Icons/TrashIcon.js';
+import '../../Icons/UndoIcon.js';
+import '../../Icons/UnlinkIcon.js';
+import '../../Icons/UnlockIcon.js';
+import '../../Icons/UploadIcon.js';
+import '../../Icons/UserIcon.js';
+import '../../Icons/WarningIcon.js';
+import '../../Icons/ZoomInIcon.js';
+import '../../Icons/ZoomOutIcon.js';
+import '../../Icons/CheckIcon.js';
+import '../../Icons/CircleIcon.js';
+import '../../Icons/TangentFreeIcon.js';
+import '../../Icons/TangentAlignedIcon.js';
+import '../../Icons/TangentMirroredIcon.js';
+import '../../Icons/TangentAutoIcon.js';
+import '../../Icons/TangentLinearIcon.js';
+import '../../Icons/TangentStepIcon.js';
+import '../../Icons/ArchiveIcon.js';
+import '../../Icons/DotsVerticalIcon.js';
+import '../../Icons/DotsHorizontalIcon.js';
+import '../../Icons/ChevronLeftIcon.js';
+import { ChevronRightIcon } from '../../Icons/ChevronRightIcon.js';
+import '../../Icons/FolderOpenIcon.js';
+import '../../Icons/FolderCogIcon.js';
+import '../../Icons/UsersIcon.js';
+import '../../Icons/BuildingIcon.js';
+import '../../Icons/FileTextIcon.js';
+import '../../Icons/PauseIcon.js';
+import '../../Icons/StopIcon.js';
+import '../../Icons/SendIcon.js';
+import '../../Icons/TerminalIcon.js';
+import '../../Icons/GitBranchIcon.js';
+import '../../Icons/BugIcon.js';
+import '../../Icons/MinusIcon.js';
+import '../../Icons/PinIcon.js';
+import { Breadcrumbs } from '../Breadcrumbs/Breadcrumbs.js';
+import { BreadcrumbItem } from '../Breadcrumbs/BreadcrumbItem.js';
+import '../Breadcrumbs/BreadcrumbSeparator.js';
+import '../Breadcrumbs/BreadcrumbEllipsis.js';
+import '../../../utils/devWarn.js';
+import { useControlledState } from '../../../hooks/useControlledState/useControlledState.js';
+import { useLatest } from '../../../hooks/useLatest/useLatest.js';
+import '../../../hooks/useBreakpoint/useBreakpoint.js';
+import './../../../assets/src/theme/lightTheme.css.ts.vanilla-Ct6f9Iym.css';
+import '../../../node_modules/@vanilla-extract/css/dist/vanilla-extract-css.esm.js';
+import './../../../assets/src/theme/darkTheme.css.ts.vanilla-BHZ3ecRn.css';
+import './../../../assets/src/theme/globalScrollbars.css.ts.vanilla-BAJwnUEJ.css';
+import '../../../hooks/useNavigationHistory/useNavigationHistory.js';
+import { PathBarSiblingMenu } from './PathBarSiblingMenu.js';
+import { normalizePath } from './pathUtils.js';
+
+// Frozen so the shared fallback can never be mutated in place; every write path
+// builds a fresh array via slice/spread.
+const EMPTY_SEGMENTS = Object.freeze([]);
+/**
+ * File-path breadcrumbs, like the VS Code editor breadcrumb bar.
+ *
+ * PathBar specializes {@link Breadcrumbs}: give it a path — a delimited string
+ * or a structured segment array — and it renders each segment as a crumb.
+ * Folder crumbs navigate on click (`onNavigate`); the final segment is the
+ * current location. Provide `getSiblings` to add a VS-Code-style dropdown that
+ * swaps a segment for one of its siblings. Long paths reuse the Breadcrumbs
+ * collapse / ellipsis machinery via `maxItems`.
+ *
+ * The current path is controllable: pass `value` to drive it, or `defaultValue`
+ * to let PathBar track it (clicking an ancestor truncates the trail).
+ *
+ * @example
+ * ```tsx
+ * <PathBar
+ *   defaultValue="src/components/Button/Button.tsx"
+ *   rootIcon={<HomeIcon size="sm" decorative />}
+ *   onNavigate={path => router.push(path)}
+ * />
+ * ```
+ */
+const PathBar = ({ value, defaultValue, delimiter = '/', onNavigate, getSiblings, rootIcon, separator, maxItems, itemsBeforeCollapse, itemsAfterCollapse, expandable, size = 'sm', className, style, testId, ref, ...rest }) => {
+    // Wrap the consumer callback so navigation handlers don't depend on its
+    // (typically inline, render-fresh) identity.
+    const onNavigateRef = useLatest(onNavigate);
+    const controlledSegments = useMemo(() => (value !== undefined ? normalizePath(value, delimiter) : undefined), [value, delimiter]);
+    const defaultSegments = useMemo(() => defaultValue !== undefined
+        ? normalizePath(defaultValue, delimiter)
+        : undefined, [defaultValue, delimiter]);
+    const [segments, setSegments] = useControlledState({
+        value: controlledSegments,
+        defaultValue: defaultSegments,
+        fallback: EMPTY_SEGMENTS,
+    });
+    // Handlers are invoked only from the crumb-mapping below (recreated every
+    // render anyway), so they close over the current-render `segments` directly —
+    // no ref indirection needed, and the value is always live at click time.
+    const navigateToIndex = (index) => {
+        const target = segments[index];
+        if (!target) {
+            return;
+        }
+        // Navigating to an ancestor drops everything below it (uncontrolled mode;
+        // a controlled `value` is left untouched and driven by the consumer).
+        setSegments(segments.slice(0, index + 1));
+        onNavigateRef.current?.(target.value, target, index);
+    };
+    const selectSibling = (index, sibling) => {
+        // A lateral move: keep the ancestors, swap this segment, drop anything
+        // deeper since the old subtree no longer applies.
+        setSegments([...segments.slice(0, index), sibling]);
+        onNavigateRef.current?.(sibling.value, sibling, index);
+    };
+    const items = segments.map((segment, index) => {
+        const isLast = index === segments.length - 1;
+        const icon = segment.icon ?? (index === 0 ? rootIcon : undefined);
+        return (jsx(BreadcrumbItem, { icon: icon, isCurrent: isLast, onClick: isLast
+                ? undefined
+                : () => {
+                    navigateToIndex(index);
+                }, endContent: getSiblings ? (jsx(PathBarSiblingMenu, { segment: segment, index: index, getSiblings: getSiblings, onSelect: selectSibling, size: size })) : undefined, children: segment.label }, `${index}-${segment.value}`));
+    });
+    return (jsx(Breadcrumbs, { ref: ref, separator: separator ?? jsx(ChevronRightIcon, { size: size, decorative: true }), maxItems: maxItems, itemsBeforeCollapse: itemsBeforeCollapse, itemsAfterCollapse: itemsAfterCollapse, expandable: expandable, size: size, className: className, style: style, testId: testId, ...rest, children: items }));
+};
+PathBar.displayName = 'PathBar';
+
+export { PathBar };
+//# sourceMappingURL=PathBar.js.map

package/dist/esm/components/navigation/PathBar/PathBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PathBar.js","sources":["../../../../../../src/components/navigation/PathBar/PathBar.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;AAqBG;;;;AAsBD;AAEA;;AAOM;;AAKN;AAGE;AACA;AACA;AACD;;;;AAKD;AACE;;;;;;AAMA;AACA;AACF;AAEA;;;AAGE;AACA;AACF;;;AAIE;AAEA;AAOQ;;;;AAoBV;;AAmBF;AAEA;;"}

package/dist/esm/components/navigation/PathBar/PathBarSiblingMenu.js

@@ -0,0 +1,145 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import '../../Icons/AddIcon.js';
+import '../../Icons/AiChatIcon.js';
+import '../../Icons/AiSparklesIcon.js';
+import '../../Icons/ArrowDownIcon.js';
+import '../../Icons/ArrowLeftIcon.js';
+import '../../Icons/ArrowRightIcon.js';
+import '../../Icons/ArrowUpIcon.js';
+import '../../Icons/BookmarkIcon.js';
+import '../../Icons/CalendarIcon.js';
+import { ChevronDownIcon } from '../../Icons/ChevronDownIcon.js';
+import '../../Icons/ChevronUpIcon.js';
+import '../../Icons/ClockIcon.js';
+import '../../Icons/CloseIcon.js';
+import '../../Icons/CloudUploadIcon.js';
+import '../../Icons/CodeIcon.js';
+import '../../Icons/CopyIcon.js';
+import '../../Icons/CutIcon.js';
+import '../../Icons/DownloadIcon.js';
+import '../../Icons/EditIcon.js';
+import '../../Icons/ErrorIcon.js';
+import '../../Icons/ExternalLinkIcon.js';
+import '../../Icons/EyeDropperIcon.js';
+import '../../Icons/EyeIcon.js';
+import '../../Icons/FilterIcon.js';
+import '../../Icons/FirstIcon.js';
+import '../../Icons/FolderIcon.js';
+import '../../Icons/FullscreenIcon.js';
+import '../../Icons/GridIcon.js';
+import '../../Icons/HeartIcon.js';
+import '../../Icons/HelpIcon.js';
+import '../../Icons/HomeIcon.js';
+import '../../Icons/ImageIcon.js';
+import '../../Icons/InfoIcon.js';
+import '../../Icons/LastIcon.js';
+import '../../Icons/LinkIcon.js';
+import '../../Icons/ListIcon.js';
+import '../../Icons/LockIcon.js';
+import '../../Icons/MaximizeIcon.js';
+import '../../Icons/MenuIcon.js';
+import '../../Icons/MinimizeIcon.js';
+import '../../Icons/PasteIcon.js';
+import '../../Icons/PlayIcon.js';
+import '../../Icons/RedoIcon.js';
+import '../../Icons/RefreshIcon.js';
+import '../../Icons/RobotIcon.js';
+import '../../Icons/SaveIcon.js';
+import '../../Icons/SearchIcon.js';
+import '../../Icons/SettingsIcon.js';
+import '../../Icons/SortIcon.js';
+import '../../Icons/StarIcon.js';
+import '../../Icons/SuccessIcon.js';
+import '../../Icons/TagIcon.js';
+import '../../Icons/TrashIcon.js';
+import '../../Icons/UndoIcon.js';
+import '../../Icons/UnlinkIcon.js';
+import '../../Icons/UnlockIcon.js';
+import '../../Icons/UploadIcon.js';
+import '../../Icons/UserIcon.js';
+import '../../Icons/WarningIcon.js';
+import '../../Icons/ZoomInIcon.js';
+import '../../Icons/ZoomOutIcon.js';
+import '../../Icons/CheckIcon.js';
+import '../../Icons/CircleIcon.js';
+import '../../Icons/TangentFreeIcon.js';
+import '../../Icons/TangentAlignedIcon.js';
+import '../../Icons/TangentMirroredIcon.js';
+import '../../Icons/TangentAutoIcon.js';
+import '../../Icons/TangentLinearIcon.js';
+import '../../Icons/TangentStepIcon.js';
+import '../../Icons/ArchiveIcon.js';
+import '../../Icons/DotsVerticalIcon.js';
+import '../../Icons/DotsHorizontalIcon.js';
+import '../../Icons/ChevronLeftIcon.js';
+import '../../Icons/ChevronRightIcon.js';
+import '../../Icons/FolderOpenIcon.js';
+import '../../Icons/FolderCogIcon.js';
+import '../../Icons/UsersIcon.js';
+import '../../Icons/BuildingIcon.js';
+import '../../Icons/FileTextIcon.js';
+import '../../Icons/PauseIcon.js';
+import '../../Icons/StopIcon.js';
+import '../../Icons/SendIcon.js';
+import '../../Icons/TerminalIcon.js';
+import '../../Icons/GitBranchIcon.js';
+import '../../Icons/BugIcon.js';
+import '../../Icons/MinusIcon.js';
+import '../../Icons/PinIcon.js';
+import { Menu } from '../Menu/Menu.js';
+import '../../primitives/Avatar/Avatar.js';
+import '../../primitives/Avatar/AvatarGroup.js';
+import '../../primitives/Badge/Badge.js';
+import '../../primitives/Button/Button.js';
+import '../../primitives/Checkbox/Checkbox.js';
+import '../../primitives/Checkbox/CheckboxGroup.js';
+import '../../primitives/Code/Code.js';
+import '../../primitives/Collapsible/Collapsible.js';
+import '../../primitives/HoverCard/HoverCard.js';
+import '../../primitives/Icon/Icon.js';
+import { IconButton } from '../../primitives/IconButton/IconButton.js';
+import '../../primitives/Input/Input.js';
+import '../../primitives/Kbd/Kbd.js';
+import '../../primitives/Link/Link.js';
+import '../../primitives/Paper/Paper.js';
+import '../../primitives/Popover/Popover.js';
+import '../../primitives/Popover/PopoverClose.js';
+import '../../primitives/Popover/PopoverContent.js';
+import '../../primitives/Popover/PopoverTrigger.js';
+import '../../primitives/Radio/Radio.js';
+import '../../primitives/Radio/RadioGroup.js';
+import '../../primitives/Switch/Switch.js';
+import '../../primitives/Text/Text.js';
+import '../../primitives/TextArea/TextArea.js';
+import '../../primitives/Tooltip/Tooltip.js';
+import '../../primitives/VisuallyHidden/VisuallyHidden.js';
+import 'react';
+import '../../primitives/canvas/CanvasContainer.js';
+import '../../primitives/viewport/Viewport.js';
+import '../../primitives/viewport/ViewportLayer.js';
+import '../../primitives/viewport/ViewportWorld.js';
+import '../../primitives/viewport/ViewportOverlay.js';
+import { pathBarSiblingTriggerStyle } from './PathBar.css.js';
+import { resolveSiblings } from './pathUtils.js';
+
+/**
+ * Trailing caret + dropdown for a single crumb's siblings (the VS Code path-bar
+ * affordance). Rendered as a crumb's `endContent`, so it mounts only for crumbs
+ * Breadcrumbs actually renders — `getSiblings` runs lazily, never for segments
+ * hidden behind the overflow ellipsis. Renders nothing when the segment has no
+ * siblings.
+ */
+const PathBarSiblingMenu = ({ segment, index, getSiblings, onSelect, size, }) => {
+    const siblings = resolveSiblings(segment, getSiblings(segment, index));
+    if (siblings.length === 0) {
+        return null;
+    }
+    return (jsxs(Menu, { children: [jsx(Menu.Trigger, { render: jsx(IconButton, { "aria-label": `Browse ${segment.label} siblings`, size: size, radius: "sm", className: pathBarSiblingTriggerStyle, children: jsx(ChevronDownIcon, { size: size, decorative: true }) }) }), jsx(Menu.Content, { children: siblings.map((sibling, siblingIndex) => (jsx(Menu.Item, { icon: sibling.icon, onSelect: () => {
+                        onSelect(index, sibling);
+                    }, children: sibling.label }, `${sibling.value}-${siblingIndex}`))) })] }));
+};
+PathBarSiblingMenu.displayName = 'PathBarSiblingMenu';
+
+export { PathBarSiblingMenu };
+//# sourceMappingURL=PathBarSiblingMenu.js.map

package/dist/esm/components/navigation/PathBar/PathBarSiblingMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PathBarSiblingMenu.js","sources":["../../../../../../src/components/navigation/PathBar/PathBarSiblingMenu.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA;;;;;;AAMG;AACI;AAOL;AACA;AACE;;AAGF;AAoBY;AACF;AAQZ;AAEA;;"}

package/dist/esm/components/navigation/PathBar/pathUtils.js

@@ -0,0 +1,118 @@
+/**
+ * Pure helpers for turning file-path-like input into breadcrumb segments.
+ *
+ * No React, no DOM — safe to unit test in isolation and import without a
+ * `'use client'` boundary.
+ */
+const DEFAULT_DELIMITER = '/';
+/** Split a raw string path into its non-empty label parts. */
+function splitLabels(path, delimiter) {
+    // An empty delimiter cannot split — treat the whole string as one label.
+    if (delimiter === '') {
+        return path.length > 0 ? [path] : [];
+    }
+    return path.split(delimiter).filter(part => part.length > 0);
+}
+/** True when a string path begins with the delimiter (an absolute path). */
+function isAbsolute(path, delimiter) {
+    return delimiter !== '' && path.startsWith(delimiter);
+}
+/**
+ * Build the cumulative navigation value for the segment at `index`: the path
+ * from the root up to and including that segment.
+ *
+ * @param labels   Ordered segment labels.
+ * @param index    Index of the segment whose value is wanted.
+ * @param delimiter Joiner placed between labels.
+ * @param absolute When true, the result keeps a leading delimiter.
+ */
+function joinPath(labels, index, delimiter = DEFAULT_DELIMITER, absolute = false) {
+    const prefix = absolute ? delimiter : '';
+    return prefix + labels.slice(0, index + 1).join(delimiter);
+}
+/**
+ * The path prefix of a resolved segment — its `value` with the trailing label
+ * removed. Useful for building a sibling's value: it shares this prefix and
+ * only swaps the final label. Works for absolute paths (the leading delimiter
+ * stays in the prefix) and relative ones alike.
+ *
+ * @example
+ * segmentPrefix({ label: 'src', value: '/src' })       // '/'
+ * segmentPrefix({ label: 'b', value: 'a/b' })           // 'a/'
+ * segmentPrefix({ label: 'src', value: 'src' })         // ''
+ *
+ * @remarks
+ * Assumes `value` ends with `label` — always true for parsed paths and for
+ * cumulative array values. If a consumer supplies a structured segment whose
+ * `value` is unrelated to its `label`, the derived prefix is meaningless; in
+ * that case provide explicit `value`s on that segment's siblings too so they
+ * don't fall back to this prefix.
+ */
+function segmentPrefix(segment) {
+    return segment.value.slice(0, segment.value.length - segment.label.length);
+}
+/**
+ * Parse a raw string path into resolved segments. Each segment carries the
+ * cumulative `value` (the path up to and including it).
+ *
+ * Normalization rules:
+ * - A leading delimiter marks the path absolute; resolved values keep it.
+ * - Trailing delimiters and doubled delimiters collapse (empty parts dropped).
+ * - An empty string (or a string of only delimiters) yields `[]`.
+ *
+ * Windows-style `\` separators are out of scope for v1 — pass
+ * `delimiter="\\"` explicitly if a consumer needs them.
+ */
+function parsePath(path, delimiter = DEFAULT_DELIMITER) {
+    const labels = splitLabels(path, delimiter);
+    const absolute = isAbsolute(path, delimiter);
+    return labels.map((label, index) => ({
+        label,
+        value: joinPath(labels, index, delimiter, absolute),
+    }));
+}
+/**
+ * Normalize the public path input (a delimited string, or an array of strings
+ * / `PathSegment` objects) into resolved segments with a guaranteed `value`.
+ *
+ * - String input is delegated to {@link parsePath}.
+ * - Array entries that already provide a `value` keep it; otherwise the
+ *   cumulative path is computed from the labels (relative — array input
+ *   carries no leading-delimiter information).
+ * - Per-segment `icon` is preserved.
+ */
+function normalizePath(input, delimiter = DEFAULT_DELIMITER) {
+    if (typeof input === 'string') {
+        return parsePath(input, delimiter);
+    }
+    const labels = input.map(entry => typeof entry === 'string' ? entry : entry.label);
+    return input.map((entry, index) => {
+        const segment = typeof entry === 'string' ? { label: entry } : entry;
+        return {
+            ...segment,
+            value: segment.value ?? joinPath(labels, index, delimiter),
+        };
+    });
+}
+/**
+ * Resolve a `getSiblings` result into segments with concrete navigation
+ * values. A sibling lives in the same parent as `anchor`, so it inherits that
+ * segment's prefix (see {@link segmentPrefix}) and only swaps the trailing
+ * label. Entries that already carry an explicit `value` keep it.
+ *
+ * @param anchor  The resolved segment the siblings sit beside.
+ * @param entries Raw sibling entries — plain labels or structured segments.
+ */
+function resolveSiblings(anchor, entries) {
+    const prefix = segmentPrefix(anchor);
+    return entries.map(entry => {
+        const segment = typeof entry === 'string' ? { label: entry } : entry;
+        return {
+            ...segment,
+            value: segment.value ?? prefix + segment.label,
+        };
+    });
+}
+
+export { DEFAULT_DELIMITER, joinPath, normalizePath, parsePath, resolveSiblings, segmentPrefix };
+//# sourceMappingURL=pathUtils.js.map

package/dist/esm/components/navigation/PathBar/pathUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pathUtils.js","sources":["../../../../../../src/components/navigation/PathBar/pathUtils.ts"],"sourcesContent":[null],"names":[],"mappings":"AAEA;;;;;AAKG;AAEI,MAAM,iBAAiB,GAAG;AAUjC;AACA,SAAS,WAAW,CAAC,IAAY,EAAE,SAAiB,EAAA;;AAElD,IAAA,IAAI,SAAS,KAAK,EAAE,EAAE;AACpB,QAAA,OAAO,IAAI,CAAC,MAAM,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE;IACtC;AACA,IAAA,OAAO,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;AAC9D;AAEA;AACA,SAAS,UAAU,CAAC,IAAY,EAAE,SAAiB,EAAA;IACjD,OAAO,SAAS,KAAK,EAAE,IAAI,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC;AACvD;AAEA;;;;;;;;AAQG;AACG,SAAU,QAAQ,CACtB,MAAyB,EACzB,KAAa,EACb,SAAA,GAAoB,iBAAiB,EACrC,QAAQ,GAAG,KAAK,EAAA;IAEhB,MAAM,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,EAAE;AACxC,IAAA,OAAO,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC;AAC5D;AAEA;;;;;;;;;;;;;;;;;AAiBG;AACG,SAAU,aAAa,CAAC,OAA4B,EAAA;IACxD,OAAO,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC;AAC5E;AAEA;;;;;;;;;;;AAWG;SACa,SAAS,CACvB,IAAY,EACZ,YAAoB,iBAAiB,EAAA;IAErC,MAAM,MAAM,GAAG,WAAW,CAAC,IAAI,EAAE,SAAS,CAAC;IAC3C,MAAM,QAAQ,GAAG,UAAU,CAAC,IAAI,EAAE,SAAS,CAAC;IAC5C,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,MAAM;QACnC,KAAK;QACL,KAAK,EAAE,QAAQ,CAAC,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,CAAC;AACpD,KAAA,CAAC,CAAC;AACL;AAEA;;;;;;;;;AASG;SACa,aAAa,CAC3B,KAAgB,EAChB,YAAoB,iBAAiB,EAAA;AAErC,IAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AAC7B,QAAA,OAAO,SAAS,CAAC,KAAK,EAAE,SAAS,CAAC;IACpC;IAEA,MAAM,MAAM,GAAG,KAAK,CAAC,GAAG,CAAC,KAAK,IAC5B,OAAO,KAAK,KAAK,QAAQ,GAAG,KAAK,GAAG,KAAK,CAAC,KAAK,CAChD;IAED,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,KAAI;AAChC,QAAA,MAAM,OAAO,GACX,OAAO,KAAK,KAAK,QAAQ,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,KAAK;QACtD,OAAO;AACL,YAAA,GAAG,OAAO;AACV,YAAA,KAAK,EAAE,OAAO,CAAC,KAAK,IAAI,QAAQ,CAAC,MAAM,EAAE,KAAK,EAAE,SAAS,CAAC;SAC3D;AACH,IAAA,CAAC,CAAC;AACJ;AAEA;;;;;;;;AAQG;AACG,SAAU,eAAe,CAC7B,MAA2B,EAC3B,OAA4C,EAAA;AAE5C,IAAA,MAAM,MAAM,GAAG,aAAa,CAAC,MAAM,CAAC;AACpC,IAAA,OAAO,OAAO,CAAC,GAAG,CAAC,KAAK,IAAG;AACzB,QAAA,MAAM,OAAO,GACX,OAAO,KAAK,KAAK,QAAQ,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,KAAK;QACtD,OAAO;AACL,YAAA,GAAG,OAAO;YACV,KAAK,EAAE,OAAO,CAAC,KAAK,IAAI,MAAM,GAAG,OAAO,CAAC,KAAK;SAC/C;AACH,IAAA,CAAC,CAAC;AACJ;;;;"}

package/dist/esm/components/navigation/SegmentedControl/SegmentedControl.js

@@ -148,14 +148,24 @@ const SegmentedControl = ({ value: valueProp, defaultValue, size = 'md', orienta
         if (!root)
             return;
         if (typeof ResizeObserver === 'undefined') {
-            const onResize = () => updateIndicator();
+            const onResize = () => {
+                updateIndicator();
+            };
             window.addEventListener('resize', onResize);
-            return () => window.removeEventListener('resize', onResize);
+            return () => {
+                window.removeEventListener('resize', onResize);
+            };
         }
-        const ro = new ResizeObserver(() => updateIndicator());
+        const ro = new ResizeObserver(() => {
+            updateIndicator();
+        });
         ro.observe(root);
-        itemsRef.current.forEach(node => ro.observe(node));
-        return () => ro.disconnect();
+        itemsRef.current.forEach(node => {
+            ro.observe(node);
+        });
+        return () => {
+            ro.disconnect();
+        };
     }, [updateIndicator]);
     // --- Keyboard navigation (roving) ---
     const handleKeyDown = useCallback((e) => {
@@ -227,7 +237,7 @@ const SegmentedControl = ({ value: valueProp, defaultValue, size = 'md', orienta
         registerItem,
     ]);
     const indicatorClass = segmentedIndicatorRecipe({ variant, orientation });
-    return (jsx(SegmentedControlContext.Provider, { value: contextValue, children: jsxs("div", { ref: setRootRef, role: "group", "aria-label": ariaLabel, "aria-disabled": disabled || undefined, "aria-orientation": orientation, className: cx(segmentedControlRecipe({ orientation, variant, fullWidth }), className), style: style, "data-testid": testId, onKeyDown: handleKeyDown, ...rest, children: [indicator && (jsx("span", { "aria-hidden": "true", className: indicatorClass, style: {
+    return (jsx(SegmentedControlContext.Provider, { value: contextValue, children: jsxs("div", { ref: setRootRef, role: "toolbar", "aria-label": ariaLabel, "aria-disabled": disabled || undefined, "aria-orientation": orientation, className: cx(segmentedControlRecipe({ orientation, variant, fullWidth }), className), style: style, "data-testid": testId, onKeyDown: handleKeyDown, ...rest, children: [indicator && (jsx("span", { "aria-hidden": "true", className: indicatorClass, style: {
                         transform: `translate(${indicator.x}px, ${indicator.y}px)`,
                         width: `${indicator.width}px`,
                         height: `${indicator.height}px`,