entangle-ui 0.3.0 → 0.4.0

package/dist/esm/components/navigation/Tabs/TabList.js

@@ -1,64 +1,13 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import { useRef, useCallback } from 'react';
-import styled from '@emotion/styled';
 import { useTabsContext } from './Tabs.js';
+import { cx } from '../../../utils/cx.js';
+import { tabListRecipe } from './Tabs.css.js';
 
-const StyledTabList = styled.div `
-  display: flex;
-  flex-direction: ${props => props.$orientation === 'vertical' ? 'column' : 'row'};
-  align-items: stretch;
-  overflow-x: ${props => props.$orientation === 'horizontal' ? 'auto' : 'visible'};
-  overflow-y: ${props => props.$orientation === 'vertical' ? 'auto' : 'visible'};
-  flex-shrink: 0;
-  min-width: 0;
-  gap: ${props => props.theme.spacing.xs}px;
-
-  /* Hide scrollbar */
-  scrollbar-width: none;
-  &::-webkit-scrollbar {
-    display: none;
-  }
-
-  /* Variant-specific styles */
-  ${props => {
-    const { colors } = props.theme;
-    switch (props.$variant) {
-        case 'underline':
-            return props.$orientation === 'vertical'
-                ? `border-right: 1px solid ${colors.border.default};`
-                : `border-bottom: 1px solid ${colors.border.default};`;
-        case 'enclosed':
-            return props.$orientation === 'vertical'
-                ? `
-              border-right: 1px solid ${colors.border.default};
-              padding: ${props.theme.spacing.xs}px 0;
-            `
-                : `
-              border-bottom: 1px solid ${colors.border.default};
-              padding: 0 ${props.theme.spacing.xs}px;
-            `;
-        case 'pills':
-            return props.$pillsFrame
-                ? `
-              padding: ${props.theme.spacing.xs}px;
-              border: 1px solid ${colors.border.default};
-              border-radius: ${props.theme.borderRadius.md}px;
-              background: ${colors.background.secondary};
-            `
-                : `
-              padding: 0;
-              border: none;
-              border-radius: 0;
-              background: transparent;
-            `;
-        default:
-            return '';
-    }
-}}
-`;
 // --- Component ---
 const TabList = ({ children, className, style, testId, ref, ...rest }) => {
-    const { orientation, variant, fullWidth, pillsFrame } = useTabsContext();
+    const { orientation, variant, pillsFrame } = useTabsContext();
     const listRef = useRef(null);
     const setListRef = useCallback((node) => {
         listRef.current = node;
@@ -107,7 +56,7 @@ const TabList = ({ children, className, style, testId, ref, ...rest }) => {
             tabs[nextIndex]?.focus();
         }
     }, [orientation]);
-    return (jsx(StyledTabList, { ref: setListRef, role: "tablist", "aria-orientation": orientation, "$orientation": orientation, "$variant": variant, "$fullWidth": fullWidth, "$pillsFrame": pillsFrame, className: className, style: style, "data-testid": testId, onKeyDown: handleKeyDown, ...rest, children: children }));
+    return (jsx("div", { ref: setListRef, role: "tablist", "aria-orientation": orientation, className: cx(tabListRecipe({ orientation, variant, pillsFrame }), className), style: style, "data-testid": testId, onKeyDown: handleKeyDown, ...rest, children: children }));
 };
 TabList.displayName = 'TabList';
 

package/dist/esm/components/navigation/Tabs/TabList.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabList.js","sources":["../../../../../../src/components/navigation/Tabs/TabList.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"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"}
+{"version":3,"file":"TabList.js","sources":["../../../../../../src/components/navigation/Tabs/TabList.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAQA;;;AAWE;AAEA;AAEI;AACA;;;;AAGG;;AAEL;AAIF;AAEI;AACA;;AAEA;;;;AAMA;;;;AAMA;AACE;;AAEE;AACA;;;AAEF;;AAEE;;AACmB;;AAErB;;;;AAIA;;AAEE;;;AAIJ;AACE;;AAEJ;;AAqBJ;AAEA;;"}

package/dist/esm/components/navigation/Tabs/TabPanel.js

@@ -1,17 +1,9 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
-import styled from '@emotion/styled';
 import { useTabsContext } from './Tabs.js';
+import { cx } from '../../../utils/cx.js';
+import { tabPanelStyle } from './Tabs.css.js';
 
-// --- Styled ---
-const StyledTabPanel = styled.div `
-  display: flex;
-  flex: 1 1 auto;
-  flex-direction: column;
-  min-width: 0;
-  min-height: 0;
-  overflow: hidden;
-  outline: none;
-`;
 // --- Component ---
 const TabPanel = ({ value, children, keepMounted = false, className, style, testId, ref, ...rest }) => {
     const { activeValue, tabsId } = useTabsContext();
@@ -21,7 +13,7 @@ const TabPanel = ({ value, children, keepMounted = false, className, style, test
     if (!isActive && !keepMounted) {
         return null;
     }
-    return (jsx(StyledTabPanel, { ref: ref, role: "tabpanel", id: panelId, "aria-labelledby": tabId, tabIndex: isActive ? 0 : -1, hidden: !isActive || undefined, className: className, style: {
+    return (jsx("div", { ref: ref, role: "tabpanel", id: panelId, "aria-labelledby": tabId, tabIndex: isActive ? 0 : -1, hidden: !isActive || undefined, className: cx(tabPanelStyle, className), style: {
             ...style,
             ...(isActive ? undefined : { display: 'none' }),
         }, "data-testid": testId, ...rest, children: children }));

package/dist/esm/components/navigation/Tabs/TabPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabPanel.js","sources":["../../../../../../src/components/navigation/Tabs/TabPanel.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AAKA;AAEA,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;CAQhC;AAED;AAEa,MAAA,QAAQ,GAA4B,CAAC,EAChD,KAAK,EACL,QAAQ,EACR,WAAW,GAAG,KAAK,EACnB,SAAS,EACT,KAAK,EACL,MAAM,EACN,GAAG,EACH,GAAG,IAAI,EACR,KAAI;IACH,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,GAAG,cAAc,EAAE;AAChD,IAAA,MAAM,QAAQ,GAAG,WAAW,KAAK,KAAK;AAEtC,IAAA,MAAM,KAAK,GAAG,CAAA,KAAA,EAAQ,MAAM,CAAQ,KAAA,EAAA,KAAK,EAAE;AAC3C,IAAA,MAAM,OAAO,GAAG,CAAA,KAAA,EAAQ,MAAM,CAAU,OAAA,EAAA,KAAK,EAAE;AAE/C,IAAA,IAAI,CAAC,QAAQ,IAAI,CAAC,WAAW,EAAE;AAC7B,QAAA,OAAO,IAAI;;AAGb,IAAA,QACEA,GAAC,CAAA,cAAc,IACb,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,UAAU,EACf,EAAE,EAAE,OAAO,qBACM,KAAK,EACtB,QAAQ,EAAE,QAAQ,GAAG,CAAC,GAAG,EAAE,EAC3B,MAAM,EAAE,CAAC,QAAQ,IAAI,SAAS,EAC9B,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE;AACL,YAAA,GAAG,KAAK;AACR,YAAA,IAAI,QAAQ,GAAG,SAAS,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;AAChD,SAAA,EAAA,aAAA,EACY,MAAM,EACf,GAAA,IAAI,YAEP,QAAQ,EAAA,CACM;AAErB;AAEA,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}
+{"version":3,"file":"TabPanel.js","sources":["../../../../../../src/components/navigation/Tabs/TabPanel.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAQA;AAEO;;AAWL;AAEA;AACA;AAEA;AACE;;;AAaI;AACA;AACD;AAOP;AAEA;;"}

package/dist/esm/components/navigation/Tabs/Tabs.css.js

@@ -0,0 +1,26 @@
+import './../../../assets/src/components/navigation/Tabs/Tabs.css.ts.vanilla-D7RGpDPC.css';
+import { c as createRuntimeFn } from '../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js';
+
+var tabBaseStyle = 'Tabs_tabBaseStyle__v404x7i';
+var tabCloseButtonStyle = 'Tabs_tabCloseButtonStyle__v404x715';
+var tabEnclosedActiveHorizontalStyle = 'Tabs_tabEnclosedActiveHorizontalStyle__v404x711';
+var tabEnclosedActiveVerticalStyle = 'Tabs_tabEnclosedActiveVerticalStyle__v404x712';
+var tabEnclosedInactiveStyle = 'Tabs_tabEnclosedInactiveStyle__v404x713';
+var tabEnclosedStyle = 'Tabs_tabEnclosedStyle__v404x710';
+var tabIconStyle = 'Tabs_tabIconStyle__v404x714';
+var tabListRecipe = createRuntimeFn({defaultClassName:'Tabs_tabListBase__v404x73',variantClassNames:{orientation:{horizontal:'Tabs_tabListRecipe_orientation_horizontal__v404x75',vertical:'Tabs_tabListRecipe_orientation_vertical__v404x76'},variant:{underline:'Tabs_tabListRecipe_variant_underline__v404x77',pills:'Tabs_tabListRecipe_variant_pills__v404x78',enclosed:'Tabs_tabListRecipe_variant_enclosed__v404x79'},pillsFrame:{true:'Tabs_tabListRecipe_pillsFrame_true__v404x7a',false:'Tabs_tabListRecipe_pillsFrame_false__v404x7b'}},defaultVariants:{orientation:'horizontal',variant:'underline',pillsFrame:true},compoundVariants:[[{variant:'underline',orientation:'horizontal'},'Tabs_tabListRecipe_compound_0__v404x7c'],[{variant:'underline',orientation:'vertical'},'Tabs_tabListRecipe_compound_1__v404x7d'],[{variant:'enclosed',orientation:'horizontal'},'Tabs_tabListRecipe_compound_2__v404x7e'],[{variant:'enclosed',orientation:'vertical'},'Tabs_tabListRecipe_compound_3__v404x7f'],[{variant:'pills',pillsFrame:true},'Tabs_tabListRecipe_compound_4__v404x7g'],[{variant:'pills',pillsFrame:false},'Tabs_tabListRecipe_compound_5__v404x7h']]});
+var tabPanelStyle = 'Tabs_tabPanelStyle__v404x716';
+var tabPillsActiveStyle = 'Tabs_tabPillsActiveStyle__v404x7y';
+var tabPillsInactiveStyle = 'Tabs_tabPillsInactiveStyle__v404x7z';
+var tabPillsStyle = 'Tabs_tabPillsStyle__v404x7x';
+var tabRecipe = createRuntimeFn({defaultClassName:'Tabs_tabRecipe__v404x7j',variantClassNames:{size:{sm:'Tabs_tabRecipe_size_sm__v404x7k',md:'Tabs_tabRecipe_size_md__v404x7l',lg:'Tabs_tabRecipe_size_lg__v404x7m'},disabled:{true:'Tabs_tabRecipe_disabled_true__v404x7n',false:'Tabs_tabRecipe_disabled_false__v404x7o'},fullWidth:{true:'Tabs_tabRecipe_fullWidth_true__v404x7p',false:'Tabs_tabRecipe_fullWidth_false__v404x7q'}},defaultVariants:{size:'md',disabled:false,fullWidth:false},compoundVariants:[]});
+var tabUnderlineActiveHorizontalStyle = 'Tabs_tabUnderlineActiveHorizontalStyle__v404x7u';
+var tabUnderlineActiveStyle = 'Tabs_tabUnderlineActiveStyle__v404x7s';
+var tabUnderlineActiveVerticalStyle = 'Tabs_tabUnderlineActiveVerticalStyle__v404x7v';
+var tabUnderlineInactiveIndicatorStyle = 'Tabs_tabUnderlineInactiveIndicatorStyle__v404x7w';
+var tabUnderlineInactiveStyle = 'Tabs_tabUnderlineInactiveStyle__v404x7t';
+var tabUnderlineStyle = 'Tabs_tabUnderlineStyle__v404x7r';
+var tabsRootRecipe = createRuntimeFn({defaultClassName:'Tabs_tabsRootRecipe__v404x70',variantClassNames:{orientation:{horizontal:'Tabs_tabsRootRecipe_orientation_horizontal__v404x71',vertical:'Tabs_tabsRootRecipe_orientation_vertical__v404x72'}},defaultVariants:{orientation:'horizontal'},compoundVariants:[]});
+
+export { tabBaseStyle, tabCloseButtonStyle, tabEnclosedActiveHorizontalStyle, tabEnclosedActiveVerticalStyle, tabEnclosedInactiveStyle, tabEnclosedStyle, tabIconStyle, tabListRecipe, tabPanelStyle, tabPillsActiveStyle, tabPillsInactiveStyle, tabPillsStyle, tabRecipe, tabUnderlineActiveHorizontalStyle, tabUnderlineActiveStyle, tabUnderlineActiveVerticalStyle, tabUnderlineInactiveIndicatorStyle, tabUnderlineInactiveStyle, tabUnderlineStyle, tabsRootRecipe };
+//# sourceMappingURL=Tabs.css.js.map

package/dist/esm/components/navigation/Tabs/Tabs.css.js.map

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

package/dist/esm/components/navigation/Tabs/Tabs.js

@@ -1,7 +1,8 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
-import { useId, useState, useCallback, useMemo, createContext, useContext } from 'react';
-import styled from '@emotion/styled';
-import { processCss } from '../../../utils/styledUtils.js';
+import { useId, useState, useCallback, useMemo, useContext, createContext } from 'react';
+import { cx } from '../../../utils/cx.js';
+import { tabsRootRecipe } from './Tabs.css.js';
 
 // --- Context ---
 const TabsContext = /*#__PURE__*/ createContext(null);
@@ -12,14 +13,6 @@ function useTabsContext() {
     }
     return ctx;
 }
-const StyledTabsRoot = styled.div `
-  display: flex;
-  flex-direction: ${props => props.$orientation === 'vertical' ? 'row' : 'column'};
-  min-width: 0;
-  min-height: 0;
-
-  ${props => processCss(props.$css, props.theme)}
-`;
 // --- Component ---
 /**
  * Tabs component for switching between views within a panel.
@@ -38,7 +31,7 @@ const StyledTabsRoot = styled.div `
  * </Tabs>
  * ```
  */
-const Tabs = ({ value: valueProp, defaultValue, variant = 'underline', size = 'md', orientation = 'horizontal', fullWidth = false, pillsFrame = true, children, onChange, className, style, css, testId, ref, ...rest }) => {
+const Tabs = ({ value: valueProp, defaultValue, variant = 'underline', size = 'md', orientation = 'horizontal', fullWidth = false, pillsFrame = true, children, onChange, className, style, testId, ref, ...rest }) => {
     const autoId = useId();
     const tabsId = autoId;
     const [internalValue, setInternalValue] = useState(defaultValue ?? '');
@@ -69,7 +62,7 @@ const Tabs = ({ value: valueProp, defaultValue, variant = 'underline', size = 'm
         pillsFrame,
         tabsId,
     ]);
-    return (jsx(TabsContext.Provider, { value: contextValue, children: jsx(StyledTabsRoot, { ref: ref, "$orientation": orientation, "$css": css, className: className, style: style, "data-testid": testId, ...rest, children: children }) }));
+    return (jsx(TabsContext.Provider, { value: contextValue, children: jsx("div", { ref: ref, className: cx(tabsRootRecipe({ orientation }), className), style: style, "data-testid": testId, ...rest, children: children }) }));
 };
 Tabs.displayName = 'Tabs';
 

package/dist/esm/components/navigation/Tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sources":["../../../../../../src/components/navigation/Tabs/Tabs.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAYA;AAEA,MAAM,WAAW,iBAAiB,aAAa,CAA0B,IAAI,CAAC;SAE9D,cAAc,GAAA;AAC5B,IAAA,MAAM,GAAG,GAAG,UAAU,CAAC,WAAW,CAAC;IACnC,IAAI,CAAC,GAAG,EAAE;AACR,QAAA,MAAM,IAAI,KAAK,CAAC,qDAAqD,CAAC;;AAExE,IAAA,OAAO,GAAG;AACZ;AASA,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAqB;;AAElC,kBAAA,EAAA,KAAK,IACrB,KAAK,CAAC,YAAY,KAAK,UAAU,GAAG,KAAK,GAAG,QAAQ,CAAA;;;;AAIpD,EAAA,EAAA,KAAK,IAAI,UAAU,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC;CAC/C;AAED;AAEA;;;;;;;;;;;;;;;;AAgBG;MACU,IAAI,GAAwB,CAAC,EACxC,KAAK,EAAE,SAAS,EAChB,YAAY,EACZ,OAAO,GAAG,WAAW,EACrB,IAAI,GAAG,IAAI,EACX,WAAW,GAAG,YAAY,EAC1B,SAAS,GAAG,KAAK,EACjB,UAAU,GAAG,IAAI,EACjB,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,EACH,MAAM,EACN,GAAG,EACH,GAAG,IAAI,EACR,KAAI;AACH,IAAA,MAAM,MAAM,GAAG,KAAK,EAAE;IACtB,MAAM,MAAM,GAAG,MAAM;AAErB,IAAA,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,YAAY,IAAI,EAAE,CAAC;AACtE,IAAA,MAAM,YAAY,GAAG,SAAS,KAAK,SAAS;IAC5C,MAAM,WAAW,GAAG,YAAY,GAAG,SAAS,GAAG,aAAa;AAE5D,IAAA,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,GAAW,KAAI;QACd,IAAI,CAAC,YAAY,EAAE;YACjB,gBAAgB,CAAC,GAAG,CAAC;;AAEvB,QAAA,QAAQ,GAAG,GAAG,CAAC;AACjB,KAAC,EACD,CAAC,YAAY,EAAE,QAAQ,CAAC,CACzB;AAED,IAAA,MAAM,YAAY,GAAG,OAAO,CAC1B,OAAO;QACL,WAAW;QACX,cAAc;QACd,OAAO;QACP,IAAI;QACJ,WAAW;QACX,SAAS;QACT,UAAU;QACV,MAAM;AACP,KAAA,CAAC,EACF;QACE,WAAW;QACX,cAAc;QACd,OAAO;QACP,IAAI;QACJ,WAAW;QACX,SAAS;QACT,UAAU;QACV,MAAM;AACP,KAAA,CACF;AAED,IAAA,QACEA,GAAC,CAAA,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,EAAA,QAAA,EACvCA,IAAC,cAAc,EAAA,EACb,GAAG,EAAE,GAAG,EACM,cAAA,EAAA,WAAW,EACnB,MAAA,EAAA,GAAG,EACT,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACC,aAAA,EAAA,MAAM,KACf,IAAI,EAAA,QAAA,EAEP,QAAQ,EACM,CAAA,EAAA,CACI;AAE3B;AAEA,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}
+{"version":3,"file":"Tabs.js","sources":["../../../../../../src/components/navigation/Tabs/Tabs.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAcA;AAEA;;AAGE;;AAEE;;AAEF;AACF;AAEA;AAEA;;;;;;;;;;;;;;;;AAgBG;;AAiBD;;AAGA;AACA;;AAGA;;;;AAKI;AACF;AAIF;;;;;;;;;AAUG;;;;;;;;;AAUA;AAGH;AAaF;AAEA;;"}

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

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { cn } from '../../../utils/cn.js';

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

@@ -1 +1 @@
-{"version":3,"file":"BaseButton.js","sources":["../../../../../../src/components/primitives/BaseButton/BaseButton.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AAgBa,MAAA,UAAU,iBAAiB,UAAU,CAGhD,CAAC,EAAE,SAAS,EAAE,QAAQ,GAAG,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;IAC7D,QACEA,gBACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE;;QAEX,wBAAwB;;AAExB,QAAA,4BAA4B,EAC5B,oBAAoB;;AAEpB,QAAA,QAAQ,IAAI,oBAAoB,EAChC,SAAS,CACV,EACD,QAAQ,EAAE,QAAQ,KACd,KAAK,EAAA,QAAA,EAER,QAAQ,EAAA,CACF;AAEb,CAAC;AAED,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}
+{"version":3,"file":"BaseButton.js","sources":["../../../../../../src/components/primitives/BaseButton/BaseButton.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAiBO;;;;;AAWC;;AAGA;AASR;AAEA;;"}

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

@@ -0,0 +1,9 @@
+import './../../../assets/src/components/primitives/Button/Button.css.ts.vanilla-CT592JL7.css';
+import { c as createRuntimeFn } from '../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js';
+
+var buttonRecipe = createRuntimeFn({defaultClassName:'Button_buttonRecipe__btu0m70',variantClassNames:{variant:{'default':'Button_buttonRecipe_variant_default__btu0m71',ghost:'Button_buttonRecipe_variant_ghost__btu0m72',filled:'Button_buttonRecipe_variant_filled__btu0m73'},size:{sm:'Button_buttonRecipe_size_sm__btu0m74',md:'Button_buttonRecipe_size_md__btu0m75',lg:'Button_buttonRecipe_size_lg__btu0m76'},fullWidth:{true:'Button_buttonRecipe_fullWidth_true__btu0m77'}},defaultVariants:{variant:'default',size:'md'},compoundVariants:[]});
+var iconWrapperStyle = 'Button_iconWrapperStyle__btu0m7a';
+var loadingSpinnerStyle = 'Button_loadingSpinnerStyle__btu0m79';
+
+export { buttonRecipe, iconWrapperStyle, loadingSpinnerStyle };
+//# sourceMappingURL=Button.css.js.map

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

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

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

@@ -1,153 +1,9 @@
+"use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import React from 'react';
-import styled from '@emotion/styled';
-import { processCss } from '../../../utils/styledUtils.js';
+import { cx } from '../../../utils/cx.js';
+import { loadingSpinnerStyle, iconWrapperStyle, buttonRecipe } from './Button.css.js';
 
-const StyledButton = styled.button `
-  /* Reset */
-  margin: 0;
-  font-family: inherit;
-  cursor: ${props => (props.disabled ? 'not-allowed' : 'pointer')};
-  user-select: none;
-
-  /* Layout */
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  font-weight: ${props => props.theme.typography.fontWeight.medium};
-  border-radius: ${props => props.theme.borderRadius.md}px;
-  transition: all ${props => props.theme.transitions.normal};
-  outline: none;
-
-  /* Size variants */
-  ${props => {
-    const sizes = {
-        sm: {
-            height: '20px',
-            padding: `0 ${props.theme.spacing.sm}px`,
-            fontSize: `${props.theme.typography.fontSize.md}px`,
-            gap: `${props.theme.spacing.xs}px`,
-        },
-        md: {
-            height: '24px',
-            padding: `0 ${props.theme.spacing.md}px`,
-            fontSize: `${props.theme.typography.fontSize.md}px`,
-            gap: `${props.theme.spacing.sm}px`,
-        },
-        lg: {
-            height: '32px',
-            padding: `0 ${props.theme.spacing.xl}px`,
-            fontSize: `${props.theme.typography.fontSize.lg}px`,
-            gap: `${props.theme.spacing.md}px`,
-        },
-    };
-    const size = sizes[props.$size];
-    return `
-      height: ${size.height};
-      padding: ${size.padding};
-      font-size: ${size.fontSize};
-      gap: ${size.gap};
-    `;
-}}
-
-  /* Variant styles */
-  ${props => {
-    const { colors } = props.theme;
-    switch (props.$variant) {
-        case 'default':
-            return `
-          background: transparent;
-          border: 1px solid ${colors.border.default};
-          color: ${colors.text.primary};
-          
-          &:hover:not(:disabled) {
-            background: ${colors.surface.hover};
-            border-color: transparent;
-          }
-          
-          &:active:not(:disabled) {
-            background: ${colors.surface.active};
-          }
-        `;
-        case 'ghost':
-            return `
-          background: transparent;
-          border: 1px solid transparent;
-          color: ${colors.text.secondary};
-          
-          &:hover:not(:disabled) {
-            background: ${colors.surface.hover};
-            color: ${colors.text.primary};
-          }
-          
-          &:active:not(:disabled) {
-            background: ${colors.surface.active};
-          }
-        `;
-        case 'filled':
-            return `
-          background: ${colors.accent.primary};
-          border: 1px solid ${colors.accent.primary};
-          color: white;
-          
-          &:hover:not(:disabled) {
-            background: ${colors.accent.secondary};
-            border-color: ${colors.accent.secondary};
-          }
-          
-          &:active:not(:disabled) {
-            background: ${colors.accent.secondary};
-          }
-        `;
-        default:
-            return '';
-    }
-}}
-  
-  /* Full width */
-  ${props => props.$fullWidth && 'width: 100%;'}
-  
-  /* Disabled state */
-  &:disabled {
-    opacity: 0.5;
-    cursor: not-allowed;
-  }
-
-  /* Focus visible */
-  &:focus-visible {
-    box-shadow: ${props => props.theme.shadows.focus};
-  }
-
-  /* Custom CSS */
-  ${props => processCss(props.$css, props.theme)}
-`;
-/**
- * Loading spinner component
- */
-const LoadingSpinner = styled.div `
-  width: 16px;
-  height: 16px;
-  border: 2px solid currentColor;
-  border-top-color: transparent;
-  border-radius: 50%;
-  animation: spin 1s linear infinite;
-
-  @keyframes spin {
-    to {
-      transform: rotate(360deg);
-    }
-  }
-`;
-/**
- * Icon wrapper
- */
-const IconWrapper = styled.span `
-  width: 16px;
-  height: 16px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-`;
 /**
  * Versatile button component for editor interfaces.
  *
@@ -174,8 +30,8 @@ const IconWrapper = styled.span `
  * </Button>
  * ```
  */
-const Button = /*#__PURE__*/ React.memo(({ children, className, size = 'md', variant = 'default', disabled = false, loading = false, icon, fullWidth = false, onClick, testId, style, css, ref, ...props }) => {
-    return (jsxs(StyledButton, { ref: ref, className: className, "$size": size, "$variant": variant, "$loading": loading, "$fullWidth": fullWidth, "$css": css, disabled: disabled || loading, onClick: onClick, "data-testid": testId, style: style, ...props, children: [loading ? (jsx(LoadingSpinner, {})) : icon ? (jsx(IconWrapper, { children: icon })) : null, children && jsx("span", { children: children })] }));
+const Button = /*#__PURE__*/ React.memo(({ children, className, size = 'md', variant = 'default', disabled = false, loading = false, icon, fullWidth = false, onClick, testId, style, ref, ...props }) => {
+    return (jsxs("button", { ref: ref, className: cx(buttonRecipe({ variant, size, fullWidth: fullWidth || undefined }), className), disabled: disabled || loading, onClick: onClick, "data-testid": testId, style: style, ...props, children: [loading ? (jsx("div", { className: loadingSpinnerStyle })) : icon ? (jsx("span", { className: iconWrapperStyle, children: icon })) : null, children && jsx("span", { children: children })] }));
 });
 Button.displayName = 'Button';
 

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

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../../../../src/components/primitives/Button/Button.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"Button.js","sources":["../../../../../../src/components/primitives/Button/Button.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAqGA;;;;;;;;;;;;;;;;;;;;;;;;;AAyBG;;AAiBC;AAsBF;AAGF;;"}

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

@@ -0,0 +1,14 @@
+import './../../../assets/src/components/primitives/Checkbox/Checkbox.css.ts.vanilla-dvrGPiPs.css';
+import { c as createRuntimeFn } from '../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js';
+
+var boxSizeVar = 'var(--boxSizeVar__2ajd0p9)';
+var checkboxBoxRecipe = createRuntimeFn({defaultClassName:'Checkbox_checkboxBoxRecipe__2ajd0pa',variantClassNames:{active:{true:'Checkbox_checkboxBoxRecipe_active_true__2ajd0pb',false:'Checkbox_checkboxBoxRecipe_active_false__2ajd0pc'},variant:{'default':'Checkbox_checkboxBoxRecipe_variant_default__2ajd0pd',filled:'Checkbox_checkboxBoxRecipe_variant_filled__2ajd0pe'},disabled:{true:'Checkbox_checkboxBoxRecipe_disabled_true__2ajd0pf',false:'Checkbox_checkboxBoxRecipe_disabled_false__2ajd0pg'},error:{true:'Checkbox_checkboxBoxRecipe_error_true__2ajd0ph',false:'Checkbox_checkboxBoxRecipe_error_false__2ajd0pi'}},defaultVariants:{active:false,variant:'default',disabled:false,error:false},compoundVariants:[[{error:true,active:false},'Checkbox_checkboxBoxRecipe_compound_0__2ajd0pj'],[{error:true,active:true},'Checkbox_checkboxBoxRecipe_compound_1__2ajd0pk'],[{variant:'filled',active:false},'Checkbox_checkboxBoxRecipe_compound_2__2ajd0pl'],[{disabled:true,active:true},'Checkbox_checkboxBoxRecipe_compound_3__2ajd0pm'],[{disabled:true,active:false,variant:'filled'},'Checkbox_checkboxBoxRecipe_compound_4__2ajd0pn'],[{disabled:true,active:false,variant:'default'},'Checkbox_checkboxBoxRecipe_compound_5__2ajd0po']]});
+var checkboxContainerStyle = 'Checkbox_checkboxContainerStyle__2ajd0p0';
+var checkboxLabelRecipe = createRuntimeFn({defaultClassName:'Checkbox_checkboxLabelRecipe__2ajd0p1',variantClassNames:{labelPosition:{left:'Checkbox_checkboxLabelRecipe_labelPosition_left__2ajd0p2',right:'Checkbox_checkboxLabelRecipe_labelPosition_right__2ajd0p3'},size:{sm:'Checkbox_checkboxLabelRecipe_size_sm__2ajd0p4',md:'Checkbox_checkboxLabelRecipe_size_md__2ajd0p5',lg:'Checkbox_checkboxLabelRecipe_size_lg__2ajd0p6'},disabled:{true:'Checkbox_checkboxLabelRecipe_disabled_true__2ajd0p7',false:'Checkbox_checkboxLabelRecipe_disabled_false__2ajd0p8'}},defaultVariants:{labelPosition:'right',size:'md',disabled:false},compoundVariants:[]});
+var groupContainerStyle = 'Checkbox_groupContainerStyle__2ajd0pp';
+var groupDirectionVar = 'var(--groupDirectionVar__2ajd0pq)';
+var groupGapVar = 'var(--groupGapVar__2ajd0pr)';
+var groupItemsStyle = 'Checkbox_groupItemsStyle__2ajd0ps';
+
+export { boxSizeVar, checkboxBoxRecipe, checkboxContainerStyle, checkboxLabelRecipe, groupContainerStyle, groupDirectionVar, groupGapVar, groupItemsStyle };
+//# sourceMappingURL=Checkbox.css.js.map

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

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

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

@@ -1,11 +1,13 @@
+"use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useContext, useId, useState, useCallback } from 'react';
-import styled from '@emotion/styled';
-import { processCss } from '../../../utils/styledUtils.js';
+import { assignInlineVars } from '../../../node_modules/@vanilla-extract/dynamic/dist/vanilla-extract-dynamic.esm.js';
 import '../../form/FormLabel.js';
 import { FormHelperText } from '../../form/FormHelperText.js';
 import '../../form/InputWrapper.js';
 import { CheckboxGroupContext } from './CheckboxGroup.js';
+import { cx } from '../../../utils/cx.js';
+import { boxSizeVar, checkboxBoxRecipe, checkboxLabelRecipe, checkboxContainerStyle } from './Checkbox.css.js';
 
 // --- Size maps ---
 const BOX_SIZES = {
@@ -18,113 +20,6 @@ const ICON_SIZES = {
     md: 12,
     lg: 14,
 };
-const FONT_SIZE_MAP = {
-    sm: 'xs',
-    md: 'sm',
-    lg: 'md',
-};
-// --- Styled components ---
-const StyledCheckboxContainer = styled.div `
-  display: flex;
-  flex-direction: column;
-`;
-const StyledCheckboxLabel = styled.label `
-  display: inline-flex;
-  align-items: center;
-  gap: ${props => props.theme.spacing.sm}px;
-  cursor: ${props => (props.$disabled ? 'not-allowed' : 'pointer')};
-  flex-direction: ${props => props.$labelPosition === 'left' ? 'row-reverse' : 'row'};
-  font-size: ${props => props.theme.typography.fontSize[FONT_SIZE_MAP[props.$size]]}px;
-  color: ${props => props.$disabled
-    ? props.theme.colors.text.disabled
-    : props.theme.colors.text.secondary};
-  line-height: ${props => props.theme.typography.lineHeight.normal};
-  user-select: none;
-`;
-const StyledCheckboxBox = styled.button `
-  /* Reset */
-  padding: 0;
-  margin: 0;
-  border: none;
-  font: inherit;
-  outline: none;
-  cursor: ${props => (props.$disabled ? 'not-allowed' : 'pointer')};
-
-  /* Layout */
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-
-  /* Sizing */
-  width: ${props => BOX_SIZES[props.$size]}px;
-  height: ${props => BOX_SIZES[props.$size]}px;
-  border-radius: ${props => props.theme.borderRadius.sm}px;
-  transition: all ${props => props.theme.transitions.fast};
-
-  /* Variant + State styles */
-  ${props => {
-    const { colors } = props.theme;
-    const isActive = props.$checked || props.$indeterminate;
-    if (props.$disabled) {
-        return `
-        opacity: 0.5;
-        background: ${isActive ? colors.accent.primary : props.$variant === 'filled' ? colors.surface.default : 'transparent'};
-        border: 1px solid ${isActive ? colors.accent.primary : colors.border.default};
-      `;
-    }
-    if (props.$error) {
-        return `
-        background: ${isActive ? colors.accent.error : 'transparent'};
-        border: 1px solid ${colors.accent.error};
-        &:hover {
-          border-color: ${colors.accent.error};
-          background: ${isActive ? colors.accent.error : 'transparent'};
-        }
-      `;
-    }
-    if (isActive) {
-        return `
-        background: ${colors.accent.primary};
-        border: 1px solid ${colors.accent.primary};
-        &:hover {
-          background: ${colors.accent.secondary};
-          border-color: ${colors.accent.secondary};
-        }
-      `;
-    }
-    if (props.$variant === 'filled') {
-        return `
-        background: ${colors.surface.default};
-        border: 1px solid ${colors.border.default};
-        &:hover {
-          border-color: ${colors.border.focus};
-        }
-      `;
-    }
-    return `
-      background: transparent;
-      border: 1px solid ${colors.border.default};
-      &:hover {
-        border-color: ${colors.border.focus};
-      }
-    `;
-}}
-
-  /* Focus visible */
-  &:focus-visible {
-    box-shadow: ${props => props.theme.shadows.focus};
-  }
-
-  /* Disabled state */
-  &:disabled {
-    opacity: 0.5;
-    cursor: not-allowed;
-  }
-
-  /* Custom CSS */
-  ${props => processCss(props.$css, props.theme)}
-`;
 /**
  * Checkbox component for boolean selection in settings panels,
  * property inspectors, and form interfaces.
@@ -139,7 +34,7 @@ const StyledCheckboxBox = styled.button `
  * <Checkbox indeterminate label="Select all" />
  * ```
  */
-const Checkbox = ({ checked: checkedProp, defaultChecked = false, indeterminate = false, label, labelPosition = 'right', size: sizeProp = 'md', variant = 'default', disabled: disabledProp = false, required = false, error = false, helperText, errorMessage, value, name, onChange, className, style, css, testId, ref, id: idProp, ...rest }) => {
+const Checkbox = ({ checked: checkedProp, defaultChecked = false, indeterminate = false, label, labelPosition = 'right', size: sizeProp = 'md', variant = 'default', disabled: disabledProp = false, required = false, error = false, helperText, errorMessage, value, name, onChange, className, style, testId, ref, id: idProp, ...rest }) => {
     const groupContext = useContext(CheckboxGroupContext);
     const autoId = useId();
     const checkboxId = idProp ?? autoId;
@@ -189,7 +84,16 @@ const Checkbox = ({ checked: checkedProp, defaultChecked = false, indeterminate
         : resolvedChecked
             ? 'true'
             : 'false';
-    const checkboxBox = (jsxs(StyledCheckboxBox, { ref: ref, type: "button", role: "checkbox", "aria-checked": ariaChecked, "aria-disabled": disabled || undefined, "aria-required": required || undefined, "aria-invalid": error || undefined, "aria-describedby": showHelperText ? helperId : undefined, disabled: disabled, onClick: handleClick, "$size": size, "$variant": variant, "$checked": resolvedChecked, "$indeterminate": indeterminate, "$disabled": disabled, "$error": error, "$css": css, "data-testid": testId, ...rest, children: [indeterminate ? (jsx("svg", { width: iconSize, height: iconSize, viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: jsx("line", { x1: "2", y1: "6", x2: "10", y2: "6", stroke: "white", strokeWidth: "2", strokeLinecap: "round" }) })) : (jsx("svg", { width: iconSize, height: iconSize, viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", style: {
+    const isActive = resolvedChecked || indeterminate;
+    const boxInlineVars = assignInlineVars({
+        [boxSizeVar]: `${BOX_SIZES[size]}px`,
+    });
+    const checkboxBox = (jsxs("button", { ref: ref, type: "button", role: "checkbox", "aria-checked": ariaChecked, "aria-disabled": disabled || undefined, "aria-required": required || undefined, "aria-invalid": error || undefined, "aria-describedby": showHelperText ? helperId : undefined, disabled: disabled, onClick: handleClick, className: checkboxBoxRecipe({
+            active: isActive || undefined,
+            variant,
+            disabled: disabled || undefined,
+            error: error || undefined,
+        }), style: boxInlineVars, "data-testid": testId, ...rest, children: [indeterminate ? (jsx("svg", { width: iconSize, height: iconSize, viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: jsx("line", { x1: "2", y1: "6", x2: "10", y2: "6", stroke: "white", strokeWidth: "2", strokeLinecap: "round" }) })) : (jsx("svg", { width: iconSize, height: iconSize, viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", style: {
                     opacity: resolvedChecked ? 1 : 0,
                     transform: resolvedChecked ? 'scale(1)' : 'scale(0)',
                     transition: 'opacity 150ms ease-out, transform 150ms ease-out',
@@ -197,7 +101,11 @@ const Checkbox = ({ checked: checkedProp, defaultChecked = false, indeterminate
     if (!label && !showHelperText) {
         return checkboxBox;
     }
-    return (jsxs(StyledCheckboxContainer, { className: className, style: style, children: [jsxs(StyledCheckboxLabel, { "$labelPosition": labelPosition, "$disabled": disabled, "$size": size, children: [checkboxBox, label && jsx("span", { children: label })] }), showHelperText && (jsx(FormHelperText, { id: helperId, error: error, children: showHelperText }))] }));
+    return (jsxs("div", { className: cx(checkboxContainerStyle, className), style: style, children: [jsxs("label", { className: checkboxLabelRecipe({
+                    labelPosition,
+                    disabled: disabled || undefined,
+                    size,
+                }), children: [checkboxBox, label && jsx("span", { children: label })] }), showHelperText && (jsx(FormHelperText, { id: helperId, error: error, children: showHelperText }))] }));
 };
 Checkbox.displayName = 'Checkbox';
 

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../../../../src/components/primitives/Checkbox/Checkbox.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;AAYA;AAEA,MAAM,SAAS,GAAiC;AAC9C,IAAA,EAAE,EAAE,EAAE;AACN,IAAA,EAAE,EAAE,EAAE;AACN,IAAA,EAAE,EAAE,EAAE;CACP;AAED,MAAM,UAAU,GAAiC;AAC/C,IAAA,EAAE,EAAE,EAAE;AACN,IAAA,EAAE,EAAE,EAAE;AACN,IAAA,EAAE,EAAE,EAAE;CACP;AAED,MAAM,aAAa,GAGf;AACF,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,EAAE,EAAE,IAAI;CACT;AAED;AAEA,MAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGzC;AAQD,MAAM,mBAAmB,GAAG,MAAM,CAAC,KAAK,CAA0B;;;SAGzD,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAA;AAC5B,UAAA,EAAA,KAAK,KAAK,KAAK,CAAC,SAAS,GAAG,aAAa,GAAG,SAAS,CAAC,CAAA;AAC9C,kBAAA,EAAA,KAAK,IACrB,KAAK,CAAC,cAAc,KAAK,MAAM,GAAG,aAAa,GAAG,KAAK,CAAA;AAC5C,aAAA,EAAA,KAAK,IAChB,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAA;AACpD,SAAA,EAAA,KAAK,IACZ,KAAK,CAAC;MACF,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC;MACxB,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAA;iBACxB,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,MAAM,CAAA;;CAEjE;AAYD,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,CAAwB;;;;;;;AAOnD,UAAA,EAAA,KAAK,KAAK,KAAK,CAAC,SAAS,GAAG,aAAa,GAAG,SAAS,CAAC,CAAA;;;;;;;;;WASvD,KAAK,IAAI,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;YAC9B,KAAK,IAAI,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;mBACxB,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE,CAAA;oBACnC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAA;;;AAGrD,EAAA,EAAA,KAAK,IAAG;AACR,IAAA,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC,KAAK;IAC9B,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,cAAc;AAEvD,IAAA,IAAI,KAAK,CAAC,SAAS,EAAE;QACnB,OAAO;;sBAES,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,OAAO,GAAG,KAAK,CAAC,QAAQ,KAAK,QAAQ,GAAG,MAAM,CAAC,OAAO,CAAC,OAAO,GAAG,aAAa,CAAA;AACjG,0BAAA,EAAA,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,OAAO,CAAA;OAC7E;;AAGH,IAAA,IAAI,KAAK,CAAC,MAAM,EAAE;QAChB,OAAO;sBACS,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,GAAG,aAAa,CAAA;4BACxC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAA;;0BAErB,MAAM,CAAC,MAAM,CAAC,KAAK,CAAA;wBACrB,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,GAAG,aAAa,CAAA;;OAE/D;;IAGH,IAAI,QAAQ,EAAE;QACZ,OAAO;sBACS,MAAM,CAAC,MAAM,CAAC,OAAO,CAAA;4BACf,MAAM,CAAC,MAAM,CAAC,OAAO,CAAA;;wBAEzB,MAAM,CAAC,MAAM,CAAC,SAAS,CAAA;0BACrB,MAAM,CAAC,MAAM,CAAC,SAAS,CAAA;;OAE1C;;AAGH,IAAA,IAAI,KAAK,CAAC,QAAQ,KAAK,QAAQ,EAAE;QAC/B,OAAO;sBACS,MAAM,CAAC,OAAO,CAAC,OAAO,CAAA;4BAChB,MAAM,CAAC,MAAM,CAAC,OAAO,CAAA;;0BAEvB,MAAM,CAAC,MAAM,CAAC,KAAK,CAAA;;OAEtC;;IAGH,OAAO;;0BAEe,MAAM,CAAC,MAAM,CAAC,OAAO,CAAA;;wBAEvB,MAAM,CAAC,MAAM,CAAC,KAAK,CAAA;;KAEtC;AACH,CAAC;;;;kBAIe,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAA;;;;;;;;;;AAUhD,EAAA,EAAA,KAAK,IAAI,UAAU,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC;CAC/C;AAED;;;;;;;;;;;;;AAaG;AACU,MAAA,QAAQ,GAA4B,CAAC,EAChD,OAAO,EAAE,WAAW,EACpB,cAAc,GAAG,KAAK,EACtB,aAAa,GAAG,KAAK,EACrB,KAAK,EACL,aAAa,GAAG,OAAO,EACvB,IAAI,EAAE,QAAQ,GAAG,IAAI,EACrB,OAAO,GAAG,SAAS,EACnB,QAAQ,EAAE,YAAY,GAAG,KAAK,EAC9B,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,KAAK,EACb,UAAU,EACV,YAAY,EACZ,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,EACH,MAAM,EACN,GAAG,EACH,EAAE,EAAE,MAAM,EACV,GAAG,IAAI,EACR,KAAI;AACH,IAAA,MAAM,YAAY,GAAG,UAAU,CAAC,oBAAoB,CAAC;AACrD,IAAA,MAAM,MAAM,GAAG,KAAK,EAAE;AACtB,IAAA,MAAM,UAAU,GAAG,MAAM,IAAI,MAAM;AACnC,IAAA,MAAM,QAAQ,GAAG,CAAG,EAAA,UAAU,SAAS;;IAGvC,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,cAAc,CAAC;;IAGtE,MAAM,QAAQ,GAAG,YAAY,KAAK,YAAY,EAAE,QAAQ,IAAI,KAAK,CAAC;IAClE,MAAM,IAAI,GAAG,QAAQ,IAAI,YAAY,EAAE,IAAI,IAAI,IAAI;;IAGnD,MAAM,SAAS,GAAG,YAAY,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS;AAC9D,IAAA,MAAM,YAAY,GAAG,WAAW,KAAK,SAAS;AAE9C,IAAA,IAAI,eAAwB;IAC5B,IAAI,SAAS,EAAE;QACb,eAAe,GAAG,YAAY,CAAC,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC;;SACpD,IAAI,YAAY,EAAE;QACvB,eAAe,GAAG,WAAW;;SACxB;QACL,eAAe,GAAG,eAAe;;AAGnC,IAAA,MAAM,WAAW,GAAG,WAAW,CAAC,MAAK;AACnC,QAAA,IAAI,QAAQ;YAAE;AAEd,QAAA,MAAM,UAAU,GAAG,CAAC,eAAe;AAEnC,QAAA,IAAI,SAAS,IAAI,KAAK,EAAE;AACtB,YAAA,YAAY,CAAC,WAAW,CAAC,KAAK,CAAC;;AAGjC,QAAA,IAAI,CAAC,YAAY,IAAI,CAAC,SAAS,EAAE;YAC/B,kBAAkB,CAAC,UAAU,CAAC;;AAGhC,QAAA,QAAQ,GAAG,UAAU,CAAC;AACxB,KAAC,EAAE;QACD,QAAQ;QACR,eAAe;QACf,SAAS;QACT,KAAK;QACL,YAAY;QACZ,YAAY;QACZ,QAAQ;AACT,KAAA,CAAC;AAEF,IAAA,MAAM,QAAQ,GAAG,UAAU,CAAC,IAAI,CAAC;AACjC,IAAA,MAAM,cAAc,GAAG,KAAK,IAAI,YAAY,GAAG,YAAY,GAAG,UAAU;IAExE,MAAM,WAAW,GAA+B;AAC9C,UAAE;AACF,UAAE;AACA,cAAE;cACA,OAAO;AAEb,IAAA,MAAM,WAAW,IACfA,IAAA,CAAC,iBAAiB,EAChB,EAAA,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,UAAU,EAAA,cAAA,EACD,WAAW,EAAA,eAAA,EACV,QAAQ,IAAI,SAAS,EACrB,eAAA,EAAA,QAAQ,IAAI,SAAS,kBACtB,KAAK,IAAI,SAAS,EAAA,kBAAA,EACd,cAAc,GAAG,QAAQ,GAAG,SAAS,EACvD,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,EACb,OAAA,EAAA,IAAI,cACD,OAAO,EAAA,UAAA,EACP,eAAe,EAAA,gBAAA,EACT,aAAa,EAAA,WAAA,EAClB,QAAQ,EAAA,QAAA,EACX,KAAK,EACP,MAAA,EAAA,GAAG,EACI,aAAA,EAAA,MAAM,KACf,IAAI,EAAA,QAAA,EAAA,CAEP,aAAa,IACZC,GACE,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,QAAQ,EACf,MAAM,EAAE,QAAQ,EAChB,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,iBACC,MAAM,EAAA,QAAA,EAElBA,GACE,CAAA,MAAA,EAAA,EAAA,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,GAAG,EACN,MAAM,EAAC,OAAO,EACd,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,CAAA,EAAA,CACE,KAENA,aACE,KAAK,EAAE,QAAQ,EACf,MAAM,EAAE,QAAQ,EAChB,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EAAA,aAAA,EACC,MAAM,EAClB,KAAK,EAAE;oBACL,OAAO,EAAE,eAAe,GAAG,CAAC,GAAG,CAAC;oBAChC,SAAS,EAAE,eAAe,GAAG,UAAU,GAAG,UAAU;AACpD,oBAAA,UAAU,EAAE,kDAAkD;iBAC/D,EAED,QAAA,EAAAA,GAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,eAAe,EACjB,MAAM,EAAC,OAAO,EACd,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EAAA,CACtB,EACE,CAAA,CACP,EACA,IAAI,KACHA,eACE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,eAAe,IAAI,KAAK,IAAI,IAAI,IAAI,EAAE,EAC7C,CAAA,CACH,CACiB,EAAA,CAAA,CACrB;AAED,IAAA,IAAI,CAAC,KAAK,IAAI,CAAC,cAAc,EAAE;AAC7B,QAAA,OAAO,WAAW;;IAGpB,QACED,KAAC,uBAAuB,EAAA,EAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,aACzDA,IAAC,CAAA,mBAAmB,sBACF,aAAa,EAAA,WAAA,EAClB,QAAQ,EACZ,OAAA,EAAA,IAAI,EAEV,QAAA,EAAA,CAAA,WAAW,EACX,KAAK,IAAIC,GAAO,CAAA,MAAA,EAAA,EAAA,QAAA,EAAA,KAAK,GAAQ,CACV,EAAA,CAAA,EACrB,cAAc,KACbA,GAAC,CAAA,cAAc,EAAC,EAAA,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAA,QAAA,EACvC,cAAc,EACA,CAAA,CAClB,CACuB,EAAA,CAAA;AAE9B;AAEA,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}
+{"version":3,"file":"Checkbox.js","sources":["../../../../../../src/components/primitives/Checkbox/Checkbox.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;AAeA;AAEA;AACE;AACA;AACA;;AAGF;AACE;AACA;AACA;;AAGF;;;;;;;;;;;;;AAaG;AACI;AAuBL;AACA;AACA;AACA;;;;;;;;AAWA;AAEA;;;;;;;;;;AASA;AACE;;AAEA;AAEA;AACE;;AAGF;;;AAIA;AACF;;;;;;;;AAQC;AAED;AACA;;AAGE;AACA;AACE;;AAGJ;;;AAIC;;;;;;AAmBI;;;AAiCK;;AAsBV;AACE;;AAGF;;;;AAOO;AAYT;AAEA;;"}