@raystack/apsara 0.53.6 → 0.55.0-rc.1

package/dist/components/select/select-root.cjs

@@ -2,9 +2,9 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var comboboxProvider = require('../../node_modules/.pnpm/@ariakit_react-core@0.4.16_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/@ariakit/react-core/esm/combobox/combobox-provider.cjs');
+var react = require('@ariakit/react');
+var radixUi = require('radix-ui');
 var React = require('react');
-var index = require('../../node_modules/.pnpm/@radix-ui_react-select@2.2.5_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@19.1.9_irkq3yh3qlkawac7zwq2rwd6bi/node_modules/@radix-ui/react-select/dist/index.cjs');
 
 /*
 Root context to manage the Select control
@@ -96,7 +96,7 @@ const SelectRoot = (props) => {
             return `${SELECT_INTERNAL_VALUE}-${id}`;
         return String(computedValue) ?? '';
     }, [computedValue, id]);
-    const element = (jsxRuntime.jsx(comboboxProvider.ComboboxProvider, { resetValueOnHide: true, focusLoop: false, includesBaseElement: false, value: searchValue, setValue: setSearchValue, open: open, setOpen: handleOpenChange, children: children }));
+    const element = (jsxRuntime.jsx(react.ComboboxProvider, { resetValueOnHide: true, focusLoop: false, includesBaseElement: false, value: searchValue, setValue: setSearchValue, open: open, setOpen: handleOpenChange, children: children }));
     return (jsxRuntime.jsx(SelectContext.Provider, { value: {
             value: computedValue,
             registerItem,
@@ -108,7 +108,7 @@ const SelectRoot = (props) => {
             items,
             updateSelectionInProgress,
             setValue
-        }, children: jsxRuntime.jsx(index.Root, { autoComplete: htmlAutoComplete, value: radixValue, onValueChange: setValue, open: open, onOpenChange: handleOpenChange, ...rest, children: autocomplete ? element : children }) }));
+        }, children: jsxRuntime.jsx(radixUi.Select.Root, { autoComplete: htmlAutoComplete, value: radixValue, onValueChange: setValue, open: open, onOpenChange: handleOpenChange, ...rest, children: autocomplete ? element : children }) }));
 };
 
 exports.SelectRoot = SelectRoot;

package/dist/components/select/select-root.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import { ComboboxProvider } from '../../node_modules/.pnpm/@ariakit_react-core@0.4.16_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/@ariakit/react-core/esm/combobox/combobox-provider.js';
+import { ComboboxProvider } from '@ariakit/react';
+import { Select } from 'radix-ui';
 import { createContext, useContext, useState, useId, useRef, useCallback, useMemo } from 'react';
-import { Root as Root2 } from '../../node_modules/.pnpm/@radix-ui_react-select@2.2.5_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@19.1.9_irkq3yh3qlkawac7zwq2rwd6bi/node_modules/@radix-ui/react-select/dist/index.js';
 
 /*
 Root context to manage the Select control
@@ -106,7 +106,7 @@ const SelectRoot = (props) => {
             items,
             updateSelectionInProgress,
             setValue
-        }, children: jsx(Root2, { autoComplete: htmlAutoComplete, value: radixValue, onValueChange: setValue, open: open, onOpenChange: handleOpenChange, ...rest, children: autocomplete ? element : children }) }));
+        }, children: jsx(Select.Root, { autoComplete: htmlAutoComplete, value: radixValue, onValueChange: setValue, open: open, onOpenChange: handleOpenChange, ...rest, children: autocomplete ? element : children }) }));
 };
 
 export { SelectRoot, useSelectContext };

package/dist/components/select/select-trigger.cjs

@@ -2,16 +2,15 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var reactIcons_esm = require('../../node_modules/.pnpm/@radix-ui_react-icons@1.3.2_react@19.1.1/node_modules/@radix-ui/react-icons/dist/react-icons.esm.cjs');
-var index$2 = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
+var reactIcons = require('@radix-ui/react-icons');
+var classVarianceAuthority = require('class-variance-authority');
+var radixUi = require('radix-ui');
 var React = require('react');
 var flex = require('../flex/flex.cjs');
 var selectRoot = require('./select-root.cjs');
 var select_module = require('./select.module.css.cjs');
-var index = require('../../node_modules/.pnpm/@radix-ui_react-select@2.2.5_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@19.1.9_irkq3yh3qlkawac7zwq2rwd6bi/node_modules/@radix-ui/react-select/dist/index.cjs');
-var index$1 = require('../../node_modules/.pnpm/@radix-ui_react-slot@1.2.3_@types_react@19.1.9_react@19.1.1/node_modules/@radix-ui/react-slot/dist/index.cjs');
 
-const trigger = index$2.cva(select_module.default.trigger, {
+const trigger = classVarianceAuthority.cva(select_module.default.trigger, {
     variants: {
         size: {
             small: select_module.default['trigger-small'],
@@ -29,9 +28,9 @@ const trigger = index$2.cva(select_module.default.trigger, {
 });
 const SelectTrigger = React.forwardRef(({ size, variant, className, children, iconProps = {}, asChild, 'aria-label': ariaLabel, ...props }, ref) => {
     const { multiple, autocomplete } = selectRoot.useSelectContext();
-    return (jsxRuntime.jsxs(index.Trigger, { "data-multiselectable": multiple ? true : undefined, ref: ref, className: trigger({ size, variant, className }), "aria-label": ariaLabel || 'Select option', "aria-haspopup": autocomplete ? 'dialog' : 'listbox', ...props, children: [jsxRuntime.jsx(flex.Flex, { className: select_module.default.triggerContent, align: 'center', gap: 2, children: asChild ? jsxRuntime.jsx(index$1.Root, { children: children }) : children }), jsxRuntime.jsx(index.Icon, { asChild: true, children: jsxRuntime.jsx(reactIcons_esm.ChevronDownIcon, { className: select_module.default.triggerIcon, "aria-hidden": 'true', ...iconProps }) })] }));
+    return (jsxRuntime.jsxs(radixUi.Select.Trigger, { "data-multiselectable": multiple ? true : undefined, ref: ref, className: trigger({ size, variant, className }), "aria-label": ariaLabel || 'Select option', "aria-haspopup": autocomplete ? 'dialog' : 'listbox', ...props, children: [jsxRuntime.jsx(flex.Flex, { className: select_module.default.triggerContent, align: 'center', gap: 2, children: asChild ? jsxRuntime.jsx(radixUi.Slot.Root, { children: children }) : children }), jsxRuntime.jsx(radixUi.Select.Icon, { asChild: true, children: jsxRuntime.jsx(reactIcons.ChevronDownIcon, { className: select_module.default.triggerIcon, "aria-hidden": 'true', ...iconProps }) })] }));
 });
-SelectTrigger.displayName = index.Trigger.displayName;
+SelectTrigger.displayName = radixUi.Select.Trigger.displayName;
 
 exports.SelectTrigger = SelectTrigger;
 //# sourceMappingURL=select-trigger.cjs.map

package/dist/components/select/select-trigger.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"select-trigger.cjs","sources":["../../../components/select/select-trigger.tsx"],"sourcesContent":["'use client';\n\nimport { ChevronDownIcon } from '@radix-ui/react-icons';\nimport { VariantProps, cva } from 'class-variance-authority';\nimport { Select as SelectPrimitive, Slot } from 'radix-ui';\nimport { ElementRef, SVGAttributes, forwardRef } from 'react';\nimport { Flex } from '../flex';\nimport { useSelectContext } from './select-root';\nimport styles from './select.module.css';\n\nexport interface IconProps extends SVGAttributes<SVGElement> {\n  children?: never;\n  color?: string;\n}\n\nconst trigger = cva(styles.trigger, {\n  variants: {\n    size: {\n      small: styles['trigger-small'],\n      medium: styles['trigger-medium']\n    },\n    variant: {\n      outline: styles['trigger-outline'],\n      text: styles['trigger-text']\n    }\n  },\n  defaultVariants: {\n    size: 'medium',\n    variant: 'outline'\n  }\n});\n\nexport interface SelectTriggerProps\n  extends SelectPrimitive.SelectTriggerProps,\n    VariantProps<typeof trigger> {\n  iconProps?: IconProps;\n}\n\nexport const SelectTrigger = forwardRef<\n  ElementRef<typeof SelectPrimitive.Trigger>,\n  SelectTriggerProps\n>(\n  (\n    {\n      size,\n      variant,\n      className,\n      children,\n      iconProps = {},\n      asChild,\n      'aria-label': ariaLabel,\n      ...props\n    },\n    ref\n  ) => {\n    const { multiple, autocomplete } = useSelectContext();\n    return (\n      <SelectPrimitive.Trigger\n        data-multiselectable={multiple ? true : undefined}\n        ref={ref}\n        className={trigger({ size, variant, className })}\n        aria-label={ariaLabel || 'Select option'}\n        aria-haspopup={autocomplete ? 'dialog' : 'listbox'}\n        {...props}\n      >\n        <Flex className={styles.triggerContent} align='center' gap={2}>\n          {asChild ? <Slot.Root>{children}</Slot.Root> : children}\n        </Flex>\n        <SelectPrimitive.Icon asChild>\n          <ChevronDownIcon\n            className={styles.triggerIcon}\n            aria-hidden='true'\n            {...iconProps}\n          />\n        </SelectPrimitive.Icon>\n      </SelectPrimitive.Trigger>\n    );\n  }\n);\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName;\n"],"names":[],"mappings":";;;;;;;;;;;;;AAeA;AACE;AACE;AACE;AACA;AACD;AACD;AACE;AACA;AACD;AACF;AACD;AACE;AACA;AACD;AACF;AAQM;;;AAuCL;AAEF;;"}
+{"version":3,"file":"select-trigger.cjs","sources":["../../../components/select/select-trigger.tsx"],"sourcesContent":["'use client';\n\nimport { ChevronDownIcon } from '@radix-ui/react-icons';\nimport { VariantProps, cva } from 'class-variance-authority';\nimport { Select as SelectPrimitive, Slot } from 'radix-ui';\nimport { ElementRef, SVGAttributes, forwardRef } from 'react';\nimport { Flex } from '../flex';\nimport { useSelectContext } from './select-root';\nimport styles from './select.module.css';\n\nexport interface IconProps extends SVGAttributes<SVGElement> {\n  children?: never;\n  color?: string;\n}\n\nconst trigger = cva(styles.trigger, {\n  variants: {\n    size: {\n      small: styles['trigger-small'],\n      medium: styles['trigger-medium']\n    },\n    variant: {\n      outline: styles['trigger-outline'],\n      text: styles['trigger-text']\n    }\n  },\n  defaultVariants: {\n    size: 'medium',\n    variant: 'outline'\n  }\n});\n\nexport interface SelectTriggerProps\n  extends SelectPrimitive.SelectTriggerProps,\n    VariantProps<typeof trigger> {\n  iconProps?: IconProps;\n}\n\nexport const SelectTrigger = forwardRef<\n  ElementRef<typeof SelectPrimitive.Trigger>,\n  SelectTriggerProps\n>(\n  (\n    {\n      size,\n      variant,\n      className,\n      children,\n      iconProps = {},\n      asChild,\n      'aria-label': ariaLabel,\n      ...props\n    },\n    ref\n  ) => {\n    const { multiple, autocomplete } = useSelectContext();\n    return (\n      <SelectPrimitive.Trigger\n        data-multiselectable={multiple ? true : undefined}\n        ref={ref}\n        className={trigger({ size, variant, className })}\n        aria-label={ariaLabel || 'Select option'}\n        aria-haspopup={autocomplete ? 'dialog' : 'listbox'}\n        {...props}\n      >\n        <Flex className={styles.triggerContent} align='center' gap={2}>\n          {asChild ? <Slot.Root>{children}</Slot.Root> : children}\n        </Flex>\n        <SelectPrimitive.Icon asChild>\n          <ChevronDownIcon\n            className={styles.triggerIcon}\n            aria-hidden='true'\n            {...iconProps}\n          />\n        </SelectPrimitive.Icon>\n      </SelectPrimitive.Trigger>\n    );\n  }\n);\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName;\n"],"names":[],"mappings":";;;;;;;;;;;;AAeA;AACE;AACE;AACE;AACA;AACD;AACD;AACE;AACA;AACD;AACF;AACD;AACE;AACA;AACD;AACF;AAQM;;;AAuCL;AAEF;;"}

package/dist/components/select/select-trigger.js

@@ -1,13 +1,12 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { ChevronDownIcon } from '../../node_modules/.pnpm/@radix-ui_react-icons@1.3.2_react@19.1.1/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js';
-import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
+import { ChevronDownIcon } from '@radix-ui/react-icons';
+import { cva } from 'class-variance-authority';
+import { Select, Slot } from 'radix-ui';
 import { forwardRef } from 'react';
 import { Flex } from '../flex/flex.js';
 import { useSelectContext } from './select-root.js';
 import styles from './select.module.css.js';
-import { Trigger, Icon } from '../../node_modules/.pnpm/@radix-ui_react-select@2.2.5_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@19.1.9_irkq3yh3qlkawac7zwq2rwd6bi/node_modules/@radix-ui/react-select/dist/index.js';
-import { Root as Slot } from '../../node_modules/.pnpm/@radix-ui_react-slot@1.2.3_@types_react@19.1.9_react@19.1.1/node_modules/@radix-ui/react-slot/dist/index.js';
 
 const trigger = cva(styles.trigger, {
     variants: {
@@ -27,9 +26,9 @@ const trigger = cva(styles.trigger, {
 });
 const SelectTrigger = forwardRef(({ size, variant, className, children, iconProps = {}, asChild, 'aria-label': ariaLabel, ...props }, ref) => {
     const { multiple, autocomplete } = useSelectContext();
-    return (jsxs(Trigger, { "data-multiselectable": multiple ? true : undefined, ref: ref, className: trigger({ size, variant, className }), "aria-label": ariaLabel || 'Select option', "aria-haspopup": autocomplete ? 'dialog' : 'listbox', ...props, children: [jsx(Flex, { className: styles.triggerContent, align: 'center', gap: 2, children: asChild ? jsx(Slot, { children: children }) : children }), jsx(Icon, { asChild: true, children: jsx(ChevronDownIcon, { className: styles.triggerIcon, "aria-hidden": 'true', ...iconProps }) })] }));
+    return (jsxs(Select.Trigger, { "data-multiselectable": multiple ? true : undefined, ref: ref, className: trigger({ size, variant, className }), "aria-label": ariaLabel || 'Select option', "aria-haspopup": autocomplete ? 'dialog' : 'listbox', ...props, children: [jsx(Flex, { className: styles.triggerContent, align: 'center', gap: 2, children: asChild ? jsx(Slot.Root, { children: children }) : children }), jsx(Select.Icon, { asChild: true, children: jsx(ChevronDownIcon, { className: styles.triggerIcon, "aria-hidden": 'true', ...iconProps }) })] }));
 });
-SelectTrigger.displayName = Trigger.displayName;
+SelectTrigger.displayName = Select.Trigger.displayName;
 
 export { SelectTrigger };
 //# sourceMappingURL=select-trigger.js.map

package/dist/components/select/select-trigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-trigger.js","sources":["../../../components/select/select-trigger.tsx"],"sourcesContent":["'use client';\n\nimport { ChevronDownIcon } from '@radix-ui/react-icons';\nimport { VariantProps, cva } from 'class-variance-authority';\nimport { Select as SelectPrimitive, Slot } from 'radix-ui';\nimport { ElementRef, SVGAttributes, forwardRef } from 'react';\nimport { Flex } from '../flex';\nimport { useSelectContext } from './select-root';\nimport styles from './select.module.css';\n\nexport interface IconProps extends SVGAttributes<SVGElement> {\n  children?: never;\n  color?: string;\n}\n\nconst trigger = cva(styles.trigger, {\n  variants: {\n    size: {\n      small: styles['trigger-small'],\n      medium: styles['trigger-medium']\n    },\n    variant: {\n      outline: styles['trigger-outline'],\n      text: styles['trigger-text']\n    }\n  },\n  defaultVariants: {\n    size: 'medium',\n    variant: 'outline'\n  }\n});\n\nexport interface SelectTriggerProps\n  extends SelectPrimitive.SelectTriggerProps,\n    VariantProps<typeof trigger> {\n  iconProps?: IconProps;\n}\n\nexport const SelectTrigger = forwardRef<\n  ElementRef<typeof SelectPrimitive.Trigger>,\n  SelectTriggerProps\n>(\n  (\n    {\n      size,\n      variant,\n      className,\n      children,\n      iconProps = {},\n      asChild,\n      'aria-label': ariaLabel,\n      ...props\n    },\n    ref\n  ) => {\n    const { multiple, autocomplete } = useSelectContext();\n    return (\n      <SelectPrimitive.Trigger\n        data-multiselectable={multiple ? true : undefined}\n        ref={ref}\n        className={trigger({ size, variant, className })}\n        aria-label={ariaLabel || 'Select option'}\n        aria-haspopup={autocomplete ? 'dialog' : 'listbox'}\n        {...props}\n      >\n        <Flex className={styles.triggerContent} align='center' gap={2}>\n          {asChild ? <Slot.Root>{children}</Slot.Root> : children}\n        </Flex>\n        <SelectPrimitive.Icon asChild>\n          <ChevronDownIcon\n            className={styles.triggerIcon}\n            aria-hidden='true'\n            {...iconProps}\n          />\n        </SelectPrimitive.Icon>\n      </SelectPrimitive.Trigger>\n    );\n  }\n);\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName;\n"],"names":[],"mappings":";;;;;;;;;;;AAeA;AACE;AACE;AACE;AACA;AACD;AACD;AACE;AACA;AACD;AACF;AACD;AACE;AACA;AACD;AACF;AAQM;;;AAuCL;AAEF;;"}
+{"version":3,"file":"select-trigger.js","sources":["../../../components/select/select-trigger.tsx"],"sourcesContent":["'use client';\n\nimport { ChevronDownIcon } from '@radix-ui/react-icons';\nimport { VariantProps, cva } from 'class-variance-authority';\nimport { Select as SelectPrimitive, Slot } from 'radix-ui';\nimport { ElementRef, SVGAttributes, forwardRef } from 'react';\nimport { Flex } from '../flex';\nimport { useSelectContext } from './select-root';\nimport styles from './select.module.css';\n\nexport interface IconProps extends SVGAttributes<SVGElement> {\n  children?: never;\n  color?: string;\n}\n\nconst trigger = cva(styles.trigger, {\n  variants: {\n    size: {\n      small: styles['trigger-small'],\n      medium: styles['trigger-medium']\n    },\n    variant: {\n      outline: styles['trigger-outline'],\n      text: styles['trigger-text']\n    }\n  },\n  defaultVariants: {\n    size: 'medium',\n    variant: 'outline'\n  }\n});\n\nexport interface SelectTriggerProps\n  extends SelectPrimitive.SelectTriggerProps,\n    VariantProps<typeof trigger> {\n  iconProps?: IconProps;\n}\n\nexport const SelectTrigger = forwardRef<\n  ElementRef<typeof SelectPrimitive.Trigger>,\n  SelectTriggerProps\n>(\n  (\n    {\n      size,\n      variant,\n      className,\n      children,\n      iconProps = {},\n      asChild,\n      'aria-label': ariaLabel,\n      ...props\n    },\n    ref\n  ) => {\n    const { multiple, autocomplete } = useSelectContext();\n    return (\n      <SelectPrimitive.Trigger\n        data-multiselectable={multiple ? true : undefined}\n        ref={ref}\n        className={trigger({ size, variant, className })}\n        aria-label={ariaLabel || 'Select option'}\n        aria-haspopup={autocomplete ? 'dialog' : 'listbox'}\n        {...props}\n      >\n        <Flex className={styles.triggerContent} align='center' gap={2}>\n          {asChild ? <Slot.Root>{children}</Slot.Root> : children}\n        </Flex>\n        <SelectPrimitive.Icon asChild>\n          <ChevronDownIcon\n            className={styles.triggerIcon}\n            aria-hidden='true'\n            {...iconProps}\n          />\n        </SelectPrimitive.Icon>\n      </SelectPrimitive.Trigger>\n    );\n  }\n);\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName;\n"],"names":[],"mappings":";;;;;;;;;;AAeA;AACE;AACE;AACE;AACA;AACD;AACD;AACE;AACA;AACD;AACF;AACD;AACE;AACA;AACD;AACF;AAQM;;;AAuCL;AAEF;;"}

package/dist/components/select/select-value.cjs

@@ -2,12 +2,12 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var index$1 = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
+var classVarianceAuthority = require('class-variance-authority');
+var radixUi = require('radix-ui');
 var React = require('react');
 var selectMultipleValue = require('./select-multiple-value.cjs');
 var selectRoot = require('./select-root.cjs');
 var select_module = require('./select.module.css.cjs');
-var index = require('../../node_modules/.pnpm/@radix-ui_react-select@2.2.5_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@19.1.9_irkq3yh3qlkawac7zwq2rwd6bi/node_modules/@radix-ui/react-select/dist/index.cjs');
 
 const SelectValue = React.forwardRef(({ children, ...props }, ref) => {
     const { value, items, multiple } = selectRoot.useSelectContext();
@@ -23,13 +23,13 @@ const SelectValue = React.forwardRef(({ children, ...props }, ref) => {
         return items[value];
     }, [value, items, multiple]);
     if (children) {
-        return (jsxRuntime.jsx(index.Value, { ref: ref, ...props, children: typeof children === 'function' ? children(item) : children }));
+        return (jsxRuntime.jsx(radixUi.Select.Value, { ref: ref, ...props, children: typeof children === 'function' ? children(item) : children }));
     }
     if (Array.isArray(item))
         return jsxRuntime.jsx(selectMultipleValue.SelectMultipleValue, { data: item, ref: ref, ...props });
-    return (jsxRuntime.jsx(index.Value, { ref: ref, ...props, children: jsxRuntime.jsxs("div", { className: index$1.cx(select_module.default.valueContent), children: [typeof item?.children === 'string' && item?.leadingIcon && (jsxRuntime.jsx("div", { className: select_module.default.itemIcon, children: item.leadingIcon })), item?.children ?? value] }) }));
+    return (jsxRuntime.jsx(radixUi.Select.Value, { ref: ref, ...props, children: jsxRuntime.jsxs("div", { className: classVarianceAuthority.cx(select_module.default.valueContent), children: [typeof item?.children === 'string' && item?.leadingIcon && (jsxRuntime.jsx("div", { className: select_module.default.itemIcon, children: item.leadingIcon })), item?.children ?? value] }) }));
 });
-SelectValue.displayName = index.Value.displayName;
+SelectValue.displayName = radixUi.Select.Value.displayName;
 
 exports.SelectValue = SelectValue;
 //# sourceMappingURL=select-value.cjs.map

package/dist/components/select/select-value.js

@@ -1,11 +1,11 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { cx } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
+import { cx } from 'class-variance-authority';
+import { Select } from 'radix-ui';
 import { forwardRef, useMemo } from 'react';
 import { SelectMultipleValue } from './select-multiple-value.js';
 import { useSelectContext } from './select-root.js';
 import styles from './select.module.css.js';
-import { Value } from '../../node_modules/.pnpm/@radix-ui_react-select@2.2.5_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@19.1.9_irkq3yh3qlkawac7zwq2rwd6bi/node_modules/@radix-ui/react-select/dist/index.js';
 
 const SelectValue = forwardRef(({ children, ...props }, ref) => {
     const { value, items, multiple } = useSelectContext();
@@ -21,13 +21,13 @@ const SelectValue = forwardRef(({ children, ...props }, ref) => {
         return items[value];
     }, [value, items, multiple]);
     if (children) {
-        return (jsx(Value, { ref: ref, ...props, children: typeof children === 'function' ? children(item) : children }));
+        return (jsx(Select.Value, { ref: ref, ...props, children: typeof children === 'function' ? children(item) : children }));
     }
     if (Array.isArray(item))
         return jsx(SelectMultipleValue, { data: item, ref: ref, ...props });
-    return (jsx(Value, { ref: ref, ...props, children: jsxs("div", { className: cx(styles.valueContent), children: [typeof item?.children === 'string' && item?.leadingIcon && (jsx("div", { className: styles.itemIcon, children: item.leadingIcon })), item?.children ?? value] }) }));
+    return (jsx(Select.Value, { ref: ref, ...props, children: jsxs("div", { className: cx(styles.valueContent), children: [typeof item?.children === 'string' && item?.leadingIcon && (jsx("div", { className: styles.itemIcon, children: item.leadingIcon })), item?.children ?? value] }) }));
 });
-SelectValue.displayName = Value.displayName;
+SelectValue.displayName = Select.Value.displayName;
 
 export { SelectValue };
 //# sourceMappingURL=select-value.js.map

package/dist/components/select/select.cjs

@@ -1,19 +1,19 @@
 'use strict';
 
+var radixUi = require('radix-ui');
 var selectContent = require('./select-content.cjs');
 var selectItem = require('./select-item.cjs');
 var selectMisc = require('./select-misc.cjs');
 var selectRoot = require('./select-root.cjs');
 var selectTrigger = require('./select-trigger.cjs');
 var selectValue = require('./select-value.cjs');
-var index = require('../../node_modules/.pnpm/@radix-ui_react-select@2.2.5_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@19.1.9_irkq3yh3qlkawac7zwq2rwd6bi/node_modules/@radix-ui/react-select/dist/index.cjs');
 
 const Select = Object.assign(selectRoot.SelectRoot, {
     Group: selectMisc.SelectGroup,
     Value: selectValue.SelectValue,
-    ScrollUpButton: index.ScrollDownButton,
-    ScrollDownButton: index.ScrollDownButton,
-    Viewport: index.Viewport,
+    ScrollUpButton: radixUi.Select.ScrollDownButton,
+    ScrollDownButton: radixUi.Select.ScrollDownButton,
+    Viewport: radixUi.Select.Viewport,
     Trigger: selectTrigger.SelectTrigger,
     Content: selectContent.SelectContent,
     Item: selectItem.SelectItem,

package/dist/components/select/select.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"select.cjs","sources":["../../../components/select/select.tsx"],"sourcesContent":["import { Select as SelectPrimitive } from 'radix-ui';\nimport { SelectContent } from './select-content';\nimport { SelectItem } from './select-item';\nimport { SelectGroup, SelectLabel, SelectSeparator } from './select-misc';\nimport { SelectRoot } from './select-root';\nimport { SelectTrigger } from './select-trigger';\nimport { SelectValue } from './select-value';\n\nexport const Select = Object.assign(SelectRoot, {\n  Group: SelectGroup,\n  Value: SelectValue,\n  ScrollUpButton: SelectPrimitive.ScrollDownButton,\n  ScrollDownButton: SelectPrimitive.ScrollDownButton,\n  Viewport: SelectPrimitive.Viewport,\n  Trigger: SelectTrigger,\n  Content: SelectContent,\n  Item: SelectItem,\n  Separator: SelectSeparator,\n  Label: SelectLabel\n});\n"],"names":["SelectRoot","SelectGroup","SelectValue","SelectPrimitive.ScrollDownButton","SelectPrimitive.Viewport","SelectTrigger","SelectContent","SelectItem","SelectSeparator","SelectLabel"],"mappings":";;;;;;;;;;MAQa,MAAM,GAAG,MAAM,CAAC,MAAM,CAACA,qBAAU,EAAE;AAC9C,IAAA,KAAK,EAAEC,sBAAW;AAClB,IAAA,KAAK,EAAEC,uBAAW;IAClB,cAAc,EAAEC,sBAAgC;IAChD,gBAAgB,EAAEA,sBAAgC;IAClD,QAAQ,EAAEC,cAAwB;AAClC,IAAA,OAAO,EAAEC,2BAAa;AACtB,IAAA,OAAO,EAAEC,2BAAa;AACtB,IAAA,IAAI,EAAEC,qBAAU;AAChB,IAAA,SAAS,EAAEC,0BAAe;AAC1B,IAAA,KAAK,EAAEC,sBAAW;AACnB,CAAA;;;;"}
+{"version":3,"file":"select.cjs","sources":["../../../components/select/select.tsx"],"sourcesContent":["import { Select as SelectPrimitive } from 'radix-ui';\nimport { SelectContent } from './select-content';\nimport { SelectItem } from './select-item';\nimport { SelectGroup, SelectLabel, SelectSeparator } from './select-misc';\nimport { SelectRoot } from './select-root';\nimport { SelectTrigger } from './select-trigger';\nimport { SelectValue } from './select-value';\n\nexport const Select = Object.assign(SelectRoot, {\n  Group: SelectGroup,\n  Value: SelectValue,\n  ScrollUpButton: SelectPrimitive.ScrollDownButton,\n  ScrollDownButton: SelectPrimitive.ScrollDownButton,\n  Viewport: SelectPrimitive.Viewport,\n  Trigger: SelectTrigger,\n  Content: SelectContent,\n  Item: SelectItem,\n  Separator: SelectSeparator,\n  Label: SelectLabel\n});\n"],"names":["SelectRoot","SelectGroup","SelectValue","SelectPrimitive","SelectTrigger","SelectContent","SelectItem","SelectSeparator","SelectLabel"],"mappings":";;;;;;;;;;MAQa,MAAM,GAAG,MAAM,CAAC,MAAM,CAACA,qBAAU,EAAE;AAC9C,IAAA,KAAK,EAAEC,sBAAW;AAClB,IAAA,KAAK,EAAEC,uBAAW;IAClB,cAAc,EAAEC,cAAe,CAAC,gBAAgB;IAChD,gBAAgB,EAAEA,cAAe,CAAC,gBAAgB;IAClD,QAAQ,EAAEA,cAAe,CAAC,QAAQ;AAClC,IAAA,OAAO,EAAEC,2BAAa;AACtB,IAAA,OAAO,EAAEC,2BAAa;AACtB,IAAA,IAAI,EAAEC,qBAAU;AAChB,IAAA,SAAS,EAAEC,0BAAe;AAC1B,IAAA,KAAK,EAAEC,sBAAW;AACnB,CAAA;;;;"}

package/dist/components/select/select.js

@@ -1,17 +1,17 @@
+import { Select as Select$1 } from 'radix-ui';
 import { SelectContent } from './select-content.js';
 import { SelectItem } from './select-item.js';
 import { SelectGroup, SelectSeparator, SelectLabel } from './select-misc.js';
 import { SelectRoot } from './select-root.js';
 import { SelectTrigger } from './select-trigger.js';
 import { SelectValue } from './select-value.js';
-import { ScrollDownButton, Viewport } from '../../node_modules/.pnpm/@radix-ui_react-select@2.2.5_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@19.1.9_irkq3yh3qlkawac7zwq2rwd6bi/node_modules/@radix-ui/react-select/dist/index.js';
 
 const Select = Object.assign(SelectRoot, {
     Group: SelectGroup,
     Value: SelectValue,
-    ScrollUpButton: ScrollDownButton,
-    ScrollDownButton: ScrollDownButton,
-    Viewport: Viewport,
+    ScrollUpButton: Select$1.ScrollDownButton,
+    ScrollDownButton: Select$1.ScrollDownButton,
+    Viewport: Select$1.Viewport,
     Trigger: SelectTrigger,
     Content: SelectContent,
     Item: SelectItem,

package/dist/components/select/select.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.js","sources":["../../../components/select/select.tsx"],"sourcesContent":["import { Select as SelectPrimitive } from 'radix-ui';\nimport { SelectContent } from './select-content';\nimport { SelectItem } from './select-item';\nimport { SelectGroup, SelectLabel, SelectSeparator } from './select-misc';\nimport { SelectRoot } from './select-root';\nimport { SelectTrigger } from './select-trigger';\nimport { SelectValue } from './select-value';\n\nexport const Select = Object.assign(SelectRoot, {\n  Group: SelectGroup,\n  Value: SelectValue,\n  ScrollUpButton: SelectPrimitive.ScrollDownButton,\n  ScrollDownButton: SelectPrimitive.ScrollDownButton,\n  Viewport: SelectPrimitive.Viewport,\n  Trigger: SelectTrigger,\n  Content: SelectContent,\n  Item: SelectItem,\n  Separator: SelectSeparator,\n  Label: SelectLabel\n});\n"],"names":["SelectPrimitive.ScrollDownButton","SelectPrimitive.Viewport"],"mappings":";;;;;;;;MAQa,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,UAAU,EAAE;AAC9C,IAAA,KAAK,EAAE,WAAW;AAClB,IAAA,KAAK,EAAE,WAAW;IAClB,cAAc,EAAEA,gBAAgC;IAChD,gBAAgB,EAAEA,gBAAgC;IAClD,QAAQ,EAAEC,QAAwB;AAClC,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,IAAI,EAAE,UAAU;AAChB,IAAA,SAAS,EAAE,eAAe;AAC1B,IAAA,KAAK,EAAE,WAAW;AACnB,CAAA;;;;"}
+{"version":3,"file":"select.js","sources":["../../../components/select/select.tsx"],"sourcesContent":["import { Select as SelectPrimitive } from 'radix-ui';\nimport { SelectContent } from './select-content';\nimport { SelectItem } from './select-item';\nimport { SelectGroup, SelectLabel, SelectSeparator } from './select-misc';\nimport { SelectRoot } from './select-root';\nimport { SelectTrigger } from './select-trigger';\nimport { SelectValue } from './select-value';\n\nexport const Select = Object.assign(SelectRoot, {\n  Group: SelectGroup,\n  Value: SelectValue,\n  ScrollUpButton: SelectPrimitive.ScrollDownButton,\n  ScrollDownButton: SelectPrimitive.ScrollDownButton,\n  Viewport: SelectPrimitive.Viewport,\n  Trigger: SelectTrigger,\n  Content: SelectContent,\n  Item: SelectItem,\n  Separator: SelectSeparator,\n  Label: SelectLabel\n});\n"],"names":["SelectPrimitive"],"mappings":";;;;;;;;MAQa,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,UAAU,EAAE;AAC9C,IAAA,KAAK,EAAE,WAAW;AAClB,IAAA,KAAK,EAAE,WAAW;IAClB,cAAc,EAAEA,QAAe,CAAC,gBAAgB;IAChD,gBAAgB,EAAEA,QAAe,CAAC,gBAAgB;IAClD,QAAQ,EAAEA,QAAe,CAAC,QAAQ;AAClC,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,IAAI,EAAE,UAAU;AAChB,IAAA,SAAS,EAAE,eAAe;AAC1B,IAAA,KAAK,EAAE,WAAW;AACnB,CAAA;;;;"}

package/dist/components/separator/separator.cjs

@@ -1,11 +1,11 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var index$1 = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
+var classVarianceAuthority = require('class-variance-authority');
+var radixUi = require('radix-ui');
 var separator_module = require('./separator.module.css.cjs');
-var index = require('../../node_modules/.pnpm/@radix-ui_react-separator@1.1.7_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@19._qmm3o5buninj3htcvdvhxgguky/node_modules/@radix-ui/react-separator/dist/index.cjs');
 
-const separator = index$1.cva(separator_module.default.separator, {
+const separator = classVarianceAuthority.cva(separator_module.default.separator, {
     variants: {
         size: {
             small: separator_module.default['separator-small'],
@@ -24,7 +24,7 @@ const separator = index$1.cva(separator_module.default.separator, {
     }
 });
 function Separator({ className, orientation = 'horizontal', size, color, 'aria-label': ariaLabel, ...props }) {
-    return (jsxRuntime.jsx(index.Root, { decorative: true, orientation: orientation, className: separator({ size, color, className }), "aria-orientation": orientation, "aria-label": ariaLabel || `${orientation} separator`, role: 'separator', ...props }));
+    return (jsxRuntime.jsx(radixUi.Separator.Root, { decorative: true, orientation: orientation, className: separator({ size, color, className }), "aria-orientation": orientation, "aria-label": ariaLabel || `${orientation} separator`, role: 'separator', ...props }));
 }
 Separator.displayName = 'Separator';
 

package/dist/components/separator/separator.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"separator.cjs","sources":["../../../components/separator/separator.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport { Separator as SeparatorPrimitive } from 'radix-ui';\n\nimport styles from './separator.module.css';\n\nconst separator = cva(styles.separator, {\n  variants: {\n    size: {\n      small: styles['separator-small'],\n      half: styles['separator-half'],\n      full: styles['separator-full']\n    },\n    color: {\n      primary: styles['separator-primary'],\n      secondary: styles['separator-secondary'],\n      tertiary: styles['separator-tertiary']\n    }\n  },\n  defaultVariants: {\n    size: 'full',\n    color: 'primary'\n  }\n});\n\ninterface SeparatorProps {\n  className?: string;\n  orientation?: 'horizontal' | 'vertical';\n  size?: 'small' | 'half' | 'full';\n  color?: 'primary' | 'secondary' | 'tertiary';\n  'aria-label'?: string;\n}\n\nexport function Separator({\n  className,\n  orientation = 'horizontal',\n  size,\n  color,\n  'aria-label': ariaLabel,\n  ...props\n}: SeparatorProps) {\n  return (\n    <SeparatorPrimitive.Root\n      decorative\n      orientation={orientation}\n      className={separator({ size, color, className })}\n      aria-orientation={orientation}\n      aria-label={ariaLabel || `${orientation} separator`}\n      role='separator'\n      {...props}\n    />\n  );\n}\n\nSeparator.displayName = 'Separator';\n"],"names":["cva","styles","_jsx","SeparatorPrimitive.Root"],"mappings":";;;;;;;AAKA,MAAM,SAAS,GAAGA,WAAG,CAACC,wBAAM,CAAC,SAAS,EAAE;AACtC,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAEA,wBAAM,CAAC,iBAAiB,CAAC;AAChC,YAAA,IAAI,EAAEA,wBAAM,CAAC,gBAAgB,CAAC;AAC9B,YAAA,IAAI,EAAEA,wBAAM,CAAC,gBAAgB,CAAC;AAC/B,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,OAAO,EAAEA,wBAAM,CAAC,mBAAmB,CAAC;AACpC,YAAA,SAAS,EAAEA,wBAAM,CAAC,qBAAqB,CAAC;AACxC,YAAA,QAAQ,EAAEA,wBAAM,CAAC,oBAAoB,CAAC;AACvC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,MAAM;AACZ,QAAA,KAAK,EAAE,SAAS;AACjB,KAAA;AACF,CAAA,CAAC,CAAC;AAUG,SAAU,SAAS,CAAC,EACxB,SAAS,EACT,WAAW,GAAG,YAAY,EAC1B,IAAI,EACJ,KAAK,EACL,YAAY,EAAE,SAAS,EACvB,GAAG,KAAK,EACO,EAAA;AACf,IAAA,QACEC,cAAC,CAAAC,UAAuB,EAAA,EACtB,UAAU,EACV,IAAA,EAAA,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EAAA,kBAAA,EAC9B,WAAW,EACjB,YAAA,EAAA,SAAS,IAAI,CAAG,EAAA,WAAW,CAAY,UAAA,CAAA,EACnD,IAAI,EAAC,WAAW,KACZ,KAAK,EAAA,CACT,EACF;AACJ,CAAC;AAED,SAAS,CAAC,WAAW,GAAG,WAAW;;;;"}
+{"version":3,"file":"separator.cjs","sources":["../../../components/separator/separator.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport { Separator as SeparatorPrimitive } from 'radix-ui';\n\nimport styles from './separator.module.css';\n\nconst separator = cva(styles.separator, {\n  variants: {\n    size: {\n      small: styles['separator-small'],\n      half: styles['separator-half'],\n      full: styles['separator-full']\n    },\n    color: {\n      primary: styles['separator-primary'],\n      secondary: styles['separator-secondary'],\n      tertiary: styles['separator-tertiary']\n    }\n  },\n  defaultVariants: {\n    size: 'full',\n    color: 'primary'\n  }\n});\n\ninterface SeparatorProps {\n  className?: string;\n  orientation?: 'horizontal' | 'vertical';\n  size?: 'small' | 'half' | 'full';\n  color?: 'primary' | 'secondary' | 'tertiary';\n  'aria-label'?: string;\n}\n\nexport function Separator({\n  className,\n  orientation = 'horizontal',\n  size,\n  color,\n  'aria-label': ariaLabel,\n  ...props\n}: SeparatorProps) {\n  return (\n    <SeparatorPrimitive.Root\n      decorative\n      orientation={orientation}\n      className={separator({ size, color, className })}\n      aria-orientation={orientation}\n      aria-label={ariaLabel || `${orientation} separator`}\n      role='separator'\n      {...props}\n    />\n  );\n}\n\nSeparator.displayName = 'Separator';\n"],"names":["cva","styles","_jsx","SeparatorPrimitive"],"mappings":";;;;;;;AAKA,MAAM,SAAS,GAAGA,0BAAG,CAACC,wBAAM,CAAC,SAAS,EAAE;AACtC,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAEA,wBAAM,CAAC,iBAAiB,CAAC;AAChC,YAAA,IAAI,EAAEA,wBAAM,CAAC,gBAAgB,CAAC;AAC9B,YAAA,IAAI,EAAEA,wBAAM,CAAC,gBAAgB,CAAC;AAC/B,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,OAAO,EAAEA,wBAAM,CAAC,mBAAmB,CAAC;AACpC,YAAA,SAAS,EAAEA,wBAAM,CAAC,qBAAqB,CAAC;AACxC,YAAA,QAAQ,EAAEA,wBAAM,CAAC,oBAAoB,CAAC;AACvC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,MAAM;AACZ,QAAA,KAAK,EAAE,SAAS;AACjB,KAAA;AACF,CAAA,CAAC,CAAC;AAUG,SAAU,SAAS,CAAC,EACxB,SAAS,EACT,WAAW,GAAG,YAAY,EAC1B,IAAI,EACJ,KAAK,EACL,YAAY,EAAE,SAAS,EACvB,GAAG,KAAK,EACO,EAAA;AACf,IAAA,QACEC,cAAC,CAAAC,iBAAkB,CAAC,IAAI,EAAA,EACtB,UAAU,EACV,IAAA,EAAA,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EAAA,kBAAA,EAC9B,WAAW,EACjB,YAAA,EAAA,SAAS,IAAI,CAAG,EAAA,WAAW,CAAY,UAAA,CAAA,EACnD,IAAI,EAAC,WAAW,KACZ,KAAK,EAAA,CACT,EACF;AACJ,CAAC;AAED,SAAS,CAAC,WAAW,GAAG,WAAW;;;;"}

package/dist/components/separator/separator.js

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
-import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
+import { cva } from 'class-variance-authority';
+import { Separator as Separator$1 } from 'radix-ui';
 import styles from './separator.module.css.js';
-import { Root } from '../../node_modules/.pnpm/@radix-ui_react-separator@1.1.7_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@19._qmm3o5buninj3htcvdvhxgguky/node_modules/@radix-ui/react-separator/dist/index.js';
 
 const separator = cva(styles.separator, {
     variants: {
@@ -22,7 +22,7 @@ const separator = cva(styles.separator, {
     }
 });
 function Separator({ className, orientation = 'horizontal', size, color, 'aria-label': ariaLabel, ...props }) {
-    return (jsx(Root, { decorative: true, orientation: orientation, className: separator({ size, color, className }), "aria-orientation": orientation, "aria-label": ariaLabel || `${orientation} separator`, role: 'separator', ...props }));
+    return (jsx(Separator$1.Root, { decorative: true, orientation: orientation, className: separator({ size, color, className }), "aria-orientation": orientation, "aria-label": ariaLabel || `${orientation} separator`, role: 'separator', ...props }));
 }
 Separator.displayName = 'Separator';
 

package/dist/components/separator/separator.js.map

@@ -1 +1 @@
-{"version":3,"file":"separator.js","sources":["../../../components/separator/separator.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport { Separator as SeparatorPrimitive } from 'radix-ui';\n\nimport styles from './separator.module.css';\n\nconst separator = cva(styles.separator, {\n  variants: {\n    size: {\n      small: styles['separator-small'],\n      half: styles['separator-half'],\n      full: styles['separator-full']\n    },\n    color: {\n      primary: styles['separator-primary'],\n      secondary: styles['separator-secondary'],\n      tertiary: styles['separator-tertiary']\n    }\n  },\n  defaultVariants: {\n    size: 'full',\n    color: 'primary'\n  }\n});\n\ninterface SeparatorProps {\n  className?: string;\n  orientation?: 'horizontal' | 'vertical';\n  size?: 'small' | 'half' | 'full';\n  color?: 'primary' | 'secondary' | 'tertiary';\n  'aria-label'?: string;\n}\n\nexport function Separator({\n  className,\n  orientation = 'horizontal',\n  size,\n  color,\n  'aria-label': ariaLabel,\n  ...props\n}: SeparatorProps) {\n  return (\n    <SeparatorPrimitive.Root\n      decorative\n      orientation={orientation}\n      className={separator({ size, color, className })}\n      aria-orientation={orientation}\n      aria-label={ariaLabel || `${orientation} separator`}\n      role='separator'\n      {...props}\n    />\n  );\n}\n\nSeparator.displayName = 'Separator';\n"],"names":["_jsx","SeparatorPrimitive.Root"],"mappings":";;;;;AAKA,MAAM,SAAS,GAAG,GAAG,CAAC,MAAM,CAAC,SAAS,EAAE;AACtC,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAE,MAAM,CAAC,iBAAiB,CAAC;AAChC,YAAA,IAAI,EAAE,MAAM,CAAC,gBAAgB,CAAC;AAC9B,YAAA,IAAI,EAAE,MAAM,CAAC,gBAAgB,CAAC;AAC/B,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,OAAO,EAAE,MAAM,CAAC,mBAAmB,CAAC;AACpC,YAAA,SAAS,EAAE,MAAM,CAAC,qBAAqB,CAAC;AACxC,YAAA,QAAQ,EAAE,MAAM,CAAC,oBAAoB,CAAC;AACvC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,MAAM;AACZ,QAAA,KAAK,EAAE,SAAS;AACjB,KAAA;AACF,CAAA,CAAC,CAAC;AAUG,SAAU,SAAS,CAAC,EACxB,SAAS,EACT,WAAW,GAAG,YAAY,EAC1B,IAAI,EACJ,KAAK,EACL,YAAY,EAAE,SAAS,EACvB,GAAG,KAAK,EACO,EAAA;AACf,IAAA,QACEA,GAAC,CAAAC,IAAuB,EAAA,EACtB,UAAU,EACV,IAAA,EAAA,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EAAA,kBAAA,EAC9B,WAAW,EACjB,YAAA,EAAA,SAAS,IAAI,CAAG,EAAA,WAAW,CAAY,UAAA,CAAA,EACnD,IAAI,EAAC,WAAW,KACZ,KAAK,EAAA,CACT,EACF;AACJ,CAAC;AAED,SAAS,CAAC,WAAW,GAAG,WAAW;;;;"}
+{"version":3,"file":"separator.js","sources":["../../../components/separator/separator.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport { Separator as SeparatorPrimitive } from 'radix-ui';\n\nimport styles from './separator.module.css';\n\nconst separator = cva(styles.separator, {\n  variants: {\n    size: {\n      small: styles['separator-small'],\n      half: styles['separator-half'],\n      full: styles['separator-full']\n    },\n    color: {\n      primary: styles['separator-primary'],\n      secondary: styles['separator-secondary'],\n      tertiary: styles['separator-tertiary']\n    }\n  },\n  defaultVariants: {\n    size: 'full',\n    color: 'primary'\n  }\n});\n\ninterface SeparatorProps {\n  className?: string;\n  orientation?: 'horizontal' | 'vertical';\n  size?: 'small' | 'half' | 'full';\n  color?: 'primary' | 'secondary' | 'tertiary';\n  'aria-label'?: string;\n}\n\nexport function Separator({\n  className,\n  orientation = 'horizontal',\n  size,\n  color,\n  'aria-label': ariaLabel,\n  ...props\n}: SeparatorProps) {\n  return (\n    <SeparatorPrimitive.Root\n      decorative\n      orientation={orientation}\n      className={separator({ size, color, className })}\n      aria-orientation={orientation}\n      aria-label={ariaLabel || `${orientation} separator`}\n      role='separator'\n      {...props}\n    />\n  );\n}\n\nSeparator.displayName = 'Separator';\n"],"names":["_jsx","SeparatorPrimitive"],"mappings":";;;;;AAKA,MAAM,SAAS,GAAG,GAAG,CAAC,MAAM,CAAC,SAAS,EAAE;AACtC,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAE,MAAM,CAAC,iBAAiB,CAAC;AAChC,YAAA,IAAI,EAAE,MAAM,CAAC,gBAAgB,CAAC;AAC9B,YAAA,IAAI,EAAE,MAAM,CAAC,gBAAgB,CAAC;AAC/B,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,OAAO,EAAE,MAAM,CAAC,mBAAmB,CAAC;AACpC,YAAA,SAAS,EAAE,MAAM,CAAC,qBAAqB,CAAC;AACxC,YAAA,QAAQ,EAAE,MAAM,CAAC,oBAAoB,CAAC;AACvC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,MAAM;AACZ,QAAA,KAAK,EAAE,SAAS;AACjB,KAAA;AACF,CAAA,CAAC,CAAC;AAUG,SAAU,SAAS,CAAC,EACxB,SAAS,EACT,WAAW,GAAG,YAAY,EAC1B,IAAI,EACJ,KAAK,EACL,YAAY,EAAE,SAAS,EACvB,GAAG,KAAK,EACO,EAAA;AACf,IAAA,QACEA,GAAC,CAAAC,WAAkB,CAAC,IAAI,EAAA,EACtB,UAAU,EACV,IAAA,EAAA,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EAAA,kBAAA,EAC9B,WAAW,EACjB,YAAA,EAAA,SAAS,IAAI,CAAG,EAAA,WAAW,CAAY,UAAA,CAAA,EACnD,IAAI,EAAC,WAAW,KACZ,KAAK,EAAA,CACT,EACF;AACJ,CAAC;AAED,SAAS,CAAC,WAAW,GAAG,WAAW;;;;"}

package/dist/components/sheet/sheet.cjs

@@ -2,13 +2,13 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var reactIcons_esm = require('../../node_modules/.pnpm/@radix-ui_react-icons@1.3.2_react@19.1.1/node_modules/@radix-ui/react-icons/dist/react-icons.esm.cjs');
-var index$1 = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
+var reactIcons = require('@radix-ui/react-icons');
+var classVarianceAuthority = require('class-variance-authority');
+var radixUi = require('radix-ui');
 var React = require('react');
 var sheet_module = require('./sheet.module.css.cjs');
-var index = require('../../node_modules/.pnpm/@radix-ui_react-dialog@1.1.14_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@19.1._i7gyttlqowrnok6rwi63tbbmni/node_modules/@radix-ui/react-dialog/dist/index.cjs');
 
-const sheetContent = index$1.cva(sheet_module.default.sheetContent, {
+const sheetContent = classVarianceAuthority.cva(sheet_module.default.sheetContent, {
     variants: {
         side: {
             top: sheet_module.default['sheetContent-top'],
@@ -22,24 +22,24 @@ const sheetContent = index$1.cva(sheet_module.default.sheetContent, {
     }
 });
 const SheetContent = React.forwardRef(({ className, children, close, side, ariaLabel, ariaDescription, ...props }, forwardedRef) => {
-    return (jsxRuntime.jsx(index.Portal, { children: jsxRuntime.jsx(Overlay, { children: jsxRuntime.jsxs(index.Content, { ...props, ref: forwardedRef, className: sheetContent({ side, className }), "aria-label": ariaLabel || 'Sheet with overlay', "aria-describedby": ariaDescription ? 'sheet with overlay' : undefined, role: 'dialog', tabIndex: -1, children: [children, close && (jsxRuntime.jsx(CloseButton, { "aria-label": 'Close sheet', children: jsxRuntime.jsx(reactIcons_esm.Cross1Icon, { "aria-hidden": 'true' }) })), ariaDescription && (jsxRuntime.jsx("div", { id: 'sheet-description', className: 'sr-only', children: ariaDescription }))] }) }) }));
+    return (jsxRuntime.jsx(radixUi.Dialog.Portal, { children: jsxRuntime.jsx(Overlay, { children: jsxRuntime.jsxs(radixUi.Dialog.Content, { ...props, ref: forwardedRef, className: sheetContent({ side, className }), "aria-label": ariaLabel || 'Sheet with overlay', "aria-describedby": ariaDescription ? 'sheet with overlay' : undefined, role: 'dialog', tabIndex: -1, children: [children, close && (jsxRuntime.jsx(CloseButton, { "aria-label": 'Close sheet', children: jsxRuntime.jsx(reactIcons.Cross1Icon, { "aria-hidden": 'true' }) })), ariaDescription && (jsxRuntime.jsx("div", { id: 'sheet-description', className: 'sr-only', children: ariaDescription }))] }) }) }));
 });
-const overlay = index$1.cva(sheet_module.default.overlay);
-const Overlay = React.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsx(index.Overlay, { ref: ref, className: overlay({ className }), "aria-hidden": 'true', role: 'presentation', ...props })));
-Overlay.displayName = index.Overlay.displayName;
-const close = index$1.cva(sheet_module.default.close);
+const overlay = classVarianceAuthority.cva(sheet_module.default.overlay);
+const Overlay = React.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsx(radixUi.Dialog.Overlay, { ref: ref, className: overlay({ className }), "aria-hidden": 'true', role: 'presentation', ...props })));
+Overlay.displayName = radixUi.Dialog.Overlay.displayName;
+const close = classVarianceAuthority.cva(sheet_module.default.close);
 function CloseButton({ children, className, ...props }) {
-    return (jsxRuntime.jsx(index.Close, { className: close({ className }), ...props, "aria-label": 'Close', children: children }));
+    return (jsxRuntime.jsx(radixUi.Dialog.Close, { className: close({ className }), ...props, "aria-label": 'Close', children: children }));
 }
 function RootSheet({ children, ariaLabel, ...props }) {
-    return jsxRuntime.jsx(index.Root, { ...props, children: children });
+    return jsxRuntime.jsx(radixUi.Dialog.Root, { ...props, children: children });
 }
 const Sheet = Object.assign(RootSheet, {
-    Trigger: index.Trigger,
+    Trigger: radixUi.Dialog.Trigger,
     Content: SheetContent,
-    Close: index.Close,
-    Title: index.Title,
-    Description: index.Description
+    Close: radixUi.Dialog.Close,
+    Title: radixUi.Dialog.Title,
+    Description: radixUi.Dialog.Description
 });
 
 exports.CloseButton = CloseButton;

package/dist/components/sheet/sheet.js

@@ -1,10 +1,10 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { Cross1Icon } from '../../node_modules/.pnpm/@radix-ui_react-icons@1.3.2_react@19.1.1/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js';
-import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
+import { Cross1Icon } from '@radix-ui/react-icons';
+import { cva } from 'class-variance-authority';
+import { Dialog } from 'radix-ui';
 import { forwardRef } from 'react';
 import styles from './sheet.module.css.js';
-import { Portal, Content, Overlay as Overlay$1, Close, Trigger, Title, Description, Root } from '../../node_modules/.pnpm/@radix-ui_react-dialog@1.1.14_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@19.1._i7gyttlqowrnok6rwi63tbbmni/node_modules/@radix-ui/react-dialog/dist/index.js';
 
 const sheetContent = cva(styles.sheetContent, {
     variants: {
@@ -20,24 +20,24 @@ const sheetContent = cva(styles.sheetContent, {
     }
 });
 const SheetContent = forwardRef(({ className, children, close, side, ariaLabel, ariaDescription, ...props }, forwardedRef) => {
-    return (jsx(Portal, { children: jsx(Overlay, { children: jsxs(Content, { ...props, ref: forwardedRef, className: sheetContent({ side, className }), "aria-label": ariaLabel || 'Sheet with overlay', "aria-describedby": ariaDescription ? 'sheet with overlay' : undefined, role: 'dialog', tabIndex: -1, children: [children, close && (jsx(CloseButton, { "aria-label": 'Close sheet', children: jsx(Cross1Icon, { "aria-hidden": 'true' }) })), ariaDescription && (jsx("div", { id: 'sheet-description', className: 'sr-only', children: ariaDescription }))] }) }) }));
+    return (jsx(Dialog.Portal, { children: jsx(Overlay, { children: jsxs(Dialog.Content, { ...props, ref: forwardedRef, className: sheetContent({ side, className }), "aria-label": ariaLabel || 'Sheet with overlay', "aria-describedby": ariaDescription ? 'sheet with overlay' : undefined, role: 'dialog', tabIndex: -1, children: [children, close && (jsx(CloseButton, { "aria-label": 'Close sheet', children: jsx(Cross1Icon, { "aria-hidden": 'true' }) })), ariaDescription && (jsx("div", { id: 'sheet-description', className: 'sr-only', children: ariaDescription }))] }) }) }));
 });
 const overlay = cva(styles.overlay);
-const Overlay = forwardRef(({ className, ...props }, ref) => (jsx(Overlay$1, { ref: ref, className: overlay({ className }), "aria-hidden": 'true', role: 'presentation', ...props })));
-Overlay.displayName = Overlay$1.displayName;
+const Overlay = forwardRef(({ className, ...props }, ref) => (jsx(Dialog.Overlay, { ref: ref, className: overlay({ className }), "aria-hidden": 'true', role: 'presentation', ...props })));
+Overlay.displayName = Dialog.Overlay.displayName;
 const close = cva(styles.close);
 function CloseButton({ children, className, ...props }) {
-    return (jsx(Close, { className: close({ className }), ...props, "aria-label": 'Close', children: children }));
+    return (jsx(Dialog.Close, { className: close({ className }), ...props, "aria-label": 'Close', children: children }));
 }
 function RootSheet({ children, ariaLabel, ...props }) {
-    return jsx(Root, { ...props, children: children });
+    return jsx(Dialog.Root, { ...props, children: children });
 }
 const Sheet = Object.assign(RootSheet, {
-    Trigger: Trigger,
+    Trigger: Dialog.Trigger,
     Content: SheetContent,
-    Close: Close,
-    Title: Title,
-    Description: Description
+    Close: Dialog.Close,
+    Title: Dialog.Title,
+    Description: Dialog.Description
 });
 
 export { CloseButton, RootSheet, Sheet, SheetContent };

package/dist/components/side-panel/side-panel.cjs

@@ -2,12 +2,12 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
+var classVarianceAuthority = require('class-variance-authority');
 var sidePanel_module = require('./side-panel.module.css.cjs');
 var flex = require('../flex/flex.cjs');
 var text = require('../text/text.cjs');
 
-const sidePanelRoot = index.cva(sidePanel_module.default["side-panel"], {
+const sidePanelRoot = classVarianceAuthority.cva(sidePanel_module.default["side-panel"], {
     variants: {
         side: {
             left: sidePanel_module.default["side-panel-left"],

package/dist/components/side-panel/side-panel.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"side-panel.cjs","sources":["../../../components/side-panel/side-panel.tsx"],"sourcesContent":["import React from \"react\";\nimport { VariantProps, cva } from \"class-variance-authority\";\n\nimport styles from \"./side-panel.module.css\";\nimport { Flex } from \"../flex\";\nimport { Text } from \"../text\";\n\nconst sidePanelRoot = cva(styles[\"side-panel\"], {\n  variants: {\n    side: {\n      left: styles[\"side-panel-left\"],\n      right: styles[\"side-panel-right\"],\n    },\n  },\n  defaultVariants: {\n    side: \"right\",\n  },\n});\n\ninterface SidePanelProps extends VariantProps<typeof sidePanelRoot> {\n  children: React.ReactNode;\n  className?: string;\n}\n\nconst SidePanelRoot = ({\n  children,\n  side = \"right\",\n  className,\n}: SidePanelProps) => {\n  return (\n    <aside className={sidePanelRoot({ side, className })}>{children}</aside>\n  );\n};\n\ninterface SidePanelHeaderProps {\n  title: string;\n  icon?: React.ReactNode;\n  actions?: Array<React.ReactNode>;\n  description?: string;\n}\n\nconst SidePanelHeader = ({\n  title,\n  icon,\n  actions = [],\n  description,\n}: SidePanelHeaderProps) => {\n  return (\n    <div className={styles[\"side-panel-header\"]}>\n      <Flex gap={3} justify=\"between\" align=\"center\">\n        <Flex gap={3}>\n          {icon}\n          <Text size={5} weight={500}>\n            {title}\n          </Text>\n        </Flex>\n        <Flex gap={3}>\n          {actions?.map((action, index) => (\n            <React.Fragment key={index}>{action}</React.Fragment>\n          ))}\n        </Flex>\n      </Flex>\n      {description ? <Text size={2}>{description}</Text> : null}\n    </div>\n  );\n};\n\ninterface SidePanelSectionProps {\n  children: React.ReactNode;\n}\n\nconst SidePanelSection = ({ children }: SidePanelSectionProps) => {\n  return <div className={styles[\"side-panel-section\"]}>{children}</div>;\n};\n\nexport const SidePanel = Object.assign(SidePanelRoot, {\n  Header: SidePanelHeader,\n  Section: SidePanelSection,\n});\n"],"names":["cva","styles","_jsx","_jsxs","Flex","Text"],"mappings":";;;;;;;;;AAOA,MAAM,aAAa,GAAGA,SAAG,CAACC,wBAAM,CAAC,YAAY,CAAC,EAAE;AAC9C,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,IAAI,EAAEA,wBAAM,CAAC,iBAAiB,CAAC;AAC/B,YAAA,KAAK,EAAEA,wBAAM,CAAC,kBAAkB,CAAC;AAClC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,OAAO;AACd,KAAA;AACF,CAAA,CAAC,CAAC;AAOH,MAAM,aAAa,GAAG,CAAC,EACrB,QAAQ,EACR,IAAI,GAAG,OAAO,EACd,SAAS,GACM,KAAI;AACnB,IAAA,QACEC,cAAO,CAAA,OAAA,EAAA,EAAA,SAAS,EAAE,aAAa,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAS,EACxE;AACJ,CAAC,CAAC;AASF,MAAM,eAAe,GAAG,CAAC,EACvB,KAAK,EACL,IAAI,EACJ,OAAO,GAAG,EAAE,EACZ,WAAW,GACU,KAAI;IACzB,QACEC,yBAAK,SAAS,EAAEF,wBAAM,CAAC,mBAAmB,CAAC,EAAA,QAAA,EAAA,CACzCE,eAAC,CAAAC,SAAI,IAAC,GAAG,EAAE,CAAC,EAAE,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,QAAQ,EAAA,QAAA,EAAA,CAC5CD,gBAACC,SAAI,EAAA,EAAC,GAAG,EAAE,CAAC,aACT,IAAI,EACLF,cAAC,CAAAG,SAAI,EAAC,EAAA,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,YACvB,KAAK,EAAA,CACD,CACF,EAAA,CAAA,EACPH,cAAC,CAAAE,SAAI,IAAC,GAAG,EAAE,CAAC,EACT,QAAA,EAAA,OAAO,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,MAC1BF,cAAC,CAAA,KAAK,CAAC,QAAQ,EAAA,EAAA,QAAA,EAAc,MAAM,EAAA,EAAd,KAAK,CAA2B,CACtD,CAAC,EAAA,CACG,IACF,EACN,WAAW,GAAGA,cAAC,CAAAG,SAAI,EAAC,EAAA,IAAI,EAAE,CAAC,EAAA,QAAA,EAAG,WAAW,EAAQ,CAAA,GAAG,IAAI,CACrD,EAAA,CAAA,EACN;AACJ,CAAC,CAAC;AAMF,MAAM,gBAAgB,GAAG,CAAC,EAAE,QAAQ,EAAyB,KAAI;IAC/D,OAAOH,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAED,wBAAM,CAAC,oBAAoB,CAAC,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAO,CAAC;AACxE,CAAC,CAAC;MAEW,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,aAAa,EAAE;AACpD,IAAA,MAAM,EAAE,eAAe;AACvB,IAAA,OAAO,EAAE,gBAAgB;AAC1B,CAAA;;;;"}
+{"version":3,"file":"side-panel.cjs","sources":["../../../components/side-panel/side-panel.tsx"],"sourcesContent":["import React from \"react\";\nimport { VariantProps, cva } from \"class-variance-authority\";\n\nimport styles from \"./side-panel.module.css\";\nimport { Flex } from \"../flex\";\nimport { Text } from \"../text\";\n\nconst sidePanelRoot = cva(styles[\"side-panel\"], {\n  variants: {\n    side: {\n      left: styles[\"side-panel-left\"],\n      right: styles[\"side-panel-right\"],\n    },\n  },\n  defaultVariants: {\n    side: \"right\",\n  },\n});\n\ninterface SidePanelProps extends VariantProps<typeof sidePanelRoot> {\n  children: React.ReactNode;\n  className?: string;\n}\n\nconst SidePanelRoot = ({\n  children,\n  side = \"right\",\n  className,\n}: SidePanelProps) => {\n  return (\n    <aside className={sidePanelRoot({ side, className })}>{children}</aside>\n  );\n};\n\ninterface SidePanelHeaderProps {\n  title: string;\n  icon?: React.ReactNode;\n  actions?: Array<React.ReactNode>;\n  description?: string;\n}\n\nconst SidePanelHeader = ({\n  title,\n  icon,\n  actions = [],\n  description,\n}: SidePanelHeaderProps) => {\n  return (\n    <div className={styles[\"side-panel-header\"]}>\n      <Flex gap={3} justify=\"between\" align=\"center\">\n        <Flex gap={3}>\n          {icon}\n          <Text size={5} weight={500}>\n            {title}\n          </Text>\n        </Flex>\n        <Flex gap={3}>\n          {actions?.map((action, index) => (\n            <React.Fragment key={index}>{action}</React.Fragment>\n          ))}\n        </Flex>\n      </Flex>\n      {description ? <Text size={2}>{description}</Text> : null}\n    </div>\n  );\n};\n\ninterface SidePanelSectionProps {\n  children: React.ReactNode;\n}\n\nconst SidePanelSection = ({ children }: SidePanelSectionProps) => {\n  return <div className={styles[\"side-panel-section\"]}>{children}</div>;\n};\n\nexport const SidePanel = Object.assign(SidePanelRoot, {\n  Header: SidePanelHeader,\n  Section: SidePanelSection,\n});\n"],"names":["cva","styles","_jsx","_jsxs","Flex","Text"],"mappings":";;;;;;;;;AAOA,MAAM,aAAa,GAAGA,0BAAG,CAACC,wBAAM,CAAC,YAAY,CAAC,EAAE;AAC9C,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,IAAI,EAAEA,wBAAM,CAAC,iBAAiB,CAAC;AAC/B,YAAA,KAAK,EAAEA,wBAAM,CAAC,kBAAkB,CAAC;AAClC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,OAAO;AACd,KAAA;AACF,CAAA,CAAC,CAAC;AAOH,MAAM,aAAa,GAAG,CAAC,EACrB,QAAQ,EACR,IAAI,GAAG,OAAO,EACd,SAAS,GACM,KAAI;AACnB,IAAA,QACEC,cAAO,CAAA,OAAA,EAAA,EAAA,SAAS,EAAE,aAAa,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAS,EACxE;AACJ,CAAC,CAAC;AASF,MAAM,eAAe,GAAG,CAAC,EACvB,KAAK,EACL,IAAI,EACJ,OAAO,GAAG,EAAE,EACZ,WAAW,GACU,KAAI;IACzB,QACEC,yBAAK,SAAS,EAAEF,wBAAM,CAAC,mBAAmB,CAAC,EAAA,QAAA,EAAA,CACzCE,eAAC,CAAAC,SAAI,IAAC,GAAG,EAAE,CAAC,EAAE,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,QAAQ,EAAA,QAAA,EAAA,CAC5CD,gBAACC,SAAI,EAAA,EAAC,GAAG,EAAE,CAAC,aACT,IAAI,EACLF,cAAC,CAAAG,SAAI,EAAC,EAAA,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,YACvB,KAAK,EAAA,CACD,CACF,EAAA,CAAA,EACPH,cAAC,CAAAE,SAAI,IAAC,GAAG,EAAE,CAAC,EACT,QAAA,EAAA,OAAO,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,MAC1BF,cAAC,CAAA,KAAK,CAAC,QAAQ,EAAA,EAAA,QAAA,EAAc,MAAM,EAAA,EAAd,KAAK,CAA2B,CACtD,CAAC,EAAA,CACG,IACF,EACN,WAAW,GAAGA,cAAC,CAAAG,SAAI,EAAC,EAAA,IAAI,EAAE,CAAC,EAAA,QAAA,EAAG,WAAW,EAAQ,CAAA,GAAG,IAAI,CACrD,EAAA,CAAA,EACN;AACJ,CAAC,CAAC;AAMF,MAAM,gBAAgB,GAAG,CAAC,EAAE,QAAQ,EAAyB,KAAI;IAC/D,OAAOH,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAED,wBAAM,CAAC,oBAAoB,CAAC,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAO,CAAC;AACxE,CAAC,CAAC;MAEW,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,aAAa,EAAE;AACpD,IAAA,MAAM,EAAE,eAAe;AACvB,IAAA,OAAO,EAAE,gBAAgB;AAC1B,CAAA;;;;"}

package/dist/components/side-panel/side-panel.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import React__default from 'react';
-import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
+import { cva } from 'class-variance-authority';
 import styles from './side-panel.module.css.js';
 import { Flex } from '../flex/flex.js';
 import { Text } from '../text/text.js';

package/dist/components/sidebar/sidebar-item.cjs

@@ -2,7 +2,7 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
+var classVarianceAuthority = require('class-variance-authority');
 var React = require('react');
 var avatar = require('../avatar/avatar.cjs');
 var flex = require('../flex/flex.cjs');
@@ -18,14 +18,14 @@ const SidebarItem = React.forwardRef(({ classNames, leadingIcon, children, activ
         children.length > 0;
     const content = React.cloneElement(as, {
         ref,
-        className: index.cx(sidebar_module.default['nav-item'], classNames?.root),
+        className: classVarianceAuthority.cx(sidebar_module.default['nav-item'], classNames?.root),
         'data-active': active,
         'data-disabled': disabled,
         role: 'menuitem',
         'aria-current': active ? 'page' : undefined,
         'aria-disabled': disabled,
         ...props
-    }, jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(flex.Flex, { align: 'center', gap: 3, className: index.cx(sidebar_module.default['nav-leading-icon'], classNames?.leadingIcon), "aria-hidden": 'true', children: shouldShowFallback ? (jsxRuntime.jsx(avatar.Avatar, { size: 1, variant: 'soft', color: 'neutral', fallback: children[0].toUpperCase(), style: { cursor: 'pointer' } })) : (leadingIcon) }), !isCollapsed && jsxRuntime.jsx("span", { className: sidebar_module.default['nav-text'], children: children })] }));
+    }, jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(flex.Flex, { align: 'center', gap: 3, className: classVarianceAuthority.cx(sidebar_module.default['nav-leading-icon'], classNames?.leadingIcon), "aria-hidden": 'true', children: shouldShowFallback ? (jsxRuntime.jsx(avatar.Avatar, { size: 1, variant: 'soft', color: 'neutral', fallback: children[0].toUpperCase(), style: { cursor: 'pointer' } })) : (leadingIcon) }), !isCollapsed && (jsxRuntime.jsx("span", { className: classVarianceAuthority.cx(sidebar_module.default['nav-text'], classNames?.text), children: children }))] }));
     if (isCollapsed && !hideCollapsedItemTooltip) {
         return (jsxRuntime.jsx(tooltip.Tooltip, { message: children, side: 'right', children: content }));
     }

package/dist/components/sidebar/sidebar-item.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar-item.cjs","sources":["../../../components/sidebar/sidebar-item.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'class-variance-authority';\nimport {\n  ComponentPropsWithoutRef,\n  ReactElement,\n  ReactNode,\n  cloneElement,\n  forwardRef,\n  useContext\n} from 'react';\nimport { Avatar } from '../avatar';\nimport { Flex } from '../flex';\nimport { Tooltip } from '../tooltip';\nimport { SidebarContext } from './sidebar-root';\nimport styles from './sidebar.module.css';\n\nexport interface SidebarItemProps extends ComponentPropsWithoutRef<'a'> {\n  leadingIcon?: ReactNode;\n  active?: boolean;\n  disabled?: boolean;\n  as?: ReactElement;\n  classNames?: {\n    root?: string;\n    leadingIcon?: string;\n    text?: string;\n  };\n}\n\nexport const SidebarItem = forwardRef<HTMLAnchorElement, SidebarItemProps>(\n  (\n    {\n      classNames,\n      leadingIcon,\n      children,\n      active,\n      disabled,\n      as = <a />,\n      ...props\n    },\n    ref\n  ) => {\n    const { isCollapsed, hideCollapsedItemTooltip } =\n      useContext(SidebarContext);\n\n    const shouldShowFallback =\n      leadingIcon == undefined &&\n      isCollapsed &&\n      typeof children === 'string' &&\n      children.length > 0;\n\n    const content = cloneElement(\n      as,\n      {\n        ref,\n        className: cx(styles['nav-item'], classNames?.root),\n        'data-active': active,\n        'data-disabled': disabled,\n        role: 'menuitem',\n        'aria-current': active ? 'page' : undefined,\n        'aria-disabled': disabled,\n        ...props\n      },\n      <>\n        <Flex\n          align='center'\n          gap={3}\n          className={cx(styles['nav-leading-icon'], classNames?.leadingIcon)}\n          aria-hidden='true'\n        >\n          {shouldShowFallback ? (\n            <Avatar\n              size={1}\n              variant='soft'\n              color='neutral'\n              fallback={children[0].toUpperCase()}\n              style={{ cursor: 'pointer' }}\n            />\n          ) : (\n            leadingIcon\n          )}\n        </Flex>\n        {!isCollapsed && <span className={styles['nav-text']}>{children}</span>}\n      </>\n    );\n\n    if (isCollapsed && !hideCollapsedItemTooltip) {\n      return (\n        <Tooltip message={children} side='right'>\n          {content}\n        </Tooltip>\n      );\n    }\n\n    return content;\n  }\n);\n\nSidebarItem.displayName = 'Sidebar.Item';\n"],"names":[],"mappings":";;;;;;;;;;;;AA6BO;;AAgBH;;;AAIE;AAEF;;;AAKI;AACA;AACA;;AAEA;AACA;AACD;AAwBH;AACE;;AAOF;AACF;AAGF;;"}
+{"version":3,"file":"sidebar-item.cjs","sources":["../../../components/sidebar/sidebar-item.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'class-variance-authority';\nimport {\n  ComponentPropsWithoutRef,\n  ReactElement,\n  ReactNode,\n  cloneElement,\n  forwardRef,\n  useContext\n} from 'react';\nimport { Avatar } from '../avatar';\nimport { Flex } from '../flex';\nimport { Tooltip } from '../tooltip';\nimport { SidebarContext } from './sidebar-root';\nimport styles from './sidebar.module.css';\n\nexport interface SidebarItemProps extends ComponentPropsWithoutRef<'a'> {\n  leadingIcon?: ReactNode;\n  active?: boolean;\n  disabled?: boolean;\n  as?: ReactElement;\n  classNames?: {\n    root?: string;\n    leadingIcon?: string;\n    text?: string;\n  };\n}\n\nexport const SidebarItem = forwardRef<HTMLAnchorElement, SidebarItemProps>(\n  (\n    {\n      classNames,\n      leadingIcon,\n      children,\n      active,\n      disabled,\n      as = <a />,\n      ...props\n    },\n    ref\n  ) => {\n    const { isCollapsed, hideCollapsedItemTooltip } =\n      useContext(SidebarContext);\n\n    const shouldShowFallback =\n      leadingIcon == undefined &&\n      isCollapsed &&\n      typeof children === 'string' &&\n      children.length > 0;\n\n    const content = cloneElement(\n      as,\n      {\n        ref,\n        className: cx(styles['nav-item'], classNames?.root),\n        'data-active': active,\n        'data-disabled': disabled,\n        role: 'menuitem',\n        'aria-current': active ? 'page' : undefined,\n        'aria-disabled': disabled,\n        ...props\n      },\n      <>\n        <Flex\n          align='center'\n          gap={3}\n          className={cx(styles['nav-leading-icon'], classNames?.leadingIcon)}\n          aria-hidden='true'\n        >\n          {shouldShowFallback ? (\n            <Avatar\n              size={1}\n              variant='soft'\n              color='neutral'\n              fallback={children[0].toUpperCase()}\n              style={{ cursor: 'pointer' }}\n            />\n          ) : (\n            leadingIcon\n          )}\n        </Flex>\n        {!isCollapsed && (\n          <span className={cx(styles['nav-text'], classNames?.text)}>\n            {children}\n          </span>\n        )}\n      </>\n    );\n\n    if (isCollapsed && !hideCollapsedItemTooltip) {\n      return (\n        <Tooltip message={children} side='right'>\n          {content}\n        </Tooltip>\n      );\n    }\n\n    return content;\n  }\n);\n\nSidebarItem.displayName = 'Sidebar.Item';\n"],"names":[],"mappings":";;;;;;;;;;;;AA6BO;;AAgBH;;;AAIE;AAEF;;;AAKI;AACA;AACA;;AAEA;AACA;;AA6BJ;AACE;;AAOF;AACF;AAGF;;"}

package/dist/components/sidebar/sidebar-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar-item.d.ts","sourceRoot":"","sources":["../../../components/sidebar/sidebar-item.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,wBAAwB,EACxB,YAAY,EACZ,SAAS,EAIV,MAAM,OAAO,CAAC;AAOf,MAAM,WAAW,gBAAiB,SAAQ,wBAAwB,CAAC,GAAG,CAAC;IACrE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB,UAAU,CAAC,EAAE;QACX,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;CACH;AAED,eAAO,MAAM,WAAW,gHAmEvB,CAAC"}
+{"version":3,"file":"sidebar-item.d.ts","sourceRoot":"","sources":["../../../components/sidebar/sidebar-item.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,wBAAwB,EACxB,YAAY,EACZ,SAAS,EAIV,MAAM,OAAO,CAAC;AAOf,MAAM,WAAW,gBAAiB,SAAQ,wBAAwB,CAAC,GAAG,CAAC;IACrE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB,UAAU,CAAC,EAAE;QACX,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;CACH;AAED,eAAO,MAAM,WAAW,gHAuEvB,CAAC"}

package/dist/components/sidebar/sidebar-item.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { cx } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
+import { cx } from 'class-variance-authority';
 import { forwardRef, useContext, cloneElement } from 'react';
 import { Avatar } from '../avatar/avatar.js';
 import { Flex } from '../flex/flex.js';
@@ -23,7 +23,7 @@ const SidebarItem = forwardRef(({ classNames, leadingIcon, children, active, dis
         'aria-current': active ? 'page' : undefined,
         'aria-disabled': disabled,
         ...props
-    }, jsxs(Fragment, { children: [jsx(Flex, { align: 'center', gap: 3, className: cx(styles['nav-leading-icon'], classNames?.leadingIcon), "aria-hidden": 'true', children: shouldShowFallback ? (jsx(Avatar, { size: 1, variant: 'soft', color: 'neutral', fallback: children[0].toUpperCase(), style: { cursor: 'pointer' } })) : (leadingIcon) }), !isCollapsed && jsx("span", { className: styles['nav-text'], children: children })] }));
+    }, jsxs(Fragment, { children: [jsx(Flex, { align: 'center', gap: 3, className: cx(styles['nav-leading-icon'], classNames?.leadingIcon), "aria-hidden": 'true', children: shouldShowFallback ? (jsx(Avatar, { size: 1, variant: 'soft', color: 'neutral', fallback: children[0].toUpperCase(), style: { cursor: 'pointer' } })) : (leadingIcon) }), !isCollapsed && (jsx("span", { className: cx(styles['nav-text'], classNames?.text), children: children }))] }));
     if (isCollapsed && !hideCollapsedItemTooltip) {
         return (jsx(Tooltip, { message: children, side: 'right', children: content }));
     }