@raystack/apsara 0.55.0-rc.1 → 0.55.0

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_lfur3inf42nm7ih4xthv5wn55m/node_modules/@radix-ui/react-select/dist/index.js';
 
 const Select = Object.assign(SelectRoot, {
     Group: SelectGroup,
     Value: SelectValue,
-    ScrollUpButton: Select$1.ScrollDownButton,
-    ScrollDownButton: Select$1.ScrollDownButton,
-    Viewport: Select$1.Viewport,
+    ScrollUpButton: ScrollDownButton,
+    ScrollDownButton: ScrollDownButton,
+    Viewport: 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"],"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;;;;"}
+{"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;;;;"}

package/dist/components/separator/separator.cjs

@@ -1,11 +1,11 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var classVarianceAuthority = require('class-variance-authority');
-var radixUi = require('radix-ui');
+var index$1 = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
 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._fs2c2iw3dnmwenc4h3fh2phcie/node_modules/@radix-ui/react-separator/dist/index.cjs');
 
-const separator = classVarianceAuthority.cva(separator_module.default.separator, {
+const separator = index$1.cva(separator_module.default.separator, {
     variants: {
         size: {
             small: separator_module.default['separator-small'],
@@ -24,7 +24,7 @@ const separator = classVarianceAuthority.cva(separator_module.default.separator,
     }
 });
 function Separator({ className, orientation = 'horizontal', size, color, 'aria-label': ariaLabel, ...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 }));
+    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 }));
 }
 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"],"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;;;;"}
+{"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;;;;"}

package/dist/components/separator/separator.js

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
-import { cva } from 'class-variance-authority';
-import { Separator as Separator$1 } from 'radix-ui';
+import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
 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._fs2c2iw3dnmwenc4h3fh2phcie/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(Separator$1.Root, { decorative: true, orientation: orientation, className: separator({ size, color, className }), "aria-orientation": orientation, "aria-label": ariaLabel || `${orientation} separator`, role: 'separator', ...props }));
+    return (jsx(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"],"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;;;;"}
+{"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;;;;"}

package/dist/components/sheet/sheet.cjs

@@ -2,13 +2,14 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var reactIcons = require('@radix-ui/react-icons');
-var classVarianceAuthority = require('class-variance-authority');
-var radixUi = require('radix-ui');
+var reactIcons_esm = require('../../node_modules/.pnpm/@radix-ui_react-icons@1.3.2_react@19.2.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 React = require('react');
+var dialog = require('../dialog/dialog.cjs');
 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._4ggp4hrzdjwfpfs7j2bdkgs7ci/node_modules/@radix-ui/react-dialog/dist/index.cjs');
 
-const sheetContent = classVarianceAuthority.cva(sheet_module.default.sheetContent, {
+const sheetContent = index$1.cva(sheet_module.default.sheetContent, {
     variants: {
         side: {
             top: sheet_module.default['sheetContent-top'],
@@ -22,24 +23,24 @@ const sheetContent = classVarianceAuthority.cva(sheet_module.default.sheetConten
     }
 });
 const SheetContent = React.forwardRef(({ className, children, close, side, ariaLabel, ariaDescription, ...props }, forwardedRef) => {
-    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 }))] }) }) }));
+    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 }))] }) }) }));
 });
-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);
+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);
 function CloseButton({ children, className, ...props }) {
-    return (jsxRuntime.jsx(radixUi.Dialog.Close, { className: close({ className }), ...props, "aria-label": 'Close', children: children }));
+    return (jsxRuntime.jsx(index.Close, { className: close({ className }), ...props, "aria-label": 'Close', children: children }));
 }
 function RootSheet({ children, ariaLabel, ...props }) {
-    return jsxRuntime.jsx(radixUi.Dialog.Root, { ...props, children: children });
+    return jsxRuntime.jsx(index.Root, { ...props, children: children });
 }
 const Sheet = Object.assign(RootSheet, {
-    Trigger: radixUi.Dialog.Trigger,
+    Trigger: index.Trigger,
     Content: SheetContent,
-    Close: radixUi.Dialog.Close,
-    Title: radixUi.Dialog.Title,
-    Description: radixUi.Dialog.Description
+    Close: index.Close,
+    Title: dialog.DialogTitle,
+    Description: dialog.DialogDescription
 });
 
 exports.CloseButton = CloseButton;

package/dist/components/sheet/sheet.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"sheet.cjs","sources":["../../../components/sheet/sheet.tsx"],"sourcesContent":["'use client';\n\nimport { Cross1Icon } from '@radix-ui/react-icons';\nimport { VariantProps, cva } from 'class-variance-authority';\nimport { Dialog as DialogPrimitive } from 'radix-ui';\nimport {\n  ComponentProps,\n  ComponentPropsWithoutRef,\n  ElementRef,\n  forwardRef\n} from 'react';\n\nimport styles from './sheet.module.css';\n\nconst sheetContent = cva(styles.sheetContent, {\n  variants: {\n    side: {\n      top: styles['sheetContent-top'],\n      bottom: styles['sheetContent-bottom'],\n      left: styles['sheetContent-left'],\n      right: styles['sheetContent-right']\n    }\n  },\n  defaultVariants: {\n    side: 'right'\n  }\n});\n\nexport interface DialogContentProps\n  extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content>,\n    VariantProps<typeof sheetContent> {\n  ariaLabel?: string;\n  ariaDescription?: string;\n}\n\nexport const SheetContent = forwardRef<\n  ElementRef<typeof DialogPrimitive.Content>,\n  DialogContentProps & { close?: boolean; children?: React.ReactNode }\n>(\n  (\n    { className, children, close, side, ariaLabel, ariaDescription, ...props },\n    forwardedRef\n  ) => {\n    return (\n      <DialogPrimitive.Portal>\n        <Overlay>\n          <DialogPrimitive.Content\n            {...props}\n            ref={forwardedRef}\n            className={sheetContent({ side, className })}\n            aria-label={ariaLabel || 'Sheet with overlay'}\n            aria-describedby={\n              ariaDescription ? 'sheet with overlay' : undefined\n            }\n            role='dialog'\n            tabIndex={-1}\n          >\n            {children}\n            {close && (\n              <CloseButton aria-label='Close sheet'>\n                <Cross1Icon aria-hidden='true' />\n              </CloseButton>\n            )}\n            {ariaDescription && (\n              <div id='sheet-description' className='sr-only'>\n                {ariaDescription}\n              </div>\n            )}\n          </DialogPrimitive.Content>\n        </Overlay>\n      </DialogPrimitive.Portal>\n    );\n  }\n);\n\nconst overlay = cva(styles.overlay);\nexport interface OverlayProps\n  extends ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>,\n    VariantProps<typeof overlay> {}\n\nconst Overlay = forwardRef<\n  ElementRef<typeof DialogPrimitive.Overlay>,\n  OverlayProps\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Overlay\n    ref={ref}\n    className={overlay({ className })}\n    aria-hidden='true'\n    role='presentation'\n    {...props}\n  />\n));\n\nOverlay.displayName = DialogPrimitive.Overlay.displayName;\n\nconst close = cva(styles.close);\ntype CloseButtonProps = ComponentProps<typeof DialogPrimitive.Close>;\n\nexport function CloseButton({\n  children,\n  className,\n  ...props\n}: CloseButtonProps) {\n  return (\n    <DialogPrimitive.Close\n      className={close({ className })}\n      {...props}\n      aria-label='Close'\n    >\n      {children}\n    </DialogPrimitive.Close>\n  );\n}\n\nexport type SheetProps = ComponentProps<typeof DialogPrimitive.Root> & {\n  ariaLabel?: string;\n};\n\nexport function RootSheet({ children, ariaLabel, ...props }: SheetProps) {\n  return <DialogPrimitive.Root {...props}>{children}</DialogPrimitive.Root>;\n}\n\nexport const Sheet = Object.assign(RootSheet, {\n  Trigger: DialogPrimitive.Trigger,\n  Content: SheetContent,\n  Close: DialogPrimitive.Close,\n  Title: DialogPrimitive.Title,\n  Description: DialogPrimitive.Description\n});\n"],"names":[],"mappings":";;;;;;;;;;AAcA;AACE;AACE;AACE;AACA;AACA;AACA;AACD;AACF;AACD;AACE;AACD;AACF;AASY;AAQT;AA6BF;AAGF;AAKA;AAaA;AAEA;AAGM;;AAcN;AAMM;;AAEN;;;AAIE;;;;AAID;;;;;"}
+{"version":3,"file":"sheet.cjs","sources":["../../../components/sheet/sheet.tsx"],"sourcesContent":["'use client';\n\nimport { Cross1Icon } from '@radix-ui/react-icons';\nimport { cva, VariantProps } from 'class-variance-authority';\nimport { Dialog as DialogPrimitive } from 'radix-ui';\nimport {\n  ComponentProps,\n  ComponentPropsWithoutRef,\n  ElementRef,\n  forwardRef\n} from 'react';\nimport { DialogDescription, DialogTitle } from '../dialog/dialog';\nimport styles from './sheet.module.css';\n\nconst sheetContent = cva(styles.sheetContent, {\n  variants: {\n    side: {\n      top: styles['sheetContent-top'],\n      bottom: styles['sheetContent-bottom'],\n      left: styles['sheetContent-left'],\n      right: styles['sheetContent-right']\n    }\n  },\n  defaultVariants: {\n    side: 'right'\n  }\n});\n\nexport interface DialogContentProps\n  extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content>,\n    VariantProps<typeof sheetContent> {\n  ariaLabel?: string;\n  ariaDescription?: string;\n}\n\nexport const SheetContent = forwardRef<\n  ElementRef<typeof DialogPrimitive.Content>,\n  DialogContentProps & { close?: boolean; children?: React.ReactNode }\n>(\n  (\n    { className, children, close, side, ariaLabel, ariaDescription, ...props },\n    forwardedRef\n  ) => {\n    return (\n      <DialogPrimitive.Portal>\n        <Overlay>\n          <DialogPrimitive.Content\n            {...props}\n            ref={forwardedRef}\n            className={sheetContent({ side, className })}\n            aria-label={ariaLabel || 'Sheet with overlay'}\n            aria-describedby={\n              ariaDescription ? 'sheet with overlay' : undefined\n            }\n            role='dialog'\n            tabIndex={-1}\n          >\n            {children}\n            {close && (\n              <CloseButton aria-label='Close sheet'>\n                <Cross1Icon aria-hidden='true' />\n              </CloseButton>\n            )}\n            {ariaDescription && (\n              <div id='sheet-description' className='sr-only'>\n                {ariaDescription}\n              </div>\n            )}\n          </DialogPrimitive.Content>\n        </Overlay>\n      </DialogPrimitive.Portal>\n    );\n  }\n);\n\nconst overlay = cva(styles.overlay);\nexport interface OverlayProps\n  extends ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>,\n    VariantProps<typeof overlay> {}\n\nconst Overlay = forwardRef<\n  ElementRef<typeof DialogPrimitive.Overlay>,\n  OverlayProps\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Overlay\n    ref={ref}\n    className={overlay({ className })}\n    aria-hidden='true'\n    role='presentation'\n    {...props}\n  />\n));\n\nOverlay.displayName = DialogPrimitive.Overlay.displayName;\n\nconst close = cva(styles.close);\ntype CloseButtonProps = ComponentProps<typeof DialogPrimitive.Close>;\n\nexport function CloseButton({\n  children,\n  className,\n  ...props\n}: CloseButtonProps) {\n  return (\n    <DialogPrimitive.Close\n      className={close({ className })}\n      {...props}\n      aria-label='Close'\n    >\n      {children}\n    </DialogPrimitive.Close>\n  );\n}\n\nexport type SheetProps = ComponentProps<typeof DialogPrimitive.Root> & {\n  ariaLabel?: string;\n};\n\nexport function RootSheet({ children, ariaLabel, ...props }: SheetProps) {\n  return <DialogPrimitive.Root {...props}>{children}</DialogPrimitive.Root>;\n}\n\nexport const Sheet = Object.assign(RootSheet, {\n  Trigger: DialogPrimitive.Trigger,\n  Content: SheetContent,\n  Close: DialogPrimitive.Close,\n  Title: DialogTitle,\n  Description: DialogDescription\n});\n"],"names":[],"mappings":";;;;;;;;;;;AAcA;AACE;AACE;AACE;AACA;AACA;AACA;AACD;AACF;AACD;AACE;AACD;AACF;AASY;AAQT;AA6BF;AAGF;AAKA;AAaA;AAEA;AAGM;;AAcN;AAMM;;AAEN;;;AAIE;;AAEA;AACA;AACD;;;;;"}

package/dist/components/sheet/sheet.d.ts

@@ -1,6 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import { Dialog as DialogPrimitive } from 'radix-ui';
 import { ComponentProps, ComponentPropsWithoutRef } from 'react';
+import { DialogDescription, DialogTitle } from '../dialog/dialog';
 declare const sheetContent: (props?: ({
     side?: "top" | "bottom" | "left" | "right" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
@@ -28,8 +29,8 @@ export declare const Sheet: typeof RootSheet & {
         children?: React.ReactNode;
     } & import("react").RefAttributes<HTMLDivElement>>;
     Close: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
-    Title: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>>;
-    Description: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>>;
+    Title: typeof DialogTitle;
+    Description: typeof DialogDescription;
 };
 export {};
 //# sourceMappingURL=sheet.d.ts.map

package/dist/components/sheet/sheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sheet.d.ts","sourceRoot":"","sources":["../../../components/sheet/sheet.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAO,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AACrD,OAAO,EACL,cAAc,EACd,wBAAwB,EAGzB,MAAM,OAAO,CAAC;AAIf,QAAA,MAAM,YAAY;;8EAYhB,CAAC;AAEH,MAAM,WAAW,kBACf,SAAQ,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,EAC9D,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,YAAY;;eAE4B,MAAM,SAAS;kDAoCnE,CAAC;AAEF,QAAA,MAAM,OAAO,oFAAsB,CAAC;AACpC,MAAM,WAAW,YACf,SAAQ,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,EAC9D,YAAY,CAAC,OAAO,OAAO,CAAC;CAAG;AAkBnC,KAAK,gBAAgB,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,CAAC;AAErE,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAUlB;AAED,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,GAAG;IACrE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CAEtE;AAED,eAAO,MAAM,KAAK;;;;mBArFmC,MAAM,SAAS;;;;;CA2FlE,CAAC"}
+{"version":3,"file":"sheet.d.ts","sourceRoot":"","sources":["../../../components/sheet/sheet.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AACrD,OAAO,EACL,cAAc,EACd,wBAAwB,EAGzB,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAGlE,QAAA,MAAM,YAAY;;8EAYhB,CAAC;AAEH,MAAM,WAAW,kBACf,SAAQ,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,EAC9D,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,YAAY;;eAE4B,MAAM,SAAS;kDAoCnE,CAAC;AAEF,QAAA,MAAM,OAAO,oFAAsB,CAAC;AACpC,MAAM,WAAW,YACf,SAAQ,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,EAC9D,YAAY,CAAC,OAAO,OAAO,CAAC;CAAG;AAkBnC,KAAK,gBAAgB,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,CAAC;AAErE,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAUlB;AAED,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,GAAG;IACrE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CAEtE;AAED,eAAO,MAAM,KAAK;;;;mBArFmC,MAAM,SAAS;;;;;CA2FlE,CAAC"}

package/dist/components/sheet/sheet.js

@@ -1,10 +1,11 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { Cross1Icon } from '@radix-ui/react-icons';
-import { cva } from 'class-variance-authority';
-import { Dialog } from 'radix-ui';
+import { Cross1Icon } from '../../node_modules/.pnpm/@radix-ui_react-icons@1.3.2_react@19.2.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 { forwardRef } from 'react';
+import { DialogTitle, DialogDescription } from '../dialog/dialog.js';
 import styles from './sheet.module.css.js';
+import { Portal, Content, Overlay as Overlay$1, Close, Trigger, 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._4ggp4hrzdjwfpfs7j2bdkgs7ci/node_modules/@radix-ui/react-dialog/dist/index.js';
 
 const sheetContent = cva(styles.sheetContent, {
     variants: {
@@ -20,24 +21,24 @@ const sheetContent = cva(styles.sheetContent, {
     }
 });
 const SheetContent = forwardRef(({ className, children, close, side, ariaLabel, ariaDescription, ...props }, forwardedRef) => {
-    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 }))] }) }) }));
+    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 }))] }) }) }));
 });
 const overlay = cva(styles.overlay);
-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 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 close = cva(styles.close);
 function CloseButton({ children, className, ...props }) {
-    return (jsx(Dialog.Close, { className: close({ className }), ...props, "aria-label": 'Close', children: children }));
+    return (jsx(Close, { className: close({ className }), ...props, "aria-label": 'Close', children: children }));
 }
 function RootSheet({ children, ariaLabel, ...props }) {
-    return jsx(Dialog.Root, { ...props, children: children });
+    return jsx(Root, { ...props, children: children });
 }
 const Sheet = Object.assign(RootSheet, {
-    Trigger: Dialog.Trigger,
+    Trigger: Trigger,
     Content: SheetContent,
-    Close: Dialog.Close,
-    Title: Dialog.Title,
-    Description: Dialog.Description
+    Close: Close,
+    Title: DialogTitle,
+    Description: DialogDescription
 });
 
 export { CloseButton, RootSheet, Sheet, SheetContent };

package/dist/components/sheet/sheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"sheet.js","sources":["../../../components/sheet/sheet.tsx"],"sourcesContent":["'use client';\n\nimport { Cross1Icon } from '@radix-ui/react-icons';\nimport { VariantProps, cva } from 'class-variance-authority';\nimport { Dialog as DialogPrimitive } from 'radix-ui';\nimport {\n  ComponentProps,\n  ComponentPropsWithoutRef,\n  ElementRef,\n  forwardRef\n} from 'react';\n\nimport styles from './sheet.module.css';\n\nconst sheetContent = cva(styles.sheetContent, {\n  variants: {\n    side: {\n      top: styles['sheetContent-top'],\n      bottom: styles['sheetContent-bottom'],\n      left: styles['sheetContent-left'],\n      right: styles['sheetContent-right']\n    }\n  },\n  defaultVariants: {\n    side: 'right'\n  }\n});\n\nexport interface DialogContentProps\n  extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content>,\n    VariantProps<typeof sheetContent> {\n  ariaLabel?: string;\n  ariaDescription?: string;\n}\n\nexport const SheetContent = forwardRef<\n  ElementRef<typeof DialogPrimitive.Content>,\n  DialogContentProps & { close?: boolean; children?: React.ReactNode }\n>(\n  (\n    { className, children, close, side, ariaLabel, ariaDescription, ...props },\n    forwardedRef\n  ) => {\n    return (\n      <DialogPrimitive.Portal>\n        <Overlay>\n          <DialogPrimitive.Content\n            {...props}\n            ref={forwardedRef}\n            className={sheetContent({ side, className })}\n            aria-label={ariaLabel || 'Sheet with overlay'}\n            aria-describedby={\n              ariaDescription ? 'sheet with overlay' : undefined\n            }\n            role='dialog'\n            tabIndex={-1}\n          >\n            {children}\n            {close && (\n              <CloseButton aria-label='Close sheet'>\n                <Cross1Icon aria-hidden='true' />\n              </CloseButton>\n            )}\n            {ariaDescription && (\n              <div id='sheet-description' className='sr-only'>\n                {ariaDescription}\n              </div>\n            )}\n          </DialogPrimitive.Content>\n        </Overlay>\n      </DialogPrimitive.Portal>\n    );\n  }\n);\n\nconst overlay = cva(styles.overlay);\nexport interface OverlayProps\n  extends ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>,\n    VariantProps<typeof overlay> {}\n\nconst Overlay = forwardRef<\n  ElementRef<typeof DialogPrimitive.Overlay>,\n  OverlayProps\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Overlay\n    ref={ref}\n    className={overlay({ className })}\n    aria-hidden='true'\n    role='presentation'\n    {...props}\n  />\n));\n\nOverlay.displayName = DialogPrimitive.Overlay.displayName;\n\nconst close = cva(styles.close);\ntype CloseButtonProps = ComponentProps<typeof DialogPrimitive.Close>;\n\nexport function CloseButton({\n  children,\n  className,\n  ...props\n}: CloseButtonProps) {\n  return (\n    <DialogPrimitive.Close\n      className={close({ className })}\n      {...props}\n      aria-label='Close'\n    >\n      {children}\n    </DialogPrimitive.Close>\n  );\n}\n\nexport type SheetProps = ComponentProps<typeof DialogPrimitive.Root> & {\n  ariaLabel?: string;\n};\n\nexport function RootSheet({ children, ariaLabel, ...props }: SheetProps) {\n  return <DialogPrimitive.Root {...props}>{children}</DialogPrimitive.Root>;\n}\n\nexport const Sheet = Object.assign(RootSheet, {\n  Trigger: DialogPrimitive.Trigger,\n  Content: SheetContent,\n  Close: DialogPrimitive.Close,\n  Title: DialogPrimitive.Title,\n  Description: DialogPrimitive.Description\n});\n"],"names":[],"mappings":";;;;;;;;AAcA;AACE;AACE;AACE;AACA;AACA;AACA;AACD;AACF;AACD;AACE;AACD;AACF;AASY;AAQT;AA6BF;AAGF;AAKA;AAaA;AAEA;AAGM;;AAcN;AAMM;;AAEN;;;AAIE;;;;AAID;;"}
+{"version":3,"file":"sheet.js","sources":["../../../components/sheet/sheet.tsx"],"sourcesContent":["'use client';\n\nimport { Cross1Icon } from '@radix-ui/react-icons';\nimport { cva, VariantProps } from 'class-variance-authority';\nimport { Dialog as DialogPrimitive } from 'radix-ui';\nimport {\n  ComponentProps,\n  ComponentPropsWithoutRef,\n  ElementRef,\n  forwardRef\n} from 'react';\nimport { DialogDescription, DialogTitle } from '../dialog/dialog';\nimport styles from './sheet.module.css';\n\nconst sheetContent = cva(styles.sheetContent, {\n  variants: {\n    side: {\n      top: styles['sheetContent-top'],\n      bottom: styles['sheetContent-bottom'],\n      left: styles['sheetContent-left'],\n      right: styles['sheetContent-right']\n    }\n  },\n  defaultVariants: {\n    side: 'right'\n  }\n});\n\nexport interface DialogContentProps\n  extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content>,\n    VariantProps<typeof sheetContent> {\n  ariaLabel?: string;\n  ariaDescription?: string;\n}\n\nexport const SheetContent = forwardRef<\n  ElementRef<typeof DialogPrimitive.Content>,\n  DialogContentProps & { close?: boolean; children?: React.ReactNode }\n>(\n  (\n    { className, children, close, side, ariaLabel, ariaDescription, ...props },\n    forwardedRef\n  ) => {\n    return (\n      <DialogPrimitive.Portal>\n        <Overlay>\n          <DialogPrimitive.Content\n            {...props}\n            ref={forwardedRef}\n            className={sheetContent({ side, className })}\n            aria-label={ariaLabel || 'Sheet with overlay'}\n            aria-describedby={\n              ariaDescription ? 'sheet with overlay' : undefined\n            }\n            role='dialog'\n            tabIndex={-1}\n          >\n            {children}\n            {close && (\n              <CloseButton aria-label='Close sheet'>\n                <Cross1Icon aria-hidden='true' />\n              </CloseButton>\n            )}\n            {ariaDescription && (\n              <div id='sheet-description' className='sr-only'>\n                {ariaDescription}\n              </div>\n            )}\n          </DialogPrimitive.Content>\n        </Overlay>\n      </DialogPrimitive.Portal>\n    );\n  }\n);\n\nconst overlay = cva(styles.overlay);\nexport interface OverlayProps\n  extends ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>,\n    VariantProps<typeof overlay> {}\n\nconst Overlay = forwardRef<\n  ElementRef<typeof DialogPrimitive.Overlay>,\n  OverlayProps\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Overlay\n    ref={ref}\n    className={overlay({ className })}\n    aria-hidden='true'\n    role='presentation'\n    {...props}\n  />\n));\n\nOverlay.displayName = DialogPrimitive.Overlay.displayName;\n\nconst close = cva(styles.close);\ntype CloseButtonProps = ComponentProps<typeof DialogPrimitive.Close>;\n\nexport function CloseButton({\n  children,\n  className,\n  ...props\n}: CloseButtonProps) {\n  return (\n    <DialogPrimitive.Close\n      className={close({ className })}\n      {...props}\n      aria-label='Close'\n    >\n      {children}\n    </DialogPrimitive.Close>\n  );\n}\n\nexport type SheetProps = ComponentProps<typeof DialogPrimitive.Root> & {\n  ariaLabel?: string;\n};\n\nexport function RootSheet({ children, ariaLabel, ...props }: SheetProps) {\n  return <DialogPrimitive.Root {...props}>{children}</DialogPrimitive.Root>;\n}\n\nexport const Sheet = Object.assign(RootSheet, {\n  Trigger: DialogPrimitive.Trigger,\n  Content: SheetContent,\n  Close: DialogPrimitive.Close,\n  Title: DialogTitle,\n  Description: DialogDescription\n});\n"],"names":[],"mappings":";;;;;;;;;AAcA;AACE;AACE;AACE;AACA;AACA;AACA;AACD;AACF;AACD;AACE;AACD;AACF;AASY;AAQT;AA6BF;AAGF;AAKA;AAaA;AAEA;AAGM;;AAcN;AAMM;;AAEN;;;AAIE;;AAEA;AACA;AACD;;"}

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

@@ -1,35 +1,35 @@
 '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 React = require('react');
-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');
+var sidePanel_module = require('./side-panel.module.css.cjs');
 
-const sidePanelRoot = classVarianceAuthority.cva(sidePanel_module.default["side-panel"], {
+const sidePanelRoot = index.cva(sidePanel_module.default['side-panel'], {
     variants: {
         side: {
-            left: sidePanel_module.default["side-panel-left"],
-            right: sidePanel_module.default["side-panel-right"],
-        },
+            left: sidePanel_module.default['side-panel-left'],
+            right: sidePanel_module.default['side-panel-right']
+        }
     },
     defaultVariants: {
-        side: "right",
-    },
+        side: 'right'
+    }
 });
-const SidePanelRoot = ({ children, side = "right", className, }) => {
+const SidePanelRoot = ({ children, side = 'right', className }) => {
     return (jsxRuntime.jsx("aside", { className: sidePanelRoot({ side, className }), children: children }));
 };
-const SidePanelHeader = ({ title, icon, actions = [], description, }) => {
-    return (jsxRuntime.jsxs("div", { className: sidePanel_module.default["side-panel-header"], children: [jsxRuntime.jsxs(flex.Flex, { gap: 3, justify: "between", align: "center", children: [jsxRuntime.jsxs(flex.Flex, { gap: 3, children: [icon, jsxRuntime.jsx(text.Text, { size: 5, weight: 500, children: title })] }), jsxRuntime.jsx(flex.Flex, { gap: 3, children: actions?.map((action, index) => (jsxRuntime.jsx(React.Fragment, { children: action }, index))) })] }), description ? jsxRuntime.jsx(text.Text, { size: 2, children: description }) : null] }));
+const SidePanelHeader = ({ title, icon, actions = [], description }) => {
+    return (jsxRuntime.jsxs("div", { className: sidePanel_module.default['side-panel-header'], children: [jsxRuntime.jsxs(flex.Flex, { gap: 3, justify: 'between', align: 'center', children: [jsxRuntime.jsxs(flex.Flex, { gap: 3, children: [icon, jsxRuntime.jsx(text.Text, { size: 5, weight: 500, children: title })] }), jsxRuntime.jsx(flex.Flex, { gap: 3, children: actions?.map((action, index) => (jsxRuntime.jsx(React.Fragment, { children: action }, index))) })] }), description ? jsxRuntime.jsx(text.Text, { size: 2, children: description }) : null] }));
 };
 const SidePanelSection = ({ children }) => {
-    return jsxRuntime.jsx("div", { className: sidePanel_module.default["side-panel-section"], children: children });
+    return jsxRuntime.jsx("div", { className: sidePanel_module.default['side-panel-section'], children: children });
 };
 const SidePanel = Object.assign(SidePanelRoot, {
     Header: SidePanelHeader,
-    Section: SidePanelSection,
+    Section: SidePanelSection
 });
 
 exports.SidePanel = SidePanel;

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,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;;;;"}
+{"version":3,"file":"side-panel.cjs","sources":["../../../components/side-panel/side-panel.tsx"],"sourcesContent":["import { cva, VariantProps } from 'class-variance-authority';\nimport { Fragment, ReactNode } from 'react';\nimport { Flex } from '../flex';\nimport { Text } from '../text';\nimport styles from './side-panel.module.css';\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: 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?: ReactNode;\n  actions?: Array<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            <Fragment key={index}>{action}</Fragment>\n          ))}\n        </Flex>\n      </Flex>\n      {description ? <Text size={2}>{description}</Text> : null}\n    </div>\n  );\n};\n\ninterface SidePanelSectionProps {\n  children: 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","Fragment"],"mappings":";;;;;;;;;AAMA,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,EACM,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,EACU,KAAI;IACzB,QACEC,yBAAK,SAAS,EAAEF,wBAAM,CAAC,mBAAmB,CAAC,EACzC,QAAA,EAAA,CAAAE,eAAA,CAACC,SAAI,EAAC,EAAA,GAAG,EAAE,CAAC,EAAE,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,QAAQ,aAC5CD,eAAC,CAAAC,SAAI,IAAC,GAAG,EAAE,CAAC,EACT,QAAA,EAAA,CAAA,IAAI,EACLF,cAAA,CAACG,SAAI,EAAA,EAAC,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,EACvB,QAAA,EAAA,KAAK,EACD,CAAA,CAAA,EAAA,CACF,EACPH,cAAA,CAACE,SAAI,EAAC,EAAA,GAAG,EAAE,CAAC,EAAA,QAAA,EACT,OAAO,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,MAC1BF,eAACI,cAAQ,EAAA,EAAA,QAAA,EAAc,MAAM,EAAA,EAAd,KAAK,CAAqB,CAC1C,CAAC,EAAA,CACG,IACF,EACN,WAAW,GAAGJ,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.d.ts

@@ -1,23 +1,23 @@
-import React from "react";
-import { VariantProps } from "class-variance-authority";
+import { VariantProps } from 'class-variance-authority';
+import { ReactNode } from 'react';
 declare const sidePanelRoot: (props?: ({
     side?: "left" | "right" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface SidePanelProps extends VariantProps<typeof sidePanelRoot> {
-    children: React.ReactNode;
+    children: ReactNode;
     className?: string;
 }
 interface SidePanelHeaderProps {
     title: string;
-    icon?: React.ReactNode;
-    actions?: Array<React.ReactNode>;
+    icon?: ReactNode;
+    actions?: Array<ReactNode>;
     description?: string;
 }
 interface SidePanelSectionProps {
-    children: React.ReactNode;
+    children: ReactNode;
 }
-export declare const SidePanel: (({ children, side, className, }: SidePanelProps) => import("react/jsx-runtime").JSX.Element) & {
-    Header: ({ title, icon, actions, description, }: SidePanelHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SidePanel: (({ children, side, className }: SidePanelProps) => import("react/jsx-runtime").JSX.Element) & {
+    Header: ({ title, icon, actions, description }: SidePanelHeaderProps) => import("react/jsx-runtime").JSX.Element;
     Section: ({ children }: SidePanelSectionProps) => import("react/jsx-runtime").JSX.Element;
 };
 export {};

package/dist/components/side-panel/side-panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"side-panel.d.ts","sourceRoot":"","sources":["../../../components/side-panel/side-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAO,MAAM,0BAA0B,CAAC;AAM7D,QAAA,MAAM,aAAa;;8EAUjB,CAAC;AAEH,UAAU,cAAe,SAAQ,YAAY,CAAC,OAAO,aAAa,CAAC;IACjE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAYD,UAAU,oBAAoB;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AA4BD,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAMD,eAAO,MAAM,SAAS,oCA/CnB,cAAc;qDAkBd,oBAAoB;4BAyBiB,qBAAqB;CAO3D,CAAC"}
+{"version":3,"file":"side-panel.d.ts","sourceRoot":"","sources":["../../../components/side-panel/side-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAY,SAAS,EAAE,MAAM,OAAO,CAAC;AAK5C,QAAA,MAAM,aAAa;;8EAUjB,CAAC;AAEH,UAAU,cAAe,SAAQ,YAAY,CAAC,OAAO,aAAa,CAAC;IACjE,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAYD,UAAU,oBAAoB;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AA4BD,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAMD,eAAO,MAAM,SAAS,mCA/CnB,cAAc;oDAkBd,oBAAoB;4BAyBiB,qBAAqB;CAO3D,CAAC"}

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

@@ -1,33 +1,33 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import React__default from 'react';
-import { cva } from 'class-variance-authority';
-import styles from './side-panel.module.css.js';
+import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
+import { Fragment } from 'react';
 import { Flex } from '../flex/flex.js';
 import { Text } from '../text/text.js';
+import styles from './side-panel.module.css.js';
 
-const sidePanelRoot = cva(styles["side-panel"], {
+const sidePanelRoot = cva(styles['side-panel'], {
     variants: {
         side: {
-            left: styles["side-panel-left"],
-            right: styles["side-panel-right"],
-        },
+            left: styles['side-panel-left'],
+            right: styles['side-panel-right']
+        }
     },
     defaultVariants: {
-        side: "right",
-    },
+        side: 'right'
+    }
 });
-const SidePanelRoot = ({ children, side = "right", className, }) => {
+const SidePanelRoot = ({ children, side = 'right', className }) => {
     return (jsx("aside", { className: sidePanelRoot({ side, className }), children: children }));
 };
-const SidePanelHeader = ({ title, icon, actions = [], description, }) => {
-    return (jsxs("div", { className: styles["side-panel-header"], children: [jsxs(Flex, { gap: 3, justify: "between", align: "center", children: [jsxs(Flex, { gap: 3, children: [icon, jsx(Text, { size: 5, weight: 500, children: title })] }), jsx(Flex, { gap: 3, children: actions?.map((action, index) => (jsx(React__default.Fragment, { children: action }, index))) })] }), description ? jsx(Text, { size: 2, children: description }) : null] }));
+const SidePanelHeader = ({ title, icon, actions = [], description }) => {
+    return (jsxs("div", { className: styles['side-panel-header'], children: [jsxs(Flex, { gap: 3, justify: 'between', align: 'center', children: [jsxs(Flex, { gap: 3, children: [icon, jsx(Text, { size: 5, weight: 500, children: title })] }), jsx(Flex, { gap: 3, children: actions?.map((action, index) => (jsx(Fragment, { children: action }, index))) })] }), description ? jsx(Text, { size: 2, children: description }) : null] }));
 };
 const SidePanelSection = ({ children }) => {
-    return jsx("div", { className: styles["side-panel-section"], children: children });
+    return jsx("div", { className: styles['side-panel-section'], children: children });
 };
 const SidePanel = Object.assign(SidePanelRoot, {
     Header: SidePanelHeader,
-    Section: SidePanelSection,
+    Section: SidePanelSection
 });
 
 export { SidePanel };

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

@@ -1 +1 @@
-{"version":3,"file":"side-panel.js","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":["_jsx","_jsxs","React"],"mappings":";;;;;;;AAOA,MAAM,aAAa,GAAG,GAAG,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE;AAC9C,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,IAAI,EAAE,MAAM,CAAC,iBAAiB,CAAC;AAC/B,YAAA,KAAK,EAAE,MAAM,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,QACEA,GAAO,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,cAAK,SAAS,EAAE,MAAM,CAAC,mBAAmB,CAAC,EAAA,QAAA,EAAA,CACzCA,IAAC,CAAA,IAAI,IAAC,GAAG,EAAE,CAAC,EAAE,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,QAAQ,EAAA,QAAA,EAAA,CAC5CA,KAAC,IAAI,EAAA,EAAC,GAAG,EAAE,CAAC,aACT,IAAI,EACLD,GAAC,CAAA,IAAI,EAAC,EAAA,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,YACvB,KAAK,EAAA,CACD,CACF,EAAA,CAAA,EACPA,GAAC,CAAA,IAAI,IAAC,GAAG,EAAE,CAAC,EACT,QAAA,EAAA,OAAO,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,MAC1BA,GAAC,CAAAE,cAAK,CAAC,QAAQ,EAAA,EAAA,QAAA,EAAc,MAAM,EAAA,EAAd,KAAK,CAA2B,CACtD,CAAC,EAAA,CACG,IACF,EACN,WAAW,GAAGF,GAAC,CAAA,IAAI,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,OAAOA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,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.js","sources":["../../../components/side-panel/side-panel.tsx"],"sourcesContent":["import { cva, VariantProps } from 'class-variance-authority';\nimport { Fragment, ReactNode } from 'react';\nimport { Flex } from '../flex';\nimport { Text } from '../text';\nimport styles from './side-panel.module.css';\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: 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?: ReactNode;\n  actions?: Array<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            <Fragment key={index}>{action}</Fragment>\n          ))}\n        </Flex>\n      </Flex>\n      {description ? <Text size={2}>{description}</Text> : null}\n    </div>\n  );\n};\n\ninterface SidePanelSectionProps {\n  children: 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":["_jsx","_jsxs"],"mappings":";;;;;;;AAMA,MAAM,aAAa,GAAG,GAAG,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE;AAC9C,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,IAAI,EAAE,MAAM,CAAC,iBAAiB,CAAC;AAC/B,YAAA,KAAK,EAAE,MAAM,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,EACM,KAAI;AACnB,IAAA,QACEA,GAAO,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,EACU,KAAI;IACzB,QACEC,cAAK,SAAS,EAAE,MAAM,CAAC,mBAAmB,CAAC,EACzC,QAAA,EAAA,CAAAA,IAAA,CAAC,IAAI,EAAC,EAAA,GAAG,EAAE,CAAC,EAAE,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,QAAQ,aAC5CA,IAAC,CAAA,IAAI,IAAC,GAAG,EAAE,CAAC,EACT,QAAA,EAAA,CAAA,IAAI,EACLD,GAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,EACvB,QAAA,EAAA,KAAK,EACD,CAAA,CAAA,EAAA,CACF,EACPA,GAAA,CAAC,IAAI,EAAC,EAAA,GAAG,EAAE,CAAC,EAAA,QAAA,EACT,OAAO,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,MAC1BA,IAAC,QAAQ,EAAA,EAAA,QAAA,EAAc,MAAM,EAAA,EAAd,KAAK,CAAqB,CAC1C,CAAC,EAAA,CACG,IACF,EACN,WAAW,GAAGA,GAAC,CAAA,IAAI,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,OAAOA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,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/sidebar/sidebar-item.cjs

@@ -2,13 +2,13 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var classVarianceAuthority = require('class-variance-authority');
+var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
 var React = require('react');
 var avatar = require('../avatar/avatar.cjs');
 var flex = require('../flex/flex.cjs');
 var tooltip = require('../tooltip/tooltip.cjs');
-var sidebarRoot = require('./sidebar-root.cjs');
 var sidebar_module = require('./sidebar.module.css.cjs');
+var sidebarRoot = require('./sidebar-root.cjs');
 
 const SidebarItem = React.forwardRef(({ classNames, leadingIcon, children, active, disabled, as = jsxRuntime.jsx("a", {}), ...props }, ref) => {
     const { isCollapsed, hideCollapsedItemTooltip } = React.useContext(sidebarRoot.SidebarContext);
@@ -16,16 +16,22 @@ const SidebarItem = React.forwardRef(({ classNames, leadingIcon, children, activ
         isCollapsed &&
         typeof children === 'string' &&
         children.length > 0;
+    const iconProps = {
+        align: 'center',
+        gap: 3,
+        className: index.cx(sidebar_module.default['nav-leading-icon'], classNames?.leadingIcon),
+        ariaHidden: true
+    };
     const content = React.cloneElement(as, {
         ref,
-        className: classVarianceAuthority.cx(sidebar_module.default['nav-item'], classNames?.root),
+        className: index.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: 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 }))] }));
+    }, jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [shouldShowFallback ? (jsxRuntime.jsx(flex.Flex, { ...iconProps, children: jsxRuntime.jsx(avatar.Avatar, { size: 1, variant: 'soft', color: 'neutral', fallback: children[0].toUpperCase(), style: { cursor: 'pointer' } }) })) : null, !shouldShowFallback && leadingIcon ? (jsxRuntime.jsx(flex.Flex, { ...iconProps, children: leadingIcon })) : null, !isCollapsed && (jsxRuntime.jsx("span", { className: index.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 && (\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;;"}
+{"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  cloneElement,\n  forwardRef,\n  ReactElement,\n  ReactNode,\n  useContext\n} from 'react';\nimport { Avatar } from '../avatar';\nimport { Flex } from '../flex';\nimport { Tooltip } from '../tooltip';\nimport styles from './sidebar.module.css';\nimport { SidebarContext } from './sidebar-root';\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 iconProps = {\n      align: 'center',\n      gap: 3,\n      className: cx(styles['nav-leading-icon'], classNames?.leadingIcon),\n      ariaHidden: true\n    } as const;\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        {shouldShowFallback ? (\n          <Flex {...iconProps}>\n            <Avatar\n              size={1}\n              variant='soft'\n              color='neutral'\n              fallback={children[0].toUpperCase()}\n              style={{ cursor: 'pointer' }}\n            />\n          </Flex>\n        ) : null}\n        {!shouldShowFallback && leadingIcon ? (\n          <Flex {...iconProps}>{leadingIcon}</Flex>\n        ) : null}\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;AACE;AACA;;AAEA;;AAGF;;;AAKI;AACA;AACA;;AAEA;AACA;;AAyBJ;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,gHAuEvB,CAAC"}
+{"version":3,"file":"sidebar-item.d.ts","sourceRoot":"","sources":["../../../components/sidebar/sidebar-item.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,wBAAwB,EAGxB,YAAY,EACZ,SAAS,EAEV,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,gHA0EvB,CAAC"}

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

@@ -1,12 +1,12 @@
 "use client";
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { cx } from 'class-variance-authority';
+import { cx } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
 import { forwardRef, useContext, cloneElement } from 'react';
 import { Avatar } from '../avatar/avatar.js';
 import { Flex } from '../flex/flex.js';
 import { Tooltip } from '../tooltip/tooltip.js';
-import { SidebarContext } from './sidebar-root.js';
 import styles from './sidebar.module.css.js';
+import { SidebarContext } from './sidebar-root.js';
 
 const SidebarItem = forwardRef(({ classNames, leadingIcon, children, active, disabled, as = jsx("a", {}), ...props }, ref) => {
     const { isCollapsed, hideCollapsedItemTooltip } = useContext(SidebarContext);
@@ -14,6 +14,12 @@ const SidebarItem = forwardRef(({ classNames, leadingIcon, children, active, dis
         isCollapsed &&
         typeof children === 'string' &&
         children.length > 0;
+    const iconProps = {
+        align: 'center',
+        gap: 3,
+        className: cx(styles['nav-leading-icon'], classNames?.leadingIcon),
+        ariaHidden: true
+    };
     const content = cloneElement(as, {
         ref,
         className: cx(styles['nav-item'], classNames?.root),
@@ -23,7 +29,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: cx(styles['nav-text'], classNames?.text), children: children }))] }));
+    }, jsxs(Fragment, { children: [shouldShowFallback ? (jsx(Flex, { ...iconProps, children: jsx(Avatar, { size: 1, variant: 'soft', color: 'neutral', fallback: children[0].toUpperCase(), style: { cursor: 'pointer' } }) })) : null, !shouldShowFallback && leadingIcon ? (jsx(Flex, { ...iconProps, children: leadingIcon })) : null, !isCollapsed && (jsx("span", { className: cx(styles['nav-text'], classNames?.text), children: children }))] }));
     if (isCollapsed && !hideCollapsedItemTooltip) {
         return (jsx(Tooltip, { message: children, side: 'right', children: content }));
     }