entangle-ui 0.3.0 → 0.5.0

package/dist/types/theme/{tokens.d.ts → darkTheme.css.d.ts}

@@ -1,4 +1,8 @@
-declare const tokens: {
+/**
+ * Dark theme values — exported separately so the createCustomTheme helper
+ * can deep-merge consumer overrides onto these defaults.
+ */
+declare const darkThemeValues: {
     readonly colors: {
         readonly background: {
             readonly primary: "#1a1a1a";
@@ -35,32 +39,32 @@ declare const tokens: {
         readonly backdrop: "rgba(0, 0, 0, 0.6)";
     };
     readonly spacing: {
-        readonly xs: 2;
-        readonly sm: 4;
-        readonly md: 8;
-        readonly lg: 12;
-        readonly xl: 16;
-        readonly xxl: 24;
-        readonly xxxl: 32;
+        readonly xs: "2px";
+        readonly sm: "4px";
+        readonly md: "8px";
+        readonly lg: "12px";
+        readonly xl: "16px";
+        readonly xxl: "24px";
+        readonly xxxl: "32px";
     };
     readonly typography: {
         readonly fontSize: {
-            readonly xxs: 9;
-            readonly xs: 10;
-            readonly sm: 11;
-            readonly md: 12;
-            readonly lg: 14;
-            readonly xl: 16;
+            readonly xxs: "9px";
+            readonly xs: "10px";
+            readonly sm: "11px";
+            readonly md: "12px";
+            readonly lg: "14px";
+            readonly xl: "16px";
         };
         readonly fontWeight: {
-            readonly normal: 400;
-            readonly medium: 500;
-            readonly semibold: 600;
+            readonly normal: "400";
+            readonly medium: "500";
+            readonly semibold: "600";
         };
         readonly lineHeight: {
-            readonly tight: 1.2;
-            readonly normal: 1.4;
-            readonly relaxed: 1.6;
+            readonly tight: "1.2";
+            readonly normal: "1.4";
+            readonly relaxed: "1.6";
         };
         readonly fontFamily: {
             readonly mono: "SF Mono, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace";
@@ -68,10 +72,10 @@ declare const tokens: {
         };
     };
     readonly borderRadius: {
-        readonly none: 0;
-        readonly sm: 2;
-        readonly md: 4;
-        readonly lg: 6;
+        readonly none: "0px";
+        readonly sm: "2px";
+        readonly md: "4px";
+        readonly lg: "6px";
     };
     readonly shadows: {
         readonly sm: "0 1px 2px rgba(0, 0, 0, 0.2)";
@@ -90,15 +94,15 @@ declare const tokens: {
         readonly slow: "300ms ease-out";
     };
     readonly zIndex: {
-        readonly base: 1;
-        readonly dropdown: 1000;
-        readonly popover: 1000;
-        readonly tooltip: 1000;
-        readonly modal: 1100;
+        readonly base: "1";
+        readonly dropdown: "1000";
+        readonly popover: "1000";
+        readonly tooltip: "1000";
+        readonly modal: "1100";
     };
     readonly shell: {
         readonly menuBar: {
-            readonly height: 28;
+            readonly height: "28px";
             readonly bg: "#2d2d2d";
             readonly hoverBg: "#363636";
             readonly activeBg: "#005a9e";
@@ -107,29 +111,30 @@ declare const tokens: {
         };
         readonly toolbar: {
             readonly height: {
-                readonly sm: 32;
-                readonly md: 40;
+                readonly sm: "32px";
+                readonly md: "40px";
             };
             readonly bg: "#2d2d2d";
             readonly separator: "#4a4a4a";
         };
         readonly statusBar: {
-            readonly height: 22;
+            readonly height: "22px";
+            readonly heightMd: "26px";
             readonly bg: "#007acc";
             readonly text: "#ffffff";
         };
         readonly dock: {
-            readonly tabHeight: 28;
+            readonly tabHeight: "28px";
             readonly tabBg: "#2d2d2d";
             readonly tabActiveBg: "#1a1a1a";
             readonly tabHoverBg: "#363636";
             readonly tabText: "#cccccc";
             readonly tabActiveText: "#ffffff";
-            readonly splitterSize: 4;
+            readonly splitterSize: "4px";
             readonly splitterColor: "#4a4a4a";
             readonly splitterHoverColor: "#007acc";
             readonly borderBarBg: "#2d2d2d";
-            readonly borderBarSize: 28;
+            readonly borderBarSize: "28px";
             readonly dropOverlay: "rgba(0, 122, 204, 0.2)";
         };
     };
@@ -141,7 +146,7 @@ declare const tokens: {
         };
     };
 };
-type Tokens = typeof tokens;
+type DarkThemeValues = typeof darkThemeValues;
 
-export { tokens };
-export type { Tokens };
+export { darkThemeValues };
+export type { DarkThemeValues };

package/dist/types/types/common.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
-import { Theme } from '../theme/types.js';
 
-interface BaseComponent<T = HTMLDivElement> extends Omit<React.HTMLAttributes<T>, 'css'> {
+interface BaseComponent<T = HTMLDivElement> extends React.HTMLAttributes<T> {
     /** Unique identifier for the component */
     id?: string | undefined;
     /** Additional CSS class names */
@@ -10,12 +9,6 @@ interface BaseComponent<T = HTMLDivElement> extends Omit<React.HTMLAttributes<T>
     testId?: string;
     /** Custom inline styles */
     style?: React.CSSProperties | undefined;
-    /**
-     * Custom CSS styles included in styled-components
-     * This allows for more powerful styling with theme access
-     * Can be an object of CSS properties or a function that receives theme and returns CSS properties
-     */
-    css?: React.CSSProperties | ((theme: Theme) => React.CSSProperties) | undefined;
     ref?: React.Ref<T> | undefined;
 }
 type Size = 'sm' | 'md' | 'lg';

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

@@ -0,0 +1,11 @@
+/**
+ * Combines class names, filtering out falsy values.
+ * Replaces the need for clsx/classnames — keeps it minimal.
+ *
+ * @example
+ * cx('base', isActive && 'active', className)
+ * // -> 'base active user-class'
+ */
+declare function cx(...classes: (string | false | null | undefined)[]): string;
+
+export { cx };

package/package.json

@@ -1,8 +1,11 @@
 {
   "name": "entangle-ui",
-  "version": "0.3.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": [
@@ -69,54 +76,58 @@
     "url": "https://github.com/SebastianWebdev/entangle-ui/issues"
   },
   "peerDependencies": {
-    "@emotion/react": "^11.0.0",
-    "@emotion/styled": "^11.0.0",
+    "@base-ui/react": "^1.1.0",
+    "@floating-ui/react": "^0.27.17",
     "react": ">=19.1.0",
     "react-dom": ">=19.1.0"
   },
   "dependencies": {
-    "@base-ui-components/react": "^1.0.0-beta.0",
-    "@floating-ui/react": "^0.27.17"
+    "@vanilla-extract/dynamic": "^2.1.5",
+    "@vanilla-extract/recipes": "^0.5.7"
   },
   "devDependencies": {
     "@changesets/changelog-github": "^0.5.2",
     "@changesets/cli": "^2.29.8",
-    "@eslint/js": "^9.27.0",
+    "@eslint/js": "^9.39.2",
     "@rollup/plugin-alias": "^5.1.1",
+    "@rollup/plugin-commonjs": "^29.0.0",
     "@rollup/plugin-node-resolve": "^16.0.3",
-    "@rollup/plugin-typescript": "^12.1.2",
+    "@rollup/plugin-typescript": "^12.3.0",
     "@size-limit/preset-small-lib": "^12.0.0",
-    "@storybook/addon-docs": "^9.0.6",
-    "@storybook/addon-onboarding": "^9.0.6",
-    "@storybook/addon-themes": "^9.0.6",
-    "@storybook/react-vite": "^9.0.6",
-    "@testing-library/dom": "^10.4.0",
-    "@testing-library/jest-dom": "^6.6.3",
-    "@testing-library/react": "^16.3.0",
+    "@storybook/addon-docs": "^10.2.8",
+    "@storybook/addon-onboarding": "^10.2.8",
+    "@storybook/addon-themes": "^10.2.8",
+    "@storybook/react-vite": "^10.2.8",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",
-    "@types/react": "^19.1.5",
-    "@types/react-dom": "^19.1.5",
-    "@typescript-eslint/eslint-plugin": "^8.32.1",
-    "@typescript-eslint/parser": "^8.32.1",
+    "@types/react": "^19.2.13",
+    "@types/react-dom": "^19.2.3",
+    "@typescript-eslint/eslint-plugin": "^8.55.0",
+    "@typescript-eslint/parser": "^8.55.0",
+    "@vanilla-extract/css": "^1.18.0",
+    "@vanilla-extract/rollup-plugin": "^1.5.1",
+    "@vanilla-extract/vite-plugin": "^5.1.4",
     "@vitejs/plugin-react": "^4.5.0",
-    "@vitest/coverage-v8": "^3.1.4",
-    "@vitest/eslint-plugin": "^1.2.1",
-    "@vitest/ui": "^3.1.4",
-    "eslint": "^9.27.0",
-    "eslint-plugin-storybook": "^9.0.6",
-    "globals": "^16.2.0",
+    "@vitest/coverage-v8": "^3.2.4",
+    "@vitest/eslint-plugin": "^1.6.7",
+    "@vitest/ui": "^3.2.4",
+    "eslint": "^9.39.2",
+    "eslint-plugin-storybook": "^10.2.8",
+    "globals": "^16.5.0",
     "jsdom": "^26.1.0",
-    "prettier": "^3.5.3",
+    "prettier": "^3.8.1",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
-    "rollup": "^4.41.0",
-    "rollup-plugin-dts": "^6.2.1",
+    "rollup": "^4.57.1",
+    "rollup-plugin-dts": "^6.3.0",
     "rollup-plugin-preserve-directives": "^0.4.0",
     "size-limit": "^12.0.0",
-    "storybook": "^9.0.6",
-    "typescript": "^5.8.3",
+    "storybook": "^10.2.8",
+    "typescript": "^5.9.3",
     "vite": "^6.3.5",
-    "vitest": "^3.1.4"
+    "vitest": "^3.2.4"
   },
   "overrides": {}
 }

package/dist/esm/components/feedback/Dialog/Dialog.styled.js

@@ -1,80 +0,0 @@
-import styled from '@emotion/styled';
-import { keyframes } from '@emotion/react';
-import { processCss } from '../../../utils/styledUtils.js';
-
-// --- Constants ---
-const DIALOG_ANIMATION_MS = 200;
-const DIALOG_SIZE_MAP = {
-    sm: '360px',
-    md: '480px',
-    lg: '640px',
-    xl: '800px',
-    fullscreen: 'calc(100vw - 48px)',
-};
-// --- Animations ---
-const overlayFadeIn = keyframes `
-  from { opacity: 0; }
-  to { opacity: 1; }
-`;
-const overlayFadeOut = keyframes `
-  from { opacity: 1; }
-  to { opacity: 0; }
-`;
-const panelFadeIn = keyframes `
-  from {
-    opacity: 0;
-    transform: translate(-50%, -50%) scale(0.95);
-  }
-  to {
-    opacity: 1;
-    transform: translate(-50%, -50%) scale(1);
-  }
-`;
-const panelFadeOut = keyframes `
-  from {
-    opacity: 1;
-    transform: translate(-50%, -50%) scale(1);
-  }
-  to {
-    opacity: 0;
-    transform: translate(-50%, -50%) scale(0.95);
-  }
-`;
-// --- Styled Components ---
-const StyledOverlay = styled.div `
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background: ${props => props.theme.colors.backdrop};
-  backdrop-filter: blur(2px);
-  z-index: ${props => props.theme.zIndex.modal};
-  animation: ${props => (props.$closing ? overlayFadeOut : overlayFadeIn)} 150ms
-    ease-out forwards;
-`;
-const StyledDialogPanel = styled.div `
-  position: fixed;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  z-index: ${props => props.theme.zIndex.modal};
-  width: ${props => DIALOG_SIZE_MAP[props.$size]};
-  max-width: calc(100vw - 48px);
-  max-height: calc(100vh - 48px);
-  display: flex;
-  flex-direction: column;
-  background: ${props => props.theme.colors.background.primary};
-  border: 1px solid ${props => props.theme.colors.border.default};
-  border-radius: ${props => props.theme.borderRadius.lg}px;
-  box-shadow: ${props => props.theme.shadows.lg};
-  font-family: ${props => props.theme.typography.fontFamily.sans};
-  outline: none;
-  animation: ${props => (props.$closing ? panelFadeOut : panelFadeIn)}
-    ${DIALOG_ANIMATION_MS}ms ease-out forwards;
-
-  ${props => processCss(props.$css, props.theme)}
-`;
-
-export { DIALOG_ANIMATION_MS, DIALOG_SIZE_MAP, StyledDialogPanel, StyledOverlay };
-//# sourceMappingURL=Dialog.styled.js.map

package/dist/esm/components/feedback/Dialog/Dialog.styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Dialog.styled.js","sources":["../../../../../../src/components/feedback/Dialog/Dialog.styled.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;AAKA;AAEO,MAAM,mBAAmB,GAAG;AAEtB,MAAA,eAAe,GAA+B;AACzD,IAAA,EAAE,EAAE,OAAO;AACX,IAAA,EAAE,EAAE,OAAO;AACX,IAAA,EAAE,EAAE,OAAO;AACX,IAAA,EAAE,EAAE,OAAO;AACX,IAAA,UAAU,EAAE,oBAAoB;;AAGlC;AAEA,MAAM,aAAa,GAAG,SAAS,CAAA;;;CAG9B;AAED,MAAM,cAAc,GAAG,SAAS,CAAA;;;CAG/B;AAED,MAAM,WAAW,GAAG,SAAS,CAAA;;;;;;;;;CAS5B;AAED,MAAM,YAAY,GAAG,SAAS,CAAA;;;;;;;;;CAS7B;AAED;AAEa,MAAA,aAAa,GAAG,MAAM,CAAC,GAAG,CAErC;;;;;;gBAMc,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAA;;aAEvC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAA;AAC/B,aAAA,EAAA,KAAK,KAAK,KAAK,CAAC,QAAQ,GAAG,cAAc,GAAG,aAAa,CAAC,CAAA;;;AAI5D,MAAA,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAIzC;;;;;aAKW,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAA;WACnC,KAAK,IAAI,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;;;;;gBAKhC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,OAAO,CAAA;sBACxC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAA;mBAC7C,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE,CAAA;gBACvC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAA;iBAC9B,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,IAAI,CAAA;;AAEjD,aAAA,EAAA,KAAK,KAAK,KAAK,CAAC,QAAQ,GAAG,YAAY,GAAG,WAAW,CAAC;MAC/D,mBAAmB,CAAA;;AAErB,EAAA,EAAA,KAAK,IAAI,UAAU,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC;;;;;"}

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

@@ -1,83 +0,0 @@
-import { Menu } from '@base-ui-components/react/menu';
-import styled from '@emotion/styled';
-
-const StyledMenuContent = styled(Menu.Popup) `
-  min-width: 200px;
-  background: ${props => props.theme.colors.background.elevated};
-  border: 1px solid ${props => props.theme.colors.border.default};
-  border-radius: ${props => props.theme.borderRadius.md}px;
-  box-shadow: ${props => props.theme.shadows.md};
-  padding: ${props => props.theme.spacing.sm}px;
-  z-index: ${props => props.theme.zIndex.dropdown};
-  outline: none;
-`;
-/** Shared styles for interactive menu items */
-const interactiveItemStyles = (props) => `
-  display: flex;
-  align-items: center;
-  padding: ${props.theme.spacing.sm}px;
-  border-radius: ${props.theme.borderRadius.sm}px;
-  cursor: pointer;
-  user-select: none;
-  outline: none;
-
-  color: ${props.disabled
-    ? props.theme.colors.text.disabled
-    : props.theme.colors.text.primary};
-
-  ${props.disabled
-    ? `
-    cursor: not-allowed;
-    pointer-events: none;
-  `
-    : ''}
-
-  &[data-highlighted] {
-    background: ${props.theme.colors.surface.hover};
-  }
-`;
-const StyledMenuItem = styled(Menu.Item) `
-  ${props => interactiveItemStyles(props)}
-`;
-const StyledRadioItem = styled(Menu.RadioItem) `
-  ${props => interactiveItemStyles(props)}
-`;
-const StyledCheckboxItem = styled(Menu.CheckboxItem) `
-  ${props => interactiveItemStyles(props)}
-`;
-const StyledMenuItemContent = styled.div `
-  display: flex;
-  align-items: center;
-  gap: ${props => props.theme.spacing.sm}px;
-  flex: 1;
-  min-height: 20px;
-`;
-const StyledIconContainer = styled.div `
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 16px;
-  height: 16px;
-  flex-shrink: 0;
-`;
-const StyledIcon = styled.div `
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  visibility: ${props => (props.$visible ? 'visible' : 'hidden')};
-`;
-const StyledChevronIcon = styled.div `
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-left: ${props => props.theme.spacing.sm}px;
-  transform: rotate(90deg);
-  color: ${props => props.theme.colors.text.muted};
-`;
-const StyledSeparator = styled(Menu.Separator) `
-  margin: ${props => props.theme.spacing.xs}px 0;
-  border-top: 1px solid ${props => props.theme.colors.border.default};
-`;
-
-export { StyledCheckboxItem, StyledChevronIcon, StyledIcon, StyledIconContainer, StyledMenuContent, StyledMenuItem, StyledMenuItemContent, StyledRadioItem, StyledSeparator };
-//# sourceMappingURL=Menu.styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Menu.styled.js","sources":["../../../../../../src/components/navigation/Menu/Menu.styled.ts"],"sourcesContent":[null],"names":["BaseMenu"],"mappings":";;;AAmBa,MAAA,iBAAiB,GAAG,MAAM,CAACA,IAAQ,CAAC,KAAK,CAAC,CAAmB;;gBAE1D,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,QAAQ,CAAA;sBACzC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAA;mBAC7C,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE,CAAA;gBACvC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAA;aAClC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAA;aAC/B,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAA;;;AAIjD;AACA,MAAM,qBAAqB,GAAG,CAC5B,KAA6C,KAC1C;;;AAGQ,WAAA,EAAA,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAA;AAChB,iBAAA,EAAA,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE,CAAA;;;;;AAM1C,SAAA,EAAA,KAAK,CAAC;MACF,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC;MACxB,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAC9B,CAAA;;AAGE,EAAA,EAAA,KAAK,CAAC;AACJ,MAAE;;;AAGL,EAAA;AACG,MAAE,EACN;;;AAGgB,gBAAA,EAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAA;;CAEjD;AAEY,MAAA,cAAc,GAAG,MAAM,CAACA,IAAQ,CAAC,IAAI,CAAC,CAElD;AACG,EAAA,EAAA,KAAK,IACL,qBAAqB,CAAC,KAA+C,CAAC;;AAG7D,MAAA,eAAe,GAAG,MAAM,CAACA,IAAQ,CAAC,SAAS,CAAC,CAExD;AACG,EAAA,EAAA,KAAK,IACL,qBAAqB,CAAC,KAA+C,CAAC;;AAG7D,MAAA,kBAAkB,GAAG,MAAM,CAACA,IAAQ,CAAC,YAAY,CAAC,CAE9D;AACG,EAAA,EAAA,KAAK,IACL,qBAAqB,CAAC,KAA+C,CAAC;;AAG7D,MAAA,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAAA;;;SAGtC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAA;;;;AAK3B,MAAA,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAmB;;;;;;;;AASnD,MAAA,UAAU,GAAG,MAAM,CAAC,GAAG,CAAiB;;;;AAIrC,cAAA,EAAA,KAAK,KAAK,KAAK,CAAC,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC,CAAA;;AAGnD,MAAA,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAmB;;;;iBAI7C,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAA;;WAErC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAA;;AAGpC,MAAA,eAAe,GAAG,MAAM,CAACA,IAAQ,CAAC,SAAS,CAAC,CAAmB;YAChE,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAA;0BACjB,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAA;;;;;"}

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

@@ -1,17 +0,0 @@
-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":["_jsx"],"mappings":";;;;AAgBa,MAAA,UAAU,iBAAiB,UAAU,CAGhD,CAAC,EAAE,SAAS,EAAE,QAAQ,GAAG,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;IAC7D,QACEA,gBACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE;;QAEX,wBAAwB;;AAExB,QAAA,4BAA4B,EAC5B,oBAAoB;;AAEpB,QAAA,QAAQ,IAAI,oBAAoB,EAChC,SAAS,CACV,EACD,QAAQ,EAAE,QAAQ,KACd,KAAK,EAAA,QAAA,EAER,QAAQ,EAAA,CACF;AAEb,CAAC;AAED,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}

package/dist/esm/theme/createTheme.js

@@ -1,10 +0,0 @@
-import { tokens } from './tokens.js';
-import { mergeDeep } from '../utils/objects.js';
-
-// src/theme/createTheme.ts
-const createTheme = (customTokens) => {
-    return customTokens ? mergeDeep(tokens, customTokens) : tokens;
-};
-
-export { createTheme };
-//# sourceMappingURL=createTheme.js.map

package/dist/esm/theme/createTheme.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"createTheme.js","sources":["../../../../src/theme/createTheme.ts"],"sourcesContent":[null],"names":["defaultTokens"],"mappings":";;;AAAA;AAKa,MAAA,WAAW,GAAG,CAAC,YAAiC,KAAW;AACtE,IAAA,OAAO,YAAY,GAAG,SAAS,CAACA,MAAa,EAAE,YAAY,CAAC,GAAGA,MAAa;AAC9E;;;;"}

package/dist/esm/theme/tokens.js

@@ -1,144 +0,0 @@
-// src/theme/tokens.ts
-const tokens = {
-    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: 2,
-        sm: 4,
-        md: 8,
-        lg: 12,
-        xl: 16,
-        xxl: 24,
-        xxxl: 32,
-    },
-    typography: {
-        fontSize: {
-            xxs: 9,
-            xs: 10,
-            sm: 11,
-            md: 12,
-            lg: 14,
-            xl: 16,
-        },
-        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: 0,
-        sm: 2,
-        md: 4,
-        lg: 6,
-    },
-    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: 28,
-            bg: '#2d2d2d', // colors.surface.default
-            hoverBg: '#363636', // colors.surface.hover
-            activeBg: '#005a9e', // colors.accent.secondary
-            text: '#ffffff', // colors.text.primary
-            shortcutText: '#888888', // colors.text.muted
-        },
-        toolbar: {
-            height: { sm: 32, md: 40 },
-            bg: '#2d2d2d', // colors.surface.default
-            separator: '#4a4a4a', // colors.border.default
-        },
-        statusBar: {
-            height: 22,
-            bg: '#007acc', // colors.accent.primary
-            text: '#ffffff', // colors.text.primary
-        },
-        dock: {
-            tabHeight: 28,
-            tabBg: '#2d2d2d', // colors.surface.default
-            tabActiveBg: '#1a1a1a', // colors.background.primary
-            tabHoverBg: '#363636', // colors.surface.hover
-            tabText: '#cccccc', // colors.text.secondary
-            tabActiveText: '#ffffff', // colors.text.primary
-            splitterSize: 4,
-            splitterColor: '#4a4a4a', // colors.border.default
-            splitterHoverColor: '#007acc', // colors.accent.primary
-            borderBarBg: '#2d2d2d', // colors.surface.default
-            borderBarSize: 28,
-            dropOverlay: 'rgba(0, 122, 204, 0.2)', // colors.accent.primary with alpha
-        },
-    },
-    storybook: {
-        canvas: {
-            gradientStart: '#061f21',
-            gradientMid: '#031a1a',
-            gradientEnd: '#091010',
-        },
-    },
-};
-
-export { tokens };
-//# sourceMappingURL=tokens.js.map

package/dist/esm/theme/tokens.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tokens.js","sources":["../../../../src/theme/tokens.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/esm/utils/cn.js

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