entangle-ui 0.8.2 → 0.9.0

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

@@ -0,0 +1,107 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { useCallback } from 'react';
+import { ChevronLeftIcon } from '../../Icons/ChevronLeftIcon.js';
+import { ChevronRightIcon } from '../../Icons/ChevronRightIcon.js';
+import { FirstIcon } from '../../Icons/FirstIcon.js';
+import { LastIcon } from '../../Icons/LastIcon.js';
+import { useControlledState } from '../../../hooks/useControlledState/useControlledState.js';
+import { cx } from '../../../utils/cx.js';
+import { paginationItemStyle, paginationEllipsisRecipe, paginationButtonRecipe, paginationListRecipe, paginationRootStyle, paginationIconStyle } from './Pagination.css.js';
+import { usePaginationItems } from './usePagination.js';
+
+const defaultGetItemAriaLabel = (type, page, selected) => {
+    switch (type) {
+        case 'first':
+            return 'Go to first page';
+        case 'last':
+            return 'Go to last page';
+        case 'previous':
+            return 'Go to previous page';
+        case 'next':
+            return 'Go to next page';
+        case 'ellipsis':
+            return 'More pages';
+        case 'page':
+        default:
+            return selected ? `page ${String(page)}` : `Go to page ${String(page)}`;
+    }
+};
+function renderItemContent(type, page) {
+    switch (type) {
+        case 'first':
+            return jsx(FirstIcon, { className: paginationIconStyle });
+        case 'last':
+            return jsx(LastIcon, { className: paginationIconStyle });
+        case 'previous':
+            return jsx(ChevronLeftIcon, { className: paginationIconStyle });
+        case 'next':
+            return jsx(ChevronRightIcon, { className: paginationIconStyle });
+        case 'ellipsis':
+            return '…';
+        case 'page':
+        default:
+            return page;
+    }
+}
+/**
+ * Page navigator with sibling/boundary ellipsis logic. Controlled when `page`
+ * is set, otherwise uncontrolled with `defaultPage`. Pages are 1-based.
+ *
+ * @example
+ * ```tsx
+ * <Pagination count={20} defaultPage={1} onChange={(_, p) => setPage(p)} />
+ *
+ * // Compact: only prev/next + numbers
+ * <Pagination count={20} siblingCount={0} boundaryCount={1} />
+ *
+ * // Full controls
+ * <Pagination count={50} showFirstButton showLastButton />
+ * ```
+ */
+const Pagination = ({ count, page: pageProp, defaultPage = 1, onChange, siblingCount = 1, boundaryCount = 1, showFirstButton = false, showLastButton = false, hidePrevButton = false, hideNextButton = false, size = 'md', disabled = false, className, style, testId, getItemAriaLabel = defaultGetItemAriaLabel, ref, ...rest }) => {
+    const safeCount = Math.max(0, Math.floor(count));
+    const clampedDefault = Math.min(Math.max(1, defaultPage), Math.max(1, safeCount));
+    const [page, setPage] = useControlledState({
+        value: pageProp,
+        defaultValue: clampedDefault,
+        onChange: undefined,
+        fallback: 1,
+    });
+    const items = usePaginationItems({
+        count: safeCount,
+        page,
+        siblingCount: Math.max(0, siblingCount),
+        boundaryCount: Math.max(1, boundaryCount),
+        showFirstButton,
+        showLastButton,
+        hidePrevButton,
+        hideNextButton,
+        disabled,
+    });
+    const handleClick = useCallback((event, item) => {
+        if (item.disabled || item.page === null || item.type === 'ellipsis')
+            return;
+        const next = item.page;
+        if (next === page)
+            return;
+        setPage(next);
+        onChange?.(event, next);
+    }, [onChange, page, setPage]);
+    return (jsx("nav", { ref: ref, "aria-label": "pagination", className: cx(paginationRootStyle, className), style: style, "data-testid": testId, ...rest, children: jsx("ul", { className: paginationListRecipe({ size }), children: items.map((item, index) => {
+                const key = `${item.type}-${item.page ?? 'na'}-${String(index)}`;
+                if (item.type === 'ellipsis') {
+                    return (jsx("li", { className: paginationItemStyle, children: jsx("span", { className: paginationEllipsisRecipe({ size }), "aria-hidden": "true", children: "\u2026" }) }, key));
+                }
+                return (jsx("li", { className: paginationItemStyle, children: jsx("button", { type: "button", className: paginationButtonRecipe({
+                            size,
+                            selected: item.selected || undefined,
+                        }), disabled: item.disabled, "aria-current": item.selected ? 'page' : undefined, "aria-label": getItemAriaLabel(item.type, item.page, item.selected), onClick: event => {
+                            handleClick(event, item);
+                        }, "data-page": item.page ?? undefined, "data-type": item.type, children: renderItemContent(item.type, item.page) }) }, key));
+            }) }) }));
+};
+Pagination.displayName = 'Pagination';
+
+export { Pagination };
+//# sourceMappingURL=Pagination.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.js","sources":["../../../../../../src/components/navigation/Pagination/Pagination.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;AA0BA;;AAMI;AACE;AACF;AACE;AACF;AACE;AACF;AACE;AACF;AACE;AACF;AACA;AACE;;AAEN;AAEA;;AAKI;AACE;AACF;AACE;AACF;AACE;AACF;AACE;AACF;AACE;AACF;AACA;AACE;;AAEN;AAEA;;;;;;;;;;;;;;AAcG;AACI;AAoBL;;AAMA;AACE;AACA;AACA;AACA;AACD;;AAGC;;;;;;;;;AASD;;AAIG;;AAEA;;;;AAGA;;;AAgBI;AACA;;;AAYA;;AAMQ;AACD;AASC;;AASV;AAIR;AAEA;;"}

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":";;;AAiBA;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/primitives/Avatar/Avatar.js

@@ -4,6 +4,92 @@ import React, { useState, useCallback } from 'react';
 import { assignInlineVars } from '@vanilla-extract/dynamic';
 import { vars } from '../../../theme/contract.css.js';
 import { cx } from '../../../utils/cx.js';
+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/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 { UserIcon } from '../../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 { avatarFallbackStyle, avatarImageInheritRadius, avatarImageStyle, avatarStatusRecipe, avatarRecipe, avatarBgVar, avatarStatusVar } from './Avatar.css.js';
 
 const NAMED_COLOR_MAP = {
@@ -73,7 +159,7 @@ function resolveBackgroundColor(color, name) {
         return named;
     return color;
 }
-const DefaultUserIcon = () => (jsx("svg", { viewBox: "0 0 24 24", width: "60%", height: "60%", fill: "currentColor", "aria-hidden": "true", focusable: "false", children: jsx("path", { d: "M12 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm0 2c-3.314 0-8 1.657-8 4.5V20h16v-1.5c0-2.843-4.686-4.5-8-4.5Z" }) }));
+const DefaultUserIcon = () => (jsx(UserIcon, { size: "60%", color: "currentColor", decorative: true }));
 /**
  * Display a person, agent, or named entity.
  *

package/dist/esm/components/primitives/Avatar/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sources":["../../../../../../src/components/primitives/Avatar/Avatar.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;AAiBA;AACE;AACA;AACA;AACA;AACA;AACA;;AAGF;AACE;AACA;AACA;AACA;AACA;;AAGF;AACE;AACA;AACA;AACA;;AAGF;AACE;AACA;AACA;AACA;;AAGF;;AAEE;AACE;;AAEF;AACF;AAEA;;;;;AAKG;AACG;AACJ;AACA;AAAc;;;AAGd;;;AAGA;;;;AAIF;AAEA;AAIE;AACE;AACE;;;AAGF;;AAEF;AACA;AAAW;AACX;AACF;AAEA;AAaA;;;;;;;;;;;;;;;;;;AAkBG;AACI;;AAsBH;;;AAIA;;;AAIA;AAEI;;AACA;;;;AAIF;AAIF;;AAGI;AACE;;AAGN;;;AAIA;AAEA;;;;;;AAOA;;;;;;AAWO;AA8CT;AAGF;;"}
+{"version":3,"file":"Avatar.js","sources":["../../../../../../src/components/primitives/Avatar/Avatar.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA;AACE;AACA;AACA;AACA;AACA;AACA;;AAGF;AACE;AACA;AACA;AACA;AACA;;AAGF;AACE;AACA;AACA;AACA;;AAGF;AACE;AACA;AACA;AACA;;AAGF;;AAEE;AACE;;AAEF;AACF;AAEA;;;;;AAKG;AACG;AACJ;AACA;AAAc;;;AAGd;;;AAGA;;;;AAIF;AAEA;AAIE;AACE;AACE;;;AAGF;;AAEF;AACA;AAAW;AACX;AACF;AAEA;AAIA;;;;;;;;;;;;;;;;;;AAkBG;AACI;;AAsBH;;;AAIA;;;AAIA;AAEI;;AACA;;;;AAIF;AAIF;;AAGI;AACE;;AAGN;;;AAIA;AAEA;;;;;;AAOA;;;;;;AAWO;AA8CT;AAGF;;"}

package/dist/esm/components/primitives/Badge/Badge.js

@@ -4,6 +4,92 @@ import React, { useCallback } from 'react';
 import { assignInlineVars } from '@vanilla-extract/dynamic';
 import { vars } from '../../../theme/contract.css.js';
 import { cx } from '../../../utils/cx.js';
+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 { CloseIcon } from '../../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/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 { badgeContrastVar, badgeColorVar, badgeDotStyle, badgeIconStyle, badgeRemoveButtonStyle, badgeRecipe } from './Badge.css.js';
 
 const NAMED_COLOR_MAP = {
@@ -29,7 +115,7 @@ function resolveBadgeColor(color) {
     }
     return { color, contrast: '#ffffff' };
 }
-const RemoveIcon = () => (jsx("svg", { width: "10", height: "10", viewBox: "0 0 10 10", "aria-hidden": "true", focusable: "false", children: jsx("path", { d: "M2 2 L8 8 M8 2 L2 8", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) }));
+const RemoveIcon = () => (jsx(CloseIcon, { size: 10, color: "currentColor", decorative: true }));
 /**
  * A small inline status indicator / tag.
  *

package/dist/esm/components/primitives/Badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sources":["../../../../../../src/components/primitives/Badge/Badge.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;AAgBA;AACE;AACA;AACA;AACA;AACA;AACA;;AAGF;;;;;AAKG;AACH;AAIE;;;;AAKE;;AAEF;AACF;AAEA;AAiBA;;;;;;;;;;;;;;AAcG;;AAiBC;AAEA;;AAGI;AACF;;AAKA;AACA;AACD;;;;;AAUM;AA0BT;AAGF;;"}
+{"version":3,"file":"Badge.js","sources":["../../../../../../src/components/primitives/Badge/Badge.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA;AACE;AACA;AACA;AACA;AACA;AACA;;AAGF;;;;;AAKG;AACH;AAIE;;;;AAKE;;AAEF;AACF;AAEA;AAIA;;;;;;;;;;;;;;AAcG;;AAiBC;AAEA;;AAGI;AACF;;AAKA;AACA;AACD;;;;;AAUM;AA0BT;AAGF;;"}

package/dist/esm/components/primitives/Checkbox/Checkbox.js

@@ -2,6 +2,8 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useContext, useId, useState, useCallback } from 'react';
 import { assignInlineVars } from '@vanilla-extract/dynamic';
+import { CheckIcon } from '../../Icons/CheckIcon.js';
+import { MinusIcon } from '../../Icons/MinusIcon.js';
 import { FormHelperText } from '../../form/FormHelperText.js';
 import { CheckboxGroupContext } from './CheckboxGroup.js';
 import { cx } from '../../../utils/cx.js';
@@ -97,13 +99,14 @@ const Checkbox = ({ checked: checkedProp, defaultChecked = false, indeterminate
             variant,
             disabled: disabled || undefined,
             error: error || undefined,
-        }), style: boxInlineVars, "data-testid": testId, ...rest, children: [indeterminate ? (jsx("svg", { width: iconSize, height: iconSize, viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: jsx("line", { x1: "2", y1: "6", x2: "10", y2: "6", stroke: "white", strokeWidth: "2", strokeLinecap: "round" }) })) : (jsx("svg", { width: iconSize, height: iconSize, viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", style: {
+        }), style: boxInlineVars, "data-testid": testId, ...rest, children: [indeterminate ? (jsx(MinusIcon, { size: iconSize, color: "white", decorative: true })) : (jsx("span", { style: {
+                    display: 'inline-flex',
                     opacity: resolvedChecked ? 1 : 0,
                     transform: resolvedChecked ? 'scale(1)' : 'scale(0)',
                     transition: prefersReducedMotion
                         ? 'none'
                         : 'opacity 150ms ease-out, transform 150ms ease-out',
-                }, children: jsx("path", { d: "M2 6L5 9L10 3", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })), name && (jsx("input", { type: "hidden", name: name, value: resolvedChecked ? (value ?? 'on') : '' }))] }));
+                }, "aria-hidden": "true", children: jsx(CheckIcon, { size: iconSize, color: "white", decorative: true }) })), name && (jsx("input", { type: "hidden", name: name, value: resolvedChecked ? (value ?? 'on') : '' }))] }));
     if (!label && !showHelperText) {
         return checkboxBox;
     }

package/dist/esm/components/primitives/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../../../../src/components/primitives/Checkbox/Checkbox.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;AAeA;AAEA;AACE;AACA;AACA;;AAGF;AACE;AACA;AACA;;AAGF;;;;;;;;;;;;;AAaG;AACI;AAuBL;AACA;AACA;AACA;;;;;;;;AAWA;AAEA;;;;;;;;;;AASA;AACE;;AAEA;AAEA;AACE;;AAGF;;;AAIA;AACF;;;;;;;;AAQC;AAED;AACA;;AAGE;AACA;AACE;;AAGJ;;;AAIC;;;;AAKD;AAEE;AACA;;;;;;AAmBG;;;AAiCK;AACE;AACA;;AAsBZ;AACE;;AAGF;;;;AAOO;AAYT;AAEA;;"}
+{"version":3,"file":"Checkbox.js","sources":["../../../../../../src/components/primitives/Checkbox/Checkbox.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;AAiBA;AAEA;AACE;AACA;AACA;;AAGF;AACE;AACA;AACA;;AAGF;;;;;;;;;;;;;AAaG;AACI;AAuBL;AACA;AACA;AACA;;;;;;;;AAWA;AAEA;;;;;;;;;;AASA;AACE;;AAEA;AAEA;AACE;;AAGF;;;AAIA;AACF;;;;;;;;AAQC;AAED;AACA;;AAGE;AACA;AACE;;AAGJ;;;AAIC;;;;AAKD;AAEE;AACA;;;;;;AAmBG;AAUK;;;AAGA;AACE;AACA;;AAiBZ;AACE;;AAGF;;;;AAOO;AAYT;AAEA;;"}

package/dist/esm/components/primitives/Collapsible/Collapsible.js

@@ -2,6 +2,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useId, useState, useCallback } from 'react';
 import { assignInlineVars } from '@vanilla-extract/dynamic';
+import { ChevronRightIcon } from '../../Icons/ChevronRightIcon.js';
 import { cx } from '../../../utils/cx.js';
 import { triggerFontSizeVar, triggerPaddingVar, triggerHeightVar, contentPaddingHVar, contentPaddingVVar, chevronSizeVar, chevronRecipe, triggerRecipe, contentInnerStyle, contentBodyStyle, contentWrapperRecipe, collapsibleRootStyle } from './Collapsible.css.js';
 import { vars } from '../../../theme/contract.css.js';
@@ -31,8 +32,6 @@ const CONTENT_SIZE_MAP = {
     md: { paddingV: vars.spacing.md, paddingH: vars.spacing.lg },
     lg: { paddingV: vars.spacing.lg, paddingH: vars.spacing.xl },
 };
-// --- Chevron icon ---
-const ChevronRightIcon = ({ size }) => (jsx("svg", { width: size, height: size, viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: jsx("path", { d: "M4.5 3L7.5 6L4.5 9", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }));
 // --- Component ---
 const Collapsible = ({ trigger, open: openProp, defaultOpen = false, size = 'sm', indicator, disabled = false, keepMounted = false, onChange, children, className, style, testId, ref, ...rest }) => {
     const autoId = useId();
@@ -68,7 +67,7 @@ const Collapsible = ({ trigger, open: openProp, defaultOpen = false, size = 'sm'
                             open: resolvedOpen || undefined,
                         }), style: assignInlineVars({
                             [chevronSizeVar]: `${sizeConfig.chevronSize}px`,
-                        }), children: indicator ?? jsx(ChevronRightIcon, { size: sizeConfig.chevronSize }) })), jsx("span", { children: trigger })] }), (resolvedOpen || keepMounted) && (jsx("div", { className: contentWrapperRecipe({
+                        }), children: indicator ?? (jsx(ChevronRightIcon, { size: sizeConfig.chevronSize, decorative: true })) })), jsx("span", { children: trigger })] }), (resolvedOpen || keepMounted) && (jsx("div", { className: contentWrapperRecipe({
                     open: resolvedOpen || undefined,
                 }), role: "region", id: contentId, "aria-labelledby": triggerId, hidden: !resolvedOpen || undefined, children: jsx("div", { className: contentInnerStyle, children: jsx("div", { className: contentBodyStyle, style: contentInlineVars, children: children }) }) }))] }));
 };

package/dist/esm/components/primitives/Collapsible/Collapsible.js.map

@@ -1 +1 @@
-{"version":3,"file":"Collapsible.js","sources":["../../../../../../src/components/primitives/Collapsible/Collapsible.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;AA+BA;AACE;AACE;AACA;AACA;AACA;AACD;AACD;AACE;AACA;AACA;AACA;AACD;AACD;AACE;AACA;AACA;AACA;AACD;;AAQH;AACE;AACA;AACA;;AAGF;AAEA;AAkBA;;AAkBE;AACA;AACA;;AAGA;;AAGA;AACE;;AAEA;;;;AAMA;;AAGF;AACA;AACA;;AAGE;AACA;AACA;AACD;;AAGC;AACA;AACD;;;AAoBM;;AAOI;AAEC;AACD;;AAYF;AAeX;AAEA;;"}
+{"version":3,"file":"Collapsible.js","sources":["../../../../../../src/components/primitives/Collapsible/Collapsible.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;AAgCA;AACE;AACE;AACA;AACA;AACA;AACD;AACD;AACE;AACA;AACA;AACA;AACD;AACD;AACE;AACA;AACA;AACA;AACD;;AAQH;AACE;AACA;AACA;;AAGF;;AAkBE;AACA;AACA;;AAGA;;AAGA;AACE;;AAEA;;;;AAMA;;AAGF;AACA;AACA;;AAGE;AACA;AACA;AACD;;AAGC;AACA;AACD;;;AAoBM;;AAOI;AAEC;AACD;;AAcF;AAeX;AAEA;;"}

package/dist/esm/components/primitives/HoverCard/HoverCard.css.js

@@ -0,0 +1,7 @@
+import './../../../assets/src/components/primitives/HoverCard/HoverCard.css.ts.vanilla-BYT0qbLp.css';
+import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
+
+var hoverCardContentRecipe = createRuntimeFn({defaultClassName:'HoverCard_hoverCardContentRecipe__1aj59sj0',variantClassNames:{padding:{none:'HoverCard_hoverCardContentRecipe_padding_none__1aj59sj1',sm:'HoverCard_hoverCardContentRecipe_padding_sm__1aj59sj2',md:'HoverCard_hoverCardContentRecipe_padding_md__1aj59sj3',lg:'HoverCard_hoverCardContentRecipe_padding_lg__1aj59sj4'},visible:{true:'HoverCard_hoverCardContentRecipe_visible_true__1aj59sj5',false:'HoverCard_hoverCardContentRecipe_visible_false__1aj59sj6'}},defaultVariants:{padding:'md',visible:false},compoundVariants:[]});
+
+export { hoverCardContentRecipe };
+//# sourceMappingURL=HoverCard.css.js.map

package/dist/esm/components/primitives/HoverCard/HoverCard.css.js.map

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