entangle-ui 0.4.0 → 0.5.0

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

@@ -2,9 +2,69 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import React, { useMemo } from 'react';
 import { Menu as Menu$1 } from '@base-ui/react/menu';
-import '../../primitives/Icon/Icon.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/CodeIcon.js';
+import '../../Icons/CopyIcon.js';
+import '../../Icons/CutIcon.js';
+import '../../Icons/DownloadIcon.js';
+import '../../Icons/EditIcon.js';
+import '../../Icons/ErrorIcon.js';
+import '../../Icons/EyeDropperIcon.js';
+import '../../Icons/EyeIcon.js';
+import '../../Icons/FilterIcon.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/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/UnlockIcon.js';
+import '../../Icons/UploadIcon.js';
+import '../../Icons/UserIcon.js';
+import '../../Icons/WarningIcon.js';
+import '../../Icons/ZoomInIcon.js';
+import '../../Icons/ZoomOutIcon.js';
 import { CheckIcon } from '../../Icons/CheckIcon.js';
 import { CircleIcon } from '../../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 { Button } from '../../primitives/Button/Button.js';
 import { Text } from '../../primitives/Text/Text.js';
 import { cx } from '../../../utils/cx.js';

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":[],"mappings":";;;;;;;;;;;;;;AAeA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCG;AACI;AAaL;AAKA;;;AAGM;AACA;;AAkBF;AAEA;;;AAyBF;AACF;;;;;;;;;AASC;;;;;AAOD;AAsBF;;"}
+{"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/Tabs/Tab.js

@@ -2,8 +2,69 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useCallback } from 'react';
 import { useTabsContext } from './Tabs.js';
-import '../../primitives/Icon/Icon.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/CodeIcon.js';
+import '../../Icons/CopyIcon.js';
+import '../../Icons/CutIcon.js';
+import '../../Icons/DownloadIcon.js';
+import '../../Icons/EditIcon.js';
+import '../../Icons/ErrorIcon.js';
+import '../../Icons/EyeDropperIcon.js';
+import '../../Icons/EyeIcon.js';
+import '../../Icons/FilterIcon.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/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/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 { 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';

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":[],"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;;"}
+{"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;;"}

package/dist/esm/components/shell/MenuBar/MenuBar.js

@@ -135,7 +135,7 @@ const MenuBarMenu = ({ label, children, disabled = false, className, style, test
 };
 MenuBarMenu.displayName = 'MenuBar.Menu';
 // --- Root Component ---
-const MenuBarRoot = ({ $size = 'md', menuOffset = 2, children, className, style, testId, ref: externalRef, ...rest }) => {
+const MenuBarRoot = ({ size = 'md', menuOffset = 2, children, className, style, testId, ref: externalRef, ...rest }) => {
     const [openMenuId, setOpenMenuId] = useState(null);
     const menuIdsRef = useRef([]);
     const safeMenuOffset = Math.max(0, menuOffset);
@@ -185,7 +185,7 @@ const MenuBarRoot = ({ $size = 'md', menuOffset = 2, children, className, style,
         }
     }, [openMenuId]);
     const contextValue = useMemo(() => ({
-        size: $size,
+        size,
         menuOffset: safeMenuOffset,
         openMenuId,
         setOpenMenuId,
@@ -193,14 +193,14 @@ const MenuBarRoot = ({ $size = 'md', menuOffset = 2, children, className, style,
         unregisterMenu,
         menuIds: menuIdsRef.current,
     }), [
-        $size,
+        size,
         safeMenuOffset,
         openMenuId,
         setOpenMenuId,
         registerMenu,
         unregisterMenu,
     ]);
-    return (jsx(MenuBarContext.Provider, { value: contextValue, children: jsx("div", { ref: setBarRef, className: cx(menuBarRoot({ size: $size }), className), style: style, "data-testid": testId, role: "menubar", onKeyDown: handleBarKeyDown, tabIndex: 0, ...rest, children: children }) }));
+    return (jsx(MenuBarContext.Provider, { value: contextValue, children: jsx("div", { ref: setBarRef, className: cx(menuBarRoot({ size }), className), style: style, "data-testid": testId, role: "menubar", onKeyDown: handleBarKeyDown, tabIndex: 0, ...rest, children: children }) }));
 };
 MenuBarRoot.displayName = 'MenuBar';
 // --- Compound Component ---

package/dist/esm/components/shell/MenuBar/MenuBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuBar.js","sources":["../../../../../../src/components/shell/MenuBar/MenuBar.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAmCA;AAEA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACD;AAED;AAEA;AAEA;AAEA;AAGM;AACA;AACD;AAML;AAEA;AAaE;AAEA;;AAEI;;;AAGJ;AAEA;AAkBF;AAEA;AAEA;;AAYE;AAEA;AACE;AACE;AACA;;AAEF;;AACF;AAEA;AACE;;;AAIA;;AAC0B;AAC1B;;AAGF;AA6BF;AAEA;AAEA;AAOE;AAUF;AAEA;AAEA;AAEA;AAWE;AACA;AAOA;AACA;AACA;;;AAIE;;AAGF;AACE;;;;AAIF;;;;;;AAOA;AAEI;;;;;;;;;AAWA;;;AAGE;;AAEJ;AAIF;AAEI;;AAOA;;AAEE;AACA;;AACK;;;AAIL;;AACK;;;AAGL;;AAEJ;;;AAMA;;AAEA;AACE;;;;;AAOF;AAEA;;AAEF;;AAuCF;AAEA;AAEA;AAEA;;AAYE;;;AAGA;;AAGI;AACA;;;AAEO;AACJ;AACC;;AAEN;AAIF;;;;;;AAOA;AACE;;;AAIF;;;AAII;;AASA;;AAEE;AACA;;AAEA;AACE;;;AAEG;;;AAIL;AACA;AACE;;;AAGN;AAIF;AAEI;AACA;;;;;;AAMD;;;;;;;AAQA;;AAmBL;AAEA;AAEA;AAEO;AACL;AACA;AACA;AACA;AACD;;"}
+{"version":3,"file":"MenuBar.js","sources":["../../../../../../src/components/shell/MenuBar/MenuBar.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAmCA;AAEA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACD;AAED;AAEA;AAEA;AAEA;AAGM;AACA;AACD;AAML;AAEA;AAaE;AAEA;;AAEI;;;AAGJ;AAEA;AAkBF;AAEA;AAEA;;AAYE;AAEA;AACE;AACE;AACA;;AAEF;;AACF;AAEA;AACE;;;AAIA;;AAC0B;AAC1B;;AAGF;AA6BF;AAEA;AAEA;AAOE;AAUF;AAEA;AAEA;AAEA;AAWE;AACA;AAOA;AACA;AACA;;;AAIE;;AAGF;AACE;;;;AAIF;;;;;;AAOA;AAEI;;;;;;;;;AAWA;;;AAGE;;AAEJ;AAIF;AAEI;;AAOA;;AAEE;AACA;;AACK;;;AAIL;;AACK;;;AAGL;;AAEJ;;;AAMA;;AAEA;AACE;;;;;AAOF;AAEA;;AAEF;;AAuCF;AAEA;AAEA;AAEA;;AAYE;;;AAGA;;AAGI;AACA;;;AAEO;AACJ;AACC;;AAEN;AAIF;;;;;;AAOA;AACE;;;AAIF;;;AAII;;AASA;;AAEE;AACA;;AAEA;AACE;;;AAEG;;;AAIL;AACA;AACE;;;AAGN;AAIF;;AAGI;;;;;;AAMD;;;;;;;AAQA;;AAmBL;AAEA;AAEA;AAEO;AACL;AACA;AACA;AACA;AACD;;"}

package/dist/esm/components/shell/StatusBar/StatusBar.css.js

@@ -1,4 +1,4 @@
-import './../../../assets/src/components/shell/StatusBar/StatusBar.css.ts.vanilla-BwO7oAZi.css';
+import './../../../assets/src/components/shell/StatusBar/StatusBar.css.ts.vanilla-BqpCJsZ1.css';
 import { c as createRuntimeFn } from '../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js';
 
 var badge = createRuntimeFn({defaultClassName:'StatusBar_badge__1kv0a0b',variantClassNames:{dot:{true:'StatusBar_badge_dot_true__1kv0a0c',false:'StatusBar_badge_dot_false__1kv0a0d'}},defaultVariants:{dot:false},compoundVariants:[]});

package/dist/esm/components/shell/StatusBar/StatusBar.js

@@ -9,8 +9,8 @@ const StatusBarContext = /*#__PURE__*/ createContext({
 });
 const useStatusBar = () => useContext(StatusBarContext);
 // --- Sub-components ---
-const StatusBarSection = /*#__PURE__*/ React.memo(({ $side = 'left', children, className, style, testId, ref, ...rest }) => {
-    return (jsx("div", { ref: ref, className: cx(statusBarSection({ side: $side }), className), style: style, "data-testid": testId, ...rest, children: children }));
+const StatusBarSection = /*#__PURE__*/ React.memo(({ side = 'left', children, className, style, testId, ref, ...rest }) => {
+    return (jsx("div", { ref: ref, className: cx(statusBarSection({ side }), className), style: style, "data-testid": testId, ...rest, children: children }));
 });
 StatusBarSection.displayName = 'StatusBar.Section';
 const StatusBarItem = /*#__PURE__*/ React.memo(({ onClick, icon, children, title, badge: badgeProp, disabled = false, className, style, testId, ref, ...rest }) => {
@@ -23,9 +23,9 @@ const StatusBarItem = /*#__PURE__*/ React.memo(({ onClick, icon, children, title
 });
 StatusBarItem.displayName = 'StatusBar.Item';
 // --- Root Component ---
-const StatusBarRoot = ({ $size = 'sm', $variant = 'default', children, className, style, testId, ref, ...rest }) => {
-    const contextValue = useMemo(() => ({ size: $size }), [$size]);
-    return (jsx(StatusBarContext.Provider, { value: contextValue, children: jsx("div", { ref: ref, className: cx(statusBarRoot({ variant: $variant, size: $size }), className), style: style, "data-testid": testId, role: "status", "aria-live": "polite", ...rest, children: children }) }));
+const StatusBarRoot = ({ size = 'sm', variant = 'default', children, className, style, testId, ref, ...rest }) => {
+    const contextValue = useMemo(() => ({ size }), [size]);
+    return (jsx(StatusBarContext.Provider, { value: contextValue, children: jsx("div", { ref: ref, className: cx(statusBarRoot({ variant, size }), className), style: style, "data-testid": testId, role: "status", "aria-live": "polite", ...rest, children: children }) }));
 };
 StatusBarRoot.displayName = 'StatusBar';
 // --- Compound Component ---

package/dist/esm/components/shell/StatusBar/StatusBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusBar.js","sources":["../../../../../../src/components/shell/StatusBar/StatusBar.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAkBA;AACE;AACD;AAED;AAEA;AAEA;AAWI;AAWF;AAGF;AAEA;AAeI;;;AAeE;;AAiBF;AAYF;AAGF;AAEA;AAEA;AAWE;;AAoBF;AAEA;AAEA;AAEO;AACL;AACA;AACD;;"}
+{"version":3,"file":"StatusBar.js","sources":["../../../../../../src/components/shell/StatusBar/StatusBar.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAkBA;AACE;AACD;AAED;AAEA;AAEA;AAWI;AAWF;AAGF;AAEA;AAeI;;;AAeE;;AAiBF;AAYF;AAGF;AAEA;AAEA;AAWE;;AAiBF;AAEA;AAEA;AAEO;AACL;AACA;AACD;;"}

package/dist/esm/components/shell/Toolbar/Toolbar.js

@@ -15,9 +15,9 @@ function focusableItems(container) {
     return Array.from(container.querySelectorAll(FOCUSABLE_ITEM_SELECTOR));
 }
 // --- Sub-components ---
-const ToolbarButton = /*#__PURE__*/ React.memo(({ onClick, icon, children, tooltip, $variant = 'default', disabled = false, className, style, testId, ref, ...rest }) => {
+const ToolbarButton = /*#__PURE__*/ React.memo(({ onClick, icon, children, tooltip, variant = 'default', disabled = false, className, style, testId, ref, ...rest }) => {
     const { size } = useToolbar();
-    return (jsxs("button", { onClick: onClick, disabled: disabled, className: cx(toolbarButton({ size, variant: $variant, active: false }), className), style: style, "data-testid": testId, ref: ref, title: tooltip, type: "button", tabIndex: -1, ...rest, children: [icon, !icon && children] }));
+    return (jsxs("button", { onClick: onClick, disabled: disabled, className: cx(toolbarButton({ size, variant, active: false }), className), style: style, "data-testid": testId, ref: ref, title: tooltip, type: "button", tabIndex: -1, ...rest, children: [icon, !icon && children] }));
 });
 ToolbarButton.displayName = 'Toolbar.Button';
 const ToolbarToggle = /*#__PURE__*/ React.memo(({ pressed, onPressedChange, icon, children, tooltip, disabled = false, className, style, testId, ref, ...rest }) => {
@@ -40,7 +40,7 @@ const ToolbarSpacerComp = /*#__PURE__*/ React.memo(({ className, style, testId,
 });
 ToolbarSpacerComp.displayName = 'Toolbar.Spacer';
 // --- Root Component ---
-const ToolbarRoot = ({ $orientation = 'horizontal', $size = 'md', children, className, style, testId, ref: externalRef, ...rest }) => {
+const ToolbarRoot = ({ orientation = 'horizontal', size = 'md', children, className, style, testId, ref: externalRef, ...rest }) => {
     const internalRef = useRef(null);
     const setToolbarRef = useMemo(() => (node) => {
         internalRef.current = node;
@@ -61,8 +61,8 @@ const ToolbarRoot = ({ $orientation = 'horizontal', $size = 'md', children, clas
             return;
         const current = document.activeElement;
         const currentIndex = items.indexOf(current);
-        const nextKey = $orientation === 'horizontal' ? 'ArrowRight' : 'ArrowDown';
-        const prevKey = $orientation === 'horizontal' ? 'ArrowLeft' : 'ArrowUp';
+        const nextKey = orientation === 'horizontal' ? 'ArrowRight' : 'ArrowDown';
+        const prevKey = orientation === 'horizontal' ? 'ArrowLeft' : 'ArrowUp';
         if (e.key === nextKey) {
             e.preventDefault();
             const next = currentIndex + 1 < items.length ? currentIndex + 1 : 0;
@@ -81,7 +81,7 @@ const ToolbarRoot = ({ $orientation = 'horizontal', $size = 'md', children, clas
             e.preventDefault();
             items[items.length - 1]?.focus();
         }
-    }, [$orientation]);
+    }, [orientation]);
     const handleFocus = useCallback(() => {
         const container = internalRef.current;
         if (!container)
@@ -92,8 +92,8 @@ const ToolbarRoot = ({ $orientation = 'horizontal', $size = 'md', children, clas
             items[0]?.focus();
         }
     }, []);
-    const toolbarContextValue = useMemo(() => ({ orientation: $orientation, size: $size }), [$orientation, $size]);
-    return (jsx(ToolbarContext.Provider, { value: toolbarContextValue, children: jsx("div", { ref: setToolbarRef, className: cx(toolbarRoot({ orientation: $orientation }), className), style: style, "data-testid": testId, role: "toolbar", "aria-orientation": $orientation, tabIndex: 0, onKeyDown: handleKeyDown, onFocus: handleFocus, ...rest, children: children }) }));
+    const toolbarContextValue = useMemo(() => ({ orientation, size }), [orientation, size]);
+    return (jsx(ToolbarContext.Provider, { value: toolbarContextValue, children: jsx("div", { ref: setToolbarRef, className: cx(toolbarRoot({ orientation }), className), style: style, "data-testid": testId, role: "toolbar", "aria-orientation": orientation, tabIndex: 0, onKeyDown: handleKeyDown, onFocus: handleFocus, ...rest, children: children }) }));
 };
 ToolbarRoot.displayName = 'Toolbar';
 // --- Compound Component ---

package/dist/esm/components/shell/Toolbar/Toolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.js","sources":["../../../../../../src/components/shell/Toolbar/Toolbar.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AA4BA;AACE;AACA;AACD;AAED;AAEA;AAEA;AAGA;;AAIA;AAEA;AAEA;AAeI;AAEA;AAoBF;AAGF;AAEA;AAeI;AAEA;AAqBF;AAGF;AAEA;AAEI;AAEA;AAYF;AAGF;AAEA;AAEI;;AAcF;AAGF;AAEA;;AAWE;AAGF;AAEA;AAEA;AAWE;;AAII;AACA;;;AAEO;AACJ;AACC;;AAEN;AAIF;AAEI;AACA;;AAEA;AACA;;AAEA;;AAGA;AAEA;AAEA;;AAEE;AACA;;AACK;;;AAIL;;AACK;;AAEL;;AACK;;;;AAIT;AAIF;AACE;AACA;;;AAGA;AACE;AACA;;;;AASJ;AAkBF;AAEA;AAEA;AAEO;AACL;AACA;AACA;AACA;AACA;AACD;;"}
+{"version":3,"file":"Toolbar.js","sources":["../../../../../../src/components/shell/Toolbar/Toolbar.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AA4BA;AACE;AACA;AACD;AAED;AAEA;AAEA;AAGA;;AAIA;AAEA;AAEA;AAeI;AAEA;AAoBF;AAGF;AAEA;AAeI;AAEA;AAqBF;AAGF;AAEA;AAEI;AAEA;AAYF;AAGF;AAEA;AAEI;;AAcF;AAGF;AAEA;;AAWE;AAGF;AAEA;AAEA;AAWE;;AAII;AACA;;;AAEO;AACJ;AACC;;AAEN;AAIF;AAEI;AACA;;AAEA;AACA;;AAEA;;AAGA;AACA;AAEA;;AAEE;AACA;;AACK;;;AAIL;;AACK;;AAEL;;AACK;;;;AAIT;AAIF;AACE;AACA;;;AAGA;AACE;AACA;;;;;AA2BN;AAEA;AAEA;AAEO;AACL;AACA;AACA;AACA;AACA;AACD;;"}

package/dist/esm/index.js

@@ -15,7 +15,6 @@ export { Spacer } from './components/layout/Spacer/Spacer.js';
 export { SplitPane } from './components/layout/SplitPane/SplitPane.js';
 export { SplitPanePanel } from './components/layout/SplitPane/SplitPanePanel.js';
 export { Stack } from './components/layout/Stack/Stack.js';
-import './components/primitives/BaseButton/BaseButton.js';
 export { Button } from './components/primitives/Button/Button.js';
 export { Checkbox } from './components/primitives/Checkbox/Checkbox.js';
 export { CheckboxGroup } from './components/primitives/Checkbox/CheckboxGroup.js';
@@ -96,6 +95,5 @@ export { FloatingManager, FloatingPanel } from './components/shell/FloatingPanel
 export { MenuBar } from './components/shell/MenuBar/MenuBar.js';
 export { StatusBar } from './components/shell/StatusBar/StatusBar.js';
 export { Toolbar } from './components/shell/Toolbar/Toolbar.js';
-export { cn } from './utils/cn.js';
-export { cx } from './utils/cx.js';
+export { cx as cn, cx } from './utils/cx.js';
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

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

package/dist/esm/theme/contract.css.js

@@ -1,4 +1,4 @@
-var vars = {colors:{background:{primary:'var(--etui-color-bg-primary)',secondary:'var(--etui-color-bg-secondary)',tertiary:'var(--etui-color-bg-tertiary)',elevated:'var(--etui-color-bg-elevated)'},surface:{'default':'var(--etui-color-surface-default)',hover:'var(--etui-color-surface-hover)',active:'var(--etui-color-surface-active)',disabled:'var(--etui-color-surface-disabled)',whiteOverlay:'var(--etui-color-surface-white-overlay)'},border:{'default':'var(--etui-color-border-default)',focus:'var(--etui-color-border-focus)',error:'var(--etui-color-border-error)',success:'var(--etui-color-border-success)'},text:{primary:'var(--etui-color-text-primary)',secondary:'var(--etui-color-text-secondary)',muted:'var(--etui-color-text-muted)',disabled:'var(--etui-color-text-disabled)'},accent:{primary:'var(--etui-color-accent-primary)',secondary:'var(--etui-color-accent-secondary)',success:'var(--etui-color-accent-success)',warning:'var(--etui-color-accent-warning)',error:'var(--etui-color-accent-error)'},backdrop:'var(--etui-color-backdrop)'},spacing:{xs:'var(--etui-spacing-xs)',sm:'var(--etui-spacing-sm)',md:'var(--etui-spacing-md)',lg:'var(--etui-spacing-lg)',xl:'var(--etui-spacing-xl)',xxl:'var(--etui-spacing-xxl)',xxxl:'var(--etui-spacing-xxxl)'},typography:{fontSize:{xxs:'var(--etui-font-size-xxs)',xs:'var(--etui-font-size-xs)',sm:'var(--etui-font-size-sm)',md:'var(--etui-font-size-md)',lg:'var(--etui-font-size-lg)',xl:'var(--etui-font-size-xl)'},fontWeight:{normal:'var(--etui-font-weight-normal)',medium:'var(--etui-font-weight-medium)',semibold:'var(--etui-font-weight-semibold)'},lineHeight:{tight:'var(--etui-line-height-tight)',normal:'var(--etui-line-height-normal)',relaxed:'var(--etui-line-height-relaxed)'},fontFamily:{mono:'var(--etui-font-family-mono)',sans:'var(--etui-font-family-sans)'}},borderRadius:{none:'var(--etui-radius-none)',sm:'var(--etui-radius-sm)',md:'var(--etui-radius-md)',lg:'var(--etui-radius-lg)'},shadows:{sm:'var(--etui-shadow-sm)',md:'var(--etui-shadow-md)',lg:'var(--etui-shadow-lg)',xl:'var(--etui-shadow-xl)',focus:'var(--etui-shadow-focus)',separatorBottom:'var(--etui-shadow-separator-bottom)',separatorRight:'var(--etui-shadow-separator-right)',separatorLeft:'var(--etui-shadow-separator-left)',thumb:'var(--etui-shadow-thumb)'},transitions:{fast:'var(--etui-transition-fast)',normal:'var(--etui-transition-normal)',slow:'var(--etui-transition-slow)'},zIndex:{base:'var(--etui-z-base)',dropdown:'var(--etui-z-dropdown)',popover:'var(--etui-z-popover)',tooltip:'var(--etui-z-tooltip)',modal:'var(--etui-z-modal)'},shell:{menuBar:{height:'var(--etui-shell-menubar-height)',bg:'var(--etui-shell-menubar-bg)',hoverBg:'var(--etui-shell-menubar-hover-bg)',activeBg:'var(--etui-shell-menubar-active-bg)',text:'var(--etui-shell-menubar-text)',shortcutText:'var(--etui-shell-menubar-shortcut-text)'},toolbar:{height:{sm:'var(--etui-shell-toolbar-height-sm)',md:'var(--etui-shell-toolbar-height-md)'},bg:'var(--etui-shell-toolbar-bg)',separator:'var(--etui-shell-toolbar-separator)'},statusBar:{height:'var(--etui-shell-statusbar-height)',bg:'var(--etui-shell-statusbar-bg)',text:'var(--etui-shell-statusbar-text)'},dock:{tabHeight:'var(--etui-shell-dock-tab-height)',tabBg:'var(--etui-shell-dock-tab-bg)',tabActiveBg:'var(--etui-shell-dock-tab-active-bg)',tabHoverBg:'var(--etui-shell-dock-tab-hover-bg)',tabText:'var(--etui-shell-dock-tab-text)',tabActiveText:'var(--etui-shell-dock-tab-active-text)',splitterSize:'var(--etui-shell-dock-splitter-size)',splitterColor:'var(--etui-shell-dock-splitter-color)',splitterHoverColor:'var(--etui-shell-dock-splitter-hover-color)',borderBarBg:'var(--etui-shell-dock-border-bar-bg)',borderBarSize:'var(--etui-shell-dock-border-bar-size)',dropOverlay:'var(--etui-shell-dock-drop-overlay)'}},storybook:{canvas:{gradientStart:'var(--etui-storybook-gradient-start)',gradientMid:'var(--etui-storybook-gradient-mid)',gradientEnd:'var(--etui-storybook-gradient-end)'}}};
+var vars = {colors:{background:{primary:'var(--etui-color-bg-primary)',secondary:'var(--etui-color-bg-secondary)',tertiary:'var(--etui-color-bg-tertiary)',elevated:'var(--etui-color-bg-elevated)'},surface:{'default':'var(--etui-color-surface-default)',hover:'var(--etui-color-surface-hover)',active:'var(--etui-color-surface-active)',disabled:'var(--etui-color-surface-disabled)',whiteOverlay:'var(--etui-color-surface-white-overlay)'},border:{'default':'var(--etui-color-border-default)',focus:'var(--etui-color-border-focus)',error:'var(--etui-color-border-error)',success:'var(--etui-color-border-success)'},text:{primary:'var(--etui-color-text-primary)',secondary:'var(--etui-color-text-secondary)',muted:'var(--etui-color-text-muted)',disabled:'var(--etui-color-text-disabled)'},accent:{primary:'var(--etui-color-accent-primary)',secondary:'var(--etui-color-accent-secondary)',success:'var(--etui-color-accent-success)',warning:'var(--etui-color-accent-warning)',error:'var(--etui-color-accent-error)'},backdrop:'var(--etui-color-backdrop)'},spacing:{xs:'var(--etui-spacing-xs)',sm:'var(--etui-spacing-sm)',md:'var(--etui-spacing-md)',lg:'var(--etui-spacing-lg)',xl:'var(--etui-spacing-xl)',xxl:'var(--etui-spacing-xxl)',xxxl:'var(--etui-spacing-xxxl)'},typography:{fontSize:{xxs:'var(--etui-font-size-xxs)',xs:'var(--etui-font-size-xs)',sm:'var(--etui-font-size-sm)',md:'var(--etui-font-size-md)',lg:'var(--etui-font-size-lg)',xl:'var(--etui-font-size-xl)'},fontWeight:{normal:'var(--etui-font-weight-normal)',medium:'var(--etui-font-weight-medium)',semibold:'var(--etui-font-weight-semibold)'},lineHeight:{tight:'var(--etui-line-height-tight)',normal:'var(--etui-line-height-normal)',relaxed:'var(--etui-line-height-relaxed)'},fontFamily:{mono:'var(--etui-font-family-mono)',sans:'var(--etui-font-family-sans)'}},borderRadius:{none:'var(--etui-radius-none)',sm:'var(--etui-radius-sm)',md:'var(--etui-radius-md)',lg:'var(--etui-radius-lg)'},shadows:{sm:'var(--etui-shadow-sm)',md:'var(--etui-shadow-md)',lg:'var(--etui-shadow-lg)',xl:'var(--etui-shadow-xl)',focus:'var(--etui-shadow-focus)',separatorBottom:'var(--etui-shadow-separator-bottom)',separatorRight:'var(--etui-shadow-separator-right)',separatorLeft:'var(--etui-shadow-separator-left)',thumb:'var(--etui-shadow-thumb)'},transitions:{fast:'var(--etui-transition-fast)',normal:'var(--etui-transition-normal)',slow:'var(--etui-transition-slow)'},zIndex:{base:'var(--etui-z-base)',dropdown:'var(--etui-z-dropdown)',popover:'var(--etui-z-popover)',tooltip:'var(--etui-z-tooltip)',modal:'var(--etui-z-modal)'},shell:{menuBar:{height:'var(--etui-shell-menubar-height)',bg:'var(--etui-shell-menubar-bg)',hoverBg:'var(--etui-shell-menubar-hover-bg)',activeBg:'var(--etui-shell-menubar-active-bg)',text:'var(--etui-shell-menubar-text)',shortcutText:'var(--etui-shell-menubar-shortcut-text)'},toolbar:{height:{sm:'var(--etui-shell-toolbar-height-sm)',md:'var(--etui-shell-toolbar-height-md)'},bg:'var(--etui-shell-toolbar-bg)',separator:'var(--etui-shell-toolbar-separator)'},statusBar:{height:'var(--etui-shell-statusbar-height)',heightMd:'var(--etui-shell-statusbar-height-md)',bg:'var(--etui-shell-statusbar-bg)',text:'var(--etui-shell-statusbar-text)'},dock:{tabHeight:'var(--etui-shell-dock-tab-height)',tabBg:'var(--etui-shell-dock-tab-bg)',tabActiveBg:'var(--etui-shell-dock-tab-active-bg)',tabHoverBg:'var(--etui-shell-dock-tab-hover-bg)',tabText:'var(--etui-shell-dock-tab-text)',tabActiveText:'var(--etui-shell-dock-tab-active-text)',splitterSize:'var(--etui-shell-dock-splitter-size)',splitterColor:'var(--etui-shell-dock-splitter-color)',splitterHoverColor:'var(--etui-shell-dock-splitter-hover-color)',borderBarBg:'var(--etui-shell-dock-border-bar-bg)',borderBarSize:'var(--etui-shell-dock-border-bar-size)',dropOverlay:'var(--etui-shell-dock-drop-overlay)'}},storybook:{canvas:{gradientStart:'var(--etui-storybook-gradient-start)',gradientMid:'var(--etui-storybook-gradient-mid)',gradientEnd:'var(--etui-storybook-gradient-end)'}}};
 
 export { vars };
 //# sourceMappingURL=contract.css.js.map

package/dist/esm/theme/darkTheme.css.js

@@ -1,6 +1,6 @@
-import './../assets/src/theme/darkTheme.css.ts.vanilla-V8lWHaQH.css';
+import './../assets/src/theme/darkTheme.css.ts.vanilla-DCe89yCJ.css';
 
-var darkThemeValues = {colors:{background:{primary:'#1a1a1a',secondary:'#2d2d2d',tertiary:'#3a3a3a',elevated:'#404040'},surface:{'default':'#2d2d2d',hover:'#363636',active:'#404040',disabled:'#1f1f1f',whiteOverlay:'rgba(255, 255, 255, 0.1)'},border:{'default':'#4a4a4a',focus:'#007acc',error:'#f44336',success:'#4caf50'},text:{primary:'#ffffff',secondary:'#cccccc',muted:'#888888',disabled:'#555555'},accent:{primary:'#007acc',secondary:'#005a9e',success:'#4caf50',warning:'#ff9800',error:'#f44336'},backdrop:'rgba(0, 0, 0, 0.6)'},spacing:{xs:'2px',sm:'4px',md:'8px',lg:'12px',xl:'16px',xxl:'24px',xxxl:'32px'},typography:{fontSize:{xxs:'9px',xs:'10px',sm:'11px',md:'12px',lg:'14px',xl:'16px'},fontWeight:{normal:'400',medium:'500',semibold:'600'},lineHeight:{tight:'1.2',normal:'1.4',relaxed:'1.6'},fontFamily:{mono:'SF Mono, Monaco, Consolas, "Liberation Mono", "Courier New", monospace',sans:'-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif'}},borderRadius:{none:'0px',sm:'2px',md:'4px',lg:'6px'},shadows:{sm:'0 1px 2px rgba(0, 0, 0, 0.2)',md:'0 2px 4px rgba(0, 0, 0, 0.3)',lg:'0 4px 8px rgba(0, 0, 0, 0.4)',xl:'0 8px 16px rgba(0, 0, 0, 0.5)',focus:'0 0 0 2px rgba(0, 122, 204, 0.4)',separatorBottom:'0 1px 2px rgba(0, 0, 0, 0.18)',separatorRight:'1px 0 2px rgba(0, 0, 0, 0.18)',separatorLeft:'-1px 0 2px rgba(0, 0, 0, 0.18)',thumb:'0 0 2px rgba(0, 0, 0, 0.5)'},transitions:{fast:'100ms ease-out',normal:'200ms ease-out',slow:'300ms ease-out'},zIndex:{base:'1',dropdown:'1000',popover:'1000',tooltip:'1000',modal:'1100'},shell:{menuBar:{height:'28px',bg:'#2d2d2d',hoverBg:'#363636',activeBg:'#005a9e',text:'#ffffff',shortcutText:'#888888'},toolbar:{height:{sm:'32px',md:'40px'},bg:'#2d2d2d',separator:'#4a4a4a'},statusBar:{height:'22px',bg:'#007acc',text:'#ffffff'},dock:{tabHeight:'28px',tabBg:'#2d2d2d',tabActiveBg:'#1a1a1a',tabHoverBg:'#363636',tabText:'#cccccc',tabActiveText:'#ffffff',splitterSize:'4px',splitterColor:'#4a4a4a',splitterHoverColor:'#007acc',borderBarBg:'#2d2d2d',borderBarSize:'28px',dropOverlay:'rgba(0, 122, 204, 0.2)'}},storybook:{canvas:{gradientStart:'#061f21',gradientMid:'#031a1a',gradientEnd:'#091010'}}};
+var darkThemeValues = {colors:{background:{primary:'#1a1a1a',secondary:'#2d2d2d',tertiary:'#3a3a3a',elevated:'#404040'},surface:{'default':'#2d2d2d',hover:'#363636',active:'#404040',disabled:'#1f1f1f',whiteOverlay:'rgba(255, 255, 255, 0.1)'},border:{'default':'#4a4a4a',focus:'#007acc',error:'#f44336',success:'#4caf50'},text:{primary:'#ffffff',secondary:'#cccccc',muted:'#888888',disabled:'#555555'},accent:{primary:'#007acc',secondary:'#005a9e',success:'#4caf50',warning:'#ff9800',error:'#f44336'},backdrop:'rgba(0, 0, 0, 0.6)'},spacing:{xs:'2px',sm:'4px',md:'8px',lg:'12px',xl:'16px',xxl:'24px',xxxl:'32px'},typography:{fontSize:{xxs:'9px',xs:'10px',sm:'11px',md:'12px',lg:'14px',xl:'16px'},fontWeight:{normal:'400',medium:'500',semibold:'600'},lineHeight:{tight:'1.2',normal:'1.4',relaxed:'1.6'},fontFamily:{mono:'SF Mono, Monaco, Consolas, "Liberation Mono", "Courier New", monospace',sans:'-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif'}},borderRadius:{none:'0px',sm:'2px',md:'4px',lg:'6px'},shadows:{sm:'0 1px 2px rgba(0, 0, 0, 0.2)',md:'0 2px 4px rgba(0, 0, 0, 0.3)',lg:'0 4px 8px rgba(0, 0, 0, 0.4)',xl:'0 8px 16px rgba(0, 0, 0, 0.5)',focus:'0 0 0 2px rgba(0, 122, 204, 0.4)',separatorBottom:'0 1px 2px rgba(0, 0, 0, 0.18)',separatorRight:'1px 0 2px rgba(0, 0, 0, 0.18)',separatorLeft:'-1px 0 2px rgba(0, 0, 0, 0.18)',thumb:'0 0 2px rgba(0, 0, 0, 0.5)'},transitions:{fast:'100ms ease-out',normal:'200ms ease-out',slow:'300ms ease-out'},zIndex:{base:'1',dropdown:'1000',popover:'1000',tooltip:'1000',modal:'1100'},shell:{menuBar:{height:'28px',bg:'#2d2d2d',hoverBg:'#363636',activeBg:'#005a9e',text:'#ffffff',shortcutText:'#888888'},toolbar:{height:{sm:'32px',md:'40px'},bg:'#2d2d2d',separator:'#4a4a4a'},statusBar:{height:'22px',heightMd:'26px',bg:'#007acc',text:'#ffffff'},dock:{tabHeight:'28px',tabBg:'#2d2d2d',tabActiveBg:'#1a1a1a',tabHoverBg:'#363636',tabText:'#cccccc',tabActiveText:'#ffffff',splitterSize:'4px',splitterColor:'#4a4a4a',splitterHoverColor:'#007acc',borderBarBg:'#2d2d2d',borderBarSize:'28px',dropOverlay:'rgba(0, 122, 204, 0.2)'}},storybook:{canvas:{gradientStart:'#061f21',gradientMid:'#031a1a',gradientEnd:'#091010'}}};
 
 export { darkThemeValues };
 //# sourceMappingURL=darkTheme.css.js.map

package/dist/types/components/shell/MenuBar/MenuBar.d.ts

@@ -2,7 +2,7 @@ import { MenuBarSize } from './MenuBar.types.js';
 import React from 'react';
 
 declare const MenuBar: React.FC<{
-    $size?: MenuBarSize | undefined;
+    size?: MenuBarSize | undefined;
     menuOffset?: number | undefined;
     children?: React.ReactNode;
     id?: string | undefined | undefined;

package/dist/types/components/shell/MenuBar/MenuBar.types.d.ts

@@ -5,7 +5,7 @@ import { Prettify } from '../../../types/utilities.js';
 type MenuBarSize = 'sm' | 'md';
 interface MenuBarBaseProps extends BaseComponent<HTMLDivElement> {
     /** Size of the menu bar */
-    $size?: MenuBarSize;
+    size?: MenuBarSize;
     /** Vertical gap in pixels between top-level trigger and dropdown */
     menuOffset?: number;
     /** Children (MenuBar.Menu components) */

package/dist/types/components/shell/StatusBar/StatusBar.d.ts

@@ -2,8 +2,8 @@ import { StatusBarSize, StatusBarVariant, StatusBarSectionSide } from './StatusB
 import React from 'react';
 
 declare const StatusBar: React.FC<{
-    $size?: StatusBarSize | undefined;
-    $variant?: StatusBarVariant | undefined;
+    size?: StatusBarSize | undefined;
+    variant?: StatusBarVariant | undefined;
     children?: React.ReactNode;
     id?: string | undefined | undefined;
     className?: string | undefined | undefined;
@@ -288,7 +288,7 @@ declare const StatusBar: React.FC<{
     onTransitionStartCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
 }> & {
     Section: React.NamedExoticComponent<{
-        $side?: StatusBarSectionSide | undefined;
+        side?: StatusBarSectionSide | undefined;
         children?: React.ReactNode;
         id?: string | undefined | undefined;
         className?: string | undefined | undefined;

package/dist/types/components/shell/StatusBar/StatusBar.types.d.ts

@@ -6,9 +6,9 @@ type StatusBarSize = 'sm' | 'md';
 type StatusBarVariant = 'default' | 'error' | 'accent';
 interface StatusBarBaseProps extends BaseComponent<HTMLDivElement> {
     /** Size of the status bar */
-    $size?: StatusBarSize;
+    size?: StatusBarSize;
     /** Visual variant */
-    $variant?: StatusBarVariant;
+    variant?: StatusBarVariant;
     /** Children (StatusBar.Section components) */
     children?: ReactNode;
 }
@@ -16,7 +16,7 @@ type StatusBarProps = Prettify<StatusBarBaseProps>;
 type StatusBarSectionSide = 'left' | 'right';
 interface StatusBarSectionBaseProps extends BaseComponent<HTMLDivElement> {
     /** Which side of the status bar */
-    $side?: StatusBarSectionSide;
+    side?: StatusBarSectionSide;
     /** Children (StatusBar.Item components) */
     children?: ReactNode;
 }

package/dist/types/components/shell/Toolbar/Toolbar.d.ts

@@ -2,8 +2,8 @@ import { ToolbarOrientation, ToolbarSize, ToolbarButtonVariant } from './Toolbar
 import React from 'react';
 
 declare const Toolbar: React.FC<{
-    $orientation?: ToolbarOrientation | undefined;
-    $size?: ToolbarSize | undefined;
+    orientation?: ToolbarOrientation | undefined;
+    size?: ToolbarSize | undefined;
     children?: React.ReactNode;
     'aria-label'?: string | undefined;
     id?: string | undefined | undefined;
@@ -292,7 +292,7 @@ declare const Toolbar: React.FC<{
         icon?: React.ReactNode;
         children?: React.ReactNode;
         tooltip?: string | undefined;
-        $variant?: ToolbarButtonVariant | undefined;
+        variant?: ToolbarButtonVariant | undefined;
         disabled?: boolean | undefined;
         popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
         id?: string | undefined | undefined;

package/dist/types/components/shell/Toolbar/Toolbar.types.d.ts

@@ -7,9 +7,9 @@ type ToolbarSize = 'sm' | 'md';
 type ToolbarButtonVariant = 'default' | 'ghost' | 'filled';
 interface ToolbarBaseProps extends BaseComponent<HTMLDivElement> {
     /** Orientation of the toolbar */
-    $orientation?: ToolbarOrientation;
+    orientation?: ToolbarOrientation;
     /** Size of toolbar items */
-    $size?: ToolbarSize;
+    size?: ToolbarSize;
     /** Children (Toolbar.Button, Toolbar.Group, Toolbar.Separator, etc.) */
     children?: ReactNode;
     /** ARIA label for the toolbar */
@@ -26,7 +26,7 @@ interface ToolbarButtonBaseProps extends Omit<BaseComponent<HTMLButtonElement>,
     /** Tooltip text */
     tooltip?: string;
     /** Visual variant */
-    $variant?: ToolbarButtonVariant;
+    variant?: ToolbarButtonVariant;
     /** Disabled state */
     disabled?: boolean;
 }

package/dist/types/index.d.ts

@@ -120,5 +120,4 @@ export { StatusBar } from './components/shell/StatusBar/StatusBar.js';
 export { StatusBarItemProps, StatusBarProps, StatusBarSectionProps, StatusBarSectionSide, StatusBarSize, StatusBarVariant } from './components/shell/StatusBar/StatusBar.types.js';
 export { Toolbar } from './components/shell/Toolbar/Toolbar.js';
 export { ToolbarButtonProps, ToolbarButtonVariant, ToolbarGroupProps, ToolbarOrientation, ToolbarProps, ToolbarSeparatorProps, ToolbarSize, ToolbarSpacerProps, ToolbarToggleProps } from './components/shell/Toolbar/Toolbar.types.js';
-export { cn } from './utils/cn.js';
-export { cx } from './utils/cx.js';
+export { cx as cn, cx } from './utils/cx.js';

package/dist/types/theme/contract.css.d.ts

@@ -132,6 +132,7 @@ declare const vars: {
         };
         statusBar: {
             height: `var(--${string})`;
+            heightMd: `var(--${string})`;
             bg: `var(--${string})`;
             text: `var(--${string})`;
         };

package/dist/types/theme/darkTheme.css.d.ts

@@ -119,6 +119,7 @@ declare const darkThemeValues: {
         };
         readonly statusBar: {
             readonly height: "22px";
+            readonly heightMd: "26px";
             readonly bg: "#007acc";
             readonly text: "#ffffff";
         };

package/package.json

@@ -1,8 +1,11 @@
 {
   "name": "entangle-ui",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "type": "module",
-  "sideEffects": false,
+  "sideEffects": [
+    "*.css",
+    "*.css.ts"
+  ],
   "description": "A specialized React component library for building professional editor interfaces",
   "main": "dist/esm/index.js",
   "module": "dist/esm/index.js",
@@ -16,6 +19,10 @@
       "types": "./dist/types/palettes.d.ts",
       "default": "./dist/esm/palettes.js"
     },
+    "./theme": {
+      "types": "./dist/types/theme/darkTheme.css.d.ts",
+      "default": "./dist/esm/theme/darkTheme.css.js"
+    },
     "./package.json": "./package.json"
   },
   "files": [

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

@@ -1,18 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { cn } from '../../../utils/cn.js';
-
-const BaseButton = /*#__PURE__*/ forwardRef(({ className, disabled = false, children, ...props }, ref) => {
-    return (jsx("button", { ref: ref, className: cn(
-        // Reset only some styles, not all
-        'bg-transparent p-0 m-0', 
-        // Base interactive styles
-        'cursor-pointer select-none', 'focus:outline-none', 
-        // Disabled state
-        disabled && 'cursor-not-allowed', className), disabled: disabled, ...props, children: children }));
-});
-BaseButton.displayName = 'BaseButton';
-
-export { BaseButton };
-//# sourceMappingURL=BaseButton.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BaseButton.js","sources":["../../../../../../src/components/primitives/BaseButton/BaseButton.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAiBO;;;;;AAWC;;AAGA;AASR;AAEA;;"}

package/dist/esm/utils/cn.js

@@ -1,6 +0,0 @@
-const cn = (...classes) => {
-    return classes.filter(Boolean).join(' ');
-};
-
-export { cn };
-//# sourceMappingURL=cn.js.map

package/dist/esm/utils/cn.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"cn.js","sources":["../../../../src/utils/cn.ts"],"sourcesContent":[null],"names":[],"mappings":"MAAa,EAAE,GAAG,CAChB,GAAG,OAA8C,KACvC;IACV,OAAO,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;AAC1C;;;;"}

package/dist/types/utils/cn.d.ts

@@ -1,3 +0,0 @@
-declare const cn: (...classes: (string | undefined | null | false)[]) => string;
-
-export { cn };