entangle-ui 0.6.3 → 0.7.0

package/dist/esm/components/primitives/Badge/Badge.css.js

@@ -0,0 +1,12 @@
+import './../../../assets/src/components/primitives/Badge/Badge.css.ts.vanilla-DxCUcxYW.css';
+import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
+
+var badgeColorVar = 'var(--badgeColorVar__6943by0)';
+var badgeContrastVar = 'var(--badgeContrastVar__6943by1)';
+var badgeDotStyle = 'Badge_badgeDotStyle__6943byd';
+var badgeIconStyle = 'Badge_badgeIconStyle__6943byc';
+var badgeRecipe = createRuntimeFn({defaultClassName:'Badge_badgeRecipe__6943by2',variantClassNames:{size:{xs:'Badge_badgeRecipe_size_xs__6943by3',sm:'Badge_badgeRecipe_size_sm__6943by4',md:'Badge_badgeRecipe_size_md__6943by5',lg:'Badge_badgeRecipe_size_lg__6943by6'},variant:{subtle:'Badge_badgeRecipe_variant_subtle__6943by7',solid:'Badge_badgeRecipe_variant_solid__6943by8',outline:'Badge_badgeRecipe_variant_outline__6943by9',dot:'Badge_badgeRecipe_variant_dot__6943bya'},uppercase:{true:'Badge_badgeRecipe_uppercase_true__6943byb'}},defaultVariants:{size:'sm',variant:'subtle'},compoundVariants:[]});
+var badgeRemoveButtonStyle = 'Badge_badgeRemoveButtonStyle__6943bye';
+
+export { badgeColorVar, badgeContrastVar, badgeDotStyle, badgeIconStyle, badgeRecipe, badgeRemoveButtonStyle };
+//# sourceMappingURL=Badge.css.js.map

package/dist/esm/components/primitives/Badge/Badge.css.js.map

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

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

@@ -0,0 +1,67 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React, { useCallback } from 'react';
+import { assignInlineVars } from '@vanilla-extract/dynamic';
+import { vars } from '../../../theme/contract.css.js';
+import { cx } from '../../../utils/cx.js';
+import { badgeContrastVar, badgeColorVar, badgeDotStyle, badgeIconStyle, badgeRemoveButtonStyle, badgeRecipe } from './Badge.css.js';
+
+const NAMED_COLOR_MAP = {
+    neutral: vars.colors.text.muted,
+    primary: vars.colors.accent.primary,
+    info: vars.colors.accent.primary,
+    success: vars.colors.accent.success,
+    warning: vars.colors.accent.warning,
+    error: vars.colors.accent.error,
+};
+/**
+ * Resolve a `BadgeColor` to a CSS color value.
+ *
+ * Named values produce a `var(...)` reference into the theme; everything
+ * else is treated as a raw CSS color string (hex, rgb, hsl, …).
+ */
+function resolveBadgeColor(color) {
+    const named = NAMED_COLOR_MAP[color];
+    if (named) {
+        // For neutral we keep contrast as the text primary so solid reads well.
+        const contrast = color === 'neutral' ? vars.colors.text.primary : vars.colors.text.primary;
+        return { color: named, contrast };
+    }
+    return { color, contrast: '#ffffff' };
+}
+const RemoveIcon = () => (jsx("svg", { width: "10", height: "10", viewBox: "0 0 10 10", "aria-hidden": "true", focusable: "false", children: jsx("path", { d: "M2 2 L8 8 M8 2 L2 8", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) }));
+/**
+ * A small inline status indicator / tag.
+ *
+ * Badges are visual labels for status, counts, or tags. Pair with an
+ * editor item to indicate its state (e.g. "DRAFT", "ERROR", "3 NEW").
+ *
+ * @example
+ * ```tsx
+ * <Badge color="success">Saved</Badge>
+ * <Badge variant="outline" color="warning" icon={<WarningIcon />}>
+ *   Warning
+ * </Badge>
+ * <Badge removable onRemove={handleRemove}>feature/foo</Badge>
+ * ```
+ */
+const Badge = /*#__PURE__*/ React.memo(({ variant = 'subtle', size = 'sm', color = 'neutral', uppercase = false, icon, removable = false, onRemove, children, className, style, testId, ref, ...rest }) => {
+    const resolved = resolveBadgeColor(color);
+    const handleRemoveClick = useCallback((event) => {
+        event.stopPropagation();
+        onRemove?.(event);
+    }, [onRemove]);
+    const inlineVars = assignInlineVars({
+        [badgeColorVar]: resolved.color,
+        [badgeContrastVar]: resolved.contrast,
+    });
+    return (jsxs("span", { ref: ref, className: cx(badgeRecipe({
+            variant,
+            size,
+            uppercase: uppercase || undefined,
+        }), className), style: { ...inlineVars, ...style }, "data-testid": testId, ...rest, children: [variant === 'dot' && jsx("span", { className: badgeDotStyle, "aria-hidden": true }), icon && (jsx("span", { className: badgeIconStyle, "aria-hidden": true, children: icon })), children && jsx("span", { children: children }), removable && (jsx("button", { type: "button", className: badgeRemoveButtonStyle, onClick: handleRemoveClick, "aria-label": "Remove", children: jsx(RemoveIcon, {}) }))] }));
+});
+Badge.displayName = 'Badge';
+
+export { Badge };
+//# sourceMappingURL=Badge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","sources":["../../../../../../src/components/primitives/Badge/Badge.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;AAgBA;AACE;AACA;AACA;AACA;AACA;AACA;;AAGF;;;;;AAKG;AACH;AAIE;;;;AAKE;;AAEF;AACF;AAEA;AAiBA;;;;;;;;;;;;;;AAcG;;AAiBC;AAEA;;AAGI;AACF;;AAKA;AACA;AACD;;;;;AAUM;AA0BT;AAGF;;"}

package/dist/esm/components/primitives/Code/Code.css.js

@@ -0,0 +1,7 @@
+import './../../../assets/src/components/primitives/Code/Code.css.ts.vanilla-mayBqLDM.css';
+import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
+
+var codeRecipe = createRuntimeFn({defaultClassName:'Code_codeRecipe__13vd650',variantClassNames:{size:{xs:'Code_codeRecipe_size_xs__13vd651',sm:'Code_codeRecipe_size_sm__13vd652',md:'Code_codeRecipe_size_md__13vd653'}},defaultVariants:{size:'sm'},compoundVariants:[]});
+
+export { codeRecipe };
+//# sourceMappingURL=Code.css.js.map

package/dist/esm/components/primitives/Code/Code.css.js.map

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

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

@@ -0,0 +1,24 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { cx } from '../../../utils/cx.js';
+import { codeRecipe } from './Code.css.js';
+
+/**
+ * Small inline `<code>` primitive with theme-aware background and font.
+ *
+ * Complements `ChatCodeBlock` (block-level) — use `Code` for short inline
+ * snippets inside sentences and markdown renderers.
+ *
+ * @example
+ * ```tsx
+ * <Text>Run <Code>npm install</Code> to add the package.</Text>
+ * ```
+ */
+const Code = /*#__PURE__*/ React.memo(({ children, size = 'sm', className, style, testId, ref, ...rest }) => {
+    return (jsx("code", { ref: ref, className: cx(codeRecipe({ size }), className), style: style, "data-testid": testId, ...rest, children: children }));
+});
+Code.displayName = 'Code';
+
+export { Code };
+//# sourceMappingURL=Code.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Code.js","sources":["../../../../../../src/components/primitives/Code/Code.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAOA;;;;;;;;;;AAUG;AACI;AAEH;AAWF;AAGF;;"}

package/dist/esm/components/primitives/TextArea/TextArea.css.js

@@ -0,0 +1,10 @@
+import './../../../assets/src/components/primitives/TextArea/TextArea.css.ts.vanilla-DTOMjGkp.css';
+import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
+
+var textAreaContainerStyle = 'TextArea_textAreaContainerStyle__nwf0m90';
+var textAreaFooterStyle = 'TextArea_textAreaFooterStyle__nwf0m9j';
+var textAreaRecipe = createRuntimeFn({defaultClassName:'TextArea_textAreaRecipe__nwf0m9e',variantClassNames:{size:{sm:'TextArea_textAreaRecipe_size_sm__nwf0m9f',md:'TextArea_textAreaRecipe_size_md__nwf0m9g',lg:'TextArea_textAreaRecipe_size_lg__nwf0m9h'},monospace:{true:'TextArea_textAreaRecipe_monospace_true__nwf0m9i'}},defaultVariants:{size:'md'},compoundVariants:[]});
+var textAreaWrapperRecipe = createRuntimeFn({defaultClassName:'TextArea_textAreaWrapperRecipe__nwf0m91',variantClassNames:{size:{sm:'TextArea_textAreaWrapperRecipe_size_sm__nwf0m92',md:'TextArea_textAreaWrapperRecipe_size_md__nwf0m93',lg:'TextArea_textAreaWrapperRecipe_size_lg__nwf0m94'},error:{true:'TextArea_textAreaWrapperRecipe_error_true__nwf0m95',false:'TextArea_textAreaWrapperRecipe_error_false__nwf0m96'},disabled:{true:'TextArea_textAreaWrapperRecipe_disabled_true__nwf0m97',false:'TextArea_textAreaWrapperRecipe_disabled_false__nwf0m98'},focused:{true:'TextArea_textAreaWrapperRecipe_focused_true__nwf0m99',false:'TextArea_textAreaWrapperRecipe_focused_false__nwf0m9a'}},defaultVariants:{size:'md',error:false,disabled:false,focused:false},compoundVariants:[[{focused:true,error:false},'TextArea_textAreaWrapperRecipe_compound_0__nwf0m9b'],[{focused:false,error:false,disabled:false},'TextArea_textAreaWrapperRecipe_compound_1__nwf0m9c'],[{focused:false,error:false,disabled:true},'TextArea_textAreaWrapperRecipe_compound_2__nwf0m9d']]});
+
+export { textAreaContainerStyle, textAreaFooterStyle, textAreaRecipe, textAreaWrapperRecipe };
+//# sourceMappingURL=TextArea.css.js.map

package/dist/esm/components/primitives/TextArea/TextArea.css.js.map

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

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

@@ -0,0 +1,97 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React, { useRef, useId, useCallback, useEffect } from 'react';
+import { cx } from '../../../utils/cx.js';
+import { FormHelperText } from '../../form/FormHelperText.js';
+import { FormLabel } from '../../form/FormLabel.js';
+import { textAreaRecipe, textAreaWrapperRecipe, textAreaFooterStyle, textAreaContainerStyle } from './TextArea.css.js';
+
+/**
+ * Multi-line text input with optional auto-resize.
+ *
+ * Visual parity with `Input` — uses the same border, focus ring, and error
+ * states. Auto-resize activates when `minRows` or `maxRows` is set and
+ * disables the native resize handle.
+ *
+ * @example
+ * ```tsx
+ * <TextArea
+ *   label="Description"
+ *   minRows={3}
+ *   maxRows={8}
+ *   value={value}
+ *   onChange={setValue}
+ *   showCount
+ *   maxLength={500}
+ * />
+ * ```
+ */
+const TextArea = ({ value, defaultValue, placeholder, size = 'md', disabled = false, error = false, required = false, readOnly = false, label, helperText, errorMessage, resize = 'vertical', rows = 3, minRows, maxRows, monospace = false, maxLength, showCount = false, className, style, onChange, onFocus, onBlur, onKeyDown, testId, ref, id, name, ...rest }) => {
+    const [focused, setFocused] = React.useState(false);
+    const [internalValue, setInternalValue] = React.useState(defaultValue ?? '');
+    const textareaRef = useRef(null);
+    const autoId = useId();
+    const inputId = id ?? autoId;
+    const isControlled = value !== undefined;
+    const currentValue = isControlled ? value : internalValue;
+    const autoSizeEnabled = minRows !== undefined || maxRows !== undefined;
+    const effectiveResize = autoSizeEnabled ? 'none' : resize;
+    const setRef = useCallback((node) => {
+        textareaRef.current = node;
+        if (typeof ref === 'function')
+            ref(node);
+        else if (ref)
+            ref.current =
+                node;
+    }, [ref]);
+    const autoResize = useCallback(() => {
+        if (!autoSizeEnabled)
+            return;
+        const el = textareaRef.current;
+        if (!el)
+            return;
+        el.style.height = 'auto';
+        const measuredLineHeight = parseFloat(getComputedStyle(el).lineHeight);
+        const lineHeight = Number.isFinite(measuredLineHeight)
+            ? measuredLineHeight
+            : 18;
+        const minHeight = (minRows ?? 1) * lineHeight;
+        const maxHeight = maxRows ? maxRows * lineHeight : Infinity;
+        const next = Math.min(Math.max(el.scrollHeight, minHeight), maxHeight);
+        el.style.height = `${next}px`;
+        el.style.overflowY = el.scrollHeight > maxHeight ? 'auto' : 'hidden';
+    }, [autoSizeEnabled, minRows, maxRows]);
+    useEffect(() => {
+        autoResize();
+    }, [currentValue, autoResize]);
+    const handleFocus = (event) => {
+        setFocused(true);
+        onFocus?.(event);
+    };
+    const handleBlur = (event) => {
+        setFocused(false);
+        onBlur?.(event);
+    };
+    const handleChange = (event) => {
+        const next = event.target.value;
+        if (!isControlled)
+            setInternalValue(next);
+        onChange?.(next);
+    };
+    const effectiveHelper = error && errorMessage ? errorMessage : helperText;
+    const count = currentValue?.length ?? 0;
+    return (jsxs("div", { className: cx(textAreaContainerStyle, className), style: style, children: [label && (jsx(FormLabel, { htmlFor: inputId, disabled: disabled, required: required, children: label })), jsx("div", { className: textAreaWrapperRecipe({ size, error, disabled, focused }), children: jsx("textarea", { ref: setRef, id: inputId, name: name, placeholder: placeholder, disabled: disabled, required: required, readOnly: readOnly, value: isControlled ? value : undefined, defaultValue: isControlled ? undefined : defaultValue, rows: autoSizeEnabled ? (minRows ?? rows) : rows, maxLength: maxLength, className: textAreaRecipe({
+                        size,
+                        monospace: monospace || undefined,
+                    }), style: { resize: effectiveResize }, onChange: handleChange, onFocus: handleFocus, onBlur: handleBlur, onKeyDown: onKeyDown, "data-testid": testId, "aria-invalid": error || undefined, ...rest }) }), (effectiveHelper !== undefined && effectiveHelper !== '') ||
+                showCount ? (jsxs("div", { style: {
+                    display: 'flex',
+                    justifyContent: 'space-between',
+                    alignItems: 'flex-start',
+                    gap: 8,
+                }, children: [effectiveHelper !== undefined && effectiveHelper !== '' ? (jsx(FormHelperText, { error: error, children: effectiveHelper })) : (jsx("span", {})), showCount && (jsx("div", { className: textAreaFooterStyle, children: maxLength !== undefined ? `${count}/${maxLength}` : count }))] })) : null] }));
+};
+TextArea.displayName = 'TextArea';
+
+export { TextArea };
+//# sourceMappingURL=TextArea.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.js","sources":["../../../../../../src/components/primitives/TextArea/TextArea.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;AAcA;;;;;;;;;;;;;;;;;;;AAmBG;AACI;AA+BL;AACA;AACA;AACA;AACA;AAEA;;;;AAMA;AAEI;;;AAEK;AACF;AACC;AACN;AAIF;AACE;;AACA;AACA;;AAEA;;AAGA;AACE;;;AAGF;AAEA;;AAEA;;;AAIA;AACF;AAEA;;AAEE;AACF;AACA;;AAEE;AACF;AACA;AACE;AACA;;AACA;AACF;AAEA;AACA;AAEA;;;AA0BS;AAaL;AAGM;AACA;AACA;AACA;AACD;AAgBX;AAEA;;"}

package/dist/esm/index.js

@@ -3,21 +3,27 @@ export { darkThemeValues } from './theme/darkTheme.css.js';
 export { createCustomTheme } from './theme/createCustomTheme.js';
 export { VanillaThemeProvider } from './theme/VanillaThemeProvider.js';
 export { ThemeProvider } from './theme/ThemeProvider.js';
+import './assets/src/theme/globalScrollbars.css.ts.vanilla-BAJwnUEJ.css';
 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 { Divider } from './components/layout/Divider/Divider.js';
 export { Flex } from './components/layout/Flex/Flex.js';
 export { Grid } from './components/layout/Grid/Grid.js';
+export { ListItem } from './components/layout/ListItem/ListItem.js';
+export { PageHeader } from './components/layout/PageHeader/PageHeader.js';
 export { PanelSurface } from './components/layout/PanelSurface/PanelSurface.js';
 export { ScrollArea } from './components/layout/ScrollArea/ScrollArea.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 { Stack } from './components/layout/Stack/Stack.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';
 export { CheckboxGroup } from './components/primitives/Checkbox/CheckboxGroup.js';
+export { Code } from './components/primitives/Code/Code.js';
 export { Collapsible } from './components/primitives/Collapsible/Collapsible.js';
 export { Icon } from './components/primitives/Icon/Icon.js';
 export { IconButton } from './components/primitives/IconButton/IconButton.js';
@@ -29,6 +35,7 @@ export { PopoverContent } from './components/primitives/Popover/PopoverContent.j
 export { PopoverTrigger } from './components/primitives/Popover/PopoverTrigger.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';
 import 'react';
 import './components/primitives/canvas/CanvasContainer.js';
@@ -66,6 +73,8 @@ 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 { Spinner } from './components/feedback/Spinner/Spinner.js';
 export { ToastProvider } from './components/feedback/Toast/ToastProvider.js';
 export { useToast } from './components/feedback/Toast/useToast.js';
 export { PropertyPanel } from './components/editor/PropertyInspector/PropertyPanel.js';
@@ -88,6 +97,7 @@ export { ChatContextChip } from './components/editor/ChatPanel/ChatContextChip.j
 export { ChatEmptyState } from './components/editor/ChatPanel/ChatEmptyState.js';
 export { ChatActionBar } from './components/editor/ChatPanel/ChatActionBar.js';
 export { ChatInputToolbar } from './components/editor/ChatPanel/ChatInputToolbar.js';
+export { ChatMarkdownRenderer } from './components/editor/ChatPanel/ChatMarkdownRenderer.js';
 export { useChatMessages } from './components/editor/ChatPanel/useChatMessages.js';
 export { useChatInput } from './components/editor/ChatPanel/useChatInput.js';
 export { useChatScroll } from './components/editor/ChatPanel/useChatScroll.js';
@@ -97,4 +107,5 @@ 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 { cx as cn, cx } from './utils/cx.js';
+export { animBlink, animFadeIn, animPulse, animSpin, blinkKeyframe, fadeInKeyframe, pulseKeyframe, spinKeyframe } from './utils/animations.css.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/ThemeProvider.js

@@ -1,16 +1,30 @@
 "use client";
 import { jsx, Fragment } from 'react/jsx-runtime';
+import { useEffect } from 'react';
+import { GLOBAL_SCROLLBARS_CLASS } from './globalScrollbars.css.js';
 
 /**
  * Theme provider for Entangle UI components.
  *
- * The dark theme is applied globally via CSS custom properties on `:root`.
- * This provider is a simple pass-through — most apps don't need it.
+ * The dark theme is applied globally via CSS custom properties on `:root`,
+ * so this provider is a pass-through for most apps. Use it to opt into
+ * additional global behaviors such as native-scrollbar theming.
  *
  * For scoped theme overrides, use `VanillaThemeProvider` with a custom
  * class generated by `createCustomTheme()`.
  */
-const ThemeProvider = ({ children }) => {
+const ThemeProvider = ({ children, globalScrollbars = false, }) => {
+    useEffect(() => {
+        if (!globalScrollbars)
+            return;
+        if (typeof document === 'undefined')
+            return;
+        const body = document.body;
+        body.classList.add(GLOBAL_SCROLLBARS_CLASS);
+        return () => {
+            body.classList.remove(GLOBAL_SCROLLBARS_CLASS);
+        };
+    }, [globalScrollbars]);
     return jsx(Fragment, { children: children });
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.js","sources":["../../../../src/theme/ThemeProvider.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;AAQA;;;;;;;;AAQG;;;AAGH;;"}
+{"version":3,"file":"ThemeProvider.js","sources":["../../../../src/theme/ThemeProvider.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAoBA;;;;;;;;;AASG;AACI;;AAKH;;;;AAGA;AACA;AACA;AACE;AACF;AACF;;AAGF;;"}

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)',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)'}}};
+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)',inset:'var(--etui-color-bg-inset)'},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)',row:'var(--etui-color-surface-row)',rowHover:'var(--etui-color-surface-row-hover)'},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-DCe89yCJ.css';
+import './../assets/src/theme/darkTheme.css.ts.vanilla-ab1WD4dr.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',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'}}};
+var 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=darkTheme.css.js.map

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

@@ -0,0 +1,6 @@
+import './../assets/src/theme/globalScrollbars.css.ts.vanilla-BAJwnUEJ.css';
+
+var GLOBAL_SCROLLBARS_CLASS = 'etuiGlobalScrollbars';
+
+export { GLOBAL_SCROLLBARS_CLASS };
+//# sourceMappingURL=globalScrollbars.css.js.map

package/dist/esm/theme/globalScrollbars.css.js.map

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

package/dist/esm/utils/animations.css.js

@@ -0,0 +1,13 @@
+import './../assets/src/utils/animations.css.ts.vanilla-DOVlpljP.css';
+
+var animBlink = 'animations_animBlink__1boy3ak6';
+var animFadeIn = 'animations_animFadeIn__1boy3ak7';
+var animPulse = 'animations_animPulse__1boy3ak5';
+var animSpin = 'animations_animSpin__1boy3ak4';
+var blinkKeyframe = 'animations_blinkKeyframe__1boy3ak2';
+var fadeInKeyframe = 'animations_fadeInKeyframe__1boy3ak3';
+var pulseKeyframe = 'animations_pulseKeyframe__1boy3ak1';
+var spinKeyframe = 'animations_spinKeyframe__1boy3ak0';
+
+export { animBlink, animFadeIn, animPulse, animSpin, blinkKeyframe, fadeInKeyframe, pulseKeyframe, spinKeyframe };
+//# sourceMappingURL=animations.css.js.map

package/dist/esm/utils/animations.css.js.map

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