entangle-ui 0.3.0 → 0.4.0

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

@@ -1 +1 @@
-{"version":3,"file":"StatusBar.js","sources":["../../../../../../src/components/shell/StatusBar/StatusBar.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs","_Fragment"],"mappings":";;;;;AAcA,MAAM,gBAAgB,iBAAiB,aAAa,CAAwB;AAC1E,IAAA,IAAI,EAAE,IAAI;AACX,CAAA,CAAC;AAEF,MAAM,YAAY,GAAG,MAAM,UAAU,CAAC,gBAAgB,CAAC;AAEvD;AAEA,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAIhC;;;;;;YAMU,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KACzB,KAAK,KAAK,IAAI,GAAG,CAAG,EAAA,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,CAAI,EAAA,CAAA,GAAG,MAAM,CAAA;AACjD,cAAA,EAAA,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAI;IACpC,QAAQ,QAAQ;AACd,QAAA,KAAK,OAAO;AACV,YAAA,OAAO,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK;AAClC,QAAA,KAAK,QAAQ;AACX,YAAA,OAAO,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE;AACjC,QAAA;AACE,YAAA,OAAO,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE;;AAErC,CAAC,CAAA;AACQ,SAAA,EAAA,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAA;AACrC,aAAA,EAAA,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAA;AACzC,eAAA,EAAA,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,IAAI,CAAA;eACjD,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,CAAC,OAAO,CAAC,EAAE,CAAA;;;;;AAK1C,EAAA,EAAA,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC;CAC/C;AAED,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAG9B;;;SAGO,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,CAAC,OAAO,CAAC,EAAE,CAAA;AAC9B,QAAA,EAAA,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,MAAM,GAAG,UAAU,GAAG,UAAU,CAAC,CAAA;AAChD,mBAAA,EAAA,CAAC,EAAE,KAAK,EAAE,KAC3B,KAAK,KAAK,MAAM,GAAG,YAAY,GAAG,UAAU,CAAA;;;AAG5C,EAAA,EAAA,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC;CAC/C;AAED,MAAM,UAAU,GAAG,CAAC,KAAuB,KAAK;;;AAGvC,OAAA,EAAA,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAA;;;;;AAKhB,aAAA,EAAA,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAA;;;;;;;CAOpC;AAED,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAsC;AACxE,EAAA,EAAA,KAAK,IAAI,UAAU,CAAC,KAAK,CAAC;;mBAEX,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,CAAC,YAAY,CAAC,EAAE,CAAA;;;AAGrC,gBAAA,EAAA,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,YAAY,CAAA;;;;AAIzC,uBAAA,EAAA,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAA;;;;;;;;;;;;AAY7D,EAAA,EAAA,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC;CAC/C;AAED,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,CAAsC;AACpE,EAAA,EAAA,KAAK,IAAI,UAAU,CAAC,KAAK,CAAC;;AAE1B,EAAA,EAAA,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC;CAC/C;AAED,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAmB;;;;AAInC,aAAA,EAAA,CAAC,EAAE,IAAI,EAAE,MAAM,IAAI,GAAG,KAAK,GAAG,MAAM,CAAC,CAAA;AACxC,UAAA,EAAA,CAAC,EAAE,IAAI,EAAE,MAAM,IAAI,GAAG,KAAK,GAAG,MAAM,CAAC,CAAA;AAC9B,iBAAA,EAAA,CAAC,EAAE,IAAI,EAAE,MAAM,IAAI,GAAG,KAAK,GAAG,KAAK,CAAC,CAAA;AACvC,cAAA,EAAA,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAA;AAC/C,SAAA,EAAA,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAA;AACpC,aAAA,EAAA,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,GAAG,CAAA;AAC1C,eAAA,EAAA,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,QAAQ,CAAA;AACvD,WAAA,EAAA,CAAC,EAAE,IAAI,EAAE,MAAM,IAAI,GAAG,GAAG,GAAG,OAAO,CAAC,CAAA;;CAEhD;AAED;AAEA,MAAM,gBAAgB,iBAAiB,KAAK,CAAC,IAAI,CAC/C,CAAC,EACC,KAAK,GAAG,MAAM,EACd,QAAQ,EACR,SAAS,EACT,KAAK,EACL,MAAM,EACN,GAAG,EACH,GAAG,EACH,GAAG,IAAI,EACR,KAAI;IACH,QACEA,GAAC,CAAA,aAAa,EACZ,EAAA,GAAG,EAAE,GAAG,EACD,OAAA,EAAA,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACC,aAAA,EAAA,MAAM,EACb,MAAA,EAAA,GAAG,EACL,GAAA,IAAI,EAEP,QAAA,EAAA,QAAQ,EACK,CAAA;AAEpB,CAAC,CACF;AAED,gBAAgB,CAAC,WAAW,GAAG,mBAAmB;AAElD,MAAM,aAAa,iBAAiB,KAAK,CAAC,IAAI,CAC5C,CAAC,EACC,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,KAAK,EACL,MAAM,EACN,GAAG,EACH,GAAG,EACH,GAAG,IAAI,EACR,KAAI;AACH,IAAA,YAAY,EAAE;IAEd,MAAM,OAAO,IACXC,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACG,IAAI,EACJ,QAAQ,IAAIF,GAAO,CAAA,MAAA,EAAA,EAAA,QAAA,EAAA,QAAQ,GAAQ,EACnC,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,KAAK,KACrCA,GAAA,CAAC,WAAW,EAAO,EAAA,MAAA,EAAA,KAAK,KAAK,IAAI,EAAA,QAAA,EAC9B,OAAO,KAAK,KAAK,QAAQ,GAAG,KAAK,GAAG,IAAI,GAC7B,CACf,CAAA,EAAA,CACA,CACJ;IAED,IAAI,OAAO,EAAE;AACX,QAAA,QACEA,GAAC,CAAA,gBAAgB,IACf,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACC,aAAA,EAAA,MAAM,UACb,GAAG,EACT,GAAG,EAAE,GAAmC,EACxC,IAAI,EAAC,QAAQ,EACT,GAAA,IAAI,YAEP,OAAO,EAAA,CACS;;AAIvB,IAAA,QACEA,GAAA,CAAC,cAAc,EAAA,EACb,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EAAA,aAAA,EACC,MAAM,EAAA,MAAA,EACb,GAAG,EACT,GAAG,EAAE,GAAiC,EAAA,GAClC,IAAI,EAAA,QAAA,EAEP,OAAO,EAAA,CACO;AAErB,CAAC,CACF;AAED,aAAa,CAAC,WAAW,GAAG,gBAAgB;AAE5C;AAEA,MAAM,aAAa,GAA6B,CAAC,EAC/C,KAAK,GAAG,IAAI,EACZ,QAAQ,GAAG,SAAS,EACpB,QAAQ,EACR,SAAS,EACT,KAAK,EACL,MAAM,EACN,GAAG,EACH,GAAG,EACH,GAAG,IAAI,EACR,KAAI;AACH,IAAA,MAAM,YAAY,GAAG,OAAO,CAAC,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;IAE9D,QACEA,IAAC,gBAAgB,CAAC,QAAQ,EAAC,EAAA,KAAK,EAAE,YAAY,EAAA,QAAA,EAC5CA,IAAC,eAAe,EAAA,EACd,GAAG,EAAE,GAAG,cACE,QAAQ,EAAA,OAAA,EACX,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,iBACC,MAAM,EAAA,MAAA,EACb,GAAG,EACT,IAAI,EAAC,QAAQ,EAAA,WAAA,EACH,QAAQ,EACd,GAAA,IAAI,YAEP,QAAQ,EAAA,CACO,EACQ,CAAA;AAEhC,CAAC;AAED,aAAa,CAAC,WAAW,GAAG,WAAW;AAEvC;AAEa,MAAA,SAAS,iBAAiB,MAAM,CAAC,MAAM,CAAC,aAAa,EAAE;AAClE,IAAA,OAAO,EAAE,gBAAgB;AACzB,IAAA,IAAI,EAAE,aAAa;AACpB,CAAA;;;;"}
+{"version":3,"file":"StatusBar.js","sources":["../../../../../../src/components/shell/StatusBar/StatusBar.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAkBA;AACE;AACD;AAED;AAEA;AAEA;AAWI;AAWF;AAGF;AAEA;AAeI;;;AAeE;;AAiBF;AAYF;AAGF;AAEA;AAEA;AAWE;;AAoBF;AAEA;AAEA;AAEO;AACL;AACA;AACD;;"}

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

@@ -0,0 +1,11 @@
+import './../../../assets/src/components/shell/Toolbar/Toolbar.css.ts.vanilla-DPqftT18.css';
+import { c as createRuntimeFn } from '../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js';
+
+var toolbarButton = createRuntimeFn({defaultClassName:'Toolbar_toolbarButton__sc1ugu3',variantClassNames:{size:{sm:'Toolbar_toolbarButton_size_sm__sc1ugu4',md:'Toolbar_toolbarButton_size_md__sc1ugu5'},variant:{'default':'Toolbar_toolbarButton_variant_default__sc1ugu6',ghost:'Toolbar_toolbarButton_variant_ghost__sc1ugu7',filled:'Toolbar_toolbarButton_variant_filled__sc1ugu8'},active:{true:'Toolbar_toolbarButton_active_true__sc1ugu9',false:'Toolbar_toolbarButton_active_false__sc1ugua'}},defaultVariants:{size:'md',variant:'default',active:false},compoundVariants:[[{active:true},'Toolbar_toolbarButton_compound_0__sc1ugub'],[{active:false},'Toolbar_toolbarButton_compound_1__sc1uguc']]});
+var toolbarGroup = createRuntimeFn({defaultClassName:'Toolbar_toolbarGroup__sc1ugud',variantClassNames:{orientation:{horizontal:'Toolbar_toolbarGroup_orientation_horizontal__sc1ugue',vertical:'Toolbar_toolbarGroup_orientation_vertical__sc1uguf'}},defaultVariants:{orientation:'horizontal'},compoundVariants:[]});
+var toolbarRoot = createRuntimeFn({defaultClassName:'Toolbar_toolbarRoot__sc1ugu0',variantClassNames:{orientation:{horizontal:'Toolbar_toolbarRoot_orientation_horizontal__sc1ugu1',vertical:'Toolbar_toolbarRoot_orientation_vertical__sc1ugu2'}},defaultVariants:{orientation:'horizontal'},compoundVariants:[]});
+var toolbarSeparator = createRuntimeFn({defaultClassName:'Toolbar_toolbarSeparator__sc1ugug',variantClassNames:{orientation:{horizontal:'Toolbar_toolbarSeparator_orientation_horizontal__sc1uguh',vertical:'Toolbar_toolbarSeparator_orientation_vertical__sc1ugui'}},defaultVariants:{orientation:'horizontal'},compoundVariants:[]});
+var toolbarSpacer = 'Toolbar_toolbarSpacer__sc1uguj';
+
+export { toolbarButton, toolbarGroup, toolbarRoot, toolbarSeparator, toolbarSpacer };
+//# sourceMappingURL=Toolbar.css.js.map

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

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

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

@@ -1,122 +1,46 @@
+"use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import React, { useContext, createContext, useRef, useMemo, useCallback } from 'react';
-import styled from '@emotion/styled';
-import { processCss } from '../../../utils/styledUtils.js';
+import { cx } from '../../../utils/cx.js';
+import { toolbarButton, toolbarGroup, toolbarSeparator, toolbarSpacer, toolbarRoot } from './Toolbar.css.js';
 
 const ToolbarContext = /*#__PURE__*/ createContext({
     orientation: 'horizontal',
     size: 'md',
 });
 const useToolbar = () => useContext(ToolbarContext);
-// --- Styled Components ---
-const StyledToolbar = styled.div `
-  display: flex;
-  box-sizing: border-box;
-  align-items: center;
-  flex-direction: ${({ $orientation }) => $orientation === 'vertical' ? 'column' : 'row'};
-  min-width: 0;
-  min-height: 0;
-  ${({ $orientation }) => $orientation === 'vertical' && 'height: 100%;'}
-  background: ${({ theme }) => theme.shell.toolbar.bg};
-  padding: ${({ theme }) => theme.spacing.xs}px;
-  gap: ${({ theme }) => theme.spacing.xs}px;
-  flex-shrink: 0;
-  user-select: none;
-
-  ${({ $css, theme }) => processCss($css, theme)}
-`;
-const itemSize = (size) => (size === 'sm' ? 24 : 32);
-const StyledButton = styled.button `
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: ${({ $size }) => itemSize($size)}px;
-  height: ${({ $size }) => itemSize($size)}px;
-  border: none;
-  border-radius: ${({ theme }) => theme.borderRadius.sm}px;
-  background: ${({ $variant, $active, theme }) => {
-    if ($active)
-        return theme.colors.accent.primary;
-    if ($variant === 'filled')
-        return theme.colors.surface.active;
-    return 'transparent';
-}};
-  color: ${({ $active, theme }) => $active ? theme.colors.text.primary : theme.colors.text.secondary};
-  cursor: pointer;
-  padding: 0;
-  font-size: ${({ $size }) => ($size === 'sm' ? 14 : 16)}px;
-  transition: background ${({ theme }) => theme.transitions.fast};
-
-  &:hover:not(:disabled) {
-    background: ${({ $active, theme }) => $active ? theme.colors.accent.secondary : theme.colors.surface.hover};
-  }
-
-  &:focus-visible {
-    outline: 1px solid ${({ theme }) => theme.colors.border.focus};
-    outline-offset: -1px;
-  }
-
-  &:disabled {
-    opacity: 0.4;
-    cursor: default;
-  }
-
-  ${({ $css, theme }) => processCss($css, theme)}
-`;
-const StyledGroup = styled.div `
-  display: flex;
-  flex-direction: ${({ $orientation }) => $orientation === 'vertical' ? 'column' : 'row'};
-  align-items: center;
-  gap: ${({ theme }) => theme.spacing.xs}px;
-
-  ${({ $css, theme }) => processCss($css, theme)}
-`;
-const StyledSeparator = styled.div `
-  background: ${({ theme }) => theme.shell.toolbar.separator};
-  flex-shrink: 0;
-  ${({ $orientation, theme }) => $orientation === 'vertical'
-    ? `width: 80%; height: 1px; margin: ${theme.spacing.xs}px auto;`
-    : `width: 1px; height: 16px; margin: 0 ${theme.spacing.xs}px;`}
-
-  ${({ $css, theme }) => processCss($css, theme)}
-`;
-const StyledSpacer = styled.div `
-  flex: 1 1 auto;
-
-  ${({ $css, theme }) => processCss($css, theme)}
-`;
 // --- Roving tabindex helper ---
 const FOCUSABLE_ITEM_SELECTOR = 'button:not(:disabled), [role="button"]:not([aria-disabled="true"])';
 function focusableItems(container) {
     return Array.from(container.querySelectorAll(FOCUSABLE_ITEM_SELECTOR));
 }
 // --- Sub-components ---
-const ToolbarButton = /*#__PURE__*/ React.memo(({ onClick, icon, children, tooltip, $variant = 'default', disabled = false, className, style, testId, css, ref, ...rest }) => {
+const ToolbarButton = /*#__PURE__*/ React.memo(({ onClick, icon, children, tooltip, $variant = 'default', disabled = false, className, style, testId, ref, ...rest }) => {
     const { size } = useToolbar();
-    return (jsxs(StyledButton, { onClick: onClick, "$variant": $variant, "$size": size, disabled: disabled, className: className, style: style, "data-testid": testId, "$css": css, ref: ref, title: tooltip, type: "button", tabIndex: -1, ...rest, children: [icon, !icon && children] }));
+    return (jsxs("button", { onClick: onClick, disabled: disabled, className: cx(toolbarButton({ size, variant: $variant, active: false }), className), style: style, "data-testid": testId, ref: ref, title: tooltip, type: "button", tabIndex: -1, ...rest, children: [icon, !icon && children] }));
 });
 ToolbarButton.displayName = 'Toolbar.Button';
-const ToolbarToggle = /*#__PURE__*/ React.memo(({ pressed, onPressedChange, icon, children, tooltip, disabled = false, className, style, testId, css, ref, ...rest }) => {
+const ToolbarToggle = /*#__PURE__*/ React.memo(({ pressed, onPressedChange, icon, children, tooltip, disabled = false, className, style, testId, ref, ...rest }) => {
     const { size } = useToolbar();
-    return (jsxs(StyledButton, { onClick: () => onPressedChange(!pressed), "$variant": "default", "$active": pressed, "$size": size, disabled: disabled, className: className, style: style, "data-testid": testId, "$css": css, ref: ref, title: tooltip, type: "button", tabIndex: -1, "aria-pressed": pressed, ...rest, children: [icon, !icon && children] }));
+    return (jsxs("button", { onClick: () => onPressedChange(!pressed), disabled: disabled, className: cx(toolbarButton({ size, variant: 'default', active: pressed }), className), style: style, "data-testid": testId, ref: ref, title: tooltip, type: "button", tabIndex: -1, "aria-pressed": pressed, ...rest, children: [icon, !icon && children] }));
 });
 ToolbarToggle.displayName = 'Toolbar.Toggle';
-const ToolbarGroup = /*#__PURE__*/ React.memo(({ children, className, style, testId, css, ref, ...rest }) => {
+const ToolbarGroupComp = /*#__PURE__*/ React.memo(({ children, className, style, testId, ref, ...rest }) => {
     const { orientation } = useToolbar();
-    return (jsx(StyledGroup, { "$orientation": orientation, className: className, style: style, "data-testid": testId, "$css": css, ref: ref, role: "group", ...rest, children: children }));
+    return (jsx("div", { className: cx(toolbarGroup({ orientation }), className), style: style, "data-testid": testId, ref: ref, role: "group", ...rest, children: children }));
 });
-ToolbarGroup.displayName = 'Toolbar.Group';
-const ToolbarSeparator = /*#__PURE__*/ React.memo(({ className, style, testId, css, ref, ...rest }) => {
+ToolbarGroupComp.displayName = 'Toolbar.Group';
+const ToolbarSeparatorComp = /*#__PURE__*/ React.memo(({ className, style, testId, ref, ...rest }) => {
     const { orientation } = useToolbar();
-    return (jsx(StyledSeparator, { "$orientation": orientation, className: className, style: style, "data-testid": testId, "$css": css, ref: ref, role: "separator", "aria-orientation": orientation === 'horizontal' ? 'vertical' : 'horizontal', ...rest }));
+    return (jsx("div", { className: cx(toolbarSeparator({ orientation }), className), style: style, "data-testid": testId, ref: ref, role: "separator", "aria-orientation": orientation === 'horizontal' ? 'vertical' : 'horizontal', ...rest }));
 });
-ToolbarSeparator.displayName = 'Toolbar.Separator';
-const ToolbarSpacer = /*#__PURE__*/ React.memo(({ className, style, testId, css, ref, ...rest }) => {
-    return (jsx(StyledSpacer, { className: className, style: style, "data-testid": testId, "$css": css, ref: ref, ...rest }));
+ToolbarSeparatorComp.displayName = 'Toolbar.Separator';
+const ToolbarSpacerComp = /*#__PURE__*/ React.memo(({ className, style, testId, ref, ...rest }) => {
+    return (jsx("div", { className: cx(toolbarSpacer, className), style: style, "data-testid": testId, ref: ref, ...rest }));
 });
-ToolbarSpacer.displayName = 'Toolbar.Spacer';
+ToolbarSpacerComp.displayName = 'Toolbar.Spacer';
 // --- Root Component ---
-const ToolbarRoot = ({ $orientation = 'horizontal', $size = 'md', children, className, style, testId, css, ref: externalRef, ...rest }) => {
+const ToolbarRoot = ({ $orientation = 'horizontal', $size = 'md', children, className, style, testId, ref: externalRef, ...rest }) => {
     const internalRef = useRef(null);
     const setToolbarRef = useMemo(() => (node) => {
         internalRef.current = node;
@@ -169,16 +93,16 @@ const ToolbarRoot = ({ $orientation = 'horizontal', $size = 'md', children, clas
         }
     }, []);
     const toolbarContextValue = useMemo(() => ({ orientation: $orientation, size: $size }), [$orientation, $size]);
-    return (jsx(ToolbarContext.Provider, { value: toolbarContextValue, children: jsx(StyledToolbar, { ref: setToolbarRef, "$orientation": $orientation, "$size": $size, className: className, style: style, "data-testid": testId, "$css": css, role: "toolbar", "aria-orientation": $orientation, tabIndex: 0, onKeyDown: handleKeyDown, onFocus: handleFocus, ...rest, children: children }) }));
+    return (jsx(ToolbarContext.Provider, { value: toolbarContextValue, children: jsx("div", { ref: setToolbarRef, className: cx(toolbarRoot({ orientation: $orientation }), className), style: style, "data-testid": testId, role: "toolbar", "aria-orientation": $orientation, tabIndex: 0, onKeyDown: handleKeyDown, onFocus: handleFocus, ...rest, children: children }) }));
 };
 ToolbarRoot.displayName = 'Toolbar';
 // --- Compound Component ---
 const Toolbar = /*#__PURE__*/ Object.assign(ToolbarRoot, {
     Button: ToolbarButton,
     Toggle: ToolbarToggle,
-    Group: ToolbarGroup,
-    Separator: ToolbarSeparator,
-    Spacer: ToolbarSpacer,
+    Group: ToolbarGroupComp,
+    Separator: ToolbarSeparatorComp,
+    Spacer: ToolbarSpacerComp,
 });
 
 export { Toolbar };

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

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

package/dist/esm/context/KeyboardContext.js

@@ -1,3 +1,4 @@
+"use client";
 import 'react/jsx-runtime';
 import { useContext, createContext } from 'react';
 

package/dist/esm/context/KeyboardContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"KeyboardContext.js","sources":["../../../../src/context/KeyboardContext.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;AAMA,MAAM,eAAe,iBAAiB,aAAa,CAAuB,IAAI,CAAC;AAiBxE,MAAM,kBAAkB,GAAG,MAAoB;AACpD,IAAA,MAAM,OAAO,GAAG,UAAU,CAAC,eAAe,CAAC;IAC3C,IAAI,CAAC,OAAO,EAAE;AACZ,QAAA,MAAM,IAAI,KAAK,CACb,kEAAkE,CACnE;;AAEH,IAAA,OAAO,OAAO;AAChB;;;;"}
+{"version":3,"file":"KeyboardContext.js","sources":["../../../../src/context/KeyboardContext.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;AAQA;AAiBO;AACL;;AAEE;;AAIF;AACF;;"}

package/dist/esm/index.js

@@ -1,6 +1,8 @@
-export { tokens } from './theme/tokens.js';
+export { vars } from './theme/contract.css.js';
+export { darkThemeValues } from './theme/darkTheme.css.js';
+import './node_modules/@vanilla-extract/css/dist/vanilla-extract-css.esm.js';
+export { VanillaThemeProvider } from './theme/VanillaThemeProvider.js';
 export { ThemeProvider } from './theme/ThemeProvider.js';
-export { createTheme } from './theme/createTheme.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';
@@ -29,6 +31,8 @@ export { PopoverTrigger } from './components/primitives/Popover/PopoverTrigger.j
 export { Switch } from './components/primitives/Switch/Switch.js';
 export { Text } from './components/primitives/Text/Text.js';
 export { Tooltip } from './components/primitives/Tooltip/Tooltip.js';
+import 'react';
+import './components/primitives/canvas/CanvasContainer.js';
 export { ColorPicker } from './components/controls/ColorPicker/ColorPicker.js';
 export { ColorSwatch } from './components/controls/ColorPicker/ColorSwatch.js';
 export { EyeDropper } from './components/controls/ColorPicker/EyeDropper.js';
@@ -37,7 +41,6 @@ export { MATERIAL_PALETTE } from './components/controls/ColorPicker/palettes/mat
 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 { NumberInput } from './components/controls/NumberInput/NumberInput.js';
-import 'react';
 import 'react/jsx-runtime';
 export { Select } from './components/controls/Select/Select.js';
 export { Slider } from './components/controls/Slider/Slider.js';
@@ -46,6 +49,7 @@ export { TreeView } from './components/controls/TreeView/TreeView.js';
 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 { ContextMenu } from './components/navigation/ContextMenu/ContextMenu.js';
 export { useContextMenuTarget } from './components/navigation/ContextMenu/useContextMenuTarget.js';
 export { Menu } from './components/navigation/Menu/Menu.js';
@@ -69,10 +73,29 @@ export { PropertySection } from './components/editor/PropertyInspector/PropertyS
 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 { ViewportGizmo } from './components/editor/ViewportGizmo/ViewportGizmo.js';
+export { axisToPresetView, eulerToRotationMatrix, gizmoHitTest, presetViewToOrientation, projectAxes, projectToCanvas, quaternionToEuler } from './components/editor/ViewportGizmo/gizmoMath.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';
+export { ChatBubble } from './components/editor/ChatPanel/ChatBubble.js';
+export { ChatInput } from './components/editor/ChatPanel/ChatInput.js';
+export { ChatTypingIndicator } from './components/editor/ChatPanel/ChatTypingIndicator.js';
+export { ChatToolCall } from './components/editor/ChatPanel/ChatToolCall.js';
+export { ChatCodeBlock } from './components/editor/ChatPanel/ChatCodeBlock.js';
+export { ChatAttachmentChip } from './components/editor/ChatPanel/ChatAttachment.js';
+export { ChatContextChip } from './components/editor/ChatPanel/ChatContextChip.js';
+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 { useChatMessages } from './components/editor/ChatPanel/useChatMessages.js';
+export { useChatInput } from './components/editor/ChatPanel/useChatInput.js';
+export { useChatScroll } from './components/editor/ChatPanel/useChatScroll.js';
 export { AppShell, useAppShell } from './components/shell/AppShell/AppShell.js';
 export { FloatingManager, FloatingPanel } from './components/shell/FloatingPanel/FloatingPanel.js';
 export { MenuBar } from './components/shell/MenuBar/MenuBar.js';
 export { StatusBar } from './components/shell/StatusBar/StatusBar.js';
 export { Toolbar } from './components/shell/Toolbar/Toolbar.js';
 export { cn } from './utils/cn.js';
+export { cx } from './utils/cx.js';
 //# 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/node_modules/@vanilla-extract/css/adapter/dist/vanilla-extract-css-adapter.esm.js

@@ -0,0 +1,15 @@
+var hasConfiguredAdapter = false;
+var setAdapterIfNotSet = newAdapter => {
+  if (!hasConfiguredAdapter) {
+    setAdapter(newAdapter);
+  }
+};
+var setAdapter = newAdapter => {
+  if (!newAdapter) {
+    throw new Error('No adapter provided when calling "setAdapter"');
+  }
+  hasConfiguredAdapter = true;
+};
+
+export { setAdapter, setAdapterIfNotSet };
+//# sourceMappingURL=vanilla-extract-css-adapter.esm.js.map

package/dist/esm/node_modules/@vanilla-extract/css/adapter/dist/vanilla-extract-css-adapter.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vanilla-extract-css-adapter.esm.js","sources":["../../../../../../../node_modules/@vanilla-extract/css/adapter/dist/vanilla-extract-css-adapter.esm.js"],"sourcesContent":["var mockAdapter = {\n  appendCss: () => {},\n  registerClassName: () => {},\n  onEndFileScope: () => {},\n  registerComposition: () => {},\n  markCompositionUsed: () => {},\n  getIdentOption: () => process.env.NODE_ENV === 'production' ? 'short' : 'debug'\n};\nvar adapterStack = [mockAdapter];\nvar currentAdapter = () => {\n  if (adapterStack.length < 1) {\n    throw new Error('No adapter configured');\n  }\n  return adapterStack[adapterStack.length - 1];\n};\nvar hasConfiguredAdapter = false;\nvar setAdapterIfNotSet = newAdapter => {\n  if (!hasConfiguredAdapter) {\n    setAdapter(newAdapter);\n  }\n};\nvar setAdapter = newAdapter => {\n  if (!newAdapter) {\n    throw new Error('No adapter provided when calling \"setAdapter\"');\n  }\n  hasConfiguredAdapter = true;\n  adapterStack.push(newAdapter);\n};\nvar removeAdapter = () => {\n  adapterStack.pop();\n};\nvar appendCss = function appendCss() {\n  return currentAdapter().appendCss(...arguments);\n};\nvar registerClassName = function registerClassName() {\n  return currentAdapter().registerClassName(...arguments);\n};\nvar registerComposition = function registerComposition() {\n  return currentAdapter().registerComposition(...arguments);\n};\nvar markCompositionUsed = function markCompositionUsed() {\n  return currentAdapter().markCompositionUsed(...arguments);\n};\nvar onBeginFileScope = function onBeginFileScope() {\n  var _currentAdapter$onBeg, _currentAdapter;\n  for (var _len = arguments.length, props = new Array(_len), _key = 0; _key < _len; _key++) {\n    props[_key] = arguments[_key];\n  }\n  return (_currentAdapter$onBeg = (_currentAdapter = currentAdapter()).onBeginFileScope) === null || _currentAdapter$onBeg === void 0 ? void 0 : _currentAdapter$onBeg.call(_currentAdapter, ...props);\n};\nvar onEndFileScope = function onEndFileScope() {\n  return currentAdapter().onEndFileScope(...arguments);\n};\nvar getIdentOption = function getIdentOption() {\n  var adapter = currentAdapter();\n\n  // Backwards compatibility with old versions of the integration package\n  if (!('getIdentOption' in adapter)) {\n    return process.env.NODE_ENV === 'production' ? 'short' : 'debug';\n  }\n  return adapter.getIdentOption(...arguments);\n};\n\nexport { appendCss, getIdentOption, markCompositionUsed, mockAdapter, onBeginFileScope, onEndFileScope, registerClassName, registerComposition, removeAdapter, setAdapter, setAdapterIfNotSet };\n"],"names":[],"mappings":"AAeA,IAAI,oBAAoB,GAAG,KAAK;AAC7B,IAAC,kBAAkB,GAAG,UAAU,IAAI;AACvC,EAAE,IAAI,CAAC,oBAAoB,EAAE;AAC7B,IAAI,UAAU,CAAC,UAAU,CAAC;AAC1B,EAAE;AACF;AACG,IAAC,UAAU,GAAG,UAAU,IAAI;AAC/B,EAAE,IAAI,CAAC,UAAU,EAAE;AACnB,IAAI,MAAM,IAAI,KAAK,CAAC,+CAA+C,CAAC;AACpE,EAAE;AACF,EAAE,oBAAoB,GAAG,IAAI;AAE7B;;;;","x_google_ignoreList":[0]}

package/dist/esm/node_modules/@vanilla-extract/css/dist/transformCss-fd0786e1.esm.js

@@ -0,0 +1,128 @@
+import '../../../../_virtual/cssesc.js';
+import '../../../dedent/dist/dedent.js';
+
+var simplePseudoMap = {
+  ':-moz-any-link': true,
+  ':-moz-full-screen': true,
+  ':-moz-placeholder': true,
+  ':-moz-read-only': true,
+  ':-moz-read-write': true,
+  ':-ms-fullscreen': true,
+  ':-ms-input-placeholder': true,
+  ':-webkit-any-link': true,
+  ':-webkit-full-screen': true,
+  '::-moz-color-swatch': true,
+  '::-moz-list-bullet': true,
+  '::-moz-list-number': true,
+  '::-moz-page-sequence': true,
+  '::-moz-page': true,
+  '::-moz-placeholder': true,
+  '::-moz-progress-bar': true,
+  '::-moz-range-progress': true,
+  '::-moz-range-thumb': true,
+  '::-moz-range-track': true,
+  '::-moz-scrolled-page-sequence': true,
+  '::-moz-selection': true,
+  '::-ms-backdrop': true,
+  '::-ms-browse': true,
+  '::-ms-check': true,
+  '::-ms-clear': true,
+  '::-ms-fill-lower': true,
+  '::-ms-fill-upper': true,
+  '::-ms-fill': true,
+  '::-ms-reveal': true,
+  '::-ms-thumb': true,
+  '::-ms-ticks-after': true,
+  '::-ms-ticks-before': true,
+  '::-ms-tooltip': true,
+  '::-ms-track': true,
+  '::-ms-value': true,
+  '::-webkit-backdrop': true,
+  '::-webkit-calendar-picker-indicator': true,
+  '::-webkit-inner-spin-button': true,
+  '::-webkit-input-placeholder': true,
+  '::-webkit-meter-bar': true,
+  '::-webkit-meter-even-less-good-value': true,
+  '::-webkit-meter-inner-element': true,
+  '::-webkit-meter-optimum-value': true,
+  '::-webkit-meter-suboptimum-value': true,
+  '::-webkit-outer-spin-button': true,
+  '::-webkit-progress-bar': true,
+  '::-webkit-progress-inner-element': true,
+  '::-webkit-progress-inner-value': true,
+  '::-webkit-progress-value': true,
+  '::-webkit-resizer': true,
+  '::-webkit-scrollbar-button': true,
+  '::-webkit-scrollbar-corner': true,
+  '::-webkit-scrollbar-thumb': true,
+  '::-webkit-scrollbar-track-piece': true,
+  '::-webkit-scrollbar-track': true,
+  '::-webkit-scrollbar': true,
+  '::-webkit-search-cancel-button': true,
+  '::-webkit-search-results-button': true,
+  '::-webkit-slider-runnable-track': true,
+  '::-webkit-slider-thumb': true,
+  '::after': true,
+  '::backdrop': true,
+  '::before': true,
+  '::cue': true,
+  '::file-selector-button': true,
+  '::first-letter': true,
+  '::first-line': true,
+  '::grammar-error': true,
+  '::marker': true,
+  '::placeholder': true,
+  '::selection': true,
+  '::spelling-error': true,
+  '::target-text': true,
+  '::view-transition-group': true,
+  '::view-transition-image-pair': true,
+  '::view-transition-new': true,
+  '::view-transition-old': true,
+  '::view-transition': true,
+  ':active': true,
+  ':after': true,
+  ':any-link': true,
+  ':before': true,
+  ':blank': true,
+  ':checked': true,
+  ':default': true,
+  ':defined': true,
+  ':disabled': true,
+  ':empty': true,
+  ':enabled': true,
+  ':first-child': true,
+  ':first-letter': true,
+  ':first-line': true,
+  ':first-of-type': true,
+  ':first': true,
+  ':focus-visible': true,
+  ':focus-within': true,
+  ':focus': true,
+  ':fullscreen': true,
+  ':hover': true,
+  ':in-range': true,
+  ':indeterminate': true,
+  ':invalid': true,
+  ':last-child': true,
+  ':last-of-type': true,
+  ':left': true,
+  ':link': true,
+  ':only-child': true,
+  ':only-of-type': true,
+  ':optional': true,
+  ':out-of-range': true,
+  ':placeholder-shown': true,
+  ':read-only': true,
+  ':read-write': true,
+  ':required': true,
+  ':right': true,
+  ':root': true,
+  ':scope': true,
+  ':target': true,
+  ':valid': true,
+  ':visited': true
+};
+var simplePseudos = Object.keys(simplePseudoMap);
+[...simplePseudos, '@layer', '@media', '@supports', '@container', '@starting-style', 'selectors'];
+//# sourceMappingURL=transformCss-fd0786e1.esm.js.map

package/dist/esm/node_modules/@vanilla-extract/css/dist/transformCss-fd0786e1.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transformCss-fd0786e1.esm.js","sources":["../../../../../../node_modules/@vanilla-extract/css/dist/transformCss-fd0786e1.esm.js"],"sourcesContent":["import { getVarName } from '@vanilla-extract/private';\nimport cssesc from 'cssesc';\nimport AhoCorasick from 'modern-ahocorasick';\nimport { markCompositionUsed } from '../adapter/dist/vanilla-extract-css-adapter.esm.js';\nimport { _ as _taggedTemplateLiteral } from './taggedTemplateLiteral-10998315.esm.js';\nimport { parse } from 'css-what';\nimport dedent from 'dedent';\nimport { toAST } from 'media-query-parser';\n\nfunction toPrimitive(t, r) {\n  if (\"object\" != typeof t || !t) return t;\n  var e = t[Symbol.toPrimitive];\n  if (void 0 !== e) {\n    var i = e.call(t, r || \"default\");\n    if (\"object\" != typeof i) return i;\n    throw new TypeError(\"@@toPrimitive must return a primitive value.\");\n  }\n  return (\"string\" === r ? String : Number)(t);\n}\n\nfunction toPropertyKey(t) {\n  var i = toPrimitive(t, \"string\");\n  return \"symbol\" == typeof i ? i : String(i);\n}\n\nfunction _defineProperty(obj, key, value) {\n  key = toPropertyKey(key);\n  if (key in obj) {\n    Object.defineProperty(obj, key, {\n      value: value,\n      enumerable: true,\n      configurable: true,\n      writable: true\n    });\n  } else {\n    obj[key] = value;\n  }\n  return obj;\n}\n\nfunction ownKeys(e, r) {\n  var t = Object.keys(e);\n  if (Object.getOwnPropertySymbols) {\n    var o = Object.getOwnPropertySymbols(e);\n    r && (o = o.filter(function (r) {\n      return Object.getOwnPropertyDescriptor(e, r).enumerable;\n    })), t.push.apply(t, o);\n  }\n  return t;\n}\nfunction _objectSpread2(e) {\n  for (var r = 1; r < arguments.length; r++) {\n    var t = null != arguments[r] ? arguments[r] : {};\n    r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {\n      _defineProperty(e, r, t[r]);\n    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {\n      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));\n    });\n  }\n  return e;\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n  return target;\n}\n\nfunction _objectWithoutProperties(source, excluded) {\n  if (source == null) return {};\n  var target = _objectWithoutPropertiesLoose(source, excluded);\n  var key, i;\n  if (Object.getOwnPropertySymbols) {\n    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);\n    for (i = 0; i < sourceSymbolKeys.length; i++) {\n      key = sourceSymbolKeys[i];\n      if (excluded.indexOf(key) >= 0) continue;\n      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;\n      target[key] = source[key];\n    }\n  }\n  return target;\n}\n\nfunction forEach(obj, fn) {\n  for (var _key in obj) {\n    fn(obj[_key], _key);\n  }\n}\nfunction omit(obj, omitKeys) {\n  var result = {};\n  for (var _key2 in obj) {\n    if (omitKeys.indexOf(_key2) === -1) {\n      result[_key2] = obj[_key2];\n    }\n  }\n  return result;\n}\nfunction mapKeys(obj, fn) {\n  var result = {};\n  for (var _key3 in obj) {\n    result[fn(obj[_key3], _key3)] = obj[_key3];\n  }\n  return result;\n}\nfunction composeStylesIntoSet(set) {\n  for (var _len = arguments.length, classNames = new Array(_len > 1 ? _len - 1 : 0), _key5 = 1; _key5 < _len; _key5++) {\n    classNames[_key5 - 1] = arguments[_key5];\n  }\n  for (var className of classNames) {\n    if (className.length === 0) {\n      continue;\n    }\n    if (typeof className === 'string') {\n      if (className.includes(' ')) {\n        composeStylesIntoSet(set, ...className.trim().split(' '));\n      } else {\n        set.add(className);\n      }\n    } else if (Array.isArray(className)) {\n      composeStylesIntoSet(set, ...className);\n    }\n  }\n}\nfunction dedupeAndJoinClassList(classNames) {\n  var set = new Set();\n  composeStylesIntoSet(set, ...classNames);\n  return Array.from(set).join(' ');\n}\n\nvar _templateObject$1;\n\n// https://stackoverflow.com/questions/3561493/is-there-a-regexp-escape-function-in-javascript\nfunction escapeRegex(string) {\n  return string.replace(/[-/\\\\^$*+?.()|[\\]{}]/g, '\\\\$&');\n}\nvar validateSelector = (selector, targetClassName) => {\n  var replaceTarget = () => {\n    var targetRegex = new RegExp(\".\".concat(escapeRegex(cssesc(targetClassName, {\n      isIdentifier: true\n    }))), 'g');\n    return selector.replace(targetRegex, '&');\n  };\n  var selectorParts;\n  try {\n    selectorParts = parse(selector);\n  } catch (err) {\n    throw new Error(\"Invalid selector: \".concat(replaceTarget()), {\n      cause: err\n    });\n  }\n  selectorParts.forEach(tokens => {\n    try {\n      for (var i = tokens.length - 1; i >= -1; i--) {\n        if (!tokens[i]) {\n          throw new Error();\n        }\n        var token = tokens[i];\n        if (token.type === 'child' || token.type === 'parent' || token.type === 'sibling' || token.type === 'adjacent' || token.type === 'descendant') {\n          throw new Error();\n        }\n        if (token.type === 'attribute' && token.name === 'class' && token.value === targetClassName) {\n          return; // Found it\n        }\n      }\n    } catch (err) {\n      throw new Error(dedent(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral([\"\\n        Invalid selector: \", \"\\n    \\n        Style selectors must target the '&' character (along with any modifiers), e.g. \", \" or \", \".\\n        \\n        This is to ensure that each style block only affects the styling of a single class.\\n        \\n        If your selector is targeting another class, you should move it to the style definition for that class, e.g. given we have styles for 'parent' and 'child' elements, instead of adding a selector of \", \") to 'parent', you should add \", \" to 'child').\\n        \\n        If your selector is targeting something global, use the 'globalStyle' function instead, e.g. if you wanted to write \", \", you should instead write 'globalStyle(\", \", { ... })'\\n      \"])), replaceTarget(), '`${parent} &`', '`${parent} &:hover`', '`& ${child}`', '`${parent} &`', '`& h1`', '`${parent} h1`'), {\n        cause: err\n      });\n    }\n  });\n};\n\n/** e.g. @media screen and (min-width: 500px) */\n\nclass ConditionalRuleset {\n  /**\n   * Stores information about where conditions must be in relation to other conditions\n   *\n   * e.g. mobile -> tablet, desktop\n   */\n\n  constructor() {\n    this.ruleset = new Map();\n    this.precedenceLookup = new Map();\n  }\n  findOrCreateCondition(conditionQuery) {\n    var targetCondition = this.ruleset.get(conditionQuery);\n    if (!targetCondition) {\n      // No target condition so create one\n      targetCondition = {\n        query: conditionQuery,\n        rules: [],\n        children: new ConditionalRuleset()\n      };\n      this.ruleset.set(conditionQuery, targetCondition);\n    }\n    return targetCondition;\n  }\n  getConditionalRulesetByPath(conditionPath) {\n    var currRuleset = this;\n    for (var query of conditionPath) {\n      var condition = currRuleset.findOrCreateCondition(query);\n      currRuleset = condition.children;\n    }\n    return currRuleset;\n  }\n  addRule(rule, conditionQuery, conditionPath) {\n    var ruleset = this.getConditionalRulesetByPath(conditionPath);\n    var targetCondition = ruleset.findOrCreateCondition(conditionQuery);\n    if (!targetCondition) {\n      throw new Error('Failed to add conditional rule');\n    }\n    targetCondition.rules.push(rule);\n  }\n  addConditionPrecedence(conditionPath, conditionOrder) {\n    var ruleset = this.getConditionalRulesetByPath(conditionPath);\n    for (var i = 0; i < conditionOrder.length; i++) {\n      var _ruleset$precedenceLo;\n      var query = conditionOrder[i];\n      var conditionPrecedence = (_ruleset$precedenceLo = ruleset.precedenceLookup.get(query)) !== null && _ruleset$precedenceLo !== void 0 ? _ruleset$precedenceLo : new Set();\n      for (var lowerPrecedenceCondition of conditionOrder.slice(i + 1)) {\n        conditionPrecedence.add(lowerPrecedenceCondition);\n      }\n      ruleset.precedenceLookup.set(query, conditionPrecedence);\n    }\n  }\n  isCompatible(incomingRuleset) {\n    for (var [condition, orderPrecedence] of this.precedenceLookup.entries()) {\n      for (var lowerPrecedenceCondition of orderPrecedence) {\n        var _incomingRuleset$prec;\n        if ((_incomingRuleset$prec = incomingRuleset.precedenceLookup.get(lowerPrecedenceCondition)) !== null && _incomingRuleset$prec !== void 0 && _incomingRuleset$prec.has(condition)) {\n          return false;\n        }\n      }\n    }\n\n    // Check that children are compatible\n    for (var {\n      query,\n      children\n    } of incomingRuleset.ruleset.values()) {\n      var matchingCondition = this.ruleset.get(query);\n      if (matchingCondition && !matchingCondition.children.isCompatible(children)) {\n        return false;\n      }\n    }\n    return true;\n  }\n  merge(incomingRuleset) {\n    // Merge rulesets into one array\n    for (var {\n      query,\n      rules,\n      children\n    } of incomingRuleset.ruleset.values()) {\n      var matchingCondition = this.ruleset.get(query);\n      if (matchingCondition) {\n        matchingCondition.rules.push(...rules);\n        matchingCondition.children.merge(children);\n      } else {\n        this.ruleset.set(query, {\n          query,\n          rules,\n          children\n        });\n      }\n    }\n\n    // Merge order precedences\n    for (var [condition, incomingOrderPrecedence] of incomingRuleset.precedenceLookup.entries()) {\n      var _this$precedenceLooku;\n      var orderPrecedence = (_this$precedenceLooku = this.precedenceLookup.get(condition)) !== null && _this$precedenceLooku !== void 0 ? _this$precedenceLooku : new Set();\n      this.precedenceLookup.set(condition, new Set([...orderPrecedence, ...incomingOrderPrecedence]));\n    }\n  }\n\n  /**\n   * Merge another ConditionalRuleset into this one if they are compatible\n   *\n   * @returns true if successful, false if the ruleset is incompatible\n   */\n  mergeIfCompatible(incomingRuleset) {\n    if (!this.isCompatible(incomingRuleset)) {\n      return false;\n    }\n    this.merge(incomingRuleset);\n    return true;\n  }\n  getSortedRuleset() {\n    var _this = this;\n    var sortedRuleset = [];\n\n    // Loop through all queries and add them to the sorted ruleset\n    var _loop = function _loop(dependents) {\n      var conditionForQuery = _this.ruleset.get(query);\n      if (!conditionForQuery) {\n        throw new Error(\"Can't find condition for \".concat(query));\n      }\n\n      // Find the location of the first dependent condition in the sortedRuleset\n      // A dependent condition is a condition that must be placed *after* the current one\n      var firstMatchingDependent = sortedRuleset.findIndex(condition => dependents.has(condition.query));\n      if (firstMatchingDependent > -1) {\n        // Insert the condition before the dependent one\n        sortedRuleset.splice(firstMatchingDependent, 0, conditionForQuery);\n      } else {\n        // No match, just insert at the end\n        sortedRuleset.push(conditionForQuery);\n      }\n    };\n    for (var [query, dependents] of this.precedenceLookup.entries()) {\n      _loop(dependents);\n    }\n    return sortedRuleset;\n  }\n  renderToArray() {\n    var arr = [];\n    for (var {\n      query,\n      rules,\n      children\n    } of this.getSortedRuleset()) {\n      var selectors = {};\n      for (var rule of rules) {\n        selectors[rule.selector] = _objectSpread2(_objectSpread2({}, selectors[rule.selector]), rule.rule);\n      }\n      Object.assign(selectors, ...children.renderToArray());\n      arr.push({\n        [query]: selectors\n      });\n    }\n    return arr;\n  }\n}\n\nvar simplePseudoMap = {\n  ':-moz-any-link': true,\n  ':-moz-full-screen': true,\n  ':-moz-placeholder': true,\n  ':-moz-read-only': true,\n  ':-moz-read-write': true,\n  ':-ms-fullscreen': true,\n  ':-ms-input-placeholder': true,\n  ':-webkit-any-link': true,\n  ':-webkit-full-screen': true,\n  '::-moz-color-swatch': true,\n  '::-moz-list-bullet': true,\n  '::-moz-list-number': true,\n  '::-moz-page-sequence': true,\n  '::-moz-page': true,\n  '::-moz-placeholder': true,\n  '::-moz-progress-bar': true,\n  '::-moz-range-progress': true,\n  '::-moz-range-thumb': true,\n  '::-moz-range-track': true,\n  '::-moz-scrolled-page-sequence': true,\n  '::-moz-selection': true,\n  '::-ms-backdrop': true,\n  '::-ms-browse': true,\n  '::-ms-check': true,\n  '::-ms-clear': true,\n  '::-ms-fill-lower': true,\n  '::-ms-fill-upper': true,\n  '::-ms-fill': true,\n  '::-ms-reveal': true,\n  '::-ms-thumb': true,\n  '::-ms-ticks-after': true,\n  '::-ms-ticks-before': true,\n  '::-ms-tooltip': true,\n  '::-ms-track': true,\n  '::-ms-value': true,\n  '::-webkit-backdrop': true,\n  '::-webkit-calendar-picker-indicator': true,\n  '::-webkit-inner-spin-button': true,\n  '::-webkit-input-placeholder': true,\n  '::-webkit-meter-bar': true,\n  '::-webkit-meter-even-less-good-value': true,\n  '::-webkit-meter-inner-element': true,\n  '::-webkit-meter-optimum-value': true,\n  '::-webkit-meter-suboptimum-value': true,\n  '::-webkit-outer-spin-button': true,\n  '::-webkit-progress-bar': true,\n  '::-webkit-progress-inner-element': true,\n  '::-webkit-progress-inner-value': true,\n  '::-webkit-progress-value': true,\n  '::-webkit-resizer': true,\n  '::-webkit-scrollbar-button': true,\n  '::-webkit-scrollbar-corner': true,\n  '::-webkit-scrollbar-thumb': true,\n  '::-webkit-scrollbar-track-piece': true,\n  '::-webkit-scrollbar-track': true,\n  '::-webkit-scrollbar': true,\n  '::-webkit-search-cancel-button': true,\n  '::-webkit-search-results-button': true,\n  '::-webkit-slider-runnable-track': true,\n  '::-webkit-slider-thumb': true,\n  '::after': true,\n  '::backdrop': true,\n  '::before': true,\n  '::cue': true,\n  '::file-selector-button': true,\n  '::first-letter': true,\n  '::first-line': true,\n  '::grammar-error': true,\n  '::marker': true,\n  '::placeholder': true,\n  '::selection': true,\n  '::spelling-error': true,\n  '::target-text': true,\n  '::view-transition-group': true,\n  '::view-transition-image-pair': true,\n  '::view-transition-new': true,\n  '::view-transition-old': true,\n  '::view-transition': true,\n  ':active': true,\n  ':after': true,\n  ':any-link': true,\n  ':before': true,\n  ':blank': true,\n  ':checked': true,\n  ':default': true,\n  ':defined': true,\n  ':disabled': true,\n  ':empty': true,\n  ':enabled': true,\n  ':first-child': true,\n  ':first-letter': true,\n  ':first-line': true,\n  ':first-of-type': true,\n  ':first': true,\n  ':focus-visible': true,\n  ':focus-within': true,\n  ':focus': true,\n  ':fullscreen': true,\n  ':hover': true,\n  ':in-range': true,\n  ':indeterminate': true,\n  ':invalid': true,\n  ':last-child': true,\n  ':last-of-type': true,\n  ':left': true,\n  ':link': true,\n  ':only-child': true,\n  ':only-of-type': true,\n  ':optional': true,\n  ':out-of-range': true,\n  ':placeholder-shown': true,\n  ':read-only': true,\n  ':read-write': true,\n  ':required': true,\n  ':right': true,\n  ':root': true,\n  ':scope': true,\n  ':target': true,\n  ':valid': true,\n  ':visited': true\n};\nvar simplePseudos = Object.keys(simplePseudoMap);\nvar simplePseudoLookup = simplePseudoMap;\n\nvar _templateObject;\nvar createMediaQueryError = (mediaQuery, msg) => new Error(dedent(_templateObject || (_templateObject = _taggedTemplateLiteral([\"\\n    Invalid media query: \\\"\", \"\\\"\\n\\n    \", \"\\n\\n    Read more on MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries\\n  \"])), mediaQuery, msg));\nvar validateMediaQuery = mediaQuery => {\n  // Empty queries will start with '@media '\n  if (mediaQuery === '@media ') {\n    throw createMediaQueryError(mediaQuery, 'Query is empty');\n  }\n  try {\n    toAST(mediaQuery);\n  } catch (e) {\n    throw createMediaQueryError(mediaQuery, e.message);\n  }\n};\n\nvar _excluded = [\"vars\"],\n  _excluded2 = [\"content\"];\nvar DECLARATION = '__DECLARATION';\nvar UNITLESS = {\n  animationIterationCount: true,\n  borderImage: true,\n  borderImageOutset: true,\n  borderImageSlice: true,\n  borderImageWidth: true,\n  boxFlex: true,\n  boxFlexGroup: true,\n  columnCount: true,\n  columns: true,\n  flex: true,\n  flexGrow: true,\n  flexShrink: true,\n  fontWeight: true,\n  gridArea: true,\n  gridColumn: true,\n  gridColumnEnd: true,\n  gridColumnStart: true,\n  gridRow: true,\n  gridRowEnd: true,\n  gridRowStart: true,\n  initialLetter: true,\n  lineClamp: true,\n  lineHeight: true,\n  maxLines: true,\n  opacity: true,\n  order: true,\n  orphans: true,\n  scale: true,\n  tabSize: true,\n  WebkitLineClamp: true,\n  widows: true,\n  zIndex: true,\n  zoom: true,\n  // svg properties\n  fillOpacity: true,\n  floodOpacity: true,\n  maskBorder: true,\n  maskBorderOutset: true,\n  maskBorderSlice: true,\n  maskBorderWidth: true,\n  shapeImageThreshold: true,\n  stopOpacity: true,\n  strokeDashoffset: true,\n  strokeMiterlimit: true,\n  strokeOpacity: true,\n  strokeWidth: true\n};\nfunction dashify(str) {\n  return str.replace(/([A-Z])/g, '-$1').replace(/^ms-/, '-ms-').toLowerCase();\n}\nfunction replaceBetweenIndexes(target, startIndex, endIndex, replacement) {\n  var start = target.slice(0, startIndex);\n  var end = target.slice(endIndex);\n  return \"\".concat(start).concat(replacement).concat(end);\n}\nvar DOUBLE_SPACE = '  ';\nvar specialKeys = [...simplePseudos, '@layer', '@media', '@supports', '@container', '@starting-style', 'selectors'];\nclass Stylesheet {\n  constructor(localClassNames, composedClassLists) {\n    this.rules = [];\n    this.conditionalRulesets = [new ConditionalRuleset()];\n    this.fontFaceRules = [];\n    this.keyframesRules = [];\n    this.propertyRules = [];\n    this.localClassNamesMap = new Map(localClassNames.map(localClassName => [localClassName, localClassName]));\n    this.localClassNamesSearch = new AhoCorasick(localClassNames);\n    this.layers = new Map();\n\n    // Class list compositions should be priortized by Newer > Older\n    // Therefore we reverse the array as they are added in sequence\n    this.composedClassLists = composedClassLists.map(_ref => {\n      var {\n        identifier,\n        classList\n      } = _ref;\n      return {\n        identifier,\n        regex: RegExp(\"(\".concat(classList, \")\"), 'g')\n      };\n    }).reverse();\n  }\n  processCssObj(root) {\n    if (root.type === 'fontFace') {\n      this.fontFaceRules.push(root.rule);\n      return;\n    }\n    if (root.type === 'property') {\n      this.propertyRules.push(root);\n      return;\n    }\n    if (root.type === 'keyframes') {\n      root.rule = Object.fromEntries(Object.entries(root.rule).map(_ref2 => {\n        var [keyframe, rule] = _ref2;\n        return [keyframe, this.transformVars(this.transformProperties(rule))];\n      }));\n      this.keyframesRules.push(root);\n      return;\n    }\n    this.currConditionalRuleset = new ConditionalRuleset();\n    if (root.type === 'layer') {\n      var layerDefinition = \"@layer \".concat(root.name);\n      this.addLayer([layerDefinition]);\n    } else {\n      // Add main styles\n      var mainRule = omit(root.rule, specialKeys);\n      this.addRule({\n        selector: root.selector,\n        rule: mainRule\n      });\n      this.transformLayer(root, root.rule['@layer']);\n      this.transformMedia(root, root.rule['@media']);\n      this.transformSupports(root, root.rule['@supports']);\n      this.transformContainer(root, root.rule['@container']);\n      this.transformStartingStyle(root, root.rule['@starting-style']);\n      this.transformSimplePseudos(root, root.rule);\n      this.transformSelectors(root, root.rule);\n    }\n    var activeConditionalRuleset = this.conditionalRulesets[this.conditionalRulesets.length - 1];\n    if (!activeConditionalRuleset.mergeIfCompatible(this.currConditionalRuleset)) {\n      // Ruleset merge failed due to incompatibility. We now deopt by starting a fresh ConditionalRuleset\n      this.conditionalRulesets.push(this.currConditionalRuleset);\n    }\n  }\n  addConditionalRule(cssRule, conditions) {\n    // Run `transformProperties` before `transformVars` as we don't want to pixelify CSS Vars\n    var rule = this.transformVars(this.transformProperties(cssRule.rule));\n    var selector = this.transformSelector(cssRule.selector);\n    if (!this.currConditionalRuleset) {\n      throw new Error(\"Couldn't add conditional rule\");\n    }\n    var conditionQuery = conditions[conditions.length - 1];\n    var parentConditions = conditions.slice(0, conditions.length - 1);\n    this.currConditionalRuleset.addRule({\n      selector,\n      rule\n    }, conditionQuery, parentConditions);\n  }\n  addRule(cssRule) {\n    // Run `transformProperties` before `transformVars` as we don't want to pixelify CSS Vars\n    var rule = this.transformVars(this.transformProperties(cssRule.rule));\n    var selector = this.transformSelector(cssRule.selector);\n    this.rules.push({\n      selector,\n      rule\n    });\n  }\n  addLayer(layer) {\n    var uniqueLayerKey = layer.join(' - ');\n    this.layers.set(uniqueLayerKey, layer);\n  }\n  transformProperties(cssRule) {\n    return this.transformContent(this.pixelifyProperties(cssRule));\n  }\n  pixelifyProperties(cssRule) {\n    forEach(cssRule, (value, key) => {\n      if (typeof value === 'number' && value !== 0 && !UNITLESS[key]) {\n        // @ts-expect-error Any ideas?\n        cssRule[key] = \"\".concat(value, \"px\");\n      }\n    });\n    return cssRule;\n  }\n  transformVars(_ref3) {\n    var {\n        vars\n      } = _ref3,\n      rest = _objectWithoutProperties(_ref3, _excluded);\n    if (!vars) {\n      return rest;\n    }\n    return _objectSpread2(_objectSpread2({}, mapKeys(vars, (_value, key) => getVarName(key))), rest);\n  }\n  transformContent(_ref4) {\n    var {\n        content\n      } = _ref4,\n      rest = _objectWithoutProperties(_ref4, _excluded2);\n    if (typeof content === 'undefined') {\n      return rest;\n    }\n\n    // Handle fallback arrays:\n    var contentArray = Array.isArray(content) ? content : [content];\n    return _objectSpread2({\n      content: contentArray.map(value =>\n      // This logic was adapted from Stitches :)\n      value && (value.includes('\"') || value.includes(\"'\") || /^([A-Za-z-]+\\([^]*|[^]*-quote|inherit|initial|none|normal|revert|unset)(\\s|$)/.test(value)) ? value : \"\\\"\".concat(value, \"\\\"\"))\n    }, rest);\n  }\n  transformClassname(identifier) {\n    return \".\".concat(cssesc(identifier, {\n      isIdentifier: true\n    }));\n  }\n  transformSelector(selector) {\n    // Map class list compositions to single identifiers\n    var transformedSelector = selector;\n    var _loop = function _loop(identifier) {\n      transformedSelector = transformedSelector.replace(regex, () => {\n        markCompositionUsed(identifier);\n        return identifier;\n      });\n    };\n    for (var {\n      identifier,\n      regex\n    } of this.composedClassLists) {\n      _loop(identifier);\n    }\n    if (this.localClassNamesMap.has(transformedSelector)) {\n      return this.transformClassname(transformedSelector);\n    }\n    var results = this.localClassNamesSearch.search(transformedSelector);\n    var lastReplaceIndex = transformedSelector.length;\n\n    // Perform replacements backwards to simplify index handling\n    for (var i = results.length - 1; i >= 0; i--) {\n      var [endIndex, [firstMatch]] = results[i];\n      var startIndex = endIndex - firstMatch.length + 1;\n\n      // Class names can be substrings of other class names\n      // e.g. '_1g1ptzo1' and '_1g1ptzo10'\n      //\n      // Additionally, concatenated classnames can contain substrings equal to other classnames\n      // e.g. '&&' where '&' is 'debugName_hash1' and 'debugName_hash1d' is also a local classname\n      // Before transforming the selector, this would look like `debugName_hash1debugName_hash1`\n      // which contains the substring `debugName_hash1d`’.\n      //\n      // In either of these cases, the last replace index will occur either before or within the\n      // current replacement range (from `startIndex` to `endIndex`).\n      // If this occurs, we skip the replacement to avoid transforming the selector incorrectly.\n      var skipReplacement = lastReplaceIndex <= endIndex;\n      if (skipReplacement) {\n        continue;\n      }\n      lastReplaceIndex = startIndex;\n\n      // If class names already starts with a '.' then skip\n      if (transformedSelector[startIndex - 1] !== '.') {\n        transformedSelector = replaceBetweenIndexes(transformedSelector, startIndex, endIndex + 1, this.transformClassname(firstMatch));\n      }\n    }\n    return transformedSelector;\n  }\n  transformSelectors(root, rule, conditions) {\n    forEach(rule.selectors, (selectorRule, selector) => {\n      if (root.type !== 'local') {\n        throw new Error(\"Selectors are not allowed within \".concat(root.type === 'global' ? '\"globalStyle\"' : '\"selectors\"'));\n      }\n      var transformedSelector = this.transformSelector(selector.replace(RegExp('&', 'g'), root.selector));\n      validateSelector(transformedSelector, root.selector);\n      var rule = {\n        selector: transformedSelector,\n        rule: omit(selectorRule, specialKeys)\n      };\n      if (conditions) {\n        this.addConditionalRule(rule, conditions);\n      } else {\n        this.addRule(rule);\n      }\n      var selectorRoot = {\n        type: 'selector',\n        selector: transformedSelector,\n        rule: selectorRule\n      };\n      this.transformLayer(selectorRoot, selectorRule['@layer'], conditions);\n      this.transformSupports(selectorRoot, selectorRule['@supports'], conditions);\n      this.transformMedia(selectorRoot, selectorRule['@media'], conditions);\n      this.transformContainer(selectorRoot, selectorRule['@container'], conditions);\n      this.transformStartingStyle(selectorRoot, selectorRule['@starting-style'], conditions);\n    });\n  }\n  transformMedia(root, rules) {\n    var parentConditions = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];\n    if (rules) {\n      var _this$currConditional;\n      (_this$currConditional = this.currConditionalRuleset) === null || _this$currConditional === void 0 || _this$currConditional.addConditionPrecedence(parentConditions, Object.keys(rules).map(query => \"@media \".concat(query)));\n      for (var [query, mediaRule] of Object.entries(rules)) {\n        var mediaQuery = \"@media \".concat(query);\n        validateMediaQuery(mediaQuery);\n        var conditions = [...parentConditions, mediaQuery];\n        this.addConditionalRule({\n          selector: root.selector,\n          rule: omit(mediaRule, specialKeys)\n        }, conditions);\n        if (root.type === 'local') {\n          this.transformSimplePseudos(root, mediaRule, conditions);\n          this.transformSelectors(root, mediaRule, conditions);\n        }\n        this.transformLayer(root, mediaRule['@layer'], conditions);\n        this.transformSupports(root, mediaRule['@supports'], conditions);\n        this.transformContainer(root, mediaRule['@container'], conditions);\n        this.transformStartingStyle(root, mediaRule['@starting-style'], conditions);\n      }\n    }\n  }\n  transformContainer(root, rules) {\n    var parentConditions = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];\n    if (rules) {\n      var _this$currConditional2;\n      (_this$currConditional2 = this.currConditionalRuleset) === null || _this$currConditional2 === void 0 || _this$currConditional2.addConditionPrecedence(parentConditions, Object.keys(rules).map(query => \"@container \".concat(query)));\n      forEach(rules, (containerRule, query) => {\n        var containerQuery = \"@container \".concat(query);\n        var conditions = [...parentConditions, containerQuery];\n        this.addConditionalRule({\n          selector: root.selector,\n          rule: omit(containerRule, specialKeys)\n        }, conditions);\n        if (root.type === 'local') {\n          this.transformSimplePseudos(root, containerRule, conditions);\n          this.transformSelectors(root, containerRule, conditions);\n        }\n        this.transformLayer(root, containerRule['@layer'], conditions);\n        this.transformSupports(root, containerRule['@supports'], conditions);\n        this.transformMedia(root, containerRule['@media'], conditions);\n        this.transformStartingStyle(root, containerRule['@starting-style'], conditions);\n      });\n    }\n  }\n  transformLayer(root, rules) {\n    var parentConditions = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];\n    if (rules) {\n      var _this$currConditional3;\n      (_this$currConditional3 = this.currConditionalRuleset) === null || _this$currConditional3 === void 0 || _this$currConditional3.addConditionPrecedence(parentConditions, Object.keys(rules).map(name => \"@layer \".concat(name)));\n      forEach(rules, (layerRule, name) => {\n        var conditions = [...parentConditions, \"@layer \".concat(name)];\n        this.addLayer(conditions);\n        this.addConditionalRule({\n          selector: root.selector,\n          rule: omit(layerRule, specialKeys)\n        }, conditions);\n        if (root.type === 'local') {\n          this.transformSimplePseudos(root, layerRule, conditions);\n          this.transformSelectors(root, layerRule, conditions);\n        }\n        this.transformMedia(root, layerRule['@media'], conditions);\n        this.transformSupports(root, layerRule['@supports'], conditions);\n        this.transformContainer(root, layerRule['@container'], conditions);\n        this.transformStartingStyle(root, layerRule['@starting-style'], conditions);\n      });\n    }\n  }\n  transformSupports(root, rules) {\n    var parentConditions = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];\n    if (rules) {\n      var _this$currConditional4;\n      (_this$currConditional4 = this.currConditionalRuleset) === null || _this$currConditional4 === void 0 || _this$currConditional4.addConditionPrecedence(parentConditions, Object.keys(rules).map(query => \"@supports \".concat(query)));\n      forEach(rules, (supportsRule, query) => {\n        var conditions = [...parentConditions, \"@supports \".concat(query)];\n        this.addConditionalRule({\n          selector: root.selector,\n          rule: omit(supportsRule, specialKeys)\n        }, conditions);\n        if (root.type === 'local') {\n          this.transformSimplePseudos(root, supportsRule, conditions);\n          this.transformSelectors(root, supportsRule, conditions);\n        }\n        this.transformLayer(root, supportsRule['@layer'], conditions);\n        this.transformMedia(root, supportsRule['@media'], conditions);\n        this.transformContainer(root, supportsRule['@container'], conditions);\n        this.transformStartingStyle(root, supportsRule['@starting-style'], conditions);\n      });\n    }\n  }\n  transformSimplePseudos(root, rule, conditions) {\n    for (var key of Object.keys(rule)) {\n      // Process simple pseudos\n      if (simplePseudoLookup[key]) {\n        if (root.type !== 'local') {\n          throw new Error(\"Simple pseudos are not valid in \".concat(root.type === 'global' ? '\"globalStyle\"' : '\"selectors\"'));\n        }\n        if (conditions) {\n          this.addConditionalRule({\n            selector: \"\".concat(root.selector).concat(key),\n            rule: rule[key]\n          }, conditions);\n        } else {\n          this.addRule({\n            conditions,\n            selector: \"\".concat(root.selector).concat(key),\n            rule: rule[key]\n          });\n        }\n      }\n    }\n  }\n  transformStartingStyle(root, rules) {\n    var parentConditions = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];\n    if (rules) {\n      var _this$currConditional5;\n      var nestedAtRuleKey = Object.keys(rules).find(key => key.startsWith('@'));\n      if (nestedAtRuleKey) {\n        throw new Error(\"Nested at-rules (e.g. \\\"\".concat(nestedAtRuleKey, \"\\\") are not allowed inside @starting-style.\"));\n      }\n      (_this$currConditional5 = this.currConditionalRuleset) === null || _this$currConditional5 === void 0 || _this$currConditional5.addConditionPrecedence(parentConditions, ['@starting-style']);\n      var conditions = [...parentConditions, '@starting-style'];\n      this.addConditionalRule({\n        selector: root.selector,\n        rule: omit(rules, specialKeys)\n      }, conditions);\n      if (root.type === 'local') {\n        this.transformSimplePseudos(root, rules, conditions);\n        this.transformSelectors(root, rules, conditions);\n      }\n    }\n  }\n  toCss() {\n    var css = [];\n\n    // Render font-face rules\n    for (var fontFaceRule of this.fontFaceRules) {\n      css.push(renderCss({\n        '@font-face': fontFaceRule\n      }));\n    }\n\n    // Render property rules\n    for (var property of this.propertyRules) {\n      css.push(renderCss({\n        [\"@property \".concat(property.name)]: property.rule\n      }));\n    }\n\n    // Render keyframes\n    for (var keyframe of this.keyframesRules) {\n      css.push(renderCss({\n        [\"@keyframes \".concat(keyframe.name)]: keyframe.rule\n      }));\n    }\n\n    // Render layer definitions\n    for (var layer of this.layers.values()) {\n      var [definition, ...nesting] = layer.reverse();\n      var cssObj = {\n        [definition]: DECLARATION\n      };\n      for (var part of nesting) {\n        cssObj = {\n          [part]: cssObj\n        };\n      }\n      css.push(renderCss(cssObj));\n    }\n\n    // Render unconditional rules\n    for (var rule of this.rules) {\n      css.push(renderCss({\n        [rule.selector]: rule.rule\n      }));\n    }\n\n    // Render conditional rules\n    for (var conditionalRuleset of this.conditionalRulesets) {\n      for (var conditionalRule of conditionalRuleset.renderToArray()) {\n        css.push(renderCss(conditionalRule));\n      }\n    }\n    return css.filter(Boolean);\n  }\n}\nfunction renderCss(v) {\n  var indent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';\n  var rules = [];\n  var _loop2 = function _loop2(key) {\n    var value = v[key];\n    if (value && Array.isArray(value)) {\n      rules.push(...value.map(v => renderCss({\n        [key]: v\n      }, indent)));\n    } else if (value && typeof value === 'object') {\n      var isEmpty = Object.keys(value).length === 0;\n      if (!isEmpty) {\n        rules.push(\"\".concat(indent).concat(key, \" {\\n\").concat(renderCss(value, indent + DOUBLE_SPACE), \"\\n\").concat(indent, \"}\"));\n      }\n    } else if (value === DECLARATION) {\n      rules.push(\"\".concat(indent).concat(key, \";\"));\n    } else {\n      rules.push(\"\".concat(indent).concat(key.startsWith('--') ? key : dashify(key), \": \").concat(value, \";\"));\n    }\n  };\n  for (var key of Object.keys(v)) {\n    _loop2(key);\n  }\n  return rules.join('\\n');\n}\nfunction transformCss(_ref5) {\n  var {\n    localClassNames,\n    cssObjs,\n    composedClassLists\n  } = _ref5;\n  var stylesheet = new Stylesheet(localClassNames, composedClassLists);\n  for (var root of cssObjs) {\n    stylesheet.processCssObj(root);\n  }\n  return stylesheet.toCss();\n}\n\nexport { _objectSpread2 as _, _objectWithoutProperties as a, dedupeAndJoinClassList as d, transformCss as t };\n"],"names":[],"mappings":"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","x_google_ignoreList":[0]}