entangle-ui 0.3.0 → 0.4.0

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

@@ -1,83 +1,10 @@
+"use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
-import '../../form/FormLabel.js';
-import '../../form/FormHelperText.js';
-import { StyledInputWrapper } from '../../form/InputWrapper.js';
-import { processCss } from '../../../utils/styledUtils.js';
-import styled from '@emotion/styled';
+import { inputWrapperRecipe } from '../../form/InputWrapper.css.js';
+import { cx } from '../../../utils/cx.js';
 import React from 'react';
+import { labelRecipe, iconStartStyle, inputRecipe, iconEndStyle, helperTextRecipe, inputContainerStyle } from './Input.css.js';
 
-const StyledInputContainer = styled.div `
-  display: flex;
-  flex-direction: column;
-  gap: ${props => props.theme.spacing.xs}px;
-
-  /* Custom CSS */
-  ${props => processCss(props.$css, props.theme)}
-`;
-const StyledLabel = styled.label `
-  font-size: ${props => props.theme.typography.fontSize.sm}px;
-  font-weight: ${props => props.theme.typography.fontWeight.medium};
-  color: ${props => props.$disabled
-    ? props.theme.colors.text.disabled
-    : props.theme.colors.text.secondary};
-  line-height: ${props => props.theme.typography.lineHeight.tight};
-`;
-const StyledInput = styled.input `
-  flex: 1;
-  border: none;
-  outline: none;
-  background: transparent;
-  font-family: inherit;
-  color: ${props => props.theme.colors.text.primary};
-
-  ${props => {
-    const fontSize = {
-        sm: props.theme.typography.fontSize.md,
-        md: props.theme.typography.fontSize.md,
-        lg: props.theme.typography.fontSize.lg,
-    };
-    return `font-size: ${fontSize[props.$size]}px;`;
-}}
-
-  &::placeholder {
-    color: ${props => props.theme.colors.text.muted};
-  }
-
-  &:disabled {
-    cursor: not-allowed;
-  }
-
-  /* Remove number input arrows */
-  &::-webkit-outer-spin-button,
-  &::-webkit-inner-spin-button {
-    -webkit-appearance: none;
-    margin: 0;
-  }
-
-  &[type='number'] {
-    -moz-appearance: textfield;
-  }
-`;
-const StyledIcon = styled.div `
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: ${props => props.theme.colors.text.muted};
-
-  ${props => props.$position === 'start' ? 'margin-right: 6px;' : 'margin-left: 6px;'}
-
-  & > * {
-    width: 14px;
-    height: 14px;
-  }
-`;
-const StyledHelperText = styled.div `
-  font-size: ${props => props.theme.typography.fontSize.xs}px;
-  line-height: ${props => props.theme.typography.lineHeight.tight};
-  color: ${props => props.$error
-    ? props.theme.colors.accent.error
-    : props.theme.colors.text.muted};
-`;
 /**
  * A versatile input component for text entry in editor interfaces.
  *
@@ -114,7 +41,7 @@ const StyledHelperText = styled.div `
  * />
  * ```
  */
-const Input = ({ value, defaultValue, placeholder, type = 'text', size = 'md', disabled = false, error = false, required = false, readOnly = false, label, helperText, errorMessage, startIcon, endIcon, className, style, css, onChange, onFocus, onBlur, onKeyDown, testId, ref, ...props }) => {
+const Input = ({ value, defaultValue, placeholder, type = 'text', size = 'md', disabled = false, error = false, required = false, readOnly = false, label, helperText, errorMessage, startIcon, endIcon, className, style, onChange, onFocus, onBlur, onKeyDown, testId, ref, ...props }) => {
     const [focused, setFocused] = React.useState(false);
     const inputId = React.useId();
     const handleFocus = (event) => {
@@ -125,7 +52,12 @@ const Input = ({ value, defaultValue, placeholder, type = 'text', size = 'md', d
         setFocused(false);
         onBlur?.(event);
     };
-    return (jsxs(StyledInputContainer, { className: className, style: style, "$size": size, "$error": error, "$disabled": disabled, "$focused": focused, "$css": css, children: [label && (jsxs(StyledLabel, { htmlFor: inputId, "$disabled": disabled, children: [label, required && jsx("span", { style: { color: 'var(--accent-error)' }, children: " *" })] })), jsxs(StyledInputWrapper, { "$size": size, "$error": error, "$disabled": disabled, "$focused": focused, children: [startIcon && jsx(StyledIcon, { "$position": "start", children: startIcon }), jsx(StyledInput, { ref: ref, id: inputId, type: type, value: value, defaultValue: defaultValue, placeholder: placeholder, disabled: disabled, required: required, readOnly: readOnly, "$size": size, onChange: onChange, onFocus: handleFocus, onBlur: handleBlur, onKeyDown: onKeyDown, "data-testid": testId, ...props }), endIcon && jsx(StyledIcon, { "$position": "end", children: endIcon })] }), (helperText ?? (error && errorMessage)) && (jsx(StyledHelperText, { "$error": error, children: error && errorMessage ? errorMessage : helperText }))] }));
+    return (jsxs("div", { className: cx(inputContainerStyle, className), style: style, children: [label && (jsxs("label", { htmlFor: inputId, className: labelRecipe({ disabled: disabled || undefined }), children: [label, required && jsx("span", { style: { color: 'var(--accent-error)' }, children: " *" })] })), jsxs("div", { className: inputWrapperRecipe({
+                    size,
+                    error,
+                    disabled,
+                    focused,
+                }), children: [startIcon && jsx("div", { className: iconStartStyle, children: startIcon }), jsx("input", { ref: ref, id: inputId, type: type, value: value, defaultValue: defaultValue, placeholder: placeholder, disabled: disabled, required: required, readOnly: readOnly, className: inputRecipe({ size }), onChange: onChange, onFocus: handleFocus, onBlur: handleBlur, onKeyDown: onKeyDown, "data-testid": testId, ...props }), endIcon && jsx("div", { className: iconEndStyle, children: endIcon })] }), (helperText ?? (error && errorMessage)) && (jsx("div", { className: helperTextRecipe({ error: error || undefined }), children: error && errorMessage ? errorMessage : helperText }))] }));
 };
 Input.displayName = 'Input';
 

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

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sources":["../../../../../../src/components/primitives/Input/Input.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;AAuIA,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAA2B;;;SAGzD,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAA;;;AAGpC,EAAA,EAAA,KAAK,IAAI,UAAU,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC;CAC/C;AAED,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAwB;eACzC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAA;iBACzC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,MAAM,CAAA;AACvD,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,KAAK,CAAA;CAChE;AAED,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAsB;;;;;;WAM3C,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAA;;AAE/C,EAAA,EAAA,KAAK,IAAG;AACR,IAAA,MAAM,QAAQ,GAAG;QACf,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE;QACtC,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE;QACtC,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE;KACvC;IACD,OAAO,CAAA,WAAA,EAAc,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK;AACjD,CAAC;;;aAGU,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAA;;;;;;;;;;;;;;;;;CAiBlD;AAED,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAgC;;;;WAIlD,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAA;;AAE7C,EAAA,EAAA,KAAK,IACL,KAAK,CAAC,SAAS,KAAK,OAAO,GAAG,oBAAoB,GAAG,mBAAmB;;;;;;CAM3E;AAED,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAqB;eACzC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAA;iBACzC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,KAAK,CAAA;AACtD,SAAA,EAAA,KAAK,IACZ,KAAK,CAAC;MACF,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC;MAC1B,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAA;CACpC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCG;AACI,MAAM,KAAK,GAAyB,CAAC,EAC1C,KAAK,EACL,YAAY,EACZ,WAAW,EACX,IAAI,GAAG,MAAM,EACb,IAAI,GAAG,IAAI,EACX,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,KAAK,EACb,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,UAAU,EACV,YAAY,EACZ,SAAS,EACT,OAAO,EACP,SAAS,EACT,KAAK,EACL,GAAG,EACH,QAAQ,EACR,OAAO,EACP,MAAM,EACN,SAAS,EACT,MAAM,EACN,GAAG,EACH,GAAG,KAAK,EACT,KAAI;AACH,IAAA,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC;AACnD,IAAA,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,EAAE;AAE7B,IAAA,MAAM,WAAW,GAAG,CAAC,KAAyC,KAAI;QAChE,UAAU,CAAC,IAAI,CAAC;AAChB,QAAA,OAAO,GAAG,KAAK,CAAC;AAClB,KAAC;AAED,IAAA,MAAM,UAAU,GAAG,CAAC,KAAyC,KAAI;QAC/D,UAAU,CAAC,KAAK,CAAC;AACjB,QAAA,MAAM,GAAG,KAAK,CAAC;AACjB,KAAC;AAED,IAAA,QACEA,IAAC,CAAA,oBAAoB,IACnB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,WACL,IAAI,EAAA,QAAA,EACH,KAAK,EACF,WAAA,EAAA,QAAQ,cACT,OAAO,EAAA,MAAA,EACX,GAAG,EAAA,QAAA,EAAA,CAER,KAAK,KACJA,KAAC,WAAW,EAAA,EAAC,OAAO,EAAE,OAAO,EAAa,WAAA,EAAA,QAAQ,aAC/C,KAAK,EACL,QAAQ,IAAIC,GAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,CAAW,IACzD,CACf,EAEDD,KAAC,kBAAkB,EAAA,EAAA,OAAA,EACV,IAAI,EAAA,QAAA,EACH,KAAK,EACF,WAAA,EAAA,QAAQ,cACT,OAAO,EAAA,QAAA,EAAA,CAEhB,SAAS,IAAIC,GAAA,CAAC,UAAU,EAAA,EAAA,WAAA,EAAW,OAAO,EAAE,QAAA,EAAA,SAAS,GAAc,EAEpEA,GAAA,CAAC,WAAW,EACV,EAAA,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,OAAO,EACX,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EACX,OAAA,EAAA,IAAI,EACX,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,SAAS,EACP,aAAA,EAAA,MAAM,KACf,KAAK,EAAA,CACT,EAED,OAAO,IAAIA,GAAC,CAAA,UAAU,iBAAW,KAAK,EAAA,QAAA,EAAE,OAAO,EAAc,CAAA,CAAA,EAAA,CAC3C,EAEpB,CAAC,UAAU,KAAK,KAAK,IAAI,YAAY,CAAC,MACrCA,GAAA,CAAC,gBAAgB,EAAS,EAAA,QAAA,EAAA,KAAK,YAC5B,KAAK,IAAI,YAAY,GAAG,YAAY,GAAG,UAAU,GACjC,CACpB,CAAA,EAAA,CACoB;AAE3B;AAEA,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}
+{"version":3,"file":"Input.js","sources":["../../../../../../src/components/primitives/Input/Input.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAiJA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCG;AACI;AAyBL;AACA;AAEA;;AAEE;AACF;AAEA;;AAEE;AACF;;;;;;AAoBO;AAiCT;AAEA;;"}

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

@@ -0,0 +1,7 @@
+import './../../../assets/src/components/primitives/Paper/Paper.css.ts.vanilla-B_tPWU80.css';
+import { c as createRuntimeFn } from '../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js';
+
+var paperRecipe = createRuntimeFn({defaultClassName:'Paper_paperRecipe__3dkz7t0',variantClassNames:{elevation:{'0':'Paper_paperRecipe_elevation_0__3dkz7t1','1':'Paper_paperRecipe_elevation_1__3dkz7t2','2':'Paper_paperRecipe_elevation_2__3dkz7t3','3':'Paper_paperRecipe_elevation_3__3dkz7t4'},bordered:{true:'Paper_paperRecipe_bordered_true__3dkz7t5',false:'Paper_paperRecipe_bordered_false__3dkz7t6'},padding:{xs:'Paper_paperRecipe_padding_xs__3dkz7t7',sm:'Paper_paperRecipe_padding_sm__3dkz7t8',md:'Paper_paperRecipe_padding_md__3dkz7t9',lg:'Paper_paperRecipe_padding_lg__3dkz7ta',xl:'Paper_paperRecipe_padding_xl__3dkz7tb',xxl:'Paper_paperRecipe_padding_xxl__3dkz7tc',xxxl:'Paper_paperRecipe_padding_xxxl__3dkz7td'},nestLevel:{'0':'Paper_paperRecipe_nestLevel_0__3dkz7te','1':'Paper_paperRecipe_nestLevel_1__3dkz7tf','2':'Paper_paperRecipe_nestLevel_2__3dkz7tg','3':'Paper_paperRecipe_nestLevel_3__3dkz7th'},expand:{true:'Paper_paperRecipe_expand_true__3dkz7ti',false:'Paper_paperRecipe_expand_false__3dkz7tj'}},defaultVariants:{elevation:1,bordered:false,padding:'md',nestLevel:0,expand:false},compoundVariants:[]});
+
+export { paperRecipe };
+//# sourceMappingURL=Paper.css.js.map

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

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

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

@@ -1,94 +1,9 @@
+"use client";
 import { 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 { paperRecipe } from './Paper.css.js';
 
-/**
- * Get background color based on nesting level
- */
-const getBackgroundColor = (nestLevel, theme) => {
-    const backgroundLevels = [
-        theme.colors.background.primary, // Level 0 - darkest
-        theme.colors.background.secondary, // Level 1
-        theme.colors.background.tertiary, // Level 2
-        theme.colors.background.elevated, // Level 3 - lightest
-    ];
-    return backgroundLevels[nestLevel] ?? backgroundLevels[0];
-};
-/**
- * Get box shadow based on elevation level
- */
-const getElevationShadow = (elevation, theme) => {
-    const shadowLevels = [
-        'none', // Level 0 - no shadow
-        theme.shadows.sm, // Level 1 - small shadow
-        theme.shadows.md, // Level 2 - medium shadow
-        theme.shadows.lg, // Level 3 - large shadow
-    ];
-    return shadowLevels[elevation] ?? 'none';
-};
-/**
- * Get padding value from theme spacing tokens
- */
-const getPaddingValue = (spacing, theme) => {
-    return `${theme.spacing[spacing]}px`;
-};
-const StyledPaper = styled.div `
-  /* Base styles */
-  box-sizing: border-box;
-  position: relative;
-
-  /* Background based on nesting level */
-  background-color: ${props => getBackgroundColor(props.$nestLevel, props.theme)};
-
-  /* Border radius */
-  border-radius: ${props => {
-    if (props.$customRadius !== undefined) {
-        return typeof props.$customRadius === 'number'
-            ? `${props.$customRadius}px`
-            : props.$customRadius;
-    }
-    return `${props.theme.borderRadius.md}px`;
-}};
-
-  /* Border */
-  ${props => props.$bordered &&
-    `
-    border: 1px solid ${props.theme.colors.border.default};
-  `}
-
-  /* Elevation shadow */
-  box-shadow: ${props => getElevationShadow(props.$elevation, props.theme)};
-
-  /* Padding */
-  padding: ${props => getPaddingValue(props.$padding, props.theme)};
-
-  /* Expansion */
-  ${props => props.$expand &&
-    `
-    width: 100%;
-    height: 100%;
-  `}
-
-  /* Smooth transitions for interactive states */
-  transition: box-shadow ${props => props.theme.transitions.normal},
-              background-color ${props => props.theme.transitions.normal};
-
-  /* Hover enhancement for elevated papers */
-  ${props => props.$elevation > 0 &&
-    `
-    &:hover {
-      box-shadow: ${props.$elevation === 1
-        ? props.theme.shadows.md
-        : props.$elevation === 2
-            ? props.theme.shadows.lg
-            : props.theme.shadows.xl};
-    }
-  `}
-
-  /* Custom CSS */
-  ${props => processCss(props.$css, props.theme)}
-`;
 /**
  * A versatile paper component providing surface elevation and visual hierarchy.
  *
@@ -137,8 +52,21 @@ const StyledPaper = styled.div `
  * </Paper>
  * ```
  */
-const Paper = /*#__PURE__*/ React.memo(({ children, elevation = 1, bordered = false, padding = 'md', nestLevel = 0, expand = false, customRadius, className, testId, css, style, ref, ...htmlProps }) => {
-    return (jsx(StyledPaper, { ref: ref, className: className, "$elevation": elevation, "$bordered": bordered, "$padding": padding, "$nestLevel": nestLevel, "$expand": expand, "$customRadius": customRadius, "$css": css, "data-testid": testId, style: style, ...htmlProps, children: children }));
+const Paper = /*#__PURE__*/ React.memo(({ children, elevation = 1, bordered = false, padding = 'md', nestLevel = 0, expand = false, customRadius, className, testId, style, ref, ...htmlProps }) => {
+    const customRadiusStyle = customRadius !== undefined
+        ? {
+            borderRadius: typeof customRadius === 'number'
+                ? `${customRadius}px`
+                : customRadius,
+        }
+        : undefined;
+    return (jsx("div", { ref: ref, className: cx(paperRecipe({
+            elevation,
+            bordered: bordered || undefined,
+            padding,
+            nestLevel,
+            expand: expand || undefined,
+        }), className), "data-testid": testId, style: { ...customRadiusStyle, ...style }, ...htmlProps, children: children }));
 });
 Paper.displayName = 'Paper';
 

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

@@ -1 +1 @@
-{"version":3,"file":"Paper.js","sources":["../../../../../../src/components/primitives/Paper/Paper.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"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"}
+{"version":3,"file":"Paper.js","sources":["../../../../../../src/components/primitives/Paper/Paper.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAqGA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CG;;AAgBC;AAEI;AACI;;AAGI;AACL;;;;;;;;;AAuBT;AAGF;;"}

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

@@ -0,0 +1,8 @@
+import './../../../assets/src/components/primitives/Popover/Popover.css.ts.vanilla-DW6aAr57.css';
+import { c as createRuntimeFn } from '../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js';
+
+var closeButtonStyle = 'Popover_closeButtonStyle__j7aln17';
+var contentPanelRecipe = createRuntimeFn({defaultClassName:'Popover_contentPanelRecipe__j7aln10',variantClassNames:{padding:{none:'Popover_contentPanelRecipe_padding_none__j7aln11',sm:'Popover_contentPanelRecipe_padding_sm__j7aln12',md:'Popover_contentPanelRecipe_padding_md__j7aln13',lg:'Popover_contentPanelRecipe_padding_lg__j7aln14'},visible:{true:'Popover_contentPanelRecipe_visible_true__j7aln15',false:'Popover_contentPanelRecipe_visible_false__j7aln16'}},defaultVariants:{padding:'md',visible:false},compoundVariants:[]});
+
+export { closeButtonStyle, contentPanelRecipe };
+//# sourceMappingURL=Popover.css.js.map

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

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

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

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import { useId, useRef, useState, useCallback, useMemo, createContext, useContext } from 'react';
 import { useFloating, autoUpdate, offset, flip, shift, useClick, useDismiss, useInteractions } from '@floating-ui/react';

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

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","sources":["../../../../../../src/components/primitives/Popover/Popover.tsx"],"sourcesContent":[null],"names":["offset","offsetMiddleware","_jsx"],"mappings":";;;;AAsBA;AAEA,MAAM,cAAc,iBAAiB,aAAa,CAChD,IAAI,CACL;SAEe,iBAAiB,GAAA;AAC/B,IAAA,MAAM,GAAG,GAAG,UAAU,CAAC,cAAc,CAAC;IACtC,IAAI,CAAC,GAAG,EAAE;AACR,QAAA,MAAM,IAAI,KAAK,CACb,2DAA2D,CAC5D;;AAEH,IAAA,OAAO,GAAG;AACZ;AAEA;AAEA;;;;;;;;;;;;;;;;;;AAkBG;MACU,OAAO,GAA2B,CAAC,EAC9C,IAAI,EAAE,QAAQ,EACd,WAAW,GAAG,KAAK,EACnB,SAAS,GAAG,cAAc,UAC1BA,QAAM,GAAG,CAAC,EACV,mBAAmB,GAAG,IAAI,EAC1B,aAAa,GAAG,IAAI,EACpB,WAAW,GAAG,IAAI,EAClB,MAAM,GAAG,IAAI,EACb,iBAAiB,GAAG,KAAK,EACzB,QAAQ,EACR,YAAY,GACb,KAAI;AACH,IAAA,MAAM,MAAM,GAAG,KAAK,EAAE;AACtB,IAAA,MAAM,UAAU,GAAG,MAAM,CAAqB,IAAI,CAAC;AACnD,IAAA,MAAM,UAAU,GAAG,MAAM,CAAwB,IAAI,CAAC;IAEtD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,WAAW,CAAC;AAC7D,IAAA,MAAM,YAAY,GAAG,QAAQ,KAAK,SAAS;IAC3C,MAAM,MAAM,GAAG,YAAY,GAAG,QAAQ,GAAG,YAAY;AAErD,IAAA,MAAM,gBAAgB,GAAG,WAAW,CAClC,CAAC,QAAiB,KAAI;QACpB,IAAI,CAAC,YAAY,EAAE;YACjB,eAAe,CAAC,QAAQ,CAAC;;AAE3B,QAAA,YAAY,GAAG,QAAQ,CAAC;AAC1B,KAAC,EACD,CAAC,YAAY,EAAE,YAAY,CAAC,CAC7B;AAED,IAAA,MAAM,WAAW,GAAG,WAAW,CAAC,MAAK;QACnC,gBAAgB,CAAC,IAAI,CAAC;AACxB,KAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC;AAEtB,IAAA,MAAM,YAAY,GAAG,WAAW,CAAC,MAAK;QACpC,gBAAgB,CAAC,KAAK,CAAC;QACvB,IAAI,WAAW,EAAE;AACf,YAAA,UAAU,CAAC,OAAO,EAAE,KAAK,EAAE;;AAE/B,KAAC,EAAE,CAAC,gBAAgB,EAAE,WAAW,CAAC,CAAC;AAEnC,IAAA,MAAM,MAAM,GAAG,WAAW,CAAC,MAAK;QAC9B,IAAI,MAAM,EAAE;AACV,YAAA,YAAY,EAAE;;aACT;AACL,YAAA,WAAW,EAAE;;KAEhB,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,YAAY,CAAC,CAAC;;IAGvC,MAAM,EAAE,IAAI,EAAE,cAAc,EAAE,OAAO,EAAE,GAAG,WAAW,CAAC;AACpD,QAAA,IAAI,EAAE,MAAM;AACZ,QAAA,YAAY,EAAE,gBAAgB;AAC9B,QAAA,SAAS,EAAE,SAAsB;AACjC,QAAA,UAAU,EAAE,CAACC,MAAgB,CAACD,QAAM,CAAC,EAAE,IAAI,EAAE,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC;AACrE,QAAA,oBAAoB,EAAE,UAAU;AACjC,KAAA,CAAC;;AAGF,IAAA,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC;AAC/B,IAAA,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,EAAE;AAClC,QAAA,YAAY,EAAE,mBAAmB;AACjC,QAAA,SAAS,EAAE,aAAa;AACzB,KAAA,CAAC;AAEF,IAAA,MAAM,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,GAAG,eAAe,CAAC;QAC9D,KAAK;QACL,OAAO;AACR,KAAA,CAAC;AAEF,IAAA,MAAM,YAAY,GAAwB,OAAO,CAC/C,OAAO;QACL,MAAM;AACN,QAAA,IAAI,EAAE,WAAW;AACjB,QAAA,KAAK,EAAE,YAAY;QACnB,MAAM;QACN,UAAU;QACV,UAAU;QACV,SAAS;gBACTA,QAAM;QACN,MAAM;QACN,iBAAiB;AACjB,QAAA,SAAS,EAAE,MAAM;;AAEjB,QAAA,YAAY,EAAE,IAAI;QAClB,cAAc;AACd,QAAA,eAAe,EAAE,OAAO;QACxB,iBAAiB;QACjB,gBAAgB;AACjB,KAAA,CAAC,EACF;QACE,MAAM;QACN,WAAW;QACX,YAAY;QACZ,MAAM;QACN,SAAS;QACTA,QAAM;QACN,MAAM;QACN,iBAAiB;QACjB,MAAM;QACN,IAAI;QACJ,cAAc;QACd,OAAO;QACP,iBAAiB;QACjB,gBAAgB;AACjB,KAAA,CACF;AAED,IAAA,QACEE,GAAA,CAAC,cAAc,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,YAAY,EAAA,QAAA,EACzC,QAAQ,EAAA,CACe;AAE9B;AAEA,OAAO,CAAC,WAAW,GAAG,SAAS;;;;"}
+{"version":3,"file":"Popover.js","sources":["../../../../../../src/components/primitives/Popover/Popover.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAwBA;AAEA;;AAKE;;AAEE;;AAIF;AACF;AAEA;AAEA;;;;;;;;;;;;;;;;;;AAkBG;;AAcD;AACA;AACA;;AAGA;;AAGA;;;;AAKI;AACF;AAIF;;AAEA;AAEA;;;AAGI;;AAEJ;AAEA;;AAEI;;;AAEA;;;;;AAMF;AACA;AACA;AACA;AACA;AACD;;AAGD;AACA;AACE;AACA;AACD;AAED;;;AAGC;AAED;;AAGI;AACA;;;;;;;;AAQA;;AAEA;;AAEA;;;AAGD;;;;;;;;;;;;;;;AAgBA;AAGH;AAKF;AAEA;;"}

package/dist/esm/components/primitives/Popover/PopoverClose.js

@@ -1,38 +1,10 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import { useCallback } from 'react';
-import styled from '@emotion/styled';
 import { usePopoverContext } from './Popover.js';
+import { cx } from '../../../utils/cx.js';
+import { closeButtonStyle } from './Popover.css.js';
 
-// --- Styled ---
-const StyledCloseButton = styled.button `
-  /* Reset */
-  margin: 0;
-  padding: 0;
-  border: none;
-  background: transparent;
-  font-family: inherit;
-  outline: none;
-  cursor: pointer;
-
-  /* Layout */
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 20px;
-  height: 20px;
-  border-radius: ${props => props.theme.borderRadius.sm}px;
-  color: ${props => props.theme.colors.text.muted};
-  transition: background ${props => props.theme.transitions.fast};
-
-  &:hover {
-    background: ${props => props.theme.colors.surface.hover};
-    color: ${props => props.theme.colors.text.primary};
-  }
-
-  &:focus-visible {
-    box-shadow: ${props => props.theme.shadows.focus};
-  }
-`;
 // --- Close icon ---
 const CloseIcon = () => (jsx("svg", { width: 10, height: 10, viewBox: "0 0 10 10", fill: "none", "aria-hidden": "true", children: jsx("path", { d: "M1.5 1.5L8.5 8.5M8.5 1.5L1.5 8.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) }));
 // --- Component ---
@@ -42,7 +14,7 @@ const PopoverClose = ({ children, className, style, testId, ref, ...rest }) => {
         e.stopPropagation();
         close();
     }, [close]);
-    return (jsx(StyledCloseButton, { ref: ref, type: "button", "aria-label": "Close", onClick: handleClick, className: className, style: style, "data-testid": testId, ...rest, children: children ?? jsx(CloseIcon, {}) }));
+    return (jsx("button", { ref: ref, type: "button", "aria-label": "Close", onClick: handleClick, className: cx(closeButtonStyle, className), style: style, "data-testid": testId, ...rest, children: children ?? jsx(CloseIcon, {}) }));
 };
 PopoverClose.displayName = 'PopoverClose';
 

package/dist/esm/components/primitives/Popover/PopoverClose.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverClose.js","sources":["../../../../../../src/components/primitives/Popover/PopoverClose.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAKA;AAEA,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,CAAA;;;;;;;;;;;;;;;;mBAgBpB,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE,CAAA;WAC5C,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAA;2BACtB,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAA;;;kBAG9C,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAA;aAC9C,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAA;;;;kBAInC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAA;;CAEnD;AAED;AAEA,MAAM,SAAS,GAAa,OAC1BA,GAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,iBACC,MAAM,EAAA,QAAA,EAElBA,cACE,CAAC,EAAC,kCAAkC,EACpC,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,CAAA,EAAA,CACE,CACP;AAED;MAEa,YAAY,GAAgC,CAAC,EACxD,QAAQ,EACR,SAAS,EACT,KAAK,EACL,MAAM,EACN,GAAG,EACH,GAAG,IAAI,EACR,KAAI;AACH,IAAA,MAAM,EAAE,KAAK,EAAE,GAAG,iBAAiB,EAAE;AAErC,IAAA,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,CAAsC,KAAI;QACzC,CAAC,CAAC,eAAe,EAAE;AACnB,QAAA,KAAK,EAAE;AACT,KAAC,EACD,CAAC,KAAK,CAAC,CACR;AAED,IAAA,QACEA,GAAC,CAAA,iBAAiB,EAChB,EAAA,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,EACF,YAAA,EAAA,OAAO,EAClB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,iBACC,MAAM,EAAA,GACf,IAAI,EAAA,QAAA,EAEP,QAAQ,IAAIA,GAAA,CAAC,SAAS,EAAG,EAAA,CAAA,EAAA,CACR;AAExB;AAEA,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}
+{"version":3,"file":"PopoverClose.js","sources":["../../../../../../src/components/primitives/Popover/PopoverClose.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAQA;AAEA;AAiBA;;AAUE;AAEA;;AAGI;AACF;AAIF;AAcF;AAEA;;"}

package/dist/esm/components/primitives/Popover/PopoverContent.js

@@ -1,53 +1,12 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import { useState, useCallback, useEffect } from 'react';
 import { createPortal } from 'react-dom';
 import { FloatingFocusManager } from '@floating-ui/react';
-import styled from '@emotion/styled';
 import { usePopoverContext } from './Popover.js';
+import { cx } from '../../../utils/cx.js';
+import { contentPanelRecipe } from './Popover.css.js';
 
-const PADDING_MAP = {
-    none: '0',
-    sm: 'sm',
-    md: 'md',
-    lg: 'lg',
-};
-const StyledContentPanel = styled.div `
-  z-index: ${props => props.theme.zIndex.popover};
-
-  background: ${props => props.theme.colors.background.elevated};
-  border: 1px solid ${props => props.theme.colors.border.default};
-  border-radius: ${props => props.theme.borderRadius.lg}px;
-  box-shadow: ${props => props.theme.shadows.lg};
-  color: ${props => props.theme.colors.text.primary};
-  font-size: ${props => props.theme.typography.fontSize.sm}px;
-  font-family: ${props => props.theme.typography.fontFamily.sans};
-
-  padding: ${props => {
-    const key = PADDING_MAP[props.$padding];
-    if (key === '0')
-        return '0';
-    return `${props.theme.spacing[key]}px`;
-}};
-
-  ${props => props.$width != null
-    ? `width: ${typeof props.$width === 'number' ? `${props.$width}px` : props.$width};`
-    : ''}
-  ${props => props.$maxHeight != null
-    ? `max-height: ${typeof props.$maxHeight === 'number' ? `${props.$maxHeight}px` : props.$maxHeight}; overflow-y: auto;`
-    : ''}
-
-  /* Animation */
-  transition:
-    opacity ${props => props.theme.transitions.fast},
-    transform ${props => props.theme.transitions.fast};
-  opacity: ${props => (props.$visible ? 1 : 0)};
-  transform: ${props => (props.$visible ? 'scale(1)' : 'scale(0.96)')};
-  pointer-events: ${props => (props.$visible ? 'auto' : 'none')};
-
-  &:focus {
-    outline: none;
-  }
-`;
 // --- Component ---
 const PopoverContent = ({ children, width, maxHeight, padding = 'md', className, style, testId, ref: externalRef, ...rest }) => {
     const { isOpen, contentRef, portal, matchTriggerWidth, popoverId, floatingRefs, floatingStyles, floatingContext, getFloatingProps, } = usePopoverContext();
@@ -87,8 +46,23 @@ const PopoverContent = ({ children, width, maxHeight, padding = 'md', className,
         : undefined;
     const computedWidth = matchTriggerWidth ? triggerWidth : width;
     const floatingProps = getFloatingProps();
-    const contentElement = (jsx(FloatingFocusManager, { context: floatingContext, modal: false, children: jsx(StyledContentPanel, { ref: setRef, role: "dialog", id: contentId, tabIndex: -1, "$width": computedWidth, "$maxHeight": maxHeight, "$padding": padding, "$visible": visible, className: className, style: {
+    // Build dimension styles
+    const dimensionStyles = {};
+    if (computedWidth != null) {
+        dimensionStyles.width =
+            typeof computedWidth === 'number' ? `${computedWidth}px` : computedWidth;
+    }
+    if (maxHeight != null) {
+        dimensionStyles.maxHeight =
+            typeof maxHeight === 'number' ? `${maxHeight}px` : maxHeight;
+        dimensionStyles.overflowY = 'auto';
+    }
+    const contentElement = (jsx(FloatingFocusManager, { context: floatingContext, modal: false, children: jsx("div", { ref: setRef, role: "dialog", id: contentId, tabIndex: -1, className: cx(contentPanelRecipe({
+                padding,
+                visible: visible || undefined,
+            }), className), style: {
                 ...floatingStyles,
+                ...dimensionStyles,
                 ...style,
             }, "data-testid": testId, ...floatingProps, ...rest, children: children }) }));
     if (portal) {

package/dist/esm/components/primitives/Popover/PopoverContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverContent.js","sources":["../../../../../../src/components/primitives/Popover/PopoverContent.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"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"}
+{"version":3,"file":"PopoverContent.js","sources":["../../../../../../src/components/primitives/Popover/PopoverContent.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;AAUA;AAEO;;;AAwBL;;AAGA;AAEI;AACA;AACA;;;AAEO;AACJ;AACC;;;;;;;;AAWJ;;;;;AAIJ;;AAGE;;;;AAKA;AACE;AACA;;;AAKJ;;;AAIA;AACE;AACE;;AAEJ;AACE;AACE;AACF;;AAGF;;;AAWS;AAID;AACA;AACA;;;;;AAeR;AACF;AAEA;;"}

package/dist/esm/components/primitives/Popover/PopoverTrigger.js

@@ -1,3 +1,4 @@
+"use client";
 import React, { useCallback } from 'react';
 import { usePopoverContext } from './Popover.js';
 

package/dist/esm/components/primitives/Popover/PopoverTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverTrigger.js","sources":["../../../../../../src/components/primitives/Popover/PopoverTrigger.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;AAIA;;;AAGG;MACU,cAAc,GAAkC,CAAC,EAAE,QAAQ,EAAE,KAAI;AAC5E,IAAA,MAAM,EACJ,MAAM,EACN,MAAM,EACN,UAAU,EACV,SAAS,EACT,YAAY,EACZ,iBAAiB,GAClB,GAAG,iBAAiB,EAAE;AACvB,IAAA,MAAM,SAAS,GAAG,CAAW,QAAA,EAAA,SAAS,UAAU;AAEhD,IAAA,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,CAAmB,KAAI;QACtB,CAAC,CAAC,eAAe,EAAE;AACnB,QAAA,MAAM,EAAE;AACV,KAAC,EACD,CAAC,MAAM,CAAC,CACT;AAED,IAAA,MAAM,MAAM,GAAG,WAAW,CACxB,CAAC,IAAwB,KAAI;AAC3B,QAAA,UAAU,CAAC,OAAO,GAAG,IAAI;AACzB,QAAA,YAAY,CAAC,YAAY,CAAC,IAAI,CAAC;AACjC,KAAC,EACD,CAAC,UAAU,EAAE,YAAY,CAAC,CAC3B;;IAGD,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE;AACnC,QAAA,OAAO,IAAI;;IAGb,MAAM,cAAc,GAAG,iBAAiB,CAAC;AACvC,QAAA,OAAO,EAAE,WAAW;AACrB,KAAA,CAAC;AAEF,IAAA,OAAO,KAAK,CAAC,YAAY,CACvB,QAAuD,EACvD;AACE,QAAA,GAAG,EAAE,MAAM;AACX,QAAA,GAAG,cAAc;AACjB,QAAA,eAAe,EAAE,QAAQ;AACzB,QAAA,eAAe,EAAE,MAAM;QACvB,eAAe,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS;AAChD,KAAA,CACF;AACH;AAEA,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;"}
+{"version":3,"file":"PopoverTrigger.js","sources":["../../../../../../src/components/primitives/Popover/PopoverTrigger.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;AAMA;;;AAGG;;AAED;AAQA;AAEA;;AAGI;AACF;AAIF;AAEI;AACA;AACF;;;AAMA;;;AAIA;AACD;AAED;AAGI;AACA;AACA;AACA;;AAED;AAEL;AAEA;;"}

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

@@ -0,0 +1,15 @@
+import './../../../assets/src/components/primitives/Switch/Switch.css.ts.vanilla-CxqwUToB.css';
+import { c as createRuntimeFn } from '../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js';
+
+var labelTextStyle = 'Switch_labelTextStyle__h3xwyto';
+var switchContainerStyle = 'Switch_switchContainerStyle__h3xwyt0';
+var switchRowRecipe = createRuntimeFn({defaultClassName:'Switch_switchRowRecipe__h3xwyt1',variantClassNames:{size:{sm:'Switch_switchRowRecipe_size_sm__h3xwyt2',md:'Switch_switchRowRecipe_size_md__h3xwyt3',lg:'Switch_switchRowRecipe_size_lg__h3xwyt4'},disabled:{true:'Switch_switchRowRecipe_disabled_true__h3xwyt5',false:'Switch_switchRowRecipe_disabled_false__h3xwyt6'}},defaultVariants:{size:'md',disabled:false},compoundVariants:[]});
+var thumbDiameterVar = 'var(--thumbDiameterVar__h3xwytj)';
+var thumbRecipe = createRuntimeFn({defaultClassName:'Switch_thumbRecipe__h3xwytl',variantClassNames:{checked:{true:'Switch_thumbRecipe_checked_true__h3xwytm',false:'Switch_thumbRecipe_checked_false__h3xwytn'}},defaultVariants:{checked:false},compoundVariants:[]});
+var thumbTranslateVar = 'var(--thumbTranslateVar__h3xwytk)';
+var trackHeightVar = 'var(--trackHeightVar__h3xwyt8)';
+var trackRecipe = createRuntimeFn({defaultClassName:'Switch_trackRecipe__h3xwyt9',variantClassNames:{checked:{true:'Switch_trackRecipe_checked_true__h3xwyta',false:'Switch_trackRecipe_checked_false__h3xwytb'},disabled:{true:'Switch_trackRecipe_disabled_true__h3xwytc',false:'Switch_trackRecipe_disabled_false__h3xwytd'},error:{true:'Switch_trackRecipe_error_true__h3xwyte',false:'Switch_trackRecipe_error_false__h3xwytf'}},defaultVariants:{checked:false,disabled:false,error:false},compoundVariants:[[{error:true,checked:false},'Switch_trackRecipe_compound_0__h3xwytg'],[{disabled:true,checked:true},'Switch_trackRecipe_compound_1__h3xwyth'],[{disabled:true,checked:false},'Switch_trackRecipe_compound_2__h3xwyti']]});
+var trackWidthVar = 'var(--trackWidthVar__h3xwyt7)';
+
+export { labelTextStyle, switchContainerStyle, switchRowRecipe, thumbDiameterVar, thumbRecipe, thumbTranslateVar, trackHeightVar, trackRecipe, trackWidthVar };
+//# sourceMappingURL=Switch.css.js.map

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

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