npm - entangle-ui - Versions diffs - 0.7.0 → 0.8.0 - Mend

entangle-ui 0.7.0 → 0.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (363) hide show

package/dist/esm/hooks/useTheme/useTheme.js ADDED Viewed

@@ -0,0 +1,198 @@
+"use client";
+import { useRef, useState, useLayoutEffect, useCallback, useMemo } from 'react';
+import { vars } from '../../theme/contract.css.js';
+import { darkThemeValues } from '../../theme/darkThemeValues.js';
+import { lightThemeClass } from '../../theme/lightTheme.css.js';
+import '../../node_modules/@vanilla-extract/css/dist/vanilla-extract-css.esm.js';
+import './../../assets/src/theme/darkTheme.css.ts.vanilla-ab1WD4dr.css';
+import 'react/jsx-runtime';
+import './../../assets/src/theme/globalScrollbars.css.ts.vanilla-BAJwnUEJ.css';
+const VAR_REF_PATTERN = /^var\((--[^,)]+)/;
+/**
+ * Walk a dot-path on the theme contract and return the underlying CSS
+ * custom property name (without the leading `var(`/trailing `)`).
+ *
+ * The contract emits hand-tuned, non-derivable names — `colors.accent.primary`
+ * resolves to `--etui-color-accent-primary`, not `--etui-colors-accent-primary`.
+ * Walking the existing `vars` object (whose leaves are already
+ * `var(--etui-...)` references) is the only correct way to get the var name.
+ *
+ * Returns `''` for paths that don't resolve to a leaf reference.
+ */
+function pathToCssVar(path) {
+    const segments = path.split('.');
+    let node = vars;
+    for (const segment of segments) {
+        if (node !== null &&
+            typeof node === 'object' &&
+            segment in node) {
+            node = node[segment];
+        }
+        else {
+            return '';
+        }
+    }
+    if (typeof node !== 'string')
+        return '';
+    const match = VAR_REF_PATTERN.exec(node);
+    return match?.[1] ?? '';
+}
+function pathToVarRef(path) {
+    const cssVar = pathToCssVar(path);
+    return cssVar ? `var(${cssVar})` : '';
+}
+/**
+ * Walk the dark-theme template alongside the contract, replacing each
+ * leaf with the resolved CSS variable value read from `root`. Falls back
+ * to the template value when a property is empty (e.g. before stylesheets
+ * have applied during testing).
+ */
+function resolveValues(template, root, contract) {
+    if (typeof template === 'string') {
+        if (typeof contract === 'string') {
+            const match = VAR_REF_PATTERN.exec(contract);
+            const cssVar = match?.[1];
+            if (cssVar) {
+                const value = getComputedStyle(root).getPropertyValue(cssVar).trim();
+                return (value || template);
+            }
+        }
+        return template;
+    }
+    if (template !== null && typeof template === 'object') {
+        const out = {};
+        for (const key of Object.keys(template)) {
+            const childTemplate = template[key];
+            const childContract = contract?.[key];
+            out[key] = resolveValues(childTemplate, root, childContract);
+        }
+        return out;
+    }
+    return template;
+}
+function readTemplateValue(template, path) {
+    const segments = path.split('.');
+    let node = template;
+    for (const segment of segments) {
+        if (node !== null &&
+            typeof node === 'object' &&
+            segment in node) {
+            node = node[segment];
+        }
+        else {
+            return '';
+        }
+    }
+    return typeof node === 'string' ? node : '';
+}
+/**
+ * Root-only detection: the variant is determined by whether the
+ * light-theme class is applied to `document.documentElement` — the same
+ * element from which `values` are resolved. Anything more permissive
+ * (descendant scan, `<body>` check) would let the variant disagree with
+ * the resolved values for a dark app that contains a single light
+ * subtree.
+ */
+function detectVariant() {
+    if (typeof document === 'undefined')
+        return 'dark';
+    if (document.documentElement.classList.contains(lightThemeClass)) {
+        return 'light';
+    }
+    return 'dark';
+}
+const FALLBACK_SNAPSHOT = {
+    variant: 'dark',
+    values: darkThemeValues,
+};
+/**
+ * Read the current theme at runtime.
+ *
+ * Returns the resolved CSS variable snapshot from `:root`, the detected
+ * theme variant, and helpers for reading individual tokens by path.
+ * Components should prefer compile-time tokens via Vanilla Extract
+ * (`vars.*` from `@/theme`) — reach for `useTheme` only when a runtime
+ * read is genuinely required (canvas drawing, third-party libraries that
+ * take colors as plain strings).
+ *
+ * **Scope:** the hook always reads from `:root` — both the variant and
+ * the resolved values come from `document.documentElement`. A light- or
+ * custom-themed subtree wrapped in `VanillaThemeProvider` will **not** be
+ * reflected here; for that, components inside the subtree should style
+ * via Vanilla Extract `vars.*` (which the browser resolves correctly per
+ * scope) rather than runtime reads.
+ *
+ * **SSR:** returns the dark-theme defaults as a fallback. The hook
+ * re-evaluates against the live DOM on mount via `useLayoutEffect`, so
+ * the second render contains the real values before the browser paints.
+ *
+ * **Reactivity:** v0.8 reads once on mount. Toggling the root theme at
+ * runtime is not reflected — remount the consuming subtree to pick up
+ * the new theme. A `MutationObserver`-based subscription may be added
+ * in a later release if consumer demand emerges.
+ *
+ * @example
+ * ```tsx
+ * const { values, variant, getVar, getToken } = useTheme();
+ *
+ * // Canvas drawing with theme-aware colors
+ * ctx.strokeStyle = values.colors.accent.primary;
+ *
+ * // Conditional logic
+ * if (variant === 'dark') loadDarkAssets();
+ *
+ * // Inline styles that follow theme changes automatically
+ * <div style={{ color: getVar('colors.text.primary') }} />
+ *
+ * // One-off token resolution
+ * const accent = getToken('colors.accent.primary');
+ * ```
+ */
+function useTheme() {
+    const tokenCacheRef = useRef(new Map());
+    const [snapshot, setSnapshot] = useState(FALLBACK_SNAPSHOT);
+    useLayoutEffect(() => {
+        if (typeof document === 'undefined')
+            return;
+        const root = document.documentElement;
+        const next = {
+            variant: detectVariant(),
+            values: resolveValues(darkThemeValues, root, vars),
+        };
+        tokenCacheRef.current.clear();
+        setSnapshot(next);
+    }, []);
+    const getToken = useCallback((path) => {
+        const cache = tokenCacheRef.current;
+        const cached = cache.get(path);
+        if (cached !== undefined)
+            return cached;
+        if (typeof document === 'undefined') {
+            const fallback = readTemplateValue(darkThemeValues, path);
+            cache.set(path, fallback);
+            return fallback;
+        }
+        const cssVar = pathToCssVar(path);
+        if (!cssVar) {
+            cache.set(path, '');
+            return '';
+        }
+        const value = getComputedStyle(document.documentElement)
+            .getPropertyValue(cssVar)
+            .trim();
+        const resolved = value || readTemplateValue(darkThemeValues, path);
+        cache.set(path, resolved);
+        return resolved;
+    }, []);
+    const getVar = useCallback((path) => pathToVarRef(path), []);
+    return useMemo(() => ({
+        variant: snapshot.variant,
+        values: snapshot.values,
+        getToken,
+        getVar,
+    }), [snapshot, getToken, getVar]);
+}
+export { useTheme };
+//# sourceMappingURL=useTheme.js.map

package/dist/esm/hooks/useTheme/useTheme.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useTheme.js","sources":["../../../../../src/hooks/useTheme/useTheme.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;AAUA;AAEA;;;;;;;;;;AAUG;AACH;;;AAGE;;;;AAMI;;;AAEA;;;;AAG0B;;AAE9B;AACF;AAEA;AACE;;AAEF;AAEA;;;;;AAKG;AACH;AACE;AACE;;AAEE;;AAEE;AACA;;;AAGJ;;;;;AAKE;AACA;AAGA;;AAEF;;AAEF;AACF;AAEA;;;AAGE;;;;AAMI;;;AAEA;;;AAGJ;AACF;AAEA;;;;;;;AAOG;AACH;;AACuC;;AAGnC;;AAEF;AACF;AAOA;AACE;AACA;;AAGF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CG;;;;;;;AAOC;AACA;;;;AAIA;;;AAIF;AACE;;;AAE0B;AAE1B;;AAEE;AACA;;AAGF;;AAEE;AACA;;AAGF;;AAEG;;AAEH;AACA;;AAGF;AAEA;;;;;;AASF;;"}

package/dist/esm/index.js CHANGED Viewed

@@ -1,6 +1,9 @@
 export { vars } from './theme/contract.css.js';
-export { darkThemeValues } from './theme/darkTheme.css.js';
+export { darkThemeValues } from './theme/darkThemeValues.js';
+export { lightThemeValues } from './theme/lightThemeValues.js';
+export { lightThemeClass } from './theme/lightTheme.css.js';
 export { createCustomTheme } from './theme/createCustomTheme.js';
+export { createLightTheme } from './theme/createLightTheme.js';
 export { VanillaThemeProvider } from './theme/VanillaThemeProvider.js';
 export { ThemeProvider } from './theme/ThemeProvider.js';
 import './assets/src/theme/globalScrollbars.css.ts.vanilla-BAJwnUEJ.css';
@@ -19,6 +22,8 @@ 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';
+export { Avatar } from './components/primitives/Avatar/Avatar.js';
+export { AvatarGroup } from './components/primitives/Avatar/AvatarGroup.js';
 export { Badge } from './components/primitives/Badge/Badge.js';
 export { Button } from './components/primitives/Button/Button.js';
 export { Checkbox } from './components/primitives/Checkbox/Checkbox.js';
@@ -28,15 +33,20 @@ export { Collapsible } from './components/primitives/Collapsible/Collapsible.js'
 export { Icon } from './components/primitives/Icon/Icon.js';
 export { IconButton } from './components/primitives/IconButton/IconButton.js';
 export { Input } from './components/primitives/Input/Input.js';
+export { Kbd } from './components/primitives/Kbd/Kbd.js';
+export { Link } from './components/primitives/Link/Link.js';
 export { Paper } 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 { Radio } from './components/primitives/Radio/Radio.js';
+export { RadioGroup } from './components/primitives/Radio/RadioGroup.js';
 export { Switch } from './components/primitives/Switch/Switch.js';
 export { Text } from './components/primitives/Text/Text.js';
 export { TextArea } from './components/primitives/TextArea/TextArea.js';
 export { Tooltip } from './components/primitives/Tooltip/Tooltip.js';
+export { VisuallyHidden } from './components/primitives/VisuallyHidden/VisuallyHidden.js';
 import 'react';
 import './components/primitives/canvas/CanvasContainer.js';
 export { ColorPicker } from './components/controls/ColorPicker/ColorPicker.js';
@@ -48,7 +58,9 @@ export { TAILWIND_PALETTE } from './components/controls/ColorPicker/palettes/tai
 export { EARTH_PALETTE, MONOCHROME_PALETTE, NEON_PALETTE, PASTEL_PALETTE, PROFESSIONAL_PALETTES, SKIN_TONES_PALETTE, VINTAGE_PALETTE } from './components/controls/ColorPicker/palettes/professional.js';
 export { NumberInput } from './components/controls/NumberInput/NumberInput.js';
 import 'react/jsx-runtime';
+export { useKeyboard } from './hooks/useKeyboard/useKeyboard.js';
 import './utils/mathExpression.js';
+import './utils/devWarn.js';
 export { Select } from './components/controls/Select/Select.js';
 export { Slider } from './components/controls/Slider/Slider.js';
 export { VectorInput } from './components/controls/VectorInput/VectorInput.js';
@@ -57,10 +69,16 @@ export { CurveEditor } from './components/controls/CurveEditor/CurveEditor.js';
 export { createLinearCurve, domainToCanvas, evaluateCurve, sampleCurve } from './components/controls/CurveEditor/curveUtils.js';
 export { CURVE_PRESETS } from './components/controls/CurveEditor/curvePresets.js';
 export { CartesianPicker } from './components/controls/CartesianPicker/CartesianPicker.js';
+export { Breadcrumbs } from './components/navigation/Breadcrumbs/Breadcrumbs.js';
+export { BreadcrumbItem } from './components/navigation/Breadcrumbs/BreadcrumbItem.js';
+export { BreadcrumbSeparator } from './components/navigation/Breadcrumbs/BreadcrumbSeparator.js';
+export { BreadcrumbEllipsis } from './components/navigation/Breadcrumbs/BreadcrumbEllipsis.js';
 export { ContextMenu } from './components/navigation/ContextMenu/ContextMenu.js';
 export { useContextMenuTarget } from './components/navigation/ContextMenu/useContextMenuTarget.js';
 export { Menu } from './components/navigation/Menu/Menu.js';
 export { useMenu } from './components/navigation/Menu/useMenu.js';
+export { SegmentedControl } from './components/navigation/SegmentedControl/SegmentedControl.js';
+export { SegmentedControlItem } from './components/navigation/SegmentedControl/SegmentedControlItem.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';
@@ -68,12 +86,20 @@ export { TabPanel } from './components/navigation/Tabs/TabPanel.js';
 export { FormLabel } from './components/form/FormLabel.js';
 export { FormHelperText } from './components/form/FormHelperText.js';
 export { InputWrapper } from './components/form/InputWrapper.js';
+export { Alert } from './components/feedback/Alert/Alert.js';
+export { AlertTitle } from './components/feedback/Alert/AlertTitle.js';
+export { AlertDescription } from './components/feedback/Alert/AlertDescription.js';
+export { AlertActions } from './components/feedback/Alert/AlertActions.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 { EmptyState } from './components/feedback/EmptyState/EmptyState.js';
+export { ProgressBar } from './components/feedback/ProgressBar/ProgressBar.js';
+export { CircularProgress } from './components/feedback/ProgressBar/CircularProgress.js';
+export { Skeleton } from './components/feedback/Skeleton/Skeleton.js';
+export { SkeletonGroup } from './components/feedback/Skeleton/SkeletonGroup.js';
 export { Spinner } from './components/feedback/Spinner/Spinner.js';
 export { ToastProvider } from './components/feedback/Toast/ToastProvider.js';
 export { useToast } from './components/feedback/Toast/useToast.js';
@@ -84,6 +110,7 @@ export { PropertyGroup } from './components/editor/PropertyInspector/PropertyGro
 export { usePropertyUndo } from './components/editor/PropertyInspector/usePropertyUndo.js';
 export { ViewportGizmo } from './components/editor/ViewportGizmo/ViewportGizmo.js';
 export { axisToPresetView, eulerToRotationMatrix, gizmoHitTest, presetViewToOrientation, projectAxes, projectToCanvas, quaternionToEuler } from './components/editor/ViewportGizmo/gizmoMath.js';
+export { TransformControl } from './components/editor/TransformControl/TransformControl.js';
 export { ChatPanel } from './components/editor/ChatPanel/ChatPanel.js';
 export { ChatMessageList } from './components/editor/ChatPanel/ChatMessageList.js';
 export { ChatMessage } from './components/editor/ChatPanel/ChatMessage.js';
@@ -106,6 +133,17 @@ 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 { useControlledState } from './hooks/useControlledState/useControlledState.js';
+export { useFocusTrap } from './hooks/useFocusTrap/useFocusTrap.js';
+export { useMergedRef } from './hooks/useMergedRef/useMergedRef.js';
+export { useResizeObserver } from './hooks/useResizeObserver/useResizeObserver.js';
+export { useDisclosure } from './hooks/useDisclosure/useDisclosure.js';
+export { useClipboard } from './hooks/useClipboard/useClipboard.js';
+export { useClickOutside } from './hooks/useClickOutside/useClickOutside.js';
+export { useHotkey } from './hooks/useHotkey/useHotkey.js';
+export { useTheme } from './hooks/useTheme/useTheme.js';
 export { cx as cn, cx } from './utils/cx.js';
-export { animBlink, animFadeIn, animPulse, animSpin, blinkKeyframe, fadeInKeyframe, pulseKeyframe, spinKeyframe } from './utils/animations.css.js';
+export { getKeyGlyph, getPlatform, parseShortcut } from './utils/platform.js';
+export { animBlink, animFadeIn, animPulse, animSpin, animWave, blinkKeyframe, fadeInKeyframe, pulseKeyframe, spinKeyframe, waveKeyframe } from './utils/animations.css.js';
+export { isKeyPressed, isModifierKey } from './hooks/useKeyboard/utils.js';
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map CHANGED Viewed

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

package/dist/esm/theme/createLightTheme.js ADDED Viewed

@@ -0,0 +1,29 @@
+import { lightThemeClass } from './lightTheme.css.js';
+/**
+ * Returns the light-theme CSS class. Apply the returned class to any
+ * subtree (typically via `VanillaThemeProvider`) to flip its tokens
+ * from the dark default to the light preset.
+ *
+ * The class is generated at build time inside `lightTheme.css.ts` (where
+ * Vanilla Extract's file scope is set), so this helper is safe to call
+ * from any `.ts`/`.tsx` file — no `.css.ts` wrapper required. Consumers
+ * who prefer can also import `lightThemeClass` directly from the package.
+ *
+ * @example
+ * ```tsx
+ * import { createLightTheme, VanillaThemeProvider } from 'entangle-ui';
+ *
+ * const lightThemeClass = createLightTheme();
+ *
+ * <VanillaThemeProvider className={lightThemeClass}>
+ *   <SettingsPanel />
+ * </VanillaThemeProvider>
+ * ```
+ */
+function createLightTheme() {
+    return lightThemeClass;
+}
+export { createLightTheme };
+//# sourceMappingURL=createLightTheme.js.map

package/dist/esm/theme/createLightTheme.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"createLightTheme.js","sources":["../../../../src/theme/createLightTheme.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEA;;;;;;;;;;;;;;;;;;;;AAoBG;SACa,gBAAgB,GAAA;AAC9B,IAAA,OAAO,eAAe;AACxB;;;;"}

package/dist/esm/theme/darkThemeValues.js ADDED Viewed

@@ -0,0 +1,155 @@
+/**
+ * Dark theme values — pure data, no `@vanilla-extract/css` calls.
+ *
+ * Lives in a plain `.ts` module so build-time tooling (token export,
+ * docs generation) can import the values without booting the Vanilla
+ * Extract runtime. `darkTheme.css.ts` re-exports this object and is
+ * the file that actually applies the values to `:root`.
+ */
+const darkThemeValues = {
+    colors: {
+        background: {
+            primary: '#1a1a1a',
+            secondary: '#2d2d2d',
+            tertiary: '#3a3a3a',
+            elevated: '#404040',
+            inset: 'rgba(0, 0, 0, 0.2)',
+        },
+        surface: {
+            default: '#2d2d2d',
+            hover: '#363636',
+            active: '#404040',
+            disabled: '#1f1f1f',
+            whiteOverlay: 'rgba(255, 255, 255, 0.1)',
+            row: 'transparent',
+            rowHover: 'rgba(255, 255, 255, 0.03)',
+        },
+        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=darkThemeValues.js.map

package/dist/esm/theme/darkThemeValues.js.map ADDED Viewed

@@ -0,0 +1 @@

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

package/dist/esm/theme/index.js ADDED Viewed

@@ -0,0 +1,10 @@
+export { vars } from './contract.css.js';
+export { darkThemeValues } from './darkThemeValues.js';
+export { lightThemeValues } from './lightThemeValues.js';
+export { lightThemeClass } from './lightTheme.css.js';
+export { createCustomTheme } from './createCustomTheme.js';
+export { createLightTheme } from './createLightTheme.js';
+export { VanillaThemeProvider } from './VanillaThemeProvider.js';
+export { ThemeProvider } from './ThemeProvider.js';
+export { GLOBAL_SCROLLBARS_CLASS } from './globalScrollbars.css.js';
+//# sourceMappingURL=index.js.map

package/dist/esm/theme/index.js.map ADDED Viewed

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

package/dist/esm/theme/lightTheme.css.js ADDED Viewed

@@ -0,0 +1,6 @@
+import './../assets/src/theme/lightTheme.css.ts.vanilla-OaRI_wIc.css';
+var lightThemeClass = 'lightTheme_lightThemeClass__k285ns0';
+export { lightThemeClass };
+//# sourceMappingURL=lightTheme.css.js.map

package/dist/esm/theme/lightTheme.css.js.map ADDED Viewed

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