@raystack/apsara 0.53.6 → 0.55.0-rc.1

package/dist/components/checkbox/checkbox.cjs

@@ -2,18 +2,18 @@
 '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 checkbox_module = require('./checkbox.module.css.cjs');
-var index = require('../../node_modules/.pnpm/@radix-ui_react-checkbox@1.3.2_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@19.1_eacxjqfuvkgmutrevmrsnebo6u/node_modules/@radix-ui/react-checkbox/dist/index.cjs');
 
 const CheckMarkIcon = () => (jsxRuntime.jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '16', height: '16', viewBox: '0 0 16 16', fill: 'none', className: checkbox_module.default.icon, children: jsxRuntime.jsx("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M11.9005 4.9671C12.0894 4.6782 12.0083 4.29086 11.7194 4.10197C11.4305 3.91307 11.0432 3.99414 10.8543 4.28304L7.15577 9.93961L5.04542 8.02112C4.79001 7.78893 4.39473 7.80775 4.16254 8.06316C3.93035 8.31857 3.94917 8.71385 4.20458 8.94605L6.85731 11.3576C6.99274 11.4807 7.17532 11.5383 7.35686 11.5151C7.53841 11.492 7.70068 11.3904 7.80084 11.2372L11.9005 4.9671Z', fill: 'currentColor' }) }));
 const IndeterminateIcon = () => (jsxRuntime.jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '16', height: '16', viewBox: '0 0 16 16', fill: 'none', className: checkbox_module.default.icon, children: jsxRuntime.jsx("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M11.5 8.5H4.5C4.22386 8.5 4 8.27614 4 8C4 7.72386 4.22386 7.5 4.5 7.5H11.5C11.7761 7.5 12 7.72386 12 8C12 8.27614 11.7761 8.5 11.5 8.5Z', fill: 'currentColor' }) }));
-const checkbox = index$1.cva(checkbox_module.default.checkbox);
+const checkbox = classVarianceAuthority.cva(checkbox_module.default.checkbox);
 const Checkbox = React.forwardRef(({ className, disabled, checked, defaultChecked, onCheckedChange, ...props }, forwardedRef) => {
     const isIndeterminate = checked === 'indeterminate' || defaultChecked === 'indeterminate';
-    return (jsxRuntime.jsx(index.Checkbox, { className: checkbox({
-            className: index$1.cx(className, {
+    return (jsxRuntime.jsx(radixUi.Checkbox.Root, { className: checkbox({
+            className: classVarianceAuthority.cx(className, {
                 [checkbox_module.default['checkbox-disabled']]: disabled,
                 [checkbox_module.default['checkbox-indeterminate']]: isIndeterminate
             })
@@ -27,7 +27,7 @@ const Checkbox = React.forwardRef(({ className, disabled, checked, defaultChecke
                     onCheckedChange(value);
                 }
             }
-        }, disabled: disabled, ref: forwardedRef, ...props, children: jsxRuntime.jsx(index.CheckboxIndicator, { className: checkbox_module.default.indicator, children: isIndeterminate ? jsxRuntime.jsx(IndeterminateIcon, {}) : jsxRuntime.jsx(CheckMarkIcon, {}) }) }));
+        }, disabled: disabled, ref: forwardedRef, ...props, children: jsxRuntime.jsx(radixUi.Checkbox.Indicator, { className: checkbox_module.default.indicator, children: isIndeterminate ? jsxRuntime.jsx(IndeterminateIcon, {}) : jsxRuntime.jsx(CheckMarkIcon, {}) }) }));
 });
 Checkbox.displayName = 'Checkbox';
 

package/dist/components/checkbox/checkbox.js

@@ -1,16 +1,16 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import { cx, cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
+import { cva, cx } from 'class-variance-authority';
+import { Checkbox as Checkbox$1 } from 'radix-ui';
 import { forwardRef } from 'react';
 import styles from './checkbox.module.css.js';
-import { Checkbox as Checkbox$1, CheckboxIndicator } from '../../node_modules/.pnpm/@radix-ui_react-checkbox@1.3.2_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@19.1_eacxjqfuvkgmutrevmrsnebo6u/node_modules/@radix-ui/react-checkbox/dist/index.js';
 
 const CheckMarkIcon = () => (jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '16', height: '16', viewBox: '0 0 16 16', fill: 'none', className: styles.icon, children: jsx("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M11.9005 4.9671C12.0894 4.6782 12.0083 4.29086 11.7194 4.10197C11.4305 3.91307 11.0432 3.99414 10.8543 4.28304L7.15577 9.93961L5.04542 8.02112C4.79001 7.78893 4.39473 7.80775 4.16254 8.06316C3.93035 8.31857 3.94917 8.71385 4.20458 8.94605L6.85731 11.3576C6.99274 11.4807 7.17532 11.5383 7.35686 11.5151C7.53841 11.492 7.70068 11.3904 7.80084 11.2372L11.9005 4.9671Z', fill: 'currentColor' }) }));
 const IndeterminateIcon = () => (jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '16', height: '16', viewBox: '0 0 16 16', fill: 'none', className: styles.icon, children: jsx("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M11.5 8.5H4.5C4.22386 8.5 4 8.27614 4 8C4 7.72386 4.22386 7.5 4.5 7.5H11.5C11.7761 7.5 12 7.72386 12 8C12 8.27614 11.7761 8.5 11.5 8.5Z', fill: 'currentColor' }) }));
 const checkbox = cva(styles.checkbox);
 const Checkbox = forwardRef(({ className, disabled, checked, defaultChecked, onCheckedChange, ...props }, forwardedRef) => {
     const isIndeterminate = checked === 'indeterminate' || defaultChecked === 'indeterminate';
-    return (jsx(Checkbox$1, { className: checkbox({
+    return (jsx(Checkbox$1.Root, { className: checkbox({
             className: cx(className, {
                 [styles['checkbox-disabled']]: disabled,
                 [styles['checkbox-indeterminate']]: isIndeterminate
@@ -25,7 +25,7 @@ const Checkbox = forwardRef(({ className, disabled, checked, defaultChecked, onC
                     onCheckedChange(value);
                 }
             }
-        }, disabled: disabled, ref: forwardedRef, ...props, children: jsx(CheckboxIndicator, { className: styles.indicator, children: isIndeterminate ? jsx(IndeterminateIcon, {}) : jsx(CheckMarkIcon, {}) }) }));
+        }, disabled: disabled, ref: forwardedRef, ...props, children: jsx(Checkbox$1.Indicator, { className: styles.indicator, children: isIndeterminate ? jsx(IndeterminateIcon, {}) : jsx(CheckMarkIcon, {}) }) }));
 });
 Checkbox.displayName = 'Checkbox';
 

package/dist/components/chip/chip.cjs

@@ -2,10 +2,10 @@
 '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 chip_module = require('./chip.module.css.cjs');
 
-const chip = index.cva(chip_module.default.chip, {
+const chip = classVarianceAuthority.cva(chip_module.default.chip, {
     variants: {
         variant: {
             outline: chip_module.default['chip-variant-outline'],

package/dist/components/chip/chip.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsxs, 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 styles from './chip.module.css.js';
 
 const chip = cva(styles.chip, {

package/dist/components/code-block/code-block-code.cjs

@@ -2,8 +2,8 @@
 '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 index$1 = require('../../node_modules/.pnpm/prism-react-renderer@2.4.1_react@19.1.1/node_modules/prism-react-renderer/dist/index.cjs');
+var classVarianceAuthority = require('class-variance-authority');
+var prismReactRenderer = require('prism-react-renderer');
 var React = require('react');
 var useIsomorphicLayoutEffect = require('../../hooks/useIsomorphicLayoutEffect.cjs');
 var codeBlockRoot = require('./code-block-root.cjs');
@@ -34,15 +34,15 @@ const CodeBlockCode = React.forwardRef(({ children, language, className, value,
     ]);
     if (!shouldRender)
         return null;
-    return (jsxRuntime.jsx("div", { ref: ref, className: index.cx(codeBlock_module.default.codeContent, className), ...props, children: jsxRuntime.jsx(CodeHighlight, { content: content, language: language }) }));
+    return (jsxRuntime.jsx("div", { ref: ref, className: classVarianceAuthority.cx(codeBlock_module.default.codeContent, className), ...props, children: jsxRuntime.jsx(CodeHighlight, { content: content, language: language }) }));
 });
 CodeBlockCode.displayName = 'CodeBlockCode';
 const CodeHighlight = React.memo(({ content, language }) => {
     const { hideLineNumbers, maxLines, collapsed } = codeBlockRoot.useCodeBlockContext();
     const canCollapse = maxLines && maxLines > 0;
-    return (jsxRuntime.jsx(index$1.Highlight, { theme: emptyTheme, code: content, language: language, children: ({ className: highlightClassName, style, tokens, getLineProps, getTokenProps }) => {
+    return (jsxRuntime.jsx(prismReactRenderer.Highlight, { theme: emptyTheme, code: content, language: language, children: ({ className: highlightClassName, style, tokens, getLineProps, getTokenProps }) => {
             const renderedTokens = canCollapse && collapsed ? tokens.slice(0, maxLines) : tokens;
-            return (jsxRuntime.jsx("pre", { className: index.cx(code_module.default.theme, codeBlock_module.default.pre, highlightClassName), style: style, children: renderedTokens.map((line, i) => (jsxRuntime.jsxs("div", { ...getLineProps({ line }), children: [!hideLineNumbers && (jsxRuntime.jsx("span", { className: codeBlock_module.default.lineNumber, children: i + 1 })), jsxRuntime.jsx("span", { className: codeBlock_module.default.lineContent, children: line.map((token, key) => (jsxRuntime.jsx("span", { ...getTokenProps({ token }) }, key))) })] }, i))) }));
+            return (jsxRuntime.jsx("pre", { className: classVarianceAuthority.cx(code_module.default.theme, codeBlock_module.default.pre, highlightClassName), style: style, children: renderedTokens.map((line, i) => (jsxRuntime.jsxs("div", { ...getLineProps({ line }), children: [!hideLineNumbers && (jsxRuntime.jsx("span", { className: codeBlock_module.default.lineNumber, children: i + 1 })), jsxRuntime.jsx("span", { className: codeBlock_module.default.lineContent, children: line.map((token, key) => (jsxRuntime.jsx("span", { ...getTokenProps({ token }) }, key))) })] }, i))) }));
         } }));
 });
 

package/dist/components/code-block/code-block-code.js

@@ -1,7 +1,7 @@
 "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 { Highlight as Highlight2 } from '../../node_modules/.pnpm/prism-react-renderer@2.4.1_react@19.1.1/node_modules/prism-react-renderer/dist/index.js';
+import { cx } from 'class-variance-authority';
+import { Highlight } from 'prism-react-renderer';
 import { forwardRef, memo } from 'react';
 import { useIsomorphicLayoutEffect } from '../../hooks/useIsomorphicLayoutEffect.js';
 import { useCodeBlockContext } from './code-block-root.js';
@@ -38,7 +38,7 @@ CodeBlockCode.displayName = 'CodeBlockCode';
 const CodeHighlight = memo(({ content, language }) => {
     const { hideLineNumbers, maxLines, collapsed } = useCodeBlockContext();
     const canCollapse = maxLines && maxLines > 0;
-    return (jsx(Highlight2, { theme: emptyTheme, code: content, language: language, children: ({ className: highlightClassName, style, tokens, getLineProps, getTokenProps }) => {
+    return (jsx(Highlight, { theme: emptyTheme, code: content, language: language, children: ({ className: highlightClassName, style, tokens, getLineProps, getTokenProps }) => {
             const renderedTokens = canCollapse && collapsed ? tokens.slice(0, maxLines) : tokens;
             return (jsx("pre", { className: cx(code.theme, styles.pre, highlightClassName), style: style, children: renderedTokens.map((line, i) => (jsxs("div", { ...getLineProps({ line }), children: [!hideLineNumbers && (jsx("span", { className: styles.lineNumber, children: i + 1 })), jsx("span", { className: styles.lineContent, children: line.map((token, key) => (jsx("span", { ...getTokenProps({ token }) }, key))) })] }, i))) }));
         } }));

package/dist/components/code-block/code-block-language-select.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 select = require('../select/select.cjs');
 var codeBlockRoot = require('./code-block-root.cjs');
@@ -17,7 +17,7 @@ const CodeBlockLanguageSelect = (props) => {
 };
 CodeBlockLanguageSelect.displayName = 'CodeBlockLanguageSelect';
 const CodeBlockLanguageSelectTrigger = React.forwardRef(({ className, ...props }, ref) => {
-    return (jsxRuntime.jsx(select.Select.Trigger, { ref: ref, className: index.cx(codeBlock_module.default.languageSelectTrigger, className), size: 'small', variant: 'text', ...props, children: jsxRuntime.jsx(select.Select.Value, {}) }));
+    return (jsxRuntime.jsx(select.Select.Trigger, { ref: ref, className: classVarianceAuthority.cx(codeBlock_module.default.languageSelectTrigger, className), size: 'small', variant: 'text', ...props, children: jsxRuntime.jsx(select.Select.Value, {}) }));
 });
 CodeBlockLanguageSelectTrigger.displayName = 'CodeBlockLanguageSelectTrigger';
 

package/dist/components/code-block/code-block-language-select.js

@@ -1,6 +1,6 @@
 "use client";
 import { 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 } from 'react';
 import { Select } from '../select/select.js';
 import { useCodeBlockContext } from './code-block-root.js';

package/dist/components/code-block/code-block-misc.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 button = require('../button/button.cjs');
 var copyButton = require('../copy-button/copy-button.cjs');
@@ -12,15 +12,15 @@ var codeBlockRoot = require('./code-block-root.cjs');
 var codeBlock_module = require('./code-block.module.css.cjs');
 
 const CodeBlockContent = React.forwardRef(({ children, className, ...props }, ref) => {
-    return (jsxRuntime.jsx("div", { ref: ref, className: index.cx(codeBlock_module.default.content, className), ...props, children: children }));
+    return (jsxRuntime.jsx("div", { ref: ref, className: classVarianceAuthority.cx(codeBlock_module.default.content, className), ...props, children: children }));
 });
 CodeBlockContent.displayName = 'CodeBlockContent';
 const CodeBlockHeader = React.forwardRef(({ children, className, ...props }, ref) => {
-    return (jsxRuntime.jsx(flex.Flex, { ref: ref, align: 'center', gap: 4, className: index.cx(codeBlock_module.default.header, className), ...props, children: children }));
+    return (jsxRuntime.jsx(flex.Flex, { ref: ref, align: 'center', gap: 4, className: classVarianceAuthority.cx(codeBlock_module.default.header, className), ...props, children: children }));
 });
 CodeBlockHeader.displayName = 'CodeBlockHeader';
 const CodeBlockLabel = React.forwardRef(({ children, className, ...props }, ref) => {
-    return (jsxRuntime.jsx(text.Text, { ref: ref, className: index.cx(codeBlock_module.default.label, className), ...props, children: children }));
+    return (jsxRuntime.jsx(text.Text, { ref: ref, className: classVarianceAuthority.cx(codeBlock_module.default.label, className), ...props, children: children }));
 });
 CodeBlockLabel.displayName = 'CodeBlockLabel';
 const CodeBlockCollapseTrigger = React.forwardRef(({ className, children = 'Show Code', onClick, ...props }, ref) => {
@@ -32,12 +32,12 @@ const CodeBlockCollapseTrigger = React.forwardRef(({ className, children = 'Show
     return (jsxRuntime.jsx(button.Button, { ref: ref, onClick: e => {
             toggleCollapsed();
             onClick?.(e);
-        }, variant: 'text', color: 'neutral', className: index.cx(codeBlock_module.default.collapseTrigger, className), ...props, children: children }));
+        }, variant: 'text', color: 'neutral', className: classVarianceAuthority.cx(codeBlock_module.default.collapseTrigger, className), ...props, children: children }));
 });
 CodeBlockCollapseTrigger.displayName = 'CodeBlockCollapseTrigger';
 const CodeBlockCopyButton = React.forwardRef(({ className, variant = 'default', ...props }, ref) => {
     const { code = '' } = codeBlockRoot.useCodeBlockContext();
-    return (jsxRuntime.jsx(copyButton.CopyButton, { ref: ref, text: code, size: variant === 'floating' ? 2 : 3, className: index.cx(codeBlock_module.default.copyButton, variant === 'floating' && codeBlock_module.default.floatingCopyButton, className), ...props }));
+    return (jsxRuntime.jsx(copyButton.CopyButton, { ref: ref, text: code, size: variant === 'floating' ? 2 : 3, className: classVarianceAuthority.cx(codeBlock_module.default.copyButton, variant === 'floating' && codeBlock_module.default.floatingCopyButton, className), ...props }));
 });
 CodeBlockCopyButton.displayName = 'CodeBlockCopyButton';
 

package/dist/components/code-block/code-block-misc.js

@@ -1,6 +1,6 @@
 "use client";
 import { 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 } from 'react';
 import { Button } from '../button/button.js';
 import { CopyButton } from '../copy-button/copy-button.js';

package/dist/components/code-block/code-block-root.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 codeBlock_module = require('./code-block.module.css.cjs');
 
@@ -39,7 +39,7 @@ const CodeBlockRoot = React.forwardRef(({ children, value: providedValue, onValu
             maxLines: maxLines && maxLines + 1, // to compensate for the absolute collapse trigger
             collapsed,
             toggleCollapsed
-        }, children: jsxRuntime.jsx("div", { ref: ref, className: index.cx(codeBlock_module.default.container, className), ...props, children: children }) }));
+        }, children: jsxRuntime.jsx("div", { ref: ref, className: classVarianceAuthority.cx(codeBlock_module.default.container, className), ...props, children: children }) }));
 });
 CodeBlockRoot.displayName = 'CodeBlock';
 

package/dist/components/code-block/code-block-root.js

@@ -1,6 +1,6 @@
 "use client";
 import { 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 { createContext, forwardRef, useState, useCallback, useContext } from 'react';
 import styles from './code-block.module.css.js';
 

package/dist/components/color-picker/color-picker-alpha.cjs

@@ -2,14 +2,14 @@
 '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 colorPickerRoot = require('./color-picker-root.cjs');
 var colorPicker_module = require('./color-picker.module.css.cjs');
-var index = require('../../node_modules/.pnpm/@radix-ui_react-slider@1.3.5_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@19.1.9_p32zwhugtqgn4tfikzqx3cas2u/node_modules/@radix-ui/react-slider/dist/index.cjs');
 
 const ColorPickerAlpha = ({ className, ...props }) => {
     const { alpha = 1, setColor } = colorPickerRoot.useColorPicker();
-    return (jsxRuntime.jsxs(index.Root, { className: index$1.cx(colorPicker_module.default.sliderRoot, className), max: 100, onValueChange: ([alpha]) => setColor({ alpha: alpha / 100 }), step: 1, value: [alpha * 100], ...props, children: [jsxRuntime.jsxs(index.Track, { className: index$1.cx(colorPicker_module.default.sliderTrack, colorPicker_module.default.alphaTrack), children: [jsxRuntime.jsx("div", { className: colorPicker_module.default.alphaTrackGradient }), jsxRuntime.jsx(index.Range, { className: colorPicker_module.default.sliderRange })] }), jsxRuntime.jsx(index.Thumb, { className: colorPicker_module.default.sliderThumb })] }));
+    return (jsxRuntime.jsxs(radixUi.Slider.Root, { className: classVarianceAuthority.cx(colorPicker_module.default.sliderRoot, className), max: 100, onValueChange: ([alpha]) => setColor({ alpha: alpha / 100 }), step: 1, value: [alpha * 100], ...props, children: [jsxRuntime.jsxs(radixUi.Slider.Track, { className: classVarianceAuthority.cx(colorPicker_module.default.sliderTrack, colorPicker_module.default.alphaTrack), children: [jsxRuntime.jsx("div", { className: colorPicker_module.default.alphaTrackGradient }), jsxRuntime.jsx(radixUi.Slider.Range, { className: colorPicker_module.default.sliderRange })] }), jsxRuntime.jsx(radixUi.Slider.Thumb, { className: colorPicker_module.default.sliderThumb })] }));
 };
 
 exports.ColorPickerAlpha = ColorPickerAlpha;

package/dist/components/color-picker/color-picker-alpha.js

@@ -1,13 +1,13 @@
 "use client";
 import { jsxs, 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 { Slider } from 'radix-ui';
 import { useColorPicker } from './color-picker-root.js';
 import styles from './color-picker.module.css.js';
-import { Root, Track, Range, Thumb } from '../../node_modules/.pnpm/@radix-ui_react-slider@1.3.5_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@19.1.9_p32zwhugtqgn4tfikzqx3cas2u/node_modules/@radix-ui/react-slider/dist/index.js';
 
 const ColorPickerAlpha = ({ className, ...props }) => {
     const { alpha = 1, setColor } = useColorPicker();
-    return (jsxs(Root, { className: cx(styles.sliderRoot, className), max: 100, onValueChange: ([alpha]) => setColor({ alpha: alpha / 100 }), step: 1, value: [alpha * 100], ...props, children: [jsxs(Track, { className: cx(styles.sliderTrack, styles.alphaTrack), children: [jsx("div", { className: styles.alphaTrackGradient }), jsx(Range, { className: styles.sliderRange })] }), jsx(Thumb, { className: styles.sliderThumb })] }));
+    return (jsxs(Slider.Root, { className: cx(styles.sliderRoot, className), max: 100, onValueChange: ([alpha]) => setColor({ alpha: alpha / 100 }), step: 1, value: [alpha * 100], ...props, children: [jsxs(Slider.Track, { className: cx(styles.sliderTrack, styles.alphaTrack), children: [jsx("div", { className: styles.alphaTrackGradient }), jsx(Slider.Range, { className: styles.sliderRange })] }), jsx(Slider.Thumb, { className: styles.sliderThumb })] }));
 };
 
 export { ColorPickerAlpha };

package/dist/components/color-picker/color-picker-area.cjs

@@ -2,8 +2,8 @@
 '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 index = require('../../node_modules/.pnpm/color@5.0.0/node_modules/color/index.cjs');
+var classVarianceAuthority = require('class-variance-authority');
+var Color = require('color');
 var React = require('react');
 var colorPickerRoot = require('./color-picker-root.cjs');
 var colorPicker_module = require('./color-picker.module.css.cjs');
@@ -14,7 +14,7 @@ const ColorPickerArea = ({ className, ...props }) => {
     const isDragging = React.useRef(false);
     const isThumbVisible = React.useRef(false);
     const { hue, saturation, lightness, setColor } = colorPickerRoot.useColorPicker();
-    const color = index.default.hsl(hue, saturation, lightness);
+    const color = Color.hsl(hue, saturation, lightness);
     const backgroundGradient = React.useMemo(() => {
         return `linear-gradient(0deg, rgba(0,0,0,1), rgba(0,0,0,0)),
             linear-gradient(90deg, rgba(255,255,255,1), rgba(255,255,255,0)),
@@ -62,9 +62,9 @@ const ColorPickerArea = ({ className, ...props }) => {
         window.addEventListener('pointermove', handlePointerMove);
         window.addEventListener('pointerup', handlePointerUp);
     }, [handlePointerMove, handlePointerUp]);
-    return (jsxRuntime.jsx("div", { className: index$1.cx(colorPicker_module.default.selectionRoot, className), onPointerDown: handlePointerDown, ref: containerRef, style: {
+    return (jsxRuntime.jsx("div", { className: classVarianceAuthority.cx(colorPicker_module.default.selectionRoot, className), onPointerDown: handlePointerDown, ref: containerRef, style: {
             background: backgroundGradient
-        }, ...props, children: jsxRuntime.jsx("div", { className: index$1.cx(colorPicker_module.default.sliderThumb, colorPicker_module.default.selectionThumb), ref: thumbRef, style: {
+        }, ...props, children: jsxRuntime.jsx("div", { className: classVarianceAuthority.cx(colorPicker_module.default.sliderThumb, colorPicker_module.default.selectionThumb), ref: thumbRef, style: {
                 background: color.hex().toString(),
                 opacity: 0
             } }) }));

package/dist/components/color-picker/color-picker-area.js

@@ -1,7 +1,7 @@
 "use client";
 import { 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 Color from '../../node_modules/.pnpm/color@5.0.0/node_modules/color/index.js';
+import { cx } from 'class-variance-authority';
+import Color from 'color';
 import { useRef, useMemo, useEffect, useCallback } from 'react';
 import { useColorPicker } from './color-picker-root.js';
 import styles from './color-picker.module.css.js';

package/dist/components/color-picker/color-picker-hue.cjs

@@ -2,14 +2,14 @@
 '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 colorPickerRoot = require('./color-picker-root.cjs');
 var colorPicker_module = require('./color-picker.module.css.cjs');
-var index = require('../../node_modules/.pnpm/@radix-ui_react-slider@1.3.5_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@19.1.9_p32zwhugtqgn4tfikzqx3cas2u/node_modules/@radix-ui/react-slider/dist/index.cjs');
 
 const ColorPickerHue = ({ className, ...props }) => {
     const { hue, setColor } = colorPickerRoot.useColorPicker();
-    return (jsxRuntime.jsxs(index.Root, { className: index$1.cx(colorPicker_module.default.sliderRoot, className), max: 360, onValueChange: ([hue]) => setColor({ h: hue }), step: 1, value: [hue], ...props, children: [jsxRuntime.jsx(index.Track, { className: index$1.cx(colorPicker_module.default.sliderTrack, colorPicker_module.default.hueTrack), children: jsxRuntime.jsx(index.Range, { className: colorPicker_module.default.sliderRange }) }), jsxRuntime.jsx(index.Thumb, { className: colorPicker_module.default.sliderThumb })] }));
+    return (jsxRuntime.jsxs(radixUi.Slider.Root, { className: classVarianceAuthority.cx(colorPicker_module.default.sliderRoot, className), max: 360, onValueChange: ([hue]) => setColor({ h: hue }), step: 1, value: [hue], ...props, children: [jsxRuntime.jsx(radixUi.Slider.Track, { className: classVarianceAuthority.cx(colorPicker_module.default.sliderTrack, colorPicker_module.default.hueTrack), children: jsxRuntime.jsx(radixUi.Slider.Range, { className: colorPicker_module.default.sliderRange }) }), jsxRuntime.jsx(radixUi.Slider.Thumb, { className: colorPicker_module.default.sliderThumb })] }));
 };
 
 exports.ColorPickerHue = ColorPickerHue;

package/dist/components/color-picker/color-picker-hue.js

@@ -1,13 +1,13 @@
 "use client";
 import { jsxs, 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 { Slider } from 'radix-ui';
 import { useColorPicker } from './color-picker-root.js';
 import styles from './color-picker.module.css.js';
-import { Root, Track, Range, Thumb } from '../../node_modules/.pnpm/@radix-ui_react-slider@1.3.5_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@19.1.9_p32zwhugtqgn4tfikzqx3cas2u/node_modules/@radix-ui/react-slider/dist/index.js';
 
 const ColorPickerHue = ({ className, ...props }) => {
     const { hue, setColor } = useColorPicker();
-    return (jsxs(Root, { className: cx(styles.sliderRoot, className), max: 360, onValueChange: ([hue]) => setColor({ h: hue }), step: 1, value: [hue], ...props, children: [jsx(Track, { className: cx(styles.sliderTrack, styles.hueTrack), children: jsx(Range, { className: styles.sliderRange }) }), jsx(Thumb, { className: styles.sliderThumb })] }));
+    return (jsxs(Slider.Root, { className: cx(styles.sliderRoot, className), max: 360, onValueChange: ([hue]) => setColor({ h: hue }), step: 1, value: [hue], ...props, children: [jsx(Slider.Track, { className: cx(styles.sliderTrack, styles.hueTrack), children: jsx(Slider.Range, { className: styles.sliderRange }) }), jsx(Slider.Thumb, { className: styles.sliderThumb })] }));
 };
 
 export { ColorPickerHue };

package/dist/components/color-picker/color-picker-input.cjs

@@ -2,14 +2,14 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var index = require('../../node_modules/.pnpm/color@5.0.0/node_modules/color/index.cjs');
+var Color = require('color');
 var inputField = require('../input-field/input-field.cjs');
 var colorPickerRoot = require('./color-picker-root.cjs');
 var utils = require('./utils.cjs');
 
 const ColorPickerInput = (props) => {
     const { hue, saturation, lightness, alpha, mode } = colorPickerRoot.useColorPicker();
-    const color = index.default.hsl(hue, saturation, lightness, alpha ?? 1);
+    const color = Color.hsl(hue, saturation, lightness, alpha ?? 1);
     return jsxRuntime.jsx(inputField.InputField, { value: utils.getColorString(color, mode), readOnly: true, ...props });
 };
 

package/dist/components/color-picker/color-picker-input.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import Color from '../../node_modules/.pnpm/color@5.0.0/node_modules/color/index.js';
+import Color from 'color';
 import { InputField } from '../input-field/input-field.js';
 import { useColorPicker } from './color-picker-root.js';
 import { getColorString } from './utils.js';

package/dist/components/color-picker/color-picker-mode.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 select = require('../select/select.cjs');
 var colorPickerRoot = require('./color-picker-root.cjs');
 var colorPicker_module = require('./color-picker.module.css.cjs');
@@ -10,7 +10,7 @@ var utils = require('./utils.cjs');
 
 const ColorPickerMode = ({ className, options = utils.SUPPORTED_MODES, ...props }) => {
     const { mode, setMode } = colorPickerRoot.useColorPicker();
-    return (jsxRuntime.jsxs(select.Select, { onValueChange: value => setMode(value), value: mode, children: [jsxRuntime.jsx(select.Select.Trigger, { className: index.cx(colorPicker_module.default.selectTrigger, className), ...props, children: jsxRuntime.jsx(select.Select.Value, { placeholder: 'Mode' }) }), jsxRuntime.jsx(select.Select.Content, { children: options.map(option => (jsxRuntime.jsx(select.Select.Item, { value: option, children: option.toUpperCase() }, option))) })] }));
+    return (jsxRuntime.jsxs(select.Select, { onValueChange: value => setMode(value), value: mode, children: [jsxRuntime.jsx(select.Select.Trigger, { className: classVarianceAuthority.cx(colorPicker_module.default.selectTrigger, className), ...props, children: jsxRuntime.jsx(select.Select.Value, { placeholder: 'Mode' }) }), jsxRuntime.jsx(select.Select.Content, { children: options.map(option => (jsxRuntime.jsx(select.Select.Item, { value: option, children: option.toUpperCase() }, option))) })] }));
 };
 
 exports.ColorPickerMode = ColorPickerMode;

package/dist/components/color-picker/color-picker-mode.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsxs, 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 { Select } from '../select/select.js';
 import { useColorPicker } from './color-picker-root.js';
 import styles from './color-picker.module.css.js';

package/dist/components/color-picker/color-picker-root.cjs

@@ -2,7 +2,7 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var index = require('../../node_modules/.pnpm/color@5.0.0/node_modules/color/index.cjs');
+var Color = require('color');
 var React = require('react');
 var flex = require('../flex/flex.cjs');
 var utils = require('./utils.cjs');
@@ -16,8 +16,8 @@ const useColorPicker = () => {
     return context;
 };
 const ColorPickerRoot = ({ value, defaultValue = '#ffffff', onValueChange, defaultMode = 'hex', mode: providedMode, onModeChange, ...props }) => {
-    const providedColor = value && index.default(value).hsl().object();
-    const [internalColor, setInternalColor] = React.useState(index.default(defaultValue).hsl().object());
+    const providedColor = value && Color(value).hsl().object();
+    const [internalColor, setInternalColor] = React.useState(Color(defaultValue).hsl().object());
     const [internalMode, setInternalMode] = React.useState(defaultMode);
     const hue = providedColor ? providedColor.h : internalColor.h;
     const saturation = providedColor ? providedColor.s : internalColor.s;
@@ -29,7 +29,7 @@ const ColorPickerRoot = ({ value, defaultValue = '#ffffff', onValueChange, defau
             const updatedColor = { ..._color, ...value };
             if (!onValueChange)
                 return updatedColor;
-            const color = index.default.hsl(updatedColor.h, updatedColor.s, updatedColor.l, updatedColor?.alpha ?? 1);
+            const color = Color.hsl(updatedColor.h, updatedColor.s, updatedColor.l, updatedColor?.alpha ?? 1);
             onValueChange(utils.getColorString(color, mode), mode);
             return updatedColor;
         });

package/dist/components/color-picker/color-picker-root.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import Color from '../../node_modules/.pnpm/color@5.0.0/node_modules/color/index.js';
+import Color from 'color';
 import { createContext, useState, useCallback, useContext } from 'react';
 import { Flex } from '../flex/flex.js';
 import { getColorString } from './utils.js';

package/dist/components/command/command.cjs

@@ -2,38 +2,38 @@
 '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 index = require('../../node_modules/.pnpm/cmdk@1.1.1_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@19.1.9_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/cmdk/dist/index.cjs');
+var reactIcons = require('@radix-ui/react-icons');
+var classVarianceAuthority = require('class-variance-authority');
+var cmdk = require('cmdk');
 var React = require('react');
 var dialog = require('../dialog/dialog.cjs');
 var flex = require('../flex/flex.cjs');
 var command_module = require('./command.module.css.cjs');
 
-const command = index$1.cva(command_module.default.command);
-const CommandRoot = React.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsx(index.Command, { ref: ref, className: command({ className }), ...props })));
-CommandRoot.displayName = index.Command?.displayName;
+const command = classVarianceAuthority.cva(command_module.default.command);
+const CommandRoot = React.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsx(cmdk.Command, { ref: ref, className: command({ className }), ...props })));
+CommandRoot.displayName = cmdk.Command?.displayName;
 const CommandDialog = ({ children, ...props }) => {
     return (jsxRuntime.jsx(dialog.Dialog, { ...props, children: jsxRuntime.jsx(dialog.Dialog.Content, { style: { overflow: 'hidden', padding: '0' }, children: jsxRuntime.jsx(Command, { className: command_module.default.dialogcommand, children: children }) }) }));
 };
-const input = index$1.cva(command_module.default.input);
-const CommandInput = React.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsxs(flex.Flex, { align: 'center', gap: 'small', "cmdk-input-wrapper": '', className: command_module.default.inputWrapper, children: [jsxRuntime.jsx(reactIcons_esm.MagnifyingGlassIcon, { className: command_module.default.inputIcon, width: 16, height: 16 }), jsxRuntime.jsx(index.Command.Input, { ref: ref, className: input({ className }), ...props })] })));
-CommandInput.displayName = index.Command.Input.displayName;
-const list = index$1.cva(command_module.default.list);
-const CommandList = React.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsx(index.Command.List, { ref: ref, className: list({ className }), ...props })));
-CommandList.displayName = index.Command.List.displayName;
-const CommandEmpty = React.forwardRef((props, ref) => (jsxRuntime.jsx(index.Command.Empty, { ref: ref, className: command_module.default.empty, ...props })));
-CommandEmpty.displayName = index.Command.Empty.displayName;
-const group = index$1.cva(command_module.default.group);
-const CommandGroup = React.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsx(index.Command.Group, { ref: ref, className: group({ className }), ...props })));
-CommandGroup.displayName = index.Command.Group.displayName;
-const separator = index$1.cva(command_module.default.separator);
-const CommandSeparator = React.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsx(index.Command.Separator, { ref: ref, className: separator({ className }), ...props })));
-CommandSeparator.displayName = index.Command.Separator.displayName;
-const item = index$1.cva(command_module.default.item);
-const CommandItem = React.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsx(index.Command.Item, { ref: ref, className: item({ className }), ...props })));
-CommandItem.displayName = index.Command.Item.displayName;
-const shortcut = index$1.cva(command_module.default.shortcut);
+const input = classVarianceAuthority.cva(command_module.default.input);
+const CommandInput = React.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsxs(flex.Flex, { align: 'center', gap: 'small', "cmdk-input-wrapper": '', className: command_module.default.inputWrapper, children: [jsxRuntime.jsx(reactIcons.MagnifyingGlassIcon, { className: command_module.default.inputIcon, width: 16, height: 16 }), jsxRuntime.jsx(cmdk.Command.Input, { ref: ref, className: input({ className }), ...props })] })));
+CommandInput.displayName = cmdk.Command.Input.displayName;
+const list = classVarianceAuthority.cva(command_module.default.list);
+const CommandList = React.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsx(cmdk.Command.List, { ref: ref, className: list({ className }), ...props })));
+CommandList.displayName = cmdk.Command.List.displayName;
+const CommandEmpty = React.forwardRef((props, ref) => (jsxRuntime.jsx(cmdk.Command.Empty, { ref: ref, className: command_module.default.empty, ...props })));
+CommandEmpty.displayName = cmdk.Command.Empty.displayName;
+const group = classVarianceAuthority.cva(command_module.default.group);
+const CommandGroup = React.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsx(cmdk.Command.Group, { ref: ref, className: group({ className }), ...props })));
+CommandGroup.displayName = cmdk.Command.Group.displayName;
+const separator = classVarianceAuthority.cva(command_module.default.separator);
+const CommandSeparator = React.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsx(cmdk.Command.Separator, { ref: ref, className: separator({ className }), ...props })));
+CommandSeparator.displayName = cmdk.Command.Separator.displayName;
+const item = classVarianceAuthority.cva(command_module.default.item);
+const CommandItem = React.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsx(cmdk.Command.Item, { ref: ref, className: item({ className }), ...props })));
+CommandItem.displayName = cmdk.Command.Item.displayName;
+const shortcut = classVarianceAuthority.cva(command_module.default.shortcut);
 const CommandShortcut = ({ className, ...props }) => {
     return jsxRuntime.jsx("span", { className: shortcut({ className }), ...props });
 };

package/dist/components/command/command.js

@@ -1,36 +1,36 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { MagnifyingGlassIcon } 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 { Command as _e } from '../../node_modules/.pnpm/cmdk@1.1.1_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@19.1.9_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/cmdk/dist/index.js';
+import { MagnifyingGlassIcon } from '@radix-ui/react-icons';
+import { cva } from 'class-variance-authority';
+import { Command as Command$1 } from 'cmdk';
 import React__default from 'react';
 import { Dialog } from '../dialog/dialog.js';
 import { Flex } from '../flex/flex.js';
 import styles from './command.module.css.js';
 
 const command = cva(styles.command);
-const CommandRoot = React__default.forwardRef(({ className, ...props }, ref) => (jsx(_e, { ref: ref, className: command({ className }), ...props })));
-CommandRoot.displayName = _e?.displayName;
+const CommandRoot = React__default.forwardRef(({ className, ...props }, ref) => (jsx(Command$1, { ref: ref, className: command({ className }), ...props })));
+CommandRoot.displayName = Command$1?.displayName;
 const CommandDialog = ({ children, ...props }) => {
     return (jsx(Dialog, { ...props, children: jsx(Dialog.Content, { style: { overflow: 'hidden', padding: '0' }, children: jsx(Command, { className: styles.dialogcommand, children: children }) }) }));
 };
 const input = cva(styles.input);
-const CommandInput = React__default.forwardRef(({ className, ...props }, ref) => (jsxs(Flex, { align: 'center', gap: 'small', "cmdk-input-wrapper": '', className: styles.inputWrapper, children: [jsx(MagnifyingGlassIcon, { className: styles.inputIcon, width: 16, height: 16 }), jsx(_e.Input, { ref: ref, className: input({ className }), ...props })] })));
-CommandInput.displayName = _e.Input.displayName;
+const CommandInput = React__default.forwardRef(({ className, ...props }, ref) => (jsxs(Flex, { align: 'center', gap: 'small', "cmdk-input-wrapper": '', className: styles.inputWrapper, children: [jsx(MagnifyingGlassIcon, { className: styles.inputIcon, width: 16, height: 16 }), jsx(Command$1.Input, { ref: ref, className: input({ className }), ...props })] })));
+CommandInput.displayName = Command$1.Input.displayName;
 const list = cva(styles.list);
-const CommandList = React__default.forwardRef(({ className, ...props }, ref) => (jsx(_e.List, { ref: ref, className: list({ className }), ...props })));
-CommandList.displayName = _e.List.displayName;
-const CommandEmpty = React__default.forwardRef((props, ref) => (jsx(_e.Empty, { ref: ref, className: styles.empty, ...props })));
-CommandEmpty.displayName = _e.Empty.displayName;
+const CommandList = React__default.forwardRef(({ className, ...props }, ref) => (jsx(Command$1.List, { ref: ref, className: list({ className }), ...props })));
+CommandList.displayName = Command$1.List.displayName;
+const CommandEmpty = React__default.forwardRef((props, ref) => (jsx(Command$1.Empty, { ref: ref, className: styles.empty, ...props })));
+CommandEmpty.displayName = Command$1.Empty.displayName;
 const group = cva(styles.group);
-const CommandGroup = React__default.forwardRef(({ className, ...props }, ref) => (jsx(_e.Group, { ref: ref, className: group({ className }), ...props })));
-CommandGroup.displayName = _e.Group.displayName;
+const CommandGroup = React__default.forwardRef(({ className, ...props }, ref) => (jsx(Command$1.Group, { ref: ref, className: group({ className }), ...props })));
+CommandGroup.displayName = Command$1.Group.displayName;
 const separator = cva(styles.separator);
-const CommandSeparator = React__default.forwardRef(({ className, ...props }, ref) => (jsx(_e.Separator, { ref: ref, className: separator({ className }), ...props })));
-CommandSeparator.displayName = _e.Separator.displayName;
+const CommandSeparator = React__default.forwardRef(({ className, ...props }, ref) => (jsx(Command$1.Separator, { ref: ref, className: separator({ className }), ...props })));
+CommandSeparator.displayName = Command$1.Separator.displayName;
 const item = cva(styles.item);
-const CommandItem = React__default.forwardRef(({ className, ...props }, ref) => (jsx(_e.Item, { ref: ref, className: item({ className }), ...props })));
-CommandItem.displayName = _e.Item.displayName;
+const CommandItem = React__default.forwardRef(({ className, ...props }, ref) => (jsx(Command$1.Item, { ref: ref, className: item({ className }), ...props })));
+CommandItem.displayName = Command$1.Item.displayName;
 const shortcut = cva(styles.shortcut);
 const CommandShortcut = ({ className, ...props }) => {
     return jsx("span", { className: shortcut({ className }), ...props });