entangle-ui 0.2.0 → 0.3.0

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

@@ -0,0 +1,59 @@
+import { ReactNode } from 'react';
+import { BaseComponent } from '../../../types/common.js';
+import { Prettify } from '../../../types/utilities.js';
+
+type ToolbarOrientation = 'horizontal' | 'vertical';
+type ToolbarSize = 'sm' | 'md';
+type ToolbarButtonVariant = 'default' | 'ghost' | 'filled';
+interface ToolbarBaseProps extends BaseComponent<HTMLDivElement> {
+    /** Orientation of the toolbar */
+    $orientation?: ToolbarOrientation;
+    /** Size of toolbar items */
+    $size?: ToolbarSize;
+    /** Children (Toolbar.Button, Toolbar.Group, Toolbar.Separator, etc.) */
+    children?: ReactNode;
+    /** ARIA label for the toolbar */
+    'aria-label'?: string;
+}
+type ToolbarProps = Prettify<ToolbarBaseProps>;
+interface ToolbarButtonBaseProps extends Omit<BaseComponent<HTMLButtonElement>, 'onClick'> {
+    /** Click handler */
+    onClick?: () => void;
+    /** Icon to display */
+    icon?: ReactNode;
+    /** Label text (visually hidden if icon provided) */
+    children?: ReactNode;
+    /** Tooltip text */
+    tooltip?: string;
+    /** Visual variant */
+    $variant?: ToolbarButtonVariant;
+    /** Disabled state */
+    disabled?: boolean;
+}
+type ToolbarButtonProps = Prettify<ToolbarButtonBaseProps>;
+interface ToolbarToggleBaseProps extends BaseComponent<HTMLButtonElement> {
+    /** Whether the toggle is pressed */
+    pressed: boolean;
+    /** Called when the pressed state changes */
+    onPressedChange: (pressed: boolean) => void;
+    /** Icon to display */
+    icon?: ReactNode;
+    /** Label text */
+    children?: ReactNode;
+    /** Tooltip text */
+    tooltip?: string;
+    /** Disabled state */
+    disabled?: boolean;
+}
+type ToolbarToggleProps = Prettify<ToolbarToggleBaseProps>;
+interface ToolbarGroupBaseProps extends BaseComponent<HTMLDivElement> {
+    /** Group label for accessibility */
+    'aria-label'?: string;
+    /** Children (Toolbar.Button, Toolbar.Toggle) */
+    children?: ReactNode;
+}
+type ToolbarGroupProps = Prettify<ToolbarGroupBaseProps>;
+type ToolbarSeparatorProps = Prettify<BaseComponent<HTMLDivElement>>;
+type ToolbarSpacerProps = Prettify<BaseComponent<HTMLDivElement>>;
+
+export type { ToolbarBaseProps, ToolbarButtonBaseProps, ToolbarButtonProps, ToolbarButtonVariant, ToolbarGroupBaseProps, ToolbarGroupProps, ToolbarOrientation, ToolbarProps, ToolbarSeparatorProps, ToolbarSize, ToolbarSpacerProps, ToolbarToggleBaseProps, ToolbarToggleProps };

package/dist/types/index.d.ts

@@ -0,0 +1,101 @@
+export { Tokens, tokens } from './theme/tokens.js';
+export { ThemeProvider } from './theme/ThemeProvider.js';
+export { createTheme } from './theme/createTheme.js';
+export { Theme } from './theme/types.js';
+export { Accordion } from './components/layout/Accordion/Accordion.js';
+export { AccordionItem } from './components/layout/Accordion/AccordionItem.js';
+export { AccordionTrigger } from './components/layout/Accordion/AccordionTrigger.js';
+export { AccordionContent } from './components/layout/Accordion/AccordionContent.js';
+export { AccordionContentProps, AccordionItemProps, AccordionProps, AccordionSize, AccordionTriggerProps, AccordionVariant } from './components/layout/Accordion/Accordion.types.js';
+export { Flex, FlexAlign, FlexAlignContent, FlexDirection, FlexJustify, FlexProps, FlexSpacing, FlexWrap } from './components/layout/Flex/Flex.js';
+export { Grid, GridProps, GridSize, GridSpacing } from './components/layout/Grid/Grid.js';
+export { PanelSurface } from './components/layout/PanelSurface/PanelSurface.js';
+export { PanelSurfaceBodyProps, PanelSurfaceFooterProps, PanelSurfaceHeaderProps, PanelSurfaceProps, PanelSurfaceSize } from './components/layout/PanelSurface/PanelSurface.types.js';
+export { ScrollArea } from './components/layout/ScrollArea/ScrollArea.js';
+export { ScrollAreaDirection, ScrollAreaProps, ScrollbarVisibility } from './components/layout/ScrollArea/ScrollArea.types.js';
+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 { PanelConfig, PanelSize, SplitDirection, SplitPanePanelProps, SplitPaneProps } from './components/layout/SplitPane/SplitPane.types.js';
+export { Stack } from './components/layout/Stack/Stack.js';
+export { Button, ButtonProps, ButtonSize, ButtonVariant } from './components/primitives/Button/Button.js';
+export { Checkbox } from './components/primitives/Checkbox/Checkbox.js';
+export { CheckboxGroup } from './components/primitives/Checkbox/CheckboxGroup.js';
+export { CheckboxGroupProps, CheckboxProps, CheckboxSize, CheckboxVariant } from './components/primitives/Checkbox/Checkbox.types.js';
+export { Collapsible } from './components/primitives/Collapsible/Collapsible.js';
+export { CollapsibleProps, CollapsibleSize } from './components/primitives/Collapsible/Collapsible.types.js';
+export { Icon, IconProps, IconSize } from './components/primitives/Icon/Icon.js';
+export { IconButton } from './components/primitives/IconButton/IconButton.js';
+export { Input, InputProps, InputSize } from './components/primitives/Input/Input.js';
+export { Paper, PaperElevation, PaperNestLevel, PaperProps, PaperSpacing } from './components/primitives/Paper/Paper.js';
+export { Popover } from './components/primitives/Popover/Popover.js';
+export { PopoverClose } from './components/primitives/Popover/PopoverClose.js';
+export { PopoverContent } from './components/primitives/Popover/PopoverContent.js';
+export { PopoverTrigger } from './components/primitives/Popover/PopoverTrigger.js';
+export { PopoverCloseProps, PopoverContentProps, PopoverPlacement, PopoverProps, PopoverTriggerProps } from './components/primitives/Popover/Popover.types.js';
+export { Switch, SwitchProps, SwitchSize } from './components/primitives/Switch/Switch.js';
+export { Text, TextAlign, TextColor, TextElement, TextLineHeight, TextProps, TextSize, TextVariant, TextWeight } from './components/primitives/Text/Text.js';
+export { Tooltip, TooltipProps } from './components/primitives/Tooltip/Tooltip.js';
+export { CollisionAvoidance, TooltipCollisionConfig, TooltipCollisionStrategy, TooltipPlacement } from './components/primitives/Tooltip/types.js';
+export { ColorPicker } from './components/controls/ColorPicker/ColorPicker.js';
+export { ColorSwatch } from './components/controls/ColorPicker/ColorSwatch.js';
+export { EyeDropper, EyeDropperProps } from './components/controls/ColorPicker/EyeDropper.js';
+export { ColorPalette, ColorPaletteProps } from './components/controls/ColorPicker/ColorPalette.js';
+export { MATERIAL_PALETTE, Palette, PaletteColor, PaletteShade } from './components/controls/ColorPicker/palettes/material.js';
+export { TAILWIND_PALETTE } from './components/controls/ColorPicker/palettes/tailwind.js';
+export { EARTH_PALETTE, MONOCHROME_PALETTE, NEON_PALETTE, PASTEL_PALETTE, PROFESSIONAL_PALETTES, SKIN_TONES_PALETTE, VINTAGE_PALETTE } from './components/controls/ColorPicker/palettes/professional.js';
+export { ColorFormat, ColorInputMode, ColorPickerProps, ColorPickerSize, ColorPreset, ColorSwatchPublicProps as ColorSwatchProps } from './components/controls/ColorPicker/ColorPicker.types.js';
+export { NumberInput, NumberInputProps } from './components/controls/NumberInput/NumberInput.js';
+export { Select } from './components/controls/Select/Select.js';
+export { SelectOptionGroup, SelectOptionItem, SelectProps, SelectSize, SelectVariant } from './components/controls/Select/Select.types.js';
+export { Slider, SliderProps } from './components/controls/Slider/Slider.js';
+export { VectorInput } from './components/controls/VectorInput/VectorInput.js';
+export { VectorColorPreset, VectorDimension, VectorInputProps, VectorInputSize, VectorLabelPreset } from './components/controls/VectorInput/VectorInput.types.js';
+export { TreeView } from './components/controls/TreeView/TreeView.js';
+export { TreeNodeData, TreeNodeState, TreeSelectionMode, TreeViewProps, TreeViewSize } from './components/controls/TreeView/TreeView.types.js';
+export { CurveEditor } from './components/controls/CurveEditor/CurveEditor.js';
+export { CurveBackgroundInfo, CurveBottomBarInfo, CurveData, CurveEditorProps, CurveEditorSize, CurveKeyframe, CurvePreset, TangentMode } from './components/controls/CurveEditor/CurveEditor.types.js';
+export { createLinearCurve, domainToCanvas, evaluateCurve, sampleCurve } from './components/controls/CurveEditor/curveUtils.js';
+export { CURVE_PRESETS } from './components/controls/CurveEditor/curvePresets.js';
+export { ContextMenu } from './components/navigation/ContextMenu/ContextMenu.js';
+export { useContextMenuTarget } from './components/navigation/ContextMenu/useContextMenuTarget.js';
+export { ContextMenuBaseProps, ContextMenuConfig, ContextMenuProps, ContextMenuTargetDetails, UseContextMenuTargetResult } from './components/navigation/ContextMenu/ContextMenu.types.js';
+export { Menu } from './components/navigation/Menu/Menu.js';
+export { useMenu } from './components/navigation/Menu/useMenu.js';
+export { ItemSelectionType, MenuBaseProps, MenuConfig, MenuGroup, MenuItem, MenuProps, MenuSelection, SubmenuTrigger } from './components/navigation/Menu/Menu.types.js';
+export { Tabs } from './components/navigation/Tabs/Tabs.js';
+export { TabList } from './components/navigation/Tabs/TabList.js';
+export { Tab } from './components/navigation/Tabs/Tab.js';
+export { TabPanel } from './components/navigation/Tabs/TabPanel.js';
+export { TabListProps, TabPanelProps, TabProps, TabsProps, TabsSize, TabsVariant } from './components/navigation/Tabs/Tabs.types.js';
+export { FormLabel, FormLabelProps } from './components/form/FormLabel.js';
+export { FormHelperText, FormHelperTextProps } from './components/form/FormHelperText.js';
+export { InputWrapper, InputWrapperProps } from './components/form/InputWrapper.js';
+export { Dialog } from './components/feedback/Dialog/Dialog.js';
+export { DialogHeader } from './components/feedback/Dialog/DialogHeader.js';
+export { DialogBody } from './components/feedback/Dialog/DialogBody.js';
+export { DialogFooter } from './components/feedback/Dialog/DialogFooter.js';
+export { DialogClose } from './components/feedback/Dialog/DialogClose.js';
+export { DialogBodyProps, DialogFooterProps, DialogHeaderProps, DialogProps, DialogSize } from './components/feedback/Dialog/Dialog.types.js';
+export { ToastProvider } from './components/feedback/Toast/ToastProvider.js';
+export { useToast } from './components/feedback/Toast/useToast.js';
+export { ToastData, ToastPosition, ToastProviderProps, ToastSeverity, UseToastReturn } from './components/feedback/Toast/Toast.types.js';
+export { PropertyPanel } from './components/editor/PropertyInspector/PropertyPanel.js';
+export { PropertySection } from './components/editor/PropertyInspector/PropertySection.js';
+export { PropertyRow } from './components/editor/PropertyInspector/PropertyRow.js';
+export { PropertyGroup } from './components/editor/PropertyInspector/PropertyGroup.js';
+export { usePropertyUndo } from './components/editor/PropertyInspector/usePropertyUndo.js';
+export { PropertyGroupProps, PropertyInspectorSize, PropertyPanelProps, PropertyRowProps, PropertySectionProps, PropertyUndoEntry, UsePropertyUndoOptions, UsePropertyUndoReturn } from './components/editor/PropertyInspector/PropertyInspector.types.js';
+export { AppShell, useAppShell } from './components/shell/AppShell/AppShell.js';
+export { AppShellContextValue, AppShellProps, AppShellSlotProps, AppShellToolbarSlotProps, ToolbarPosition } from './components/shell/AppShell/AppShell.types.js';
+export { FloatingManager, FloatingPanel } from './components/shell/FloatingPanel/FloatingPanel.js';
+export { FloatingManagerProps, FloatingPanelProps, FloatingPanelSize, Position } from './components/shell/FloatingPanel/FloatingPanel.types.js';
+export { MenuBar } from './components/shell/MenuBar/MenuBar.js';
+export { MenuBarItemProps, MenuBarMenuProps, MenuBarProps, MenuBarSeparatorProps, MenuBarSize, MenuBarSubProps } from './components/shell/MenuBar/MenuBar.types.js';
+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 { BaseComponent, Size, Variant } from './types/common.js';
+export { Brand, DeepPartial, DeepReadonly, KeyOf, LiteralUnion, NonEmptyArray, Prettify, RequireFields, StrictExclude, ValueOf } from './types/utilities.js';
+export { cn } from './utils/cn.js';

package/dist/types/palettes.d.ts

@@ -0,0 +1,3 @@
+export { MATERIAL_PALETTE, Palette, PaletteColor, PaletteShade } from './components/controls/ColorPicker/palettes/material.js';
+export { TAILWIND_PALETTE } from './components/controls/ColorPicker/palettes/tailwind.js';
+export { EARTH_PALETTE, MONOCHROME_PALETTE, NEON_PALETTE, PASTEL_PALETTE, PROFESSIONAL_PALETTES, SKIN_TONES_PALETTE, VINTAGE_PALETTE } from './components/controls/ColorPicker/palettes/professional.js';

package/dist/types/theme/ThemeProvider.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Theme } from './types.js';
+
+interface ThemeProviderProps {
+    children: React.ReactNode;
+    theme?: Partial<Theme>;
+}
+declare const ThemeProvider: React.FC<ThemeProviderProps>;
+
+export { ThemeProvider };
+export type { ThemeProviderProps };

package/dist/types/theme/createTheme.d.ts

@@ -0,0 +1,6 @@
+import { Theme } from './types.js';
+import { DeepPartial } from '../types/utilities.js';
+
+declare const createTheme: (customTokens?: DeepPartial<Theme>) => Theme;
+
+export { createTheme };

package/dist/types/theme/tokens.d.ts

@@ -0,0 +1,147 @@
+declare const tokens: {
+    readonly colors: {
+        readonly background: {
+            readonly primary: "#1a1a1a";
+            readonly secondary: "#2d2d2d";
+            readonly tertiary: "#3a3a3a";
+            readonly elevated: "#404040";
+        };
+        readonly surface: {
+            readonly default: "#2d2d2d";
+            readonly hover: "#363636";
+            readonly active: "#404040";
+            readonly disabled: "#1f1f1f";
+            readonly whiteOverlay: "rgba(255, 255, 255, 0.1)";
+        };
+        readonly border: {
+            readonly default: "#4a4a4a";
+            readonly focus: "#007acc";
+            readonly error: "#f44336";
+            readonly success: "#4caf50";
+        };
+        readonly text: {
+            readonly primary: "#ffffff";
+            readonly secondary: "#cccccc";
+            readonly muted: "#888888";
+            readonly disabled: "#555555";
+        };
+        readonly accent: {
+            readonly primary: "#007acc";
+            readonly secondary: "#005a9e";
+            readonly success: "#4caf50";
+            readonly warning: "#ff9800";
+            readonly error: "#f44336";
+        };
+        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 typography: {
+        readonly fontSize: {
+            readonly xxs: 9;
+            readonly xs: 10;
+            readonly sm: 11;
+            readonly md: 12;
+            readonly lg: 14;
+            readonly xl: 16;
+        };
+        readonly fontWeight: {
+            readonly normal: 400;
+            readonly medium: 500;
+            readonly semibold: 600;
+        };
+        readonly lineHeight: {
+            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";
+            readonly sans: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif";
+        };
+    };
+    readonly borderRadius: {
+        readonly none: 0;
+        readonly sm: 2;
+        readonly md: 4;
+        readonly lg: 6;
+    };
+    readonly shadows: {
+        readonly sm: "0 1px 2px rgba(0, 0, 0, 0.2)";
+        readonly md: "0 2px 4px rgba(0, 0, 0, 0.3)";
+        readonly lg: "0 4px 8px rgba(0, 0, 0, 0.4)";
+        readonly xl: "0 8px 16px rgba(0, 0, 0, 0.5)";
+        readonly focus: "0 0 0 2px rgba(0, 122, 204, 0.4)";
+        readonly separatorBottom: "0 1px 2px rgba(0, 0, 0, 0.18)";
+        readonly separatorRight: "1px 0 2px rgba(0, 0, 0, 0.18)";
+        readonly separatorLeft: "-1px 0 2px rgba(0, 0, 0, 0.18)";
+        readonly thumb: "0 0 2px rgba(0, 0, 0, 0.5)";
+    };
+    readonly transitions: {
+        readonly fast: "100ms ease-out";
+        readonly normal: "200ms ease-out";
+        readonly slow: "300ms ease-out";
+    };
+    readonly zIndex: {
+        readonly base: 1;
+        readonly dropdown: 1000;
+        readonly popover: 1000;
+        readonly tooltip: 1000;
+        readonly modal: 1100;
+    };
+    readonly shell: {
+        readonly menuBar: {
+            readonly height: 28;
+            readonly bg: "#2d2d2d";
+            readonly hoverBg: "#363636";
+            readonly activeBg: "#005a9e";
+            readonly text: "#ffffff";
+            readonly shortcutText: "#888888";
+        };
+        readonly toolbar: {
+            readonly height: {
+                readonly sm: 32;
+                readonly md: 40;
+            };
+            readonly bg: "#2d2d2d";
+            readonly separator: "#4a4a4a";
+        };
+        readonly statusBar: {
+            readonly height: 22;
+            readonly bg: "#007acc";
+            readonly text: "#ffffff";
+        };
+        readonly dock: {
+            readonly tabHeight: 28;
+            readonly tabBg: "#2d2d2d";
+            readonly tabActiveBg: "#1a1a1a";
+            readonly tabHoverBg: "#363636";
+            readonly tabText: "#cccccc";
+            readonly tabActiveText: "#ffffff";
+            readonly splitterSize: 4;
+            readonly splitterColor: "#4a4a4a";
+            readonly splitterHoverColor: "#007acc";
+            readonly borderBarBg: "#2d2d2d";
+            readonly borderBarSize: 28;
+            readonly dropOverlay: "rgba(0, 122, 204, 0.2)";
+        };
+    };
+    readonly storybook: {
+        readonly canvas: {
+            readonly gradientStart: "#061f21";
+            readonly gradientMid: "#031a1a";
+            readonly gradientEnd: "#091010";
+        };
+    };
+};
+type Tokens = typeof tokens;
+
+export { tokens };
+export type { Tokens };

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

@@ -0,0 +1,7 @@
+import { Tokens } from './tokens.js';
+import { Prettify } from '../types/utilities.js';
+export { DeepPartial } from '../types/utilities.js';
+
+type Theme = Prettify<Tokens>;
+
+export type { Theme };

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

@@ -0,0 +1,24 @@
+import React from 'react';
+import { Theme } from '../theme/types.js';
+
+interface BaseComponent<T = HTMLDivElement> extends Omit<React.HTMLAttributes<T>, 'css'> {
+    /** Unique identifier for the component */
+    id?: string | undefined;
+    /** Additional CSS class names */
+    className?: string | undefined;
+    /** Test identifier for automated testing */
+    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';
+type Variant = 'default' | 'ghost' | 'filled';
+
+export type { BaseComponent, Size, Variant };

package/dist/types/types/utilities.d.ts

@@ -0,0 +1,72 @@
+/**
+ * Makes complex intersection types readable by flattening them
+ * @example
+ * type Complex = { a: string } & { b: number } & { c: boolean }
+ * type Pretty = Prettify<Complex> // { a: string; b: number; c: boolean }
+ */
+type Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+/**
+ * Allows autocomplete for union values while still accepting any string
+ * @example
+ * type Colors = LiteralUnion<'red' | 'blue' | 'green', string>
+ * // Shows autocomplete for 'red', 'blue', 'green' but accepts any string
+ */
+type LiteralUnion<T extends U, U = string> = T | (U & Record<never, never>);
+/**
+ * Makes all properties optional recursively
+ */
+type DeepPartial<T> = {
+    [P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P];
+};
+/**
+ * Extracts the value type from a record/object
+ * @example
+ * type Colors = { red: '#ff0000', blue: '#0000ff' }
+ * type ColorValue = ValueOf<Colors> // '#ff0000' | '#0000ff'
+ */
+type ValueOf<T> = T[keyof T];
+/**
+ * Creates a union from object keys
+ * @example
+ * type Sizes = { sm: 1, md: 2, lg: 3 }
+ * type SizeKey = KeyOf<Sizes> // 'sm' | 'md' | 'lg'
+ */
+type KeyOf<T> = keyof T;
+/**
+ * Makes specific properties required
+ * @example
+ * type User = { name?: string; age?: number; email?: string }
+ * type UserWithName = RequireFields<User, 'name'> // { name: string; age?: number; email?: string }
+ */
+type RequireFields<T, K extends keyof T> = Prettify<T & Required<Pick<T, K>>>;
+/**
+ * Strict exclude that shows what was excluded
+ * @example
+ * type Colors = 'red' | 'blue' | 'green'
+ * type WarmColors = StrictExclude<Colors, 'blue'> // 'red' | 'green'
+ */
+type StrictExclude<T, U extends T> = Exclude<T, U>;
+/**
+ * Creates a branded type for better type safety
+ * @example
+ * type UserId = Brand<string, 'UserId'>
+ * type ProductId = Brand<string, 'ProductId'>
+ * // UserId and ProductId are not assignable to each other
+ */
+type Brand<T, B> = T & {
+    __brand: B;
+};
+/**
+ * Recursive readonly type
+ */
+type DeepReadonly<T> = {
+    readonly [P in keyof T]: T[P] extends object ? DeepReadonly<T[P]> : T[P];
+};
+/**
+ * Non-empty array type
+ */
+type NonEmptyArray<T> = [T, ...T[]];
+
+export type { Brand, DeepPartial, DeepReadonly, KeyOf, LiteralUnion, NonEmptyArray, Prettify, RequireFields, StrictExclude, ValueOf };

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

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

package/package.json

@@ -1,11 +1,23 @@
 {
   "name": "entangle-ui",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "type": "module",
+  "sideEffects": false,
   "description": "A specialized React component library for building professional editor interfaces",
-  "main": "dist/index.js",
-  "module": "dist/index.esm.js",
-  "types": "dist/index.d.ts",
+  "main": "dist/esm/index.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "default": "./dist/esm/index.js"
+    },
+    "./palettes": {
+      "types": "./dist/types/palettes.d.ts",
+      "default": "./dist/esm/palettes.js"
+    },
+    "./package.json": "./package.json"
+  },
   "files": [
     "dist",
     "README.md",
@@ -32,7 +44,8 @@
     "storybook": "storybook dev -p 6006",
     "changeset": "changeset",
     "version-packages": "changeset version",
-    "release": "changeset publish"
+    "release": "changeset publish",
+    "size": "size-limit"
   },
   "keywords": [
     "react",
@@ -63,15 +76,16 @@
   },
   "dependencies": {
     "@base-ui-components/react": "^1.0.0-beta.0",
-    "@emotion/react": "^11.0.0",
-    "@emotion/styled": "^11.0.0"
+    "@floating-ui/react": "^0.27.17"
   },
   "devDependencies": {
     "@changesets/changelog-github": "^0.5.2",
     "@changesets/cli": "^2.29.8",
     "@eslint/js": "^9.27.0",
     "@rollup/plugin-alias": "^5.1.1",
+    "@rollup/plugin-node-resolve": "^16.0.3",
     "@rollup/plugin-typescript": "^12.1.2",
+    "@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",
@@ -97,6 +111,8 @@
     "react-dom": "^19.1.0",
     "rollup": "^4.41.0",
     "rollup-plugin-dts": "^6.2.1",
+    "rollup-plugin-preserve-directives": "^0.4.0",
+    "size-limit": "^12.0.0",
     "storybook": "^9.0.6",
     "typescript": "^5.8.3",
     "vite": "^6.3.5",

package/dist/index.d.ts

@@ -1,12 +0,0 @@
-export { Theme, ThemeProvider, Tokens, createTheme, tokens } from '@/theme';
-export { Accordion, AccordionContent, AccordionContentProps, AccordionItem, AccordionItemProps, AccordionProps, AccordionSize, AccordionTrigger, AccordionTriggerProps, AccordionVariant, Flex, FlexAlign, FlexAlignContent, FlexDirection, FlexJustify, FlexProps, FlexSpacing, FlexWrap, Grid, GridProps, GridSize, GridSpacing, PanelConfig, PanelSize, PanelSurface, PanelSurfaceBodyProps, PanelSurfaceFooterProps, PanelSurfaceHeaderProps, PanelSurfaceProps, PanelSurfaceSize, ScrollArea, ScrollAreaDirection, ScrollAreaProps, ScrollbarVisibility, Spacer, SplitDirection, SplitPane, SplitPanePanel, SplitPanePanelProps, SplitPaneProps, Stack } from '@/components/layout';
-export { Button, ButtonProps, ButtonSize, ButtonVariant, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, CheckboxSize, CheckboxVariant, Collapsible, CollapsibleProps, CollapsibleSize, CollisionAvoidance, Icon, IconButton, IconProps, IconSize, Input, InputProps, InputSize, Paper, PaperElevation, PaperNestLevel, PaperProps, PaperSpacing, Popover, PopoverClose, PopoverCloseProps, PopoverContent, PopoverContentProps, PopoverPlacement, PopoverProps, PopoverTrigger, PopoverTriggerProps, Switch, SwitchProps, SwitchSize, Text, TextAlign, TextColor, TextElement, TextLineHeight, TextProps, TextSize, TextVariant, TextWeight, Tooltip, TooltipCollisionConfig, TooltipCollisionStrategy, TooltipPlacement, TooltipProps } from '@/components/primitives';
-export { CURVE_PRESETS, ColorFormat, ColorInputMode, ColorPalette, ColorPaletteProps, ColorPicker, ColorPickerProps, ColorPickerSize, ColorPreset, ColorSwatch, ColorSwatchProps, CurveBackgroundInfo, CurveBottomBarInfo, CurveData, CurveEditor, CurveEditorProps, CurveEditorSize, CurveKeyframe, CurvePreset, EARTH_PALETTE, EyeDropper, EyeDropperProps, MATERIAL_PALETTE, MONOCHROME_PALETTE, NEON_PALETTE, NumberInput, NumberInputProps, PASTEL_PALETTE, PROFESSIONAL_PALETTES, Palette, PaletteColor, PaletteShade, SKIN_TONES_PALETTE, Select, SelectOptionGroup, SelectOptionItem, SelectProps, SelectSize, SelectVariant, Slider, SliderProps, TAILWIND_PALETTE, TangentMode, TreeNodeData, TreeNodeState, TreeSelectionMode, TreeView, TreeViewProps, TreeViewSize, VINTAGE_PALETTE, VectorColorPreset, VectorDimension, VectorInput, VectorInputProps, VectorInputSize, VectorLabelPreset, createLinearCurve, domainToCanvas, evaluateCurve, sampleCurve } from '@/components/controls';
-export { ContextMenu, ContextMenuBaseProps, ContextMenuConfig, ContextMenuProps, ContextMenuTargetDetails, ItemSelectionType, Menu, MenuBaseProps, MenuConfig, MenuGroup, MenuItem, MenuProps, MenuSelection, SubmenuTrigger, Tab, TabList, TabListProps, TabPanel, TabPanelProps, TabProps, Tabs, TabsProps, TabsSize, TabsVariant, UseContextMenuTargetResult, useContextMenuTarget, useMenu } from '@/components/navigation';
-export { FormHelperText, FormHelperTextProps, FormLabel, FormLabelProps, InputWrapper, InputWrapperProps } from '@/components/form';
-export { Dialog, DialogBody, DialogBodyProps, DialogClose, DialogFooter, DialogFooterProps, DialogHeader, DialogHeaderProps, DialogProps, DialogSize, ToastData, ToastPosition, ToastProvider, ToastProviderProps, ToastSeverity, UseToastReturn, useToast } from '@/components/feedback';
-export { PropertyGroup, PropertyGroupProps, PropertyInspectorSize, PropertyPanel, PropertyPanelProps, PropertyRow, PropertyRowProps, PropertySection, PropertySectionProps, PropertyUndoEntry, UsePropertyUndoOptions, UsePropertyUndoReturn, usePropertyUndo } from '@/components/editor';
-export { AppShell, AppShellContextValue, AppShellProps, AppShellSlotProps, AppShellToolbarSlotProps, FloatingManager, FloatingManagerProps, FloatingPanel, FloatingPanelProps, FloatingPanelSize, MenuBar, MenuBarItemProps, MenuBarMenuProps, MenuBarProps, MenuBarSeparatorProps, MenuBarSize, MenuBarSubProps, Position, StatusBar, StatusBarItemProps, StatusBarProps, StatusBarSectionProps, StatusBarSectionSide, StatusBarSize, StatusBarVariant, Toolbar, ToolbarButtonProps, ToolbarButtonVariant, ToolbarGroupProps, ToolbarOrientation, ToolbarPosition, ToolbarProps, ToolbarSeparatorProps, ToolbarSize, ToolbarSpacerProps, ToolbarToggleProps, useAppShell } from '@/components/shell';
-export { BaseComponent, Size, Variant } from '@/types/common';
-export { Brand, DeepPartial, DeepReadonly, KeyOf, LiteralUnion, NonEmptyArray, Prettify, RequireFields, StrictExclude, ValueOf } from '@/types/utilities';
-export { cn } from '@/utils/cn';