entangle-ui 0.3.0 → 0.4.0

package/dist/esm/components/layout/Stack/Stack.js

@@ -1,74 +1,20 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
-import styled from '@emotion/styled';
-import { processCss } from '../../../utils/styledUtils.js';
+import { cx } from '../../../utils/cx.js';
+import { assignInlineVars } from '../../../node_modules/@vanilla-extract/dynamic/dist/vanilla-extract-dynamic.esm.js';
+import { gapVar, stackRecipe } from './Stack.css.js';
 
+/** Base spacing unit in px */
+const SPACING_UNIT = 4;
 /**
- * Calculate gap value based on spacing multiplier and theme
+ * Calculate gap value based on spacing multiplier
  */
-const getGapValue = (spacing, theme, customGap) => {
+const getGapValue = (spacing, customGap) => {
     if (customGap !== undefined) {
         return typeof customGap === 'number' ? `${customGap}px` : customGap;
     }
-    return `${spacing * theme.spacing.sm}px`;
+    return `${spacing * SPACING_UNIT}px`;
 };
-const StyledStack = styled.div `
-  /* Base stack container */
-  display: flex;
-  box-sizing: border-box;
-
-  /* Flex properties */
-  flex-direction: ${props => props.$direction};
-  flex-wrap: ${props => props.$wrap};
-  justify-content: ${props => props.$justify};
-  align-items: ${props => props.$align};
-
-  /* Gap between items */
-  gap: ${props => getGapValue(props.$spacing, props.theme, props.$customGap)};
-
-  /* Expand behavior based on direction */
-  ${props => props.$expand && props.$direction === 'row' && 'width: 100%;'}
-  ${props => props.$expand && props.$direction === 'column' && 'height: 100%;'}
-  
-  /* Responsive direction changes */
-  ${props => props.$sm &&
-    `
-    @media (min-width: 576px) {
-      flex-direction: ${props.$sm};
-      ${props.$expand && props.$sm === 'row' ? 'width: 100%; height: auto;' : ''}
-      ${props.$expand && props.$sm === 'column' ? 'height: 100%; width: auto;' : ''}
-    }
-  `}
-  
-  ${props => props.$md &&
-    `
-    @media (min-width: 768px) {
-      flex-direction: ${props.$md};
-      ${props.$expand && props.$md === 'row' ? 'width: 100%; height: auto;' : ''}
-      ${props.$expand && props.$md === 'column' ? 'height: 100%; width: auto;' : ''}
-    }
-  `}
-  
-  ${props => props.$lg &&
-    `
-    @media (min-width: 992px) {
-      flex-direction: ${props.$lg};
-      ${props.$expand && props.$lg === 'row' ? 'width: 100%; height: auto;' : ''}
-      ${props.$expand && props.$lg === 'column' ? 'height: 100%; width: auto;' : ''}
-    }
-  `}
-  
-  ${props => props.$xl &&
-    `
-    @media (min-width: 1200px) {
-      flex-direction: ${props.$xl};
-      ${props.$expand && props.$xl === 'row' ? 'width: 100%; height: auto;' : ''}
-      ${props.$expand && props.$xl === 'column' ? 'height: 100%; width: auto;' : ''}
-    }
-  `}
-
-  /* Custom CSS */
-  ${props => processCss(props.$css, props.theme)}
-`;
 /**
  * A flexible stacking component for arranging elements vertically or horizontally.
  *
@@ -129,8 +75,33 @@ const StyledStack = styled.div `
  * </Stack>
  * ```
  */
-const Stack = ({ children, direction = 'column', sm, md, lg, xl, wrap = 'nowrap', expand = false, spacing = 0, customGap, justify = 'flex-start', align = 'flex-start', className, testId, css, style, ref, ...htmlProps }) => {
-    return (jsx(StyledStack, { ref: ref, className: className, "$direction": direction, "$sm": sm, "$md": md, "$lg": lg, "$xl": xl, "$wrap": wrap, "$expand": expand, "$spacing": spacing, "$customGap": customGap, "$justify": justify, "$align": align, "$css": css, "data-testid": testId, style: style, ...htmlProps, children: children }));
+const Stack = ({ children, direction = 'column', sm, md, lg, xl, wrap = 'nowrap', expand = false, spacing = 0, customGap, justify = 'flex-start', align = 'flex-start', className, testId, style, ref, ...htmlProps }) => {
+    const mergedStyle = {
+        ...assignInlineVars({
+            [gapVar]: getGapValue(spacing, customGap),
+        }),
+        ...style,
+    };
+    // Build data attributes for responsive direction overrides
+    const dataAttrs = {};
+    if (sm)
+        dataAttrs['data-sm-dir'] = sm;
+    if (md)
+        dataAttrs['data-md-dir'] = md;
+    if (lg)
+        dataAttrs['data-lg-dir'] = lg;
+    if (xl)
+        dataAttrs['data-xl-dir'] = xl;
+    if (expand)
+        dataAttrs['data-expand'] = 'true';
+    return (jsx("div", { ref: ref, className: cx(stackRecipe({
+            direction,
+            wrap,
+            justify,
+            align,
+            expandRow: expand && direction === 'row' ? true : undefined,
+            expandColumn: expand && direction === 'column' ? true : undefined,
+        }), className), "data-testid": testId, style: mergedStyle, ...dataAttrs, ...htmlProps, children: children }));
 };
 Stack.displayName = 'Stack';
 

package/dist/esm/components/layout/Stack/Stack.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stack.js","sources":["../../../../../../src/components/layout/Stack/Stack.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"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"}
+{"version":3,"file":"Stack.js","sources":["../../../../../../src/components/layout/Stack/Stack.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAyIA;AACA;AAEA;;AAEG;AACH;AAIE;AACE;;AAEF;AACF;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2DG;AACI;AAmBL;AACE;;;AAGA;;;;AAKF;AAAQ;AACR;AAAQ;AACR;AAAQ;AACR;AAAQ;AACR;AAAY;;;;;;AAWJ;AACA;AACD;AAWT;AAEA;;"}

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

@@ -1,14 +1,16 @@
+"use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import React, { useMemo } from 'react';
-import { ContextMenu as ContextMenu$1 } from '@base-ui-components/react/context-menu';
+import { ContextMenu as ContextMenu$1 } from '@base-ui/react/context-menu';
 import '../../primitives/Icon/Icon.js';
 import { CheckIcon } from '../../Icons/CheckIcon.js';
 import { CircleIcon } from '../../Icons/CircleIcon.js';
 import { Text } from '../../primitives/Text/Text.js';
+import { cx } from '../../../utils/cx.js';
 import { Menu } from '../Menu/Menu.js';
 import { useMenu, createItemClickHandler } from '../Menu/useMenu.js';
 import { renderItemWithSubmenu } from '../Menu/Menu.helpers.js';
-import { StyledSeparator, StyledMenuContent } from '../Menu/Menu.styled.js';
+import { separatorStyle, menuContentStyle } from '../Menu/Menu.css.js';
 import { useContextMenuTarget } from './useContextMenuTarget.js';
 
 function ContextMenu({ config, selectedItems = {}, onChange, children, payload, checkboxIcon = jsx(CheckIcon, { size: "sm" }), radioIcon = jsx(CircleIcon, { size: "sm" }), disabled = false, className, style, testId, ref, ...rest }) {
@@ -26,7 +28,7 @@ function ContextMenu({ config, selectedItems = {}, onChange, children, payload,
             });
             const showSeparator = groupIndex < resolvedConfig.groups.length - 1 &&
                 resolvedConfig.groups.length > 1;
-            return (jsxs(React.Fragment, { children: [jsxs(ContextMenu$1.Group, { children: [group.label && (jsx(ContextMenu$1.GroupLabel, { children: jsx(Text, { variant: "caption", color: "muted", weight: "semibold", children: group.label }) })), group.itemSelectionType === 'radio' ? (jsx(ContextMenu$1.RadioGroup, { value: selectedItems[group.id]?.[0] ?? '', children: items })) : (items)] }), showSeparator && jsx(StyledSeparator, {})] }, group.id));
+            return (jsxs(React.Fragment, { children: [jsxs(ContextMenu$1.Group, { children: [group.label && (jsx(ContextMenu$1.GroupLabel, { children: jsx(Text, { variant: "caption", color: "muted", weight: "semibold", children: group.label }) })), group.itemSelectionType === 'radio' ? (jsx(ContextMenu$1.RadioGroup, { value: selectedItems[group.id]?.[0] ?? '', children: items })) : (items)] }), showSeparator && (jsx(ContextMenu$1.Separator, { className: separatorStyle }))] }, group.id));
         });
     }, [
         resolvedConfig,
@@ -38,7 +40,7 @@ function ContextMenu({ config, selectedItems = {}, onChange, children, payload,
         selectedItems,
         onChange,
     ]);
-    return (jsxs(ContextMenu$1.Root, { disabled: disabled, children: [jsx(ContextMenu$1.Trigger, { onContextMenuCapture: onContextMenuCapture, style: { display: 'contents' }, children: children }), jsx(ContextMenu$1.Portal, { children: jsx(ContextMenu$1.Positioner, { children: jsx(StyledMenuContent, { ref: ref, className: className, style: style, "data-testid": testId, ...rest, children: menuItems }) }) })] }));
+    return (jsxs(ContextMenu$1.Root, { disabled: disabled, children: [jsx(ContextMenu$1.Trigger, { onContextMenuCapture: onContextMenuCapture, style: { display: 'contents' }, children: children }), jsx(ContextMenu$1.Portal, { children: jsx(ContextMenu$1.Positioner, { children: jsx(ContextMenu$1.Popup, { ref: ref, className: cx(menuContentStyle, className), style: style, "data-testid": testId, ...rest, children: menuItems }) }) })] }));
 }
 
 export { ContextMenu };

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

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.js","sources":["../../../../../../src/components/navigation/ContextMenu/ContextMenu.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs","BaseContextMenu"],"mappings":"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"}
+{"version":3,"file":"ContextMenu.js","sources":["../../../../../../src/components/navigation/ContextMenu/ContextMenu.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;AAcM;AAeJ;;AAMA;AACE;AACF;AAEA;;;AAGM;AACA;;AAkBF;;AAIE;;AA2BJ;AACF;;;;;;;;;AASC;AAED;AAuBF;;"}

package/dist/esm/components/navigation/ContextMenu/useContextMenuTarget.js

@@ -1,3 +1,4 @@
+"use client";
 import { useState, useCallback, useEffect } from 'react';
 
 function useContextMenuTarget(payload) {

package/dist/esm/components/navigation/ContextMenu/useContextMenuTarget.js.map

@@ -1 +1 @@
-{"version":3,"file":"useContextMenuTarget.js","sources":["../../../../../../src/components/navigation/ContextMenu/useContextMenuTarget.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAOM,SAAU,oBAAoB,CAClC,OAAkB,EAAA;AAElB,IAAA,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAqC;AACzE,QAAA,KAAK,EAAE,IAAI;AACX,QAAA,MAAM,EAAE,IAAI;QACZ,OAAO;AACR,KAAA,CAAC;IACF,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAqB,IAAI,CAAC;IAEtE,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,KAAiB,EAAE,MAA0B,KAAI;AAChD,QAAA,UAAU,CAAC;YACT,KAAK;YACL,MAAM;YACN,OAAO;AACR,SAAA,CAAC;AACJ,KAAC,EACD,CAAC,OAAO,CAAC,CACV;AAED,IAAA,MAAM,oBAAoB,GAAG,WAAW,CACtC,CAAC,KAAoC,KAAI;AACvC,QAAA,MAAM,MAAM,GACV,KAAK,CAAC,MAAM,YAAY;cACpB,KAAK,CAAC;AACR,cAAE,KAAK,CAAC,aAAa;AACzB,QAAA,aAAa,CAAC,KAAK,CAAC,WAAW,EAAE,MAAM,CAAC;AAC1C,KAAC,EACD,CAAC,aAAa,CAAC,CAChB;AAED,IAAA,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,IAAwB,KAAI;QACzD,aAAa,CAAC,IAAI,CAAC;KACpB,EAAE,EAAE,CAAC;IAEN,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,UAAU;YAAE;AAEjB,QAAA,MAAM,iBAAiB,GAAG,CAAC,KAAiB,KAAI;AAC9C,YAAA,MAAM,MAAM,GACV,KAAK,CAAC,MAAM,YAAY,WAAW,GAAG,KAAK,CAAC,MAAM,GAAG,UAAU;AACjE,YAAA,aAAa,CAAC,KAAK,EAAE,MAAM,CAAC;AAC9B,SAAC;QAED,UAAU,CAAC,gBAAgB,CAAC,aAAa,EAAE,iBAAiB,EAAE,IAAI,CAAC;AACnE,QAAA,OAAO,MAAK;YACV,UAAU,CAAC,mBAAmB,CAAC,aAAa,EAAE,iBAAiB,EAAE,IAAI,CAAC;AACxE,SAAC;AACH,KAAC,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,CAAC;IAE/B,SAAS,CAAC,MAAK;AACb,QAAA,UAAU,CAAC,IAAI,KAAK;AAClB,YAAA,GAAG,IAAI;YACP,OAAO;AACR,SAAA,CAAC,CAAC;AACL,KAAC,EAAE,CAAC,OAAO,CAAC,CAAC;IAEb,OAAO;QACL,OAAO;QACP,oBAAoB;QACpB,SAAS;KACV;AACH;;;;"}
+{"version":3,"file":"useContextMenuTarget.js","sources":["../../../../../../src/components/navigation/ContextMenu/useContextMenuTarget.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AASM;AAGJ;AACE;AACA;;AAED;;;AAKG;;;;AAIC;AACH;AAIF;AAEI;;AAGI;AACJ;AACF;AAIF;;;;AAKE;;AAEA;AACE;AAEA;AACF;;AAGA;;AAEA;AACF;;AAGE;AACE;;AAED;AACH;;;;;;AAOF;;"}

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

@@ -0,0 +1,16 @@
+import './../../../assets/src/components/navigation/Menu/Menu.css.ts.vanilla-DD0c5D10.css';
+
+var checkboxItemStyle = 'Menu_interactiveItemBase__1pkkb711';
+var chevronIconStyle = 'Menu_chevronIconStyle__1pkkb717';
+var iconContainerStyle = 'Menu_iconContainerStyle__1pkkb714';
+var iconHiddenStyle = 'Menu_iconHiddenStyle__1pkkb716';
+var iconVisibleStyle = 'Menu_iconVisibleStyle__1pkkb715';
+var menuContentStyle = 'Menu_menuContentStyle__1pkkb710';
+var menuItemContentStyle = 'Menu_menuItemContentStyle__1pkkb713';
+var menuItemDisabledStyle = 'Menu_menuItemDisabledStyle__1pkkb712';
+var menuItemStyle = 'Menu_interactiveItemBase__1pkkb711';
+var radioItemStyle = 'Menu_interactiveItemBase__1pkkb711';
+var separatorStyle = 'Menu_separatorStyle__1pkkb718';
+
+export { checkboxItemStyle, chevronIconStyle, iconContainerStyle, iconHiddenStyle, iconVisibleStyle, menuContentStyle, menuItemContentStyle, menuItemDisabledStyle, menuItemStyle, radioItemStyle, separatorStyle };
+//# sourceMappingURL=Menu.css.js.map

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

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

package/dist/esm/components/navigation/Menu/Menu.helpers.js

@@ -1,27 +1,29 @@
+"use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { Menu } from '@base-ui-components/react/menu';
+import { Menu } from '@base-ui/react/menu';
 import '../../primitives/Icon/Icon.js';
 import { ChevronUpIcon } from '../../Icons/ChevronUpIcon.js';
 import { Text } from '../../primitives/Text/Text.js';
 import { Stack } from '../../layout/Stack/Stack.js';
-import { StyledMenuContent, StyledMenuItem, StyledIcon, StyledCheckboxItem, StyledRadioItem, StyledMenuItemContent, StyledIconContainer, StyledChevronIcon } from './Menu.styled.js';
+import { cx } from '../../../utils/cx.js';
+import { menuContentStyle, iconVisibleStyle, menuItemDisabledStyle, menuItemStyle, iconHiddenStyle, checkboxItemStyle, radioItemStyle, menuItemContentStyle, iconContainerStyle, chevronIconStyle } from './Menu.css.js';
 
 /**
  * Helper function to render menu item content with consistent structure.
  */
-const renderMenuItemContent = (item, iconSlot) => (jsxs(StyledMenuItemContent, { children: [iconSlot && jsx(StyledIconContainer, { children: iconSlot }), jsxs(Stack, { direction: "row", justify: "space-between", align: "center", expand: true, children: [jsx(Text, { variant: "caption", size: "md", color: "primary", children: item.label }), item.subMenu && (jsx(StyledChevronIcon, { children: jsx(ChevronUpIcon, { size: "sm" }) }))] })] }));
+const renderMenuItemContent = (item, iconSlot) => (jsxs("div", { className: menuItemContentStyle, children: [iconSlot && jsx("div", { className: iconContainerStyle, children: iconSlot }), jsxs(Stack, { direction: "row", justify: "space-between", align: "center", expand: true, children: [jsx(Text, { variant: "caption", size: "md", color: "primary", children: item.label }), item.subMenu && (jsx("div", { className: chevronIconStyle, children: jsx(ChevronUpIcon, { size: "sm" }) }))] })] }));
 /**
  * Helper function to render a radio menu item.
  */
-const renderRadioItem = (item, _group, isSelected, radioIcon, clickHandler) => (jsx(StyledRadioItem, { value: item.id, disabled: item.disabled, onClick: clickHandler, children: renderMenuItemContent(item, jsx(Menu.RadioItemIndicator, { children: jsx(StyledIcon, { "$visible": isSelected, children: radioIcon }) })) }, item.id));
+const renderRadioItem = (item, _group, isSelected, radioIcon, clickHandler) => (jsx(Menu.RadioItem, { value: item.id, disabled: item.disabled, onClick: clickHandler, className: cx(radioItemStyle, item.disabled && menuItemDisabledStyle), children: renderMenuItemContent(item, jsx(Menu.RadioItemIndicator, { children: jsx("div", { className: isSelected ? iconVisibleStyle : iconHiddenStyle, children: radioIcon }) })) }, item.id));
 /**
  * Helper function to render a checkbox menu item.
  */
-const renderCheckboxItem = (item, _group, isSelected, checkboxIcon, clickHandler) => (jsx(StyledCheckboxItem, { checked: isSelected, disabled: item.disabled, onClick: clickHandler, children: renderMenuItemContent(item, jsx(Menu.CheckboxItemIndicator, { children: jsx(StyledIcon, { "$visible": isSelected, children: checkboxIcon }) })) }, item.id));
+const renderCheckboxItem = (item, _group, isSelected, checkboxIcon, clickHandler) => (jsx(Menu.CheckboxItem, { checked: isSelected, disabled: item.disabled, onClick: clickHandler, className: cx(checkboxItemStyle, item.disabled && menuItemDisabledStyle), children: renderMenuItemContent(item, jsx(Menu.CheckboxItemIndicator, { children: jsx("div", { className: isSelected ? iconVisibleStyle : iconHiddenStyle, children: checkboxIcon }) })) }, item.id));
 /**
  * Helper function to render a regular menu item without selection state.
  */
-const renderRegularItem = (item, _group, clickHandler) => (jsx(StyledMenuItem, { disabled: item.disabled, onClick: clickHandler, children: renderMenuItemContent(item, item.icon ? (jsx(StyledIcon, { "$visible": true, children: item.icon })) : undefined) }, item.id));
+const renderRegularItem = (item, _group, clickHandler) => (jsx(Menu.Item, { disabled: item.disabled, onClick: clickHandler, className: cx(menuItemStyle, item.disabled && menuItemDisabledStyle), children: renderMenuItemContent(item, item.icon ? (jsx("div", { className: iconVisibleStyle, children: item.icon })) : undefined) }, item.id));
 /**
  * Helper function to render a menu item based on group selection type.
  */
@@ -43,7 +45,7 @@ const renderItemWithSubmenu = (item, group, isSelected, checkboxIcon, radioIcon,
     const menuItem = renderMenuItem(item, group, isSelected, checkboxIcon, radioIcon, clickHandler);
     // If item has submenu, wrap it in submenu structure
     if (item.subMenu) {
-        return (jsxs(Menu.Root, { openOnHover: item.submenuTrigger !== 'click', children: [jsx(Menu.SubmenuTrigger, { children: menuItem }), jsx(Menu.Portal, { children: jsx(Menu.Positioner, { children: jsx(StyledMenuContent, { children: jsx(MenuComponent, { isSubmenu: true, config: item.subMenu, selectedItems: selectedItems, onChange: onChange, checkboxIcon: checkboxIcon, radioIcon: radioIcon }) }) }) })] }, item.id));
+        return (jsxs(Menu.Root, { children: [jsx(Menu.SubmenuTrigger, { children: menuItem }), jsx(Menu.Portal, { children: jsx(Menu.Positioner, { children: jsx(Menu.Popup, { className: menuContentStyle, children: jsx(MenuComponent, { isSubmenu: true, config: item.subMenu, selectedItems: selectedItems, onChange: onChange, checkboxIcon: checkboxIcon, radioIcon: radioIcon }) }) }) })] }, item.id));
     }
     return menuItem;
 };

package/dist/esm/components/navigation/Menu/Menu.helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.helpers.js","sources":["../../../../../../src/components/navigation/Menu/Menu.helpers.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx","BaseMenu"],"mappings":"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"}
+{"version":3,"file":"Menu.helpers.js","sources":["../../../../../../src/components/navigation/Menu/Menu.helpers.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;AA6BA;;AAEG;AACI;AAmBP;;AAEG;AACI;AAyBP;;AAEG;AACI;AAyBP;;AAEG;AACI;AAoBP;;AAEG;AACI;AAQL;AACE;AACE;AACF;AACE;AAOF;AACA;;;AAGJ;AAEA;;AAEG;;AAYD;;AAUA;AACE;;AAqBF;AACF;;"}

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

@@ -1,14 +1,16 @@
+"use client";
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import React, { useMemo } from 'react';
-import { Menu as Menu$1 } from '@base-ui-components/react/menu';
+import { Menu as Menu$1 } from '@base-ui/react/menu';
 import '../../primitives/Icon/Icon.js';
 import { CheckIcon } from '../../Icons/CheckIcon.js';
 import { CircleIcon } from '../../Icons/CircleIcon.js';
 import { Button } from '../../primitives/Button/Button.js';
 import { Text } from '../../primitives/Text/Text.js';
+import { cx } from '../../../utils/cx.js';
 import { useMenu, createItemClickHandler } from './useMenu.js';
 import { renderItemWithSubmenu } from './Menu.helpers.js';
-import { StyledSeparator, StyledMenuContent } from './Menu.styled.js';
+import { separatorStyle, menuContentStyle } from './Menu.css.js';
 
 /**
  * A configuration-driven menu component for editor interfaces.
@@ -57,7 +59,7 @@ const Menu = ({ config, selectedItems = {}, onChange, children, checkboxIcon = j
             });
             const showSeparator = groupIndex < config.groups.length - 1 && config.groups.length > 1;
             // Wrap group items with BaseMenu.Group structure
-            return (jsxs(React.Fragment, { children: [jsxs(Menu$1.Group, { children: [group.label && (jsx(Menu$1.GroupLabel, { children: jsx(Text, { variant: "caption", color: "muted", weight: "semibold", children: group.label }) })), group.itemSelectionType === 'radio' ? (jsx(Menu$1.RadioGroup, { value: selectedItems[group.id]?.[0] ?? '', children: items })) : (items)] }), showSeparator && jsx(StyledSeparator, {})] }, group.id));
+            return (jsxs(React.Fragment, { children: [jsxs(Menu$1.Group, { children: [group.label && (jsx(Menu$1.GroupLabel, { children: jsx(Text, { variant: "caption", color: "muted", weight: "semibold", children: group.label }) })), group.itemSelectionType === 'radio' ? (jsx(Menu$1.RadioGroup, { value: selectedItems[group.id]?.[0] ?? '', children: items })) : (items)] }), showSeparator && jsx(Menu$1.Separator, { className: separatorStyle })] }, group.id));
         });
     }, [
         config,
@@ -73,7 +75,7 @@ const Menu = ({ config, selectedItems = {}, onChange, children, checkboxIcon = j
     if (isSubmenu) {
         return jsx(Fragment, { children: menuItems });
     }
-    return (jsxs(Menu$1.Root, { openOnHover: config.openOnHover, children: [jsx(Menu$1.Trigger, { render: props => jsx(Button, { ...props }), disabled: disabled, children: children }), jsx(Menu$1.Portal, { children: jsx(Menu$1.Positioner, { children: jsx(StyledMenuContent, { className: className, "data-testid": testId, ...rest, children: menuItems }) }) })] }));
+    return (jsxs(Menu$1.Root, { children: [jsx(Menu$1.Trigger, { render: props => jsx(Button, { ...props }), disabled: disabled, children: children }), jsx(Menu$1.Portal, { children: jsx(Menu$1.Positioner, { children: jsx(Menu$1.Popup, { className: cx(menuContentStyle, className), "data-testid": testId, ...rest, children: menuItems }) }) })] }));
 };
 
 export { Menu };

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

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","sources":["../../../../../../src/components/navigation/Menu/Menu.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs","BaseMenu","_Fragment"],"mappings":"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"}
+{"version":3,"file":"Menu.js","sources":["../../../../../../src/components/navigation/Menu/Menu.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;AAeA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCG;AACI;AAaL;AAKA;;;AAGM;AACA;;AAkBF;AAEA;;;AAyBF;AACF;;;;;;;;;AASC;;;;;AAOD;AAsBF;;"}

package/dist/esm/components/navigation/Menu/useMenu.js

@@ -1,3 +1,4 @@
+"use client";
 import React, { useCallback } from 'react';
 
 /**

package/dist/esm/components/navigation/Menu/useMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMenu.js","sources":["../../../../../../src/components/navigation/Menu/useMenu.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
+{"version":3,"file":"useMenu.js","sources":["../../../../../../src/components/navigation/Menu/useMenu.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAMA;;;AAGG;AACI;AAIL;;AAMI;;;AAGA;AAEA;AACE;;AAEE;;AAEF;;AAEE;AACE;AACA;;AAEJ;AACA;;;;AAKF;AACE;;AAED;AACH;;;AAOA;AAIF;;AAEI;AACA;AACE;;;AAEA;;AAEF;AACF;;AAGF;AACE;;AAGF;;AAEI;AACA;AACA;AACF;;AAGF;AAEI;AACF;;;;;;;;;AAYJ;AAEA;;AAEG;AACI;;;;;AAiBD;;;;AAKJ;;"}

package/dist/esm/components/navigation/Tabs/Tab.js

@@ -1,190 +1,39 @@
+"use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useCallback } from 'react';
-import styled from '@emotion/styled';
 import { useTabsContext } from './Tabs.js';
 import '../../primitives/Icon/Icon.js';
 import { CloseIcon } from '../../Icons/CloseIcon.js';
+import { cx } from '../../../utils/cx.js';
+import { vars } from '../../../theme/contract.css.js';
+import { tabIconStyle, tabCloseButtonStyle, tabRecipe, tabBaseStyle, tabEnclosedActiveVerticalStyle, tabEnclosedActiveHorizontalStyle, tabEnclosedInactiveStyle, tabEnclosedStyle, tabPillsActiveStyle, tabPillsInactiveStyle, tabPillsStyle, tabUnderlineActiveVerticalStyle, tabUnderlineActiveHorizontalStyle, tabUnderlineInactiveIndicatorStyle, tabUnderlineActiveStyle, tabUnderlineInactiveStyle, tabUnderlineStyle } from './Tabs.css.js';
 
 const TAB_SIZE_MAP = {
-    sm: {
-        height: 24,
-        paddingKey: 'sm',
-        fontKey: 'xs',
-        iconSize: 11,
-    },
-    md: {
-        height: 28,
-        paddingKey: 'md',
-        fontKey: 'sm',
-        iconSize: 13,
-    },
-    lg: {
-        height: 32,
-        paddingKey: 'lg',
-        fontKey: 'md',
-        iconSize: 15,
-    },
+    sm: { iconSize: 11 },
+    md: { iconSize: 13 },
+    lg: { iconSize: 15 },
 };
-const StyledTab = styled.button `
-  /* Reset */
-  margin: 0;
-  border: none;
-  font-family: inherit;
-  outline: none;
-  cursor: ${props => (props.$disabled ? 'not-allowed' : 'pointer')};
-  user-select: none;
-  white-space: nowrap;
-  background: transparent;
-  border-radius: ${props => props.theme.borderRadius.sm}px;
-
-  /* Layout */
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: ${props => props.theme.spacing.xs}px;
-  position: relative;
-  flex-shrink: 0;
-
-  /* Sizing */
-  height: ${props => TAB_SIZE_MAP[props.$size].height}px;
-  padding: 0
-    ${props => props.theme.spacing[TAB_SIZE_MAP[props.$size].paddingKey]}px;
-  font-size: ${props => props.theme.typography.fontSize[TAB_SIZE_MAP[props.$size].fontKey]}px;
-  font-weight: ${props => props.theme.typography.fontWeight.medium};
-  line-height: ${props => props.theme.typography.lineHeight.tight};
-  transition: all ${props => props.theme.transitions.fast};
-  min-width: 0;
-
-  /* Full width */
-  ${props => props.$fullWidth && 'flex: 1;'}
-
-  /* Disabled */
-  opacity: ${props => (props.$disabled ? 0.5 : 1)};
-
-  /* Variant styles */
-  ${props => {
-    const { colors } = props.theme;
-    switch (props.$variant) {
+// --- Helper to compute variant classes ---
+function getVariantClasses(variant, isActive, orientation) {
+    switch (variant) {
         case 'underline':
-            return `
-          color: ${props.$active ? colors.text.primary : colors.text.secondary};
-          background: ${props.$active ? colors.surface.active : 'transparent'};
-          ${props.$active
-                ? props.$orientation === 'vertical'
-                    ? 'margin-right: -1px;'
-                    : 'margin-bottom: -1px;'
-                : ''}
-
-          &::after {
-            content: '';
-            position: absolute;
-            border-radius: ${props.theme.borderRadius.sm}px;
-            background: ${colors.accent.primary};
-            opacity: ${props.$active ? 1 : 0};
-            transition: opacity ${props.theme.transitions.fast};
-            ${props.$orientation === 'vertical'
-                ? `
-                  top: 0;
-                  bottom: 0;
-                  right: -1px;
-                  width: 2px;
-                `
-                : `
-                  left: 0;
-                  right: 0;
-                  bottom: -1px;
-                  height: 2px;
-                `}
-          }
-
-          &:hover:not(:disabled) {
-            color: ${colors.text.primary};
-            background: ${colors.surface.hover};
-          }
-        `;
+            return cx(tabUnderlineStyle, isActive ? tabUnderlineActiveStyle : tabUnderlineInactiveStyle, isActive
+                ? orientation === 'vertical'
+                    ? tabUnderlineActiveVerticalStyle
+                    : tabUnderlineActiveHorizontalStyle
+                : tabUnderlineInactiveIndicatorStyle);
         case 'pills':
-            return `
-          color: ${props.$active ? colors.text.primary : colors.text.secondary};
-          background: ${props.$active ? colors.surface.active : colors.background.secondary};
-          border: 1px solid ${props.$active ? colors.border.default : 'transparent'};
-          border-radius: ${props.theme.borderRadius.md}px;
-
-          &:hover:not(:disabled) {
-            background: ${props.$active ? colors.surface.active : colors.surface.hover};
-          }
-        `;
+            return cx(tabPillsStyle, isActive ? tabPillsActiveStyle : tabPillsInactiveStyle);
         case 'enclosed':
-            return `
-          color: ${props.$active ? colors.text.primary : colors.text.secondary};
-          ${props.$active
-                ? `
-                border: 1px solid ${colors.border.default};
-                background: ${colors.background.primary};
-                ${props.$orientation === 'vertical'
-                    ? `
-                      border-right-color: ${colors.background.primary};
-                      border-radius: ${props.theme.borderRadius.md}px 0 0 ${props.theme.borderRadius.md}px;
-                      margin-right: -1px;
-                    `
-                    : `
-                      border-bottom-color: ${colors.background.primary};
-                      border-radius: ${props.theme.borderRadius.md}px ${props.theme.borderRadius.md}px 0 0;
-                      margin-bottom: -1px;
-                    `}
-              `
-                : `
-                background: ${colors.surface.default};
-                border: 1px solid transparent;
-              `}
-
-          &:hover:not(:disabled) {
-            color: ${colors.text.primary};
-            background: ${props.$active ? colors.background.primary : colors.surface.hover};
-          }
-        `;
+            return cx(tabEnclosedStyle, isActive
+                ? orientation === 'vertical'
+                    ? tabEnclosedActiveVerticalStyle
+                    : tabEnclosedActiveHorizontalStyle
+                : tabEnclosedInactiveStyle);
         default:
             return '';
     }
-}}
-
-  /* Focus visible */
-  &:focus-visible {
-    box-shadow: ${props => props.theme.shadows.focus};
-    z-index: 1;
-  }
-`;
-const StyledTabIcon = styled.span `
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-
-  svg {
-    width: ${props => props.$size}px;
-    height: ${props => props.$size}px;
-  }
-`;
-const StyledCloseButton = styled.span `
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-  cursor: pointer;
-  color: ${props => props.theme.colors.text.muted};
-  border-radius: ${props => props.theme.borderRadius.sm}px;
-  padding: 2px;
-  margin-left: ${props => props.theme.spacing.sm}px;
-  transition: all ${props => props.theme.transitions.fast};
-
-  &:hover {
-    color: ${props => props.theme.colors.text.primary};
-    background: ${props => props.theme.colors.surface.hover};
-  }
-
-  svg {
-    color: currentColor;
-  }
-`;
+}
 // --- Component ---
 const Tab = ({ value, children, icon, disabled = false, closable = false, onClose, className, style, testId, ref, ...rest }) => {
     const { activeValue, setActiveValue, variant, size, orientation, fullWidth, tabsId, } = useTabsContext();
@@ -214,7 +63,15 @@ const Tab = ({ value, children, icon, disabled = false, closable = false, onClos
         e.stopPropagation();
         onClose?.(value);
     }, [onClose, value]);
-    return (jsxs(StyledTab, { ref: ref, role: "tab", id: tabId, "aria-selected": isActive, "aria-controls": panelId, "aria-disabled": disabled || undefined, tabIndex: isActive ? 0 : -1, disabled: disabled, onClick: handleClick, onKeyDown: handleKeyDown, "$active": isActive, "$disabled": disabled, "$variant": variant, "$size": size, "$orientation": orientation, "$fullWidth": fullWidth, className: className, style: style, "data-testid": testId, ...rest, children: [icon && (jsx(StyledTabIcon, { "$size": sizeConfig.iconSize, children: icon })), children, closable && (jsx(StyledCloseButton, { role: "button", "aria-label": `Close ${typeof children === 'string' ? children : value}`, onClick: handleClose, children: jsx(CloseIcon, { size: closeIconSize, decorative: true }) }))] }));
+    const variantClasses = getVariantClasses(variant, isActive, orientation);
+    return (jsxs("button", { ref: ref, role: "tab", id: tabId, "aria-selected": isActive, "aria-controls": panelId, "aria-disabled": disabled || undefined, tabIndex: isActive ? 0 : -1, disabled: disabled, onClick: handleClick, onKeyDown: handleKeyDown, className: cx(tabBaseStyle, tabRecipe({ size, disabled, fullWidth }), variantClasses, className), style: {
+            gap: vars.spacing.xs,
+            transition: `all ${vars.transitions.fast}`,
+            ...style,
+        }, "data-testid": testId, ...rest, children: [icon && (jsx("span", { className: tabIconStyle, style: {
+                    width: `${sizeConfig.iconSize}px`,
+                    height: `${sizeConfig.iconSize}px`,
+                }, children: icon })), children, closable && (jsx("span", { className: tabCloseButtonStyle, role: "button", "aria-label": `Close ${typeof children === 'string' ? children : value}`, onClick: handleClose, children: jsx(CloseIcon, { size: closeIconSize, decorative: true }) }))] }));
 };
 Tab.displayName = 'Tab';
 

package/dist/esm/components/navigation/Tabs/Tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.js","sources":["../../../../../../src/components/navigation/Tabs/Tab.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"Tab.js","sources":["../../../../../../src/components/navigation/Tabs/Tab.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;AAkCA;AACE;AACA;AACA;;AAGF;AAEA;;AAMI;AACE;;AAKM;AACA;;AAGR;AACE;AAIF;AACE;;AAIM;AACA;;AAGR;AACE;;AAEN;AAEA;AAEO;AAaL;AASA;AACA;AACA;AAEA;AACA;AAEA;;;;;AAMA;AAEI;;;;;;;;;;AAUF;AAIF;;AAGI;AACF;;AAMF;AAmBM;AACA;AACA;AACD;AAQK;AACA;;AAmBZ;AAEA;;"}