@raystack/apsara 0.56.5 → 1.0.0-rc.0

package/dist/components/checkbox/__tests__/checkbox-group.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-group.test.d.ts","sourceRoot":"","sources":["../../../../components/checkbox/__tests__/checkbox-group.test.tsx"],"names":[],"mappings":""}

package/dist/components/checkbox/checkbox.cjs

@@ -2,34 +2,23 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
+var checkbox = require('@base-ui/react/checkbox');
+var checkboxGroup = require('@base-ui/react/checkbox-group');
 var classVarianceAuthority = require('class-variance-authority');
-var radixUi = require('radix-ui');
 var React = require('react');
 var checkbox_module = require('./checkbox.module.css.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 = 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(radixUi.Checkbox.Root, { className: checkbox({
-            className: classVarianceAuthority.cx(className, {
-                [checkbox_module.default['checkbox-disabled']]: disabled,
-                [checkbox_module.default['checkbox-indeterminate']]: isIndeterminate
-            })
-        }), checked: isIndeterminate || checked === true, defaultChecked: defaultChecked === true, onCheckedChange: value => {
-            if (onCheckedChange) {
-                // If it's currently indeterminate, next state will be unchecked
-                if (checked === 'indeterminate') {
-                    onCheckedChange(false);
-                }
-                else {
-                    onCheckedChange(value);
-                }
-            }
-        }, disabled: disabled, ref: forwardedRef, ...props, children: jsxRuntime.jsx(radixUi.Checkbox.Indicator, { className: checkbox_module.default.indicator, children: isIndeterminate ? jsxRuntime.jsx(IndeterminateIcon, {}) : jsxRuntime.jsx(CheckMarkIcon, {}) }) }));
+const CheckboxGroup = React.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsx(checkboxGroup.CheckboxGroup, { ref: ref, className: classVarianceAuthority.cx(checkbox_module.default.group, className), ...props })));
+CheckboxGroup.displayName = 'Checkbox.Group';
+const CheckboxItem = React.forwardRef(({ className, ...props }, ref) => {
+    return (jsxRuntime.jsx(checkbox.Checkbox.Root, { className: classVarianceAuthority.cx(checkbox_module.default.checkbox, className), ref: ref, ...props, children: jsxRuntime.jsx(checkbox.Checkbox.Indicator, { className: checkbox_module.default.indicator, render: (props, state) => (jsxRuntime.jsx("span", { ...props, children: state.indeterminate ? jsxRuntime.jsx(IndeterminateIcon, {}) : jsxRuntime.jsx(CheckMarkIcon, {}) })) }) }));
+});
+CheckboxItem.displayName = 'Checkbox';
+const Checkbox = Object.assign(CheckboxItem, {
+    Group: CheckboxGroup
 });
-Checkbox.displayName = 'Checkbox';
 
 exports.Checkbox = Checkbox;
 //# sourceMappingURL=checkbox.cjs.map

package/dist/components/checkbox/checkbox.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.cjs","sources":["../../../components/checkbox/checkbox.tsx"],"sourcesContent":["'use client';\n\nimport { VariantProps, cva, cx } from 'class-variance-authority';\nimport { Checkbox as CheckboxPrimitive } from 'radix-ui';\nimport { ComponentPropsWithoutRef, ElementRef, forwardRef } from 'react';\n\nimport styles from './checkbox.module.css';\n\nconst CheckMarkIcon = () => (\n  <svg\n    xmlns='http://www.w3.org/2000/svg'\n    width='16'\n    height='16'\n    viewBox='0 0 16 16'\n    fill='none'\n    className={styles.icon}\n  >\n    <path\n      fillRule='evenodd'\n      clipRule='evenodd'\n      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'\n      fill='currentColor'\n    />\n  </svg>\n);\n\nconst IndeterminateIcon = () => (\n  <svg\n    xmlns='http://www.w3.org/2000/svg'\n    width='16'\n    height='16'\n    viewBox='0 0 16 16'\n    fill='none'\n    className={styles.icon}\n  >\n    <path\n      fillRule='evenodd'\n      clipRule='evenodd'\n      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'\n      fill='currentColor'\n    />\n  </svg>\n);\n\nconst checkbox = cva(styles.checkbox);\n\ntype CheckboxVariants = VariantProps<typeof checkbox>;\ntype CheckedState = boolean | 'indeterminate';\n\nexport interface CheckboxProps\n  extends Omit<\n      ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>,\n      keyof CheckboxVariants\n    >,\n    CheckboxVariants {\n  checked?: CheckedState;\n  defaultChecked?: CheckedState;\n  onCheckedChange?: (checked: CheckedState) => void;\n}\n\nexport const Checkbox = forwardRef<\n  ElementRef<typeof CheckboxPrimitive.Root>,\n  CheckboxProps\n>(\n  (\n    { className, disabled, checked, defaultChecked, onCheckedChange, ...props },\n    forwardedRef\n  ) => {\n    const isIndeterminate =\n      checked === 'indeterminate' || defaultChecked === 'indeterminate';\n\n    return (\n      <CheckboxPrimitive.Root\n        className={checkbox({\n          className: cx(className, {\n            [styles['checkbox-disabled']]: disabled,\n            [styles['checkbox-indeterminate']]: isIndeterminate\n          })\n        })}\n        checked={isIndeterminate || checked === true}\n        defaultChecked={defaultChecked === true}\n        onCheckedChange={value => {\n          if (onCheckedChange) {\n            // If it's currently indeterminate, next state will be unchecked\n            if (checked === 'indeterminate') {\n              onCheckedChange(false);\n            } else {\n              onCheckedChange(value);\n            }\n          }\n        }}\n        disabled={disabled}\n        ref={forwardedRef}\n        {...props}\n      >\n        <CheckboxPrimitive.Indicator className={styles.indicator}>\n          {isIndeterminate ? <IndeterminateIcon /> : <CheckMarkIcon />}\n        </CheckboxPrimitive.Indicator>\n      </CheckboxPrimitive.Root>\n    );\n  }\n);\n\nCheckbox.displayName = 'Checkbox';\n"],"names":[],"mappings":";;;;;;;;;AAQA;AAkBA;AAkBA;AAgBa;;;AAcH;AACE;AACA;;AAEH;;;AAMG;;;;;;;AAMJ;AAUN;AAGF;;"}
+{"version":3,"file":"checkbox.cjs","sources":["../../../components/checkbox/checkbox.tsx"],"sourcesContent":["'use client';\n\nimport { Checkbox as CheckboxPrimitive } from '@base-ui/react/checkbox';\nimport { CheckboxGroup as CheckboxGroupPrimitive } from '@base-ui/react/checkbox-group';\nimport { cx } from 'class-variance-authority';\nimport { ElementRef, forwardRef } from 'react';\n\nimport styles from './checkbox.module.css';\n\nconst CheckMarkIcon = () => (\n  <svg\n    xmlns='http://www.w3.org/2000/svg'\n    width='16'\n    height='16'\n    viewBox='0 0 16 16'\n    fill='none'\n    className={styles.icon}\n  >\n    <path\n      fillRule='evenodd'\n      clipRule='evenodd'\n      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'\n      fill='currentColor'\n    />\n  </svg>\n);\n\nconst IndeterminateIcon = () => (\n  <svg\n    xmlns='http://www.w3.org/2000/svg'\n    width='16'\n    height='16'\n    viewBox='0 0 16 16'\n    fill='none'\n    className={styles.icon}\n  >\n    <path\n      fillRule='evenodd'\n      clipRule='evenodd'\n      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'\n      fill='currentColor'\n    />\n  </svg>\n);\n\nconst CheckboxGroup = forwardRef<HTMLDivElement, CheckboxGroupPrimitive.Props>(\n  ({ className, ...props }, ref) => (\n    <CheckboxGroupPrimitive\n      ref={ref}\n      className={cx(styles.group, className)}\n      {...props}\n    />\n  )\n);\n\nCheckboxGroup.displayName = 'Checkbox.Group';\n\nconst CheckboxItem = forwardRef<\n  ElementRef<typeof CheckboxPrimitive.Root>,\n  CheckboxPrimitive.Root.Props\n>(({ className, ...props }, ref) => {\n  return (\n    <CheckboxPrimitive.Root\n      className={cx(styles.checkbox, className)}\n      ref={ref}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator\n        className={styles.indicator}\n        render={(props, state) => (\n          <span {...props}>\n            {state.indeterminate ? <IndeterminateIcon /> : <CheckMarkIcon />}\n          </span>\n        )}\n      />\n    </CheckboxPrimitive.Root>\n  );\n});\n\nCheckboxItem.displayName = 'Checkbox';\n\nexport const Checkbox = Object.assign(CheckboxItem, {\n  Group: CheckboxGroup\n});\n"],"names":[],"mappings":";;;;;;;;;;AASA;AAkBA;AAkBA;AAUA;AAEA;AAIE;AAgBF;AAEA;;AAGE;AACD;;"}

package/dist/components/checkbox/checkbox.d.ts

@@ -1,14 +1,4 @@
-import { VariantProps } from 'class-variance-authority';
-import { Checkbox as CheckboxPrimitive } from 'radix-ui';
-import { ComponentPropsWithoutRef } from 'react';
-declare const checkbox: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-type CheckboxVariants = VariantProps<typeof checkbox>;
-type CheckedState = boolean | 'indeterminate';
-export interface CheckboxProps extends Omit<ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, keyof CheckboxVariants>, CheckboxVariants {
-    checked?: CheckedState;
-    defaultChecked?: CheckedState;
-    onCheckedChange?: (checked: CheckedState) => void;
-}
-export declare const Checkbox: import("react").ForwardRefExoticComponent<CheckboxProps & import("react").RefAttributes<HTMLButtonElement>>;
-export {};
+export declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react/checkbox").CheckboxRootProps, "ref"> & import("react").RefAttributes<HTMLElement>> & {
+    Group: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react/checkbox-group").CheckboxGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+};
 //# sourceMappingURL=checkbox.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../components/checkbox/checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAW,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,UAAU,CAAC;AACzD,OAAO,EAAE,wBAAwB,EAA0B,MAAM,OAAO,CAAC;AAwCzE,QAAA,MAAM,QAAQ,oFAAuB,CAAC;AAEtC,KAAK,gBAAgB,GAAG,YAAY,CAAC,OAAO,QAAQ,CAAC,CAAC;AACtD,KAAK,YAAY,GAAG,OAAO,GAAG,eAAe,CAAC;AAE9C,MAAM,WAAW,aACf,SAAQ,IAAI,CACR,wBAAwB,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,EACvD,MAAM,gBAAgB,CACvB,EACD,gBAAgB;IAClB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,cAAc,CAAC,EAAE,YAAY,CAAC;IAC9B,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;CACnD;AAED,eAAO,MAAM,QAAQ,6GAyCpB,CAAC"}
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../components/checkbox/checkbox.tsx"],"names":[],"mappings":"AAiFA,eAAO,MAAM,QAAQ;;CAEnB,CAAC"}

package/dist/components/checkbox/checkbox.js

@@ -1,33 +1,22 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import { cva, cx } from 'class-variance-authority';
-import { Checkbox as Checkbox$1 } from 'radix-ui';
+import { Checkbox as Checkbox$1 } from '@base-ui/react/checkbox';
+import { CheckboxGroup as CheckboxGroup$1 } from '@base-ui/react/checkbox-group';
+import { cx } from 'class-variance-authority';
 import { forwardRef } from 'react';
 import styles from './checkbox.module.css.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.Root, { className: checkbox({
-            className: cx(className, {
-                [styles['checkbox-disabled']]: disabled,
-                [styles['checkbox-indeterminate']]: isIndeterminate
-            })
-        }), checked: isIndeterminate || checked === true, defaultChecked: defaultChecked === true, onCheckedChange: value => {
-            if (onCheckedChange) {
-                // If it's currently indeterminate, next state will be unchecked
-                if (checked === 'indeterminate') {
-                    onCheckedChange(false);
-                }
-                else {
-                    onCheckedChange(value);
-                }
-            }
-        }, disabled: disabled, ref: forwardedRef, ...props, children: jsx(Checkbox$1.Indicator, { className: styles.indicator, children: isIndeterminate ? jsx(IndeterminateIcon, {}) : jsx(CheckMarkIcon, {}) }) }));
+const CheckboxGroup = forwardRef(({ className, ...props }, ref) => (jsx(CheckboxGroup$1, { ref: ref, className: cx(styles.group, className), ...props })));
+CheckboxGroup.displayName = 'Checkbox.Group';
+const CheckboxItem = forwardRef(({ className, ...props }, ref) => {
+    return (jsx(Checkbox$1.Root, { className: cx(styles.checkbox, className), ref: ref, ...props, children: jsx(Checkbox$1.Indicator, { className: styles.indicator, render: (props, state) => (jsx("span", { ...props, children: state.indeterminate ? jsx(IndeterminateIcon, {}) : jsx(CheckMarkIcon, {}) })) }) }));
+});
+CheckboxItem.displayName = 'Checkbox';
+const Checkbox = Object.assign(CheckboxItem, {
+    Group: CheckboxGroup
 });
-Checkbox.displayName = 'Checkbox';
 
 export { Checkbox };
 //# sourceMappingURL=checkbox.js.map

package/dist/components/checkbox/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","sources":["../../../components/checkbox/checkbox.tsx"],"sourcesContent":["'use client';\n\nimport { VariantProps, cva, cx } from 'class-variance-authority';\nimport { Checkbox as CheckboxPrimitive } from 'radix-ui';\nimport { ComponentPropsWithoutRef, ElementRef, forwardRef } from 'react';\n\nimport styles from './checkbox.module.css';\n\nconst CheckMarkIcon = () => (\n  <svg\n    xmlns='http://www.w3.org/2000/svg'\n    width='16'\n    height='16'\n    viewBox='0 0 16 16'\n    fill='none'\n    className={styles.icon}\n  >\n    <path\n      fillRule='evenodd'\n      clipRule='evenodd'\n      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'\n      fill='currentColor'\n    />\n  </svg>\n);\n\nconst IndeterminateIcon = () => (\n  <svg\n    xmlns='http://www.w3.org/2000/svg'\n    width='16'\n    height='16'\n    viewBox='0 0 16 16'\n    fill='none'\n    className={styles.icon}\n  >\n    <path\n      fillRule='evenodd'\n      clipRule='evenodd'\n      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'\n      fill='currentColor'\n    />\n  </svg>\n);\n\nconst checkbox = cva(styles.checkbox);\n\ntype CheckboxVariants = VariantProps<typeof checkbox>;\ntype CheckedState = boolean | 'indeterminate';\n\nexport interface CheckboxProps\n  extends Omit<\n      ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>,\n      keyof CheckboxVariants\n    >,\n    CheckboxVariants {\n  checked?: CheckedState;\n  defaultChecked?: CheckedState;\n  onCheckedChange?: (checked: CheckedState) => void;\n}\n\nexport const Checkbox = forwardRef<\n  ElementRef<typeof CheckboxPrimitive.Root>,\n  CheckboxProps\n>(\n  (\n    { className, disabled, checked, defaultChecked, onCheckedChange, ...props },\n    forwardedRef\n  ) => {\n    const isIndeterminate =\n      checked === 'indeterminate' || defaultChecked === 'indeterminate';\n\n    return (\n      <CheckboxPrimitive.Root\n        className={checkbox({\n          className: cx(className, {\n            [styles['checkbox-disabled']]: disabled,\n            [styles['checkbox-indeterminate']]: isIndeterminate\n          })\n        })}\n        checked={isIndeterminate || checked === true}\n        defaultChecked={defaultChecked === true}\n        onCheckedChange={value => {\n          if (onCheckedChange) {\n            // If it's currently indeterminate, next state will be unchecked\n            if (checked === 'indeterminate') {\n              onCheckedChange(false);\n            } else {\n              onCheckedChange(value);\n            }\n          }\n        }}\n        disabled={disabled}\n        ref={forwardedRef}\n        {...props}\n      >\n        <CheckboxPrimitive.Indicator className={styles.indicator}>\n          {isIndeterminate ? <IndeterminateIcon /> : <CheckMarkIcon />}\n        </CheckboxPrimitive.Indicator>\n      </CheckboxPrimitive.Root>\n    );\n  }\n);\n\nCheckbox.displayName = 'Checkbox';\n"],"names":[],"mappings":";;;;;;;AAQA;AAkBA;AAkBA;AAgBa;;;AAcH;AACE;AACA;;AAEH;;;AAMG;;;;;;;AAMJ;AAUN;AAGF;;"}
+{"version":3,"file":"checkbox.js","sources":["../../../components/checkbox/checkbox.tsx"],"sourcesContent":["'use client';\n\nimport { Checkbox as CheckboxPrimitive } from '@base-ui/react/checkbox';\nimport { CheckboxGroup as CheckboxGroupPrimitive } from '@base-ui/react/checkbox-group';\nimport { cx } from 'class-variance-authority';\nimport { ElementRef, forwardRef } from 'react';\n\nimport styles from './checkbox.module.css';\n\nconst CheckMarkIcon = () => (\n  <svg\n    xmlns='http://www.w3.org/2000/svg'\n    width='16'\n    height='16'\n    viewBox='0 0 16 16'\n    fill='none'\n    className={styles.icon}\n  >\n    <path\n      fillRule='evenodd'\n      clipRule='evenodd'\n      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'\n      fill='currentColor'\n    />\n  </svg>\n);\n\nconst IndeterminateIcon = () => (\n  <svg\n    xmlns='http://www.w3.org/2000/svg'\n    width='16'\n    height='16'\n    viewBox='0 0 16 16'\n    fill='none'\n    className={styles.icon}\n  >\n    <path\n      fillRule='evenodd'\n      clipRule='evenodd'\n      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'\n      fill='currentColor'\n    />\n  </svg>\n);\n\nconst CheckboxGroup = forwardRef<HTMLDivElement, CheckboxGroupPrimitive.Props>(\n  ({ className, ...props }, ref) => (\n    <CheckboxGroupPrimitive\n      ref={ref}\n      className={cx(styles.group, className)}\n      {...props}\n    />\n  )\n);\n\nCheckboxGroup.displayName = 'Checkbox.Group';\n\nconst CheckboxItem = forwardRef<\n  ElementRef<typeof CheckboxPrimitive.Root>,\n  CheckboxPrimitive.Root.Props\n>(({ className, ...props }, ref) => {\n  return (\n    <CheckboxPrimitive.Root\n      className={cx(styles.checkbox, className)}\n      ref={ref}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator\n        className={styles.indicator}\n        render={(props, state) => (\n          <span {...props}>\n            {state.indeterminate ? <IndeterminateIcon /> : <CheckMarkIcon />}\n          </span>\n        )}\n      />\n    </CheckboxPrimitive.Root>\n  );\n});\n\nCheckboxItem.displayName = 'Checkbox';\n\nexport const Checkbox = Object.assign(CheckboxItem, {\n  Group: CheckboxGroup\n});\n"],"names":[],"mappings":";;;;;;;;AASA;AAkBA;AAkBA;AAUA;AAEA;AAIE;AAgBF;AAEA;;AAGE;AACD;;"}

package/dist/components/checkbox/checkbox.module.css.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var styles = {"checkbox":"checkbox-module_checkbox__MwMTa","checkbox-indeterminate":"checkbox-module_checkbox-indeterminate__prK1B","checkbox-disabled":"checkbox-module_checkbox-disabled__UkyEy","indicator":"checkbox-module_indicator__AlJBp","icon":"checkbox-module_icon__joVFL","checkbox___indeterminate":"checkbox-module_checkbox-indeterminate__prK1B","checkbox___disabled":"checkbox-module_checkbox-disabled__UkyEy"};
+var styles = {"group":"checkbox-module_group__iyptK","checkbox":"checkbox-module_checkbox__MwMTa","indicator":"checkbox-module_indicator__AlJBp","icon":"checkbox-module_icon__joVFL"};
 
 exports.default = styles;
 //# sourceMappingURL=checkbox.module.css.cjs.map

package/dist/components/checkbox/checkbox.module.css.js

@@ -1,4 +1,4 @@
-var styles = {"checkbox":"checkbox-module_checkbox__MwMTa","checkbox-indeterminate":"checkbox-module_checkbox-indeterminate__prK1B","checkbox-disabled":"checkbox-module_checkbox-disabled__UkyEy","indicator":"checkbox-module_indicator__AlJBp","icon":"checkbox-module_icon__joVFL","checkbox___indeterminate":"checkbox-module_checkbox-indeterminate__prK1B","checkbox___disabled":"checkbox-module_checkbox-disabled__UkyEy"};
+var styles = {"group":"checkbox-module_group__iyptK","checkbox":"checkbox-module_checkbox__MwMTa","indicator":"checkbox-module_indicator__AlJBp","icon":"checkbox-module_icon__joVFL"};
 
 export { styles as default };
 //# sourceMappingURL=checkbox.module.css.js.map

package/dist/components/checkbox/index.d.ts

@@ -1,2 +1,2 @@
-export { Checkbox } from "./checkbox";
+export { Checkbox } from './checkbox';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/chip/chip.d.ts

@@ -1,7 +1,7 @@
 import { type VariantProps } from 'class-variance-authority';
 import { ReactNode } from 'react';
 declare const chip: (props?: ({
-    variant?: "outline" | "filled" | null | undefined;
+    variant?: "filled" | "outline" | null | undefined;
     size?: "small" | "large" | null | undefined;
     color?: "accent" | "neutral" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/components/code-block/code-block-misc.d.ts

@@ -2,19 +2,19 @@ import { ComponentProps, HTMLAttributes, ReactNode } from 'react';
 import { Button } from '../button';
 import { CopyButton } from '../copy-button';
 export declare const CodeBlockContent: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
-export declare const CodeBlockHeader: import("react").ForwardRefExoticComponent<Omit<import("class-variance-authority").VariantProps<(props?: ({
+export declare const CodeBlockHeader: import("react").ForwardRefExoticComponent<Omit<Omit<import("class-variance-authority").VariantProps<(props?: ({
     direction?: "row" | "column" | "rowReverse" | "columnReverse" | null | undefined;
     align?: "center" | "start" | "end" | "stretch" | "baseline" | null | undefined;
     justify?: "center" | "start" | "end" | "between" | null | undefined;
     wrap?: "wrap" | "noWrap" | "wrapReverse" | null | undefined;
-    gap?: 1 | "small" | 2 | "extra-small" | "medium" | "large" | "extra-large" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | null | undefined;
+    gap?: "small" | 1 | 2 | "extra-small" | "medium" | "large" | "extra-large" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | null | undefined;
     width?: "full" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
-    children?: ReactNode;
-} & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & import("react").ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement> & {
+    render?: import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("@base-ui/react").ComponentRenderFn<import("@base-ui/react").HTMLProps, {}> | undefined;
+}, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 export declare const CodeBlockLabel: import("react").ForwardRefExoticComponent<(Omit<import("class-variance-authority").VariantProps<(props?: ({
     variant?: "primary" | "secondary" | "tertiary" | "emphasis" | "accent" | "attention" | "danger" | "success" | null | undefined;
-    size?: 1 | "small" | 2 | 10 | "large" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "micro" | "mini" | "regular" | null | undefined;
+    size?: "small" | 1 | 2 | 10 | "large" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "micro" | "mini" | "regular" | null | undefined;
     weight?: "bold" | "medium" | "regular" | "bolder" | "normal" | "lighter" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | null | undefined;
     transform?: "capitalize" | "uppercase" | "lowercase" | null | undefined;
     align?: "center" | "start" | "end" | "justify" | null | undefined;
@@ -23,13 +23,13 @@ export declare const CodeBlockLabel: import("react").ForwardRefExoticComponent<(
     strikeThrough?: boolean | null | undefined;
     italic?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
-    size?: 1 | "small" | 2 | 10 | "large" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "micro" | "mini" | "regular" | undefined;
+    size?: "small" | 1 | 2 | 10 | "large" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "micro" | "mini" | "regular" | undefined;
     weight?: "bold" | "medium" | "regular" | "bolder" | "normal" | "lighter" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | undefined;
 } & {
     as?: "span" | undefined;
 } & Omit<import("react").DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLDivElement | HTMLSpanElement | HTMLAnchorElement | HTMLLabelElement | HTMLParagraphElement>, "ref"> | Omit<import("class-variance-authority").VariantProps<(props?: ({
     variant?: "primary" | "secondary" | "tertiary" | "emphasis" | "accent" | "attention" | "danger" | "success" | null | undefined;
-    size?: 1 | "small" | 2 | 10 | "large" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "micro" | "mini" | "regular" | null | undefined;
+    size?: "small" | 1 | 2 | 10 | "large" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "micro" | "mini" | "regular" | null | undefined;
     weight?: "bold" | "medium" | "regular" | "bolder" | "normal" | "lighter" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | null | undefined;
     transform?: "capitalize" | "uppercase" | "lowercase" | null | undefined;
     align?: "center" | "start" | "end" | "justify" | null | undefined;
@@ -38,13 +38,13 @@ export declare const CodeBlockLabel: import("react").ForwardRefExoticComponent<(
     strikeThrough?: boolean | null | undefined;
     italic?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
-    size?: 1 | "small" | 2 | 10 | "large" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "micro" | "mini" | "regular" | undefined;
+    size?: "small" | 1 | 2 | 10 | "large" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "micro" | "mini" | "regular" | undefined;
     weight?: "bold" | "medium" | "regular" | "bolder" | "normal" | "lighter" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | undefined;
 } & {
     as: "div";
 } & Omit<import("react").DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement | HTMLSpanElement | HTMLAnchorElement | HTMLLabelElement | HTMLParagraphElement>, "ref"> | Omit<import("class-variance-authority").VariantProps<(props?: ({
     variant?: "primary" | "secondary" | "tertiary" | "emphasis" | "accent" | "attention" | "danger" | "success" | null | undefined;
-    size?: 1 | "small" | 2 | 10 | "large" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "micro" | "mini" | "regular" | null | undefined;
+    size?: "small" | 1 | 2 | 10 | "large" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "micro" | "mini" | "regular" | null | undefined;
     weight?: "bold" | "medium" | "regular" | "bolder" | "normal" | "lighter" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | null | undefined;
     transform?: "capitalize" | "uppercase" | "lowercase" | null | undefined;
     align?: "center" | "start" | "end" | "justify" | null | undefined;
@@ -53,13 +53,13 @@ export declare const CodeBlockLabel: import("react").ForwardRefExoticComponent<(
     strikeThrough?: boolean | null | undefined;
     italic?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
-    size?: 1 | "small" | 2 | 10 | "large" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "micro" | "mini" | "regular" | undefined;
+    size?: "small" | 1 | 2 | 10 | "large" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "micro" | "mini" | "regular" | undefined;
     weight?: "bold" | "medium" | "regular" | "bolder" | "normal" | "lighter" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | undefined;
 } & {
     as: "label";
 } & Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & import("react").RefAttributes<HTMLDivElement | HTMLSpanElement | HTMLAnchorElement | HTMLLabelElement | HTMLParagraphElement>, "ref"> | Omit<import("class-variance-authority").VariantProps<(props?: ({
     variant?: "primary" | "secondary" | "tertiary" | "emphasis" | "accent" | "attention" | "danger" | "success" | null | undefined;
-    size?: 1 | "small" | 2 | 10 | "large" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "micro" | "mini" | "regular" | null | undefined;
+    size?: "small" | 1 | 2 | 10 | "large" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "micro" | "mini" | "regular" | null | undefined;
     weight?: "bold" | "medium" | "regular" | "bolder" | "normal" | "lighter" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | null | undefined;
     transform?: "capitalize" | "uppercase" | "lowercase" | null | undefined;
     align?: "center" | "start" | "end" | "justify" | null | undefined;
@@ -68,13 +68,13 @@ export declare const CodeBlockLabel: import("react").ForwardRefExoticComponent<(
     strikeThrough?: boolean | null | undefined;
     italic?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
-    size?: 1 | "small" | 2 | 10 | "large" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "micro" | "mini" | "regular" | undefined;
+    size?: "small" | 1 | 2 | 10 | "large" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "micro" | "mini" | "regular" | undefined;
     weight?: "bold" | "medium" | "regular" | "bolder" | "normal" | "lighter" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | undefined;
 } & {
     as: "p";
 } & Omit<import("react").DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLDivElement | HTMLSpanElement | HTMLAnchorElement | HTMLLabelElement | HTMLParagraphElement>, "ref"> | Omit<import("class-variance-authority").VariantProps<(props?: ({
     variant?: "primary" | "secondary" | "tertiary" | "emphasis" | "accent" | "attention" | "danger" | "success" | null | undefined;
-    size?: 1 | "small" | 2 | 10 | "large" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "micro" | "mini" | "regular" | null | undefined;
+    size?: "small" | 1 | 2 | 10 | "large" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "micro" | "mini" | "regular" | null | undefined;
     weight?: "bold" | "medium" | "regular" | "bolder" | "normal" | "lighter" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | null | undefined;
     transform?: "capitalize" | "uppercase" | "lowercase" | null | undefined;
     align?: "center" | "start" | "end" | "justify" | null | undefined;
@@ -83,7 +83,7 @@ export declare const CodeBlockLabel: import("react").ForwardRefExoticComponent<(
     strikeThrough?: boolean | null | undefined;
     italic?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
-    size?: 1 | "small" | 2 | 10 | "large" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "micro" | "mini" | "regular" | undefined;
+    size?: "small" | 1 | 2 | 10 | "large" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "micro" | "mini" | "regular" | undefined;
     weight?: "bold" | "medium" | "regular" | "bolder" | "normal" | "lighter" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | undefined;
 } & {
     as: "a";

package/dist/components/code-block/code-block-misc.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"code-block-misc.d.ts","sourceRoot":"","sources":["../../../components/code-block/code-block-misc.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,cAAc,EAGd,cAAc,EACd,SAAS,EACV,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAM5C,eAAO,MAAM,gBAAgB,2HAS3B,CAAC;AAIH,eAAO,MAAM,eAAe;;;;;;;;;2IAe1B,CAAC;AAIH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wYASzB,CAAC;AAIH,MAAM,WAAW,6BACf,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,UAAU,CAAC;IACvD,QAAQ,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,SAAS,EAAE,OAAO,KAAK,SAAS,CAAC,CAAC;CAC5D;AACD,eAAO,MAAM,wBAAwB,0IAwCpC,CAAC;AAIF,MAAM,WAAW,wBACf,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,EAAE,MAAM,CAAC;IACvD,OAAO,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;CAClC;AAED,eAAO,MAAM,mBAAmB,qIAmB9B,CAAC"}
+{"version":3,"file":"code-block-misc.d.ts","sourceRoot":"","sources":["../../../components/code-block/code-block-misc.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,cAAc,EAGd,cAAc,EACd,SAAS,EACV,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAM5C,eAAO,MAAM,gBAAgB,2HAS3B,CAAC;AAIH,eAAO,MAAM,eAAe;;;;;;;;;kHAe1B,CAAC;AAIH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wYASzB,CAAC;AAIH,MAAM,WAAW,6BACf,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,UAAU,CAAC;IACvD,QAAQ,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,SAAS,EAAE,OAAO,KAAK,SAAS,CAAC,CAAC;CAC5D;AACD,eAAO,MAAM,wBAAwB,0IAwCpC,CAAC;AAIF,MAAM,WAAW,wBACf,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,EAAE,MAAM,CAAC;IACvD,OAAO,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;CAClC;AAED,eAAO,MAAM,mBAAmB,qIAmB9B,CAAC"}

package/dist/components/code-block/code-block.d.ts

@@ -0,0 +1,100 @@
+export declare const CodeBlock: import("react").ForwardRefExoticComponent<import("./code-block-root").CodeBlockProps & import("react").RefAttributes<HTMLDivElement>> & {
+    Header: import("react").ForwardRefExoticComponent<Omit<Omit<import("class-variance-authority").VariantProps<(props?: ({
+        direction?: "row" | "column" | "rowReverse" | "columnReverse" | null | undefined;
+        align?: "center" | "start" | "end" | "stretch" | "baseline" | null | undefined;
+        justify?: "center" | "start" | "end" | "between" | null | undefined;
+        wrap?: "wrap" | "noWrap" | "wrapReverse" | null | undefined;
+        gap?: "small" | 1 | 2 | "extra-small" | "medium" | "large" | "extra-large" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | null | undefined;
+        width?: "full" | null | undefined;
+    } & import("class-variance-authority/types").ClassProp) | undefined) => string> & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+        render?: import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("@base-ui/react").ComponentRenderFn<import("@base-ui/react").HTMLProps, {}> | undefined;
+    }, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Content: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+    Label: import("react").ForwardRefExoticComponent<(Omit<import("class-variance-authority").VariantProps<(props?: ({
+        variant?: "primary" | "secondary" | "tertiary" | "emphasis" | "accent" | "attention" | "danger" | "success" | null | undefined;
+        size?: "small" | 1 | 2 | 10 | "large" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "micro" | "mini" | "regular" | null | undefined;
+        weight?: "bold" | "medium" | "regular" | "bolder" | "normal" | "lighter" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | null | undefined;
+        transform?: "capitalize" | "uppercase" | "lowercase" | null | undefined;
+        align?: "center" | "start" | "end" | "justify" | null | undefined;
+        lineClamp?: 1 | 2 | 3 | 4 | 5 | null | undefined;
+        underline?: boolean | null | undefined;
+        strikeThrough?: boolean | null | undefined;
+        italic?: boolean | null | undefined;
+    } & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
+        size?: "small" | 1 | 2 | 10 | "large" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "micro" | "mini" | "regular" | undefined;
+        weight?: "bold" | "medium" | "regular" | "bolder" | "normal" | "lighter" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | undefined;
+    } & {
+        as?: "span" | undefined;
+    } & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLDivElement | HTMLSpanElement | HTMLAnchorElement | HTMLLabelElement | HTMLParagraphElement>, "ref"> | Omit<import("class-variance-authority").VariantProps<(props?: ({
+        variant?: "primary" | "secondary" | "tertiary" | "emphasis" | "accent" | "attention" | "danger" | "success" | null | undefined;
+        size?: "small" | 1 | 2 | 10 | "large" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "micro" | "mini" | "regular" | null | undefined;
+        weight?: "bold" | "medium" | "regular" | "bolder" | "normal" | "lighter" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | null | undefined;
+        transform?: "capitalize" | "uppercase" | "lowercase" | null | undefined;
+        align?: "center" | "start" | "end" | "justify" | null | undefined;
+        lineClamp?: 1 | 2 | 3 | 4 | 5 | null | undefined;
+        underline?: boolean | null | undefined;
+        strikeThrough?: boolean | null | undefined;
+        italic?: boolean | null | undefined;
+    } & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
+        size?: "small" | 1 | 2 | 10 | "large" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "micro" | "mini" | "regular" | undefined;
+        weight?: "bold" | "medium" | "regular" | "bolder" | "normal" | "lighter" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | undefined;
+    } & {
+        as: "div";
+    } & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement | HTMLSpanElement | HTMLAnchorElement | HTMLLabelElement | HTMLParagraphElement>, "ref"> | Omit<import("class-variance-authority").VariantProps<(props?: ({
+        variant?: "primary" | "secondary" | "tertiary" | "emphasis" | "accent" | "attention" | "danger" | "success" | null | undefined;
+        size?: "small" | 1 | 2 | 10 | "large" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "micro" | "mini" | "regular" | null | undefined;
+        weight?: "bold" | "medium" | "regular" | "bolder" | "normal" | "lighter" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | null | undefined;
+        transform?: "capitalize" | "uppercase" | "lowercase" | null | undefined;
+        align?: "center" | "start" | "end" | "justify" | null | undefined;
+        lineClamp?: 1 | 2 | 3 | 4 | 5 | null | undefined;
+        underline?: boolean | null | undefined;
+        strikeThrough?: boolean | null | undefined;
+        italic?: boolean | null | undefined;
+    } & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
+        size?: "small" | 1 | 2 | 10 | "large" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "micro" | "mini" | "regular" | undefined;
+        weight?: "bold" | "medium" | "regular" | "bolder" | "normal" | "lighter" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | undefined;
+    } & {
+        as: "label";
+    } & Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & import("react").RefAttributes<HTMLDivElement | HTMLSpanElement | HTMLAnchorElement | HTMLLabelElement | HTMLParagraphElement>, "ref"> | Omit<import("class-variance-authority").VariantProps<(props?: ({
+        variant?: "primary" | "secondary" | "tertiary" | "emphasis" | "accent" | "attention" | "danger" | "success" | null | undefined;
+        size?: "small" | 1 | 2 | 10 | "large" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "micro" | "mini" | "regular" | null | undefined;
+        weight?: "bold" | "medium" | "regular" | "bolder" | "normal" | "lighter" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | null | undefined;
+        transform?: "capitalize" | "uppercase" | "lowercase" | null | undefined;
+        align?: "center" | "start" | "end" | "justify" | null | undefined;
+        lineClamp?: 1 | 2 | 3 | 4 | 5 | null | undefined;
+        underline?: boolean | null | undefined;
+        strikeThrough?: boolean | null | undefined;
+        italic?: boolean | null | undefined;
+    } & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
+        size?: "small" | 1 | 2 | 10 | "large" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "micro" | "mini" | "regular" | undefined;
+        weight?: "bold" | "medium" | "regular" | "bolder" | "normal" | "lighter" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | undefined;
+    } & {
+        as: "p";
+    } & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLDivElement | HTMLSpanElement | HTMLAnchorElement | HTMLLabelElement | HTMLParagraphElement>, "ref"> | Omit<import("class-variance-authority").VariantProps<(props?: ({
+        variant?: "primary" | "secondary" | "tertiary" | "emphasis" | "accent" | "attention" | "danger" | "success" | null | undefined;
+        size?: "small" | 1 | 2 | 10 | "large" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "micro" | "mini" | "regular" | null | undefined;
+        weight?: "bold" | "medium" | "regular" | "bolder" | "normal" | "lighter" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | null | undefined;
+        transform?: "capitalize" | "uppercase" | "lowercase" | null | undefined;
+        align?: "center" | "start" | "end" | "justify" | null | undefined;
+        lineClamp?: 1 | 2 | 3 | 4 | 5 | null | undefined;
+        underline?: boolean | null | undefined;
+        strikeThrough?: boolean | null | undefined;
+        italic?: boolean | null | undefined;
+    } & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
+        size?: "small" | 1 | 2 | 10 | "large" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "micro" | "mini" | "regular" | undefined;
+        weight?: "bold" | "medium" | "regular" | "bolder" | "normal" | "lighter" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | undefined;
+    } & {
+        as: "a";
+    } & Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & import("react").RefAttributes<HTMLDivElement | HTMLSpanElement | HTMLAnchorElement | HTMLLabelElement | HTMLParagraphElement>, "ref">) & import("react").RefAttributes<HTMLDivElement | HTMLSpanElement | HTMLAnchorElement | HTMLLabelElement | HTMLParagraphElement>>;
+    LanguageSelect: {
+        (props: import("../select/select-root").SingleSelectProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    LanguageSelectTrigger: import("react").ForwardRefExoticComponent<Omit<import("../select/select-trigger").SelectTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    LanguageSelectContent: import("react").ForwardRefExoticComponent<import("../select/select-content").SelectContentProps & import("react").RefAttributes<HTMLDivElement>>;
+    LanguageSelectItem: import("react").ForwardRefExoticComponent<import("../select/select-item").SelectItemProps & import("react").RefAttributes<HTMLDivElement>>;
+    CopyButton: import("react").ForwardRefExoticComponent<Omit<import("./code-block-misc").CodeBlockCopyButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    Code: import("react").ForwardRefExoticComponent<import("./code-block-code").CodeBlockCodeProps & import("react").RefAttributes<HTMLDivElement>>;
+    CollapseTrigger: import("react").ForwardRefExoticComponent<Omit<import("./code-block-misc").CodeBlockCollapseTriggerProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+};
+//# sourceMappingURL=code-block.d.ts.map

package/dist/components/code-block/code-block.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-block.d.ts","sourceRoot":"","sources":["../../../components/code-block/code-block.tsx"],"names":[],"mappings":"AAeA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAWpB,CAAC"}

package/dist/components/collapsible/__tests__/collapsible.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=collapsible.test.d.ts.map

package/dist/components/collapsible/__tests__/collapsible.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible.test.d.ts","sourceRoot":"","sources":["../../../../components/collapsible/__tests__/collapsible.test.tsx"],"names":[],"mappings":""}

package/dist/components/collapsible/collapsible.cjs

@@ -0,0 +1,22 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('@base-ui/react');
+var classVarianceAuthority = require('class-variance-authority');
+var React = require('react');
+var collapsible_module = require('./collapsible.module.css.cjs');
+
+const CollapsibleRoot = React.forwardRef((props, ref) => jsxRuntime.jsx(react.Collapsible.Root, { ref: ref, ...props }));
+CollapsibleRoot.displayName = 'Collapsible';
+const CollapsibleTrigger = React.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsx(react.Collapsible.Trigger, { ref: ref, className: classVarianceAuthority.cx(collapsible_module.default.trigger, className), ...props })));
+CollapsibleTrigger.displayName = 'Collapsible.Trigger';
+const CollapsiblePanel = React.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsx(react.Collapsible.Panel, { ref: ref, className: classVarianceAuthority.cx(collapsible_module.default.panel, className), ...props })));
+CollapsiblePanel.displayName = 'Collapsible.Panel';
+const Collapsible = Object.assign(CollapsibleRoot, {
+    Trigger: CollapsibleTrigger,
+    Panel: CollapsiblePanel
+});
+
+exports.Collapsible = Collapsible;
+//# sourceMappingURL=collapsible.cjs.map

package/dist/components/collapsible/collapsible.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible.cjs","sources":["../../../components/collapsible/collapsible.tsx"],"sourcesContent":["'use client';\n\nimport { Collapsible as CollapsiblePrimitive } from '@base-ui/react';\nimport { cx } from 'class-variance-authority';\nimport { ElementRef, forwardRef } from 'react';\nimport styles from './collapsible.module.css';\n\nconst CollapsibleRoot = forwardRef<\n  ElementRef<typeof CollapsiblePrimitive.Root>,\n  CollapsiblePrimitive.Root.Props\n>((props, ref) => <CollapsiblePrimitive.Root ref={ref} {...props} />);\n\nCollapsibleRoot.displayName = 'Collapsible';\n\nconst CollapsibleTrigger = forwardRef<\n  ElementRef<typeof CollapsiblePrimitive.Trigger>,\n  CollapsiblePrimitive.Trigger.Props\n>(({ className, ...props }, ref) => (\n  <CollapsiblePrimitive.Trigger\n    ref={ref}\n    className={cx(styles.trigger, className)}\n    {...props}\n  />\n));\n\nCollapsibleTrigger.displayName = 'Collapsible.Trigger';\n\nconst CollapsiblePanel = forwardRef<\n  ElementRef<typeof CollapsiblePrimitive.Panel>,\n  CollapsiblePrimitive.Panel.Props\n>(({ className, ...props }, ref) => (\n  <CollapsiblePrimitive.Panel\n    ref={ref}\n    className={cx(styles.panel, className)}\n    {...props}\n  />\n));\n\nCollapsiblePanel.displayName = 'Collapsible.Panel';\n\nexport const Collapsible = Object.assign(CollapsibleRoot, {\n  Trigger: CollapsibleTrigger,\n  Panel: CollapsiblePanel\n});\n"],"names":[],"mappings":";;;;;;;;;AAOA;AAKA;AAEA;AAWA;AAEA;AAWA;;AAGE;AACA;AACD;;"}

package/dist/components/collapsible/collapsible.d.ts

@@ -0,0 +1,5 @@
+export declare const Collapsible: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").CollapsibleRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
+    Trigger: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").CollapsibleTriggerProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    Panel: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").CollapsiblePanelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+};
+//# sourceMappingURL=collapsible.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../../../components/collapsible/collapsible.tsx"],"names":[],"mappings":"AAwCA,eAAO,MAAM,WAAW;;;CAGtB,CAAC"}

package/dist/components/collapsible/collapsible.js

@@ -0,0 +1,20 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { Collapsible as Collapsible$1 } from '@base-ui/react';
+import { cx } from 'class-variance-authority';
+import { forwardRef } from 'react';
+import styles from './collapsible.module.css.js';
+
+const CollapsibleRoot = forwardRef((props, ref) => jsx(Collapsible$1.Root, { ref: ref, ...props }));
+CollapsibleRoot.displayName = 'Collapsible';
+const CollapsibleTrigger = forwardRef(({ className, ...props }, ref) => (jsx(Collapsible$1.Trigger, { ref: ref, className: cx(styles.trigger, className), ...props })));
+CollapsibleTrigger.displayName = 'Collapsible.Trigger';
+const CollapsiblePanel = forwardRef(({ className, ...props }, ref) => (jsx(Collapsible$1.Panel, { ref: ref, className: cx(styles.panel, className), ...props })));
+CollapsiblePanel.displayName = 'Collapsible.Panel';
+const Collapsible = Object.assign(CollapsibleRoot, {
+    Trigger: CollapsibleTrigger,
+    Panel: CollapsiblePanel
+});
+
+export { Collapsible };
+//# sourceMappingURL=collapsible.js.map

package/dist/components/collapsible/collapsible.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible.js","sources":["../../../components/collapsible/collapsible.tsx"],"sourcesContent":["'use client';\n\nimport { Collapsible as CollapsiblePrimitive } from '@base-ui/react';\nimport { cx } from 'class-variance-authority';\nimport { ElementRef, forwardRef } from 'react';\nimport styles from './collapsible.module.css';\n\nconst CollapsibleRoot = forwardRef<\n  ElementRef<typeof CollapsiblePrimitive.Root>,\n  CollapsiblePrimitive.Root.Props\n>((props, ref) => <CollapsiblePrimitive.Root ref={ref} {...props} />);\n\nCollapsibleRoot.displayName = 'Collapsible';\n\nconst CollapsibleTrigger = forwardRef<\n  ElementRef<typeof CollapsiblePrimitive.Trigger>,\n  CollapsiblePrimitive.Trigger.Props\n>(({ className, ...props }, ref) => (\n  <CollapsiblePrimitive.Trigger\n    ref={ref}\n    className={cx(styles.trigger, className)}\n    {...props}\n  />\n));\n\nCollapsibleTrigger.displayName = 'Collapsible.Trigger';\n\nconst CollapsiblePanel = forwardRef<\n  ElementRef<typeof CollapsiblePrimitive.Panel>,\n  CollapsiblePrimitive.Panel.Props\n>(({ className, ...props }, ref) => (\n  <CollapsiblePrimitive.Panel\n    ref={ref}\n    className={cx(styles.panel, className)}\n    {...props}\n  />\n));\n\nCollapsiblePanel.displayName = 'Collapsible.Panel';\n\nexport const Collapsible = Object.assign(CollapsibleRoot, {\n  Trigger: CollapsibleTrigger,\n  Panel: CollapsiblePanel\n});\n"],"names":[],"mappings":";;;;;;;AAOA;AAKA;AAEA;AAWA;AAEA;AAWA;;AAGE;AACA;AACD;;"}

package/dist/components/collapsible/collapsible.module.css.cjs

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"trigger":"collapsible-module_trigger__95zum","panel":"collapsible-module_panel__9Wvtm"};
+
+exports.default = styles;
+//# sourceMappingURL=collapsible.module.css.cjs.map

package/dist/components/collapsible/collapsible.module.css.cjs.map

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

package/dist/components/collapsible/collapsible.module.css.js

@@ -0,0 +1,4 @@
+var styles = {"trigger":"collapsible-module_trigger__95zum","panel":"collapsible-module_panel__9Wvtm"};
+
+export { styles as default };
+//# sourceMappingURL=collapsible.module.css.js.map

package/dist/components/collapsible/collapsible.module.css.js.map

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

package/dist/components/collapsible/index.d.ts

@@ -0,0 +1,2 @@
+export { Collapsible } from './collapsible';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/collapsible/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/collapsible/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}

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

@@ -2,14 +2,14 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
+var slider = require('@base-ui/react/slider');
 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 colorPickerRoot = require('./color-picker-root.cjs');
 
 const ColorPickerAlpha = ({ className, ...props }) => {
     const { alpha = 1, setColor } = colorPickerRoot.useColorPicker();
-    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 })] }));
+    return (jsxRuntime.jsx(slider.Slider.Root, { className: classVarianceAuthority.cx(colorPicker_module.default.sliderRoot, className), max: 100, onValueChange: value => setColor({ alpha: value / 100 }), step: 1, value: alpha * 100, thumbAlignment: 'edge', ...props, children: jsxRuntime.jsx(slider.Slider.Control, { className: colorPicker_module.default.sliderControl, children: jsxRuntime.jsxs(slider.Slider.Track, { className: classVarianceAuthority.cx(colorPicker_module.default.sliderTrack, colorPicker_module.default.alphaTrack), children: [jsxRuntime.jsx("div", { className: colorPicker_module.default.alphaTrackGradient }), jsxRuntime.jsx(slider.Slider.Indicator, { className: colorPicker_module.default.sliderRange }), jsxRuntime.jsx(slider.Slider.Thumb, { className: colorPicker_module.default.sliderThumb, "aria-label": 'Alpha' })] }) }) }));
 };
 
 exports.ColorPickerAlpha = ColorPickerAlpha;

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

@@ -1 +1 @@
-{"version":3,"file":"color-picker-alpha.cjs","sources":["../../../components/color-picker/color-picker-alpha.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'class-variance-authority';\nimport { Slider } from 'radix-ui';\nimport { type ComponentProps } from 'react';\nimport { useColorPicker } from './color-picker-root';\nimport styles from './color-picker.module.css';\n\nexport type ColorPickerAlphaProps = ComponentProps<typeof Slider.Root>;\n\nexport const ColorPickerAlpha = ({\n  className,\n  ...props\n}: ColorPickerAlphaProps) => {\n  const { alpha = 1, setColor } = useColorPicker();\n  return (\n    <Slider.Root\n      className={cx(styles.sliderRoot, className)}\n      max={100}\n      onValueChange={([alpha]) => setColor({ alpha: alpha / 100 })}\n      step={1}\n      value={[alpha * 100]}\n      {...props}\n    >\n      <Slider.Track className={cx(styles.sliderTrack, styles.alphaTrack)}>\n        <div className={styles.alphaTrackGradient} />\n        <Slider.Range className={styles.sliderRange} />\n      </Slider.Track>\n      <Slider.Thumb className={styles.sliderThumb} />\n    </Slider.Root>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAUO;;;AAqBP;;"}
+{"version":3,"file":"color-picker-alpha.cjs","sources":["../../../components/color-picker/color-picker-alpha.tsx"],"sourcesContent":["'use client';\n\nimport { Slider } from '@base-ui/react/slider';\nimport { cx } from 'class-variance-authority';\nimport styles from './color-picker.module.css';\nimport { useColorPicker } from './color-picker-root';\n\nexport type ColorPickerAlphaProps = Slider.Root.Props;\n\nexport const ColorPickerAlpha = ({\n  className,\n  ...props\n}: ColorPickerAlphaProps) => {\n  const { alpha = 1, setColor } = useColorPicker();\n  return (\n    <Slider.Root\n      className={cx(styles.sliderRoot, className)}\n      max={100}\n      onValueChange={value => setColor({ alpha: (value as number) / 100 })}\n      step={1}\n      value={alpha * 100}\n      thumbAlignment='edge'\n      {...props}\n    >\n      <Slider.Control className={styles.sliderControl}>\n        <Slider.Track className={cx(styles.sliderTrack, styles.alphaTrack)}>\n          <div className={styles.alphaTrackGradient} />\n          <Slider.Indicator className={styles.sliderRange} />\n          <Slider.Thumb className={styles.sliderThumb} aria-label='Alpha' />\n        </Slider.Track>\n      </Slider.Control>\n    </Slider.Root>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AASO;;;AAwBP;;"}

package/dist/components/color-picker/color-picker-alpha.d.ts

@@ -1,5 +1,4 @@
-import { Slider } from 'radix-ui';
-import { type ComponentProps } from 'react';
-export type ColorPickerAlphaProps = ComponentProps<typeof Slider.Root>;
+import { Slider } from '@base-ui/react/slider';
+export type ColorPickerAlphaProps = Slider.Root.Props;
 export declare const ColorPickerAlpha: ({ className, ...props }: ColorPickerAlphaProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=color-picker-alpha.d.ts.map