@raystack/apsara 0.56.7 → 1.0.0-rc.1

package/README.md

@@ -2,13 +2,13 @@
 
 [![License](https://img.shields.io/badge/License-Apache%202.0-blue.svg?logo=apache)](LICENSE) [![Formatted with Biome](https://img.shields.io/badge/Formatted_with-Biome-60a5fa?style=flat&logo=biome)](https://biomejs.dev/) [![Linted with Biome](https://img.shields.io/badge/Linted_with-Biome-60a5fa?style=flat&logo=biome)](https://biomejs.dev) [![Checked with Biome](https://img.shields.io/badge/Checked_with-Biome-60a5fa?style=flat&logo=biome)](https://biomejs.dev)
 
-Apsara 🧚‍♀️ is an open-source React UI component library built on Radix UI primitives and vanilla CSS. It provides enterprise-grade, accessible components designed for building complex data interfaces.
+Apsara 🧚‍♀️ is an open-source React UI component library built on Base UI primitives. It provides enterprise-grade, accessible components designed for building complex data interfaces.
 
 <p align="center"><img width=80% src="./apps/www/public/banner.png" /></p>
 
 ## Key Features
 
-- **Accessible Components**: Built on Radix UI primitives ensuring ARIA compliance and keyboard navigation
+- **Accessible Components**: Built on Base UI primitives ensuring ARIA compliance and keyboard navigation
 - **Flexible Styling**: Uses vanilla CSS with HTML data-attributes for powerful theming and style customization
 - **Enterprise Ready**: Designed for complex data-driven applications with components like:
   - Data Tables
@@ -81,7 +81,7 @@ function App() {
 ### Overlay
 
 - `Popover` - Contextual overlays
-- `Sheet` - Slide-out panels
+- `Drawer` - Slide-out panels with swipe-to-dismiss
 - `Dialog` - Modal dialogs
 
 ## Documentation

package/dist/components/accordion/accordion-content.cjs

@@ -2,13 +2,12 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
+var react = require('@base-ui/react');
 var classVarianceAuthority = require('class-variance-authority');
-var radixUi = require('radix-ui');
-var React = require('react');
 var accordion_module = require('./accordion.module.css.cjs');
 
-const AccordionContent = React.forwardRef(({ className, children, ...props }, ref) => (jsxRuntime.jsx(radixUi.Accordion.Content, { ref: ref, className: accordion_module.default['accordion-content'], ...props, children: jsxRuntime.jsx("div", { className: classVarianceAuthority.cx(accordion_module.default['accordion-content-inner'], className), children: children }) })));
-AccordionContent.displayName = radixUi.Accordion.Content.displayName;
+const AccordionContent = ({ className, children, ...props }) => (jsxRuntime.jsx(react.Accordion.Panel, { className: accordion_module.default['accordion-content'], ...props, children: jsxRuntime.jsx("div", { className: classVarianceAuthority.cx(accordion_module.default['accordion-content-inner'], className), children: children }) }));
+AccordionContent.displayName = 'Accordion.Content';
 
 exports.AccordionContent = AccordionContent;
 //# sourceMappingURL=accordion-content.cjs.map

package/dist/components/accordion/accordion-content.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"accordion-content.cjs","sources":["../../../components/accordion/accordion-content.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'class-variance-authority';\nimport { Accordion as AccordionPrimitive } from 'radix-ui';\nimport { ElementRef, ReactNode, forwardRef } from 'react';\nimport styles from './accordion.module.css';\n\nexport interface AccordionContentProps\n  extends AccordionPrimitive.AccordionContentProps {\n  children: ReactNode;\n  className?: string;\n}\n\nexport const AccordionContent = forwardRef<\n  ElementRef<typeof AccordionPrimitive.Content>,\n  AccordionContentProps\n>(({ className, children, ...props }, ref) => (\n  <AccordionPrimitive.Content\n    ref={ref}\n    className={styles['accordion-content']}\n    {...props}\n  >\n    <div className={cx(styles['accordion-content-inner'], className)}>\n      {children}\n    </div>\n  </AccordionPrimitive.Content>\n));\n\nAccordionContent.displayName = AccordionPrimitive.Content.displayName;\n"],"names":[],"mappings":";;;;;;;;;AAaa;AAeb;;"}
+{"version":3,"file":"accordion-content.cjs","sources":["../../../components/accordion/accordion-content.tsx"],"sourcesContent":["'use client';\n\nimport { Accordion as AccordionPrimitive } from '@base-ui/react';\nimport { cx } from 'class-variance-authority';\nimport styles from './accordion.module.css';\n\nexport const AccordionContent = ({\n  className,\n  children,\n  ...props\n}: AccordionPrimitive.Panel.Props) => (\n  <AccordionPrimitive.Panel className={styles['accordion-content']} {...props}>\n    <div className={cx(styles['accordion-content-inner'], className)}>\n      {children}\n    </div>\n  </AccordionPrimitive.Panel>\n);\n\nAccordionContent.displayName = 'Accordion.Content';\n"],"names":[],"mappings":";;;;;;;;;AAkBA;;"}

package/dist/components/accordion/accordion-content.d.ts

@@ -1,8 +1,6 @@
-import { Accordion as AccordionPrimitive } from 'radix-ui';
-import { ReactNode } from 'react';
-export interface AccordionContentProps extends AccordionPrimitive.AccordionContentProps {
-    children: ReactNode;
-    className?: string;
-}
-export declare const AccordionContent: import("react").ForwardRefExoticComponent<AccordionContentProps & import("react").RefAttributes<HTMLDivElement>>;
+import { Accordion as AccordionPrimitive } from '@base-ui/react';
+export declare const AccordionContent: {
+    ({ className, children, ...props }: AccordionPrimitive.Panel.Props): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 //# sourceMappingURL=accordion-content.d.ts.map

package/dist/components/accordion/accordion-content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accordion-content.d.ts","sourceRoot":"","sources":["../../../components/accordion/accordion-content.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,IAAI,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAC3D,OAAO,EAAc,SAAS,EAAc,MAAM,OAAO,CAAC;AAG1D,MAAM,WAAW,qBACf,SAAQ,kBAAkB,CAAC,qBAAqB;IAChD,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,gBAAgB,kHAa3B,CAAC"}
+{"version":3,"file":"accordion-content.d.ts","sourceRoot":"","sources":["../../../components/accordion/accordion-content.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,IAAI,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAIjE,eAAO,MAAM,gBAAgB;wCAI1B,mBAAmB,KAAK,CAAC,KAAK;;CAMhC,CAAC"}

package/dist/components/accordion/accordion-content.js

@@ -1,12 +1,11 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
+import { Accordion } from '@base-ui/react';
 import { cx } from 'class-variance-authority';
-import { Accordion } from 'radix-ui';
-import { forwardRef } from 'react';
 import styles from './accordion.module.css.js';
 
-const AccordionContent = forwardRef(({ className, children, ...props }, ref) => (jsx(Accordion.Content, { ref: ref, className: styles['accordion-content'], ...props, children: jsx("div", { className: cx(styles['accordion-content-inner'], className), children: children }) })));
-AccordionContent.displayName = Accordion.Content.displayName;
+const AccordionContent = ({ className, children, ...props }) => (jsx(Accordion.Panel, { className: styles['accordion-content'], ...props, children: jsx("div", { className: cx(styles['accordion-content-inner'], className), children: children }) }));
+AccordionContent.displayName = 'Accordion.Content';
 
 export { AccordionContent };
 //# sourceMappingURL=accordion-content.js.map

package/dist/components/accordion/accordion-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion-content.js","sources":["../../../components/accordion/accordion-content.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'class-variance-authority';\nimport { Accordion as AccordionPrimitive } from 'radix-ui';\nimport { ElementRef, ReactNode, forwardRef } from 'react';\nimport styles from './accordion.module.css';\n\nexport interface AccordionContentProps\n  extends AccordionPrimitive.AccordionContentProps {\n  children: ReactNode;\n  className?: string;\n}\n\nexport const AccordionContent = forwardRef<\n  ElementRef<typeof AccordionPrimitive.Content>,\n  AccordionContentProps\n>(({ className, children, ...props }, ref) => (\n  <AccordionPrimitive.Content\n    ref={ref}\n    className={styles['accordion-content']}\n    {...props}\n  >\n    <div className={cx(styles['accordion-content-inner'], className)}>\n      {children}\n    </div>\n  </AccordionPrimitive.Content>\n));\n\nAccordionContent.displayName = AccordionPrimitive.Content.displayName;\n"],"names":[],"mappings":";;;;;;;AAaa;AAeb;;"}
+{"version":3,"file":"accordion-content.js","sources":["../../../components/accordion/accordion-content.tsx"],"sourcesContent":["'use client';\n\nimport { Accordion as AccordionPrimitive } from '@base-ui/react';\nimport { cx } from 'class-variance-authority';\nimport styles from './accordion.module.css';\n\nexport const AccordionContent = ({\n  className,\n  children,\n  ...props\n}: AccordionPrimitive.Panel.Props) => (\n  <AccordionPrimitive.Panel className={styles['accordion-content']} {...props}>\n    <div className={cx(styles['accordion-content-inner'], className)}>\n      {children}\n    </div>\n  </AccordionPrimitive.Panel>\n);\n\nAccordionContent.displayName = 'Accordion.Content';\n"],"names":[],"mappings":";;;;;;;AAkBA;;"}

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

@@ -2,13 +2,12 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
+var react = require('@base-ui/react');
 var classVarianceAuthority = require('class-variance-authority');
-var radixUi = require('radix-ui');
-var React = require('react');
 var accordion_module = require('./accordion.module.css.cjs');
 
-const AccordionItem = React.forwardRef(({ className, children, ...props }, ref) => (jsxRuntime.jsx(radixUi.Accordion.Item, { ref: ref, className: classVarianceAuthority.cx(accordion_module.default['accordion-item'], className), ...props, children: children })));
-AccordionItem.displayName = radixUi.Accordion.Item.displayName;
+const AccordionItem = ({ className, children, ...props }) => (jsxRuntime.jsx(react.Accordion.Item, { className: classVarianceAuthority.cx(accordion_module.default['accordion-item'], className), ...props, children: children }));
+AccordionItem.displayName = 'Accordion.Item';
 
 exports.AccordionItem = AccordionItem;
 //# sourceMappingURL=accordion-item.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"accordion-item.cjs","sources":["../../../components/accordion/accordion-item.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'class-variance-authority';\nimport { Accordion as AccordionPrimitive } from 'radix-ui';\nimport { ElementRef, ReactNode, forwardRef } from 'react';\nimport styles from './accordion.module.css';\n\nexport interface AccordionItemProps\n  extends AccordionPrimitive.AccordionItemProps {\n  children: ReactNode;\n  className?: string;\n}\n\nexport const AccordionItem = forwardRef<\n  ElementRef<typeof AccordionPrimitive.Item>,\n  AccordionItemProps\n>(({ className, children, ...props }, ref) => (\n  <AccordionPrimitive.Item\n    ref={ref}\n    className={cx(styles['accordion-item'], className)}\n    {...props}\n  >\n    {children}\n  </AccordionPrimitive.Item>\n));\n\nAccordionItem.displayName = AccordionPrimitive.Item.displayName;\n"],"names":[],"mappings":";;;;;;;;;;AA0BA;;"}
+{"version":3,"file":"accordion-item.cjs","sources":["../../../components/accordion/accordion-item.tsx"],"sourcesContent":["'use client';\n\nimport { Accordion as AccordionPrimitive } from '@base-ui/react';\nimport { cx } from 'class-variance-authority';\nimport styles from './accordion.module.css';\n\nexport const AccordionItem = ({\n  className,\n  children,\n  ...props\n}: AccordionPrimitive.Item.Props) => (\n  <AccordionPrimitive.Item\n    className={cx(styles['accordion-item'], className)}\n    {...props}\n  >\n    {children}\n  </AccordionPrimitive.Item>\n);\n\nAccordionItem.displayName = 'Accordion.Item';\n"],"names":[],"mappings":";;;;;;;;AAMa;AAab;;"}

package/dist/components/accordion/accordion-item.d.ts

@@ -1,8 +1,6 @@
-import { Accordion as AccordionPrimitive } from 'radix-ui';
-import { ReactNode } from 'react';
-export interface AccordionItemProps extends AccordionPrimitive.AccordionItemProps {
-    children: ReactNode;
-    className?: string;
-}
-export declare const AccordionItem: import("react").ForwardRefExoticComponent<AccordionItemProps & import("react").RefAttributes<HTMLDivElement>>;
+import { Accordion as AccordionPrimitive } from '@base-ui/react';
+export declare const AccordionItem: {
+    ({ className, children, ...props }: AccordionPrimitive.Item.Props): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 //# sourceMappingURL=accordion-item.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"accordion-item.d.ts","sourceRoot":"","sources":["../../../components/accordion/accordion-item.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,IAAI,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAC3D,OAAO,EAAc,SAAS,EAAc,MAAM,OAAO,CAAC;AAG1D,MAAM,WAAW,kBACf,SAAQ,kBAAkB,CAAC,kBAAkB;IAC7C,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,+GAWxB,CAAC"}
+{"version":3,"file":"accordion-item.d.ts","sourceRoot":"","sources":["../../../components/accordion/accordion-item.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,IAAI,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAIjE,eAAO,MAAM,aAAa;wCAIvB,mBAAmB,IAAI,CAAC,KAAK;;CAO/B,CAAC"}

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

@@ -1,12 +1,11 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
+import { Accordion } from '@base-ui/react';
 import { cx } from 'class-variance-authority';
-import { Accordion } from 'radix-ui';
-import { forwardRef } from 'react';
 import styles from './accordion.module.css.js';
 
-const AccordionItem = forwardRef(({ className, children, ...props }, ref) => (jsx(Accordion.Item, { ref: ref, className: cx(styles['accordion-item'], className), ...props, children: children })));
-AccordionItem.displayName = Accordion.Item.displayName;
+const AccordionItem = ({ className, children, ...props }) => (jsx(Accordion.Item, { className: cx(styles['accordion-item'], className), ...props, children: children }));
+AccordionItem.displayName = 'Accordion.Item';
 
 export { AccordionItem };
 //# sourceMappingURL=accordion-item.js.map

package/dist/components/accordion/accordion-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion-item.js","sources":["../../../components/accordion/accordion-item.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'class-variance-authority';\nimport { Accordion as AccordionPrimitive } from 'radix-ui';\nimport { ElementRef, ReactNode, forwardRef } from 'react';\nimport styles from './accordion.module.css';\n\nexport interface AccordionItemProps\n  extends AccordionPrimitive.AccordionItemProps {\n  children: ReactNode;\n  className?: string;\n}\n\nexport const AccordionItem = forwardRef<\n  ElementRef<typeof AccordionPrimitive.Item>,\n  AccordionItemProps\n>(({ className, children, ...props }, ref) => (\n  <AccordionPrimitive.Item\n    ref={ref}\n    className={cx(styles['accordion-item'], className)}\n    {...props}\n  >\n    {children}\n  </AccordionPrimitive.Item>\n));\n\nAccordionItem.displayName = AccordionPrimitive.Item.displayName;\n"],"names":[],"mappings":";;;;;;;;AA0BA;;"}
+{"version":3,"file":"accordion-item.js","sources":["../../../components/accordion/accordion-item.tsx"],"sourcesContent":["'use client';\n\nimport { Accordion as AccordionPrimitive } from '@base-ui/react';\nimport { cx } from 'class-variance-authority';\nimport styles from './accordion.module.css';\n\nexport const AccordionItem = ({\n  className,\n  children,\n  ...props\n}: AccordionPrimitive.Item.Props) => (\n  <AccordionPrimitive.Item\n    className={cx(styles['accordion-item'], className)}\n    {...props}\n  >\n    {children}\n  </AccordionPrimitive.Item>\n);\n\nAccordionItem.displayName = 'Accordion.Item';\n"],"names":[],"mappings":";;;;;;AAMa;AAab;;"}

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

@@ -2,25 +2,35 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
+var react = require('@base-ui/react');
 var classVarianceAuthority = require('class-variance-authority');
-var radixUi = require('radix-ui');
-var React = require('react');
 var accordion_module = require('./accordion.module.css.cjs');
 
-const AccordionRoot = React.forwardRef(({ className, type = 'single', ...rest }, ref) => {
-    // this is a workaround to properly typecast the union type
-    const singleProps = {
-        type: 'single',
-        collapsible: true,
-        ...rest
+const AccordionRoot = ({ className, multiple = false, value, defaultValue, onValueChange, ...rest }) => {
+    // Convert value to array format for Base UI
+    const baseValue = value
+        ? Array.isArray(value)
+            ? value
+            : [value]
+        : undefined;
+    const baseDefaultValue = defaultValue
+        ? Array.isArray(defaultValue)
+            ? defaultValue
+            : [defaultValue]
+        : undefined;
+    const handleValueChange = (newValue, eventDetails) => {
+        if (onValueChange) {
+            if (multiple) {
+                onValueChange(newValue);
+            }
+            else {
+                onValueChange(newValue[0] || undefined);
+            }
+        }
     };
-    const multipleProps = {
-        type: 'multiple',
-        ...rest
-    };
-    return (jsxRuntime.jsx(radixUi.Accordion.Root, { ref: ref, className: classVarianceAuthority.cx(accordion_module.default.accordion, className), ...(type === 'multiple' ? multipleProps : singleProps) }));
-});
-AccordionRoot.displayName = radixUi.Accordion.Root.displayName;
+    return (jsxRuntime.jsx(react.Accordion.Root, { className: classVarianceAuthority.cx(accordion_module.default.accordion, className), multiple: multiple, value: baseValue, defaultValue: baseDefaultValue, onValueChange: handleValueChange, ...rest }));
+};
+AccordionRoot.displayName = 'Accordion';
 
 exports.AccordionRoot = AccordionRoot;
 //# sourceMappingURL=accordion-root.cjs.map

package/dist/components/accordion/accordion-root.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"accordion-root.cjs","sources":["../../../components/accordion/accordion-root.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'class-variance-authority';\nimport { Accordion as AccordionPrimitive } from 'radix-ui';\nimport { ElementRef, forwardRef } from 'react';\nimport styles from './accordion.module.css';\n\ntype AccordionSingleProps = Omit<\n  AccordionPrimitive.AccordionSingleProps,\n  'type'\n> & {\n  type?: 'single';\n};\ntype AccordionMultipleProps = Omit<\n  AccordionPrimitive.AccordionMultipleProps,\n  'type'\n> & {\n  type: 'multiple';\n};\nexport type AccordionRootProps = AccordionSingleProps | AccordionMultipleProps;\n\nexport const AccordionRoot = forwardRef<\n  ElementRef<typeof AccordionPrimitive.Root>,\n  AccordionRootProps\n>(({ className, type = 'single', ...rest }, ref) => {\n  // this is a workaround to properly typecast the union type\n  const singleProps = {\n    type: 'single',\n    collapsible: true,\n    ...rest\n  } as AccordionPrimitive.AccordionSingleProps;\n  const multipleProps = {\n    type: 'multiple',\n    ...rest\n  } as AccordionPrimitive.AccordionMultipleProps;\n\n  return (\n    <AccordionPrimitive.Root\n      ref={ref}\n      className={cx(styles.accordion, className)}\n      {...(type === 'multiple' ? multipleProps : singleProps)}\n    />\n  );\n});\n\nAccordionRoot.displayName = AccordionPrimitive.Root.displayName;\n"],"names":[],"mappings":";;;;;;;;;;;AA0BE;AACE;AACA;AACA;;AAEF;AACE;AACA;;AAGF;AAOF;AAEA;;"}
+{"version":3,"file":"accordion-root.cjs","sources":["../../../components/accordion/accordion-root.tsx"],"sourcesContent":["'use client';\n\nimport { Accordion as AccordionPrimitive } from '@base-ui/react';\nimport { cx } from 'class-variance-authority';\nimport styles from './accordion.module.css';\n\ntype AccordionSingleProps = Omit<\n  AccordionPrimitive.Root.Props,\n  'multiple' | 'value' | 'defaultValue' | 'onValueChange'\n> & {\n  multiple?: false;\n  value?: string;\n  defaultValue?: string;\n  onValueChange?: (value?: string) => void;\n};\n\ntype AccordionMultipleProps = Omit<\n  AccordionPrimitive.Root.Props,\n  'multiple' | 'value' | 'defaultValue' | 'onValueChange'\n> & {\n  multiple: true;\n  value?: string[];\n  defaultValue?: string[];\n  onValueChange?: (value?: string[]) => void;\n};\n\nexport type AccordionRootProps = AccordionSingleProps | AccordionMultipleProps;\n\nexport const AccordionRoot = ({\n  className,\n  multiple = false,\n  value,\n  defaultValue,\n  onValueChange,\n  ...rest\n}: AccordionRootProps) => {\n  // Convert value to array format for Base UI\n  const baseValue = value\n    ? Array.isArray(value)\n      ? value\n      : [value]\n    : undefined;\n\n  const baseDefaultValue = defaultValue\n    ? Array.isArray(defaultValue)\n      ? defaultValue\n      : [defaultValue]\n    : undefined;\n\n  const handleValueChange = (\n    newValue: string[],\n    eventDetails: AccordionPrimitive.Root.ChangeEventDetails\n  ) => {\n    if (onValueChange) {\n      if (multiple) {\n        (onValueChange as (value: string[]) => void)(newValue);\n      } else {\n        (onValueChange as (value: string | undefined) => void)(\n          newValue[0] || undefined\n        );\n      }\n    }\n  };\n\n  return (\n    <AccordionPrimitive.Root\n      className={cx(styles.accordion, className)}\n      multiple={multiple}\n      value={baseValue}\n      defaultValue={baseDefaultValue}\n      onValueChange={handleValueChange}\n      {...rest}\n    />\n  );\n};\n\nAccordionRoot.displayName = 'Accordion';\n"],"names":[],"mappings":";;;;;;;;;;;AAsCI;AACE;;;;AAKF;AACE;;;AAIJ;;;;;;;;;AAaA;AAEA;AAUF;AAEA;;"}

package/dist/components/accordion/accordion-root.d.ts

@@ -1,11 +1,20 @@
-import { Accordion as AccordionPrimitive } from 'radix-ui';
-type AccordionSingleProps = Omit<AccordionPrimitive.AccordionSingleProps, 'type'> & {
-    type?: 'single';
+import { Accordion as AccordionPrimitive } from '@base-ui/react';
+type AccordionSingleProps = Omit<AccordionPrimitive.Root.Props, 'multiple' | 'value' | 'defaultValue' | 'onValueChange'> & {
+    multiple?: false;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value?: string) => void;
 };
-type AccordionMultipleProps = Omit<AccordionPrimitive.AccordionMultipleProps, 'type'> & {
-    type: 'multiple';
+type AccordionMultipleProps = Omit<AccordionPrimitive.Root.Props, 'multiple' | 'value' | 'defaultValue' | 'onValueChange'> & {
+    multiple: true;
+    value?: string[];
+    defaultValue?: string[];
+    onValueChange?: (value?: string[]) => void;
 };
 export type AccordionRootProps = AccordionSingleProps | AccordionMultipleProps;
-export declare const AccordionRoot: import("react").ForwardRefExoticComponent<AccordionRootProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const AccordionRoot: {
+    ({ className, multiple, value, defaultValue, onValueChange, ...rest }: AccordionRootProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export {};
 //# sourceMappingURL=accordion-root.d.ts.map

package/dist/components/accordion/accordion-root.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accordion-root.d.ts","sourceRoot":"","sources":["../../../components/accordion/accordion-root.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,IAAI,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAI3D,KAAK,oBAAoB,GAAG,IAAI,CAC9B,kBAAkB,CAAC,oBAAoB,EACvC,MAAM,CACP,GAAG;IACF,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB,CAAC;AACF,KAAK,sBAAsB,GAAG,IAAI,CAChC,kBAAkB,CAAC,sBAAsB,EACzC,MAAM,CACP,GAAG;IACF,IAAI,EAAE,UAAU,CAAC;CAClB,CAAC;AACF,MAAM,MAAM,kBAAkB,GAAG,oBAAoB,GAAG,sBAAsB,CAAC;AAE/E,eAAO,MAAM,aAAa,+GAsBxB,CAAC"}
+{"version":3,"file":"accordion-root.d.ts","sourceRoot":"","sources":["../../../components/accordion/accordion-root.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,IAAI,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAIjE,KAAK,oBAAoB,GAAG,IAAI,CAC9B,kBAAkB,CAAC,IAAI,CAAC,KAAK,EAC7B,UAAU,GAAG,OAAO,GAAG,cAAc,GAAG,eAAe,CACxD,GAAG;IACF,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C,CAAC;AAEF,KAAK,sBAAsB,GAAG,IAAI,CAChC,kBAAkB,CAAC,IAAI,CAAC,KAAK,EAC7B,UAAU,GAAG,OAAO,GAAG,cAAc,GAAG,eAAe,CACxD,GAAG;IACF,QAAQ,EAAE,IAAI,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,aAAa,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC5C,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,oBAAoB,GAAG,sBAAsB,CAAC;AAE/E,eAAO,MAAM,aAAa;2EAOvB,kBAAkB;;CAuCpB,CAAC"}

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

@@ -1,24 +1,34 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
+import { Accordion } from '@base-ui/react';
 import { cx } from 'class-variance-authority';
-import { Accordion } from 'radix-ui';
-import { forwardRef } from 'react';
 import styles from './accordion.module.css.js';
 
-const AccordionRoot = forwardRef(({ className, type = 'single', ...rest }, ref) => {
-    // this is a workaround to properly typecast the union type
-    const singleProps = {
-        type: 'single',
-        collapsible: true,
-        ...rest
+const AccordionRoot = ({ className, multiple = false, value, defaultValue, onValueChange, ...rest }) => {
+    // Convert value to array format for Base UI
+    const baseValue = value
+        ? Array.isArray(value)
+            ? value
+            : [value]
+        : undefined;
+    const baseDefaultValue = defaultValue
+        ? Array.isArray(defaultValue)
+            ? defaultValue
+            : [defaultValue]
+        : undefined;
+    const handleValueChange = (newValue, eventDetails) => {
+        if (onValueChange) {
+            if (multiple) {
+                onValueChange(newValue);
+            }
+            else {
+                onValueChange(newValue[0] || undefined);
+            }
+        }
     };
-    const multipleProps = {
-        type: 'multiple',
-        ...rest
-    };
-    return (jsx(Accordion.Root, { ref: ref, className: cx(styles.accordion, className), ...(type === 'multiple' ? multipleProps : singleProps) }));
-});
-AccordionRoot.displayName = Accordion.Root.displayName;
+    return (jsx(Accordion.Root, { className: cx(styles.accordion, className), multiple: multiple, value: baseValue, defaultValue: baseDefaultValue, onValueChange: handleValueChange, ...rest }));
+};
+AccordionRoot.displayName = 'Accordion';
 
 export { AccordionRoot };
 //# sourceMappingURL=accordion-root.js.map

package/dist/components/accordion/accordion-root.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion-root.js","sources":["../../../components/accordion/accordion-root.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'class-variance-authority';\nimport { Accordion as AccordionPrimitive } from 'radix-ui';\nimport { ElementRef, forwardRef } from 'react';\nimport styles from './accordion.module.css';\n\ntype AccordionSingleProps = Omit<\n  AccordionPrimitive.AccordionSingleProps,\n  'type'\n> & {\n  type?: 'single';\n};\ntype AccordionMultipleProps = Omit<\n  AccordionPrimitive.AccordionMultipleProps,\n  'type'\n> & {\n  type: 'multiple';\n};\nexport type AccordionRootProps = AccordionSingleProps | AccordionMultipleProps;\n\nexport const AccordionRoot = forwardRef<\n  ElementRef<typeof AccordionPrimitive.Root>,\n  AccordionRootProps\n>(({ className, type = 'single', ...rest }, ref) => {\n  // this is a workaround to properly typecast the union type\n  const singleProps = {\n    type: 'single',\n    collapsible: true,\n    ...rest\n  } as AccordionPrimitive.AccordionSingleProps;\n  const multipleProps = {\n    type: 'multiple',\n    ...rest\n  } as AccordionPrimitive.AccordionMultipleProps;\n\n  return (\n    <AccordionPrimitive.Root\n      ref={ref}\n      className={cx(styles.accordion, className)}\n      {...(type === 'multiple' ? multipleProps : singleProps)}\n    />\n  );\n});\n\nAccordionRoot.displayName = AccordionPrimitive.Root.displayName;\n"],"names":[],"mappings":";;;;;;;;;AA0BE;AACE;AACA;AACA;;AAEF;AACE;AACA;;AAGF;AAOF;AAEA;;"}
+{"version":3,"file":"accordion-root.js","sources":["../../../components/accordion/accordion-root.tsx"],"sourcesContent":["'use client';\n\nimport { Accordion as AccordionPrimitive } from '@base-ui/react';\nimport { cx } from 'class-variance-authority';\nimport styles from './accordion.module.css';\n\ntype AccordionSingleProps = Omit<\n  AccordionPrimitive.Root.Props,\n  'multiple' | 'value' | 'defaultValue' | 'onValueChange'\n> & {\n  multiple?: false;\n  value?: string;\n  defaultValue?: string;\n  onValueChange?: (value?: string) => void;\n};\n\ntype AccordionMultipleProps = Omit<\n  AccordionPrimitive.Root.Props,\n  'multiple' | 'value' | 'defaultValue' | 'onValueChange'\n> & {\n  multiple: true;\n  value?: string[];\n  defaultValue?: string[];\n  onValueChange?: (value?: string[]) => void;\n};\n\nexport type AccordionRootProps = AccordionSingleProps | AccordionMultipleProps;\n\nexport const AccordionRoot = ({\n  className,\n  multiple = false,\n  value,\n  defaultValue,\n  onValueChange,\n  ...rest\n}: AccordionRootProps) => {\n  // Convert value to array format for Base UI\n  const baseValue = value\n    ? Array.isArray(value)\n      ? value\n      : [value]\n    : undefined;\n\n  const baseDefaultValue = defaultValue\n    ? Array.isArray(defaultValue)\n      ? defaultValue\n      : [defaultValue]\n    : undefined;\n\n  const handleValueChange = (\n    newValue: string[],\n    eventDetails: AccordionPrimitive.Root.ChangeEventDetails\n  ) => {\n    if (onValueChange) {\n      if (multiple) {\n        (onValueChange as (value: string[]) => void)(newValue);\n      } else {\n        (onValueChange as (value: string | undefined) => void)(\n          newValue[0] || undefined\n        );\n      }\n    }\n  };\n\n  return (\n    <AccordionPrimitive.Root\n      className={cx(styles.accordion, className)}\n      multiple={multiple}\n      value={baseValue}\n      defaultValue={baseDefaultValue}\n      onValueChange={handleValueChange}\n      {...rest}\n    />\n  );\n};\n\nAccordionRoot.displayName = 'Accordion';\n"],"names":[],"mappings":";;;;;;;;;AAsCI;AACE;;;;AAKF;AACE;;;AAIJ;;;;;;;;;AAaA;AAEA;AAUF;AAEA;;"}

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

@@ -2,14 +2,13 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
+var react = require('@base-ui/react');
 var reactIcons = require('@radix-ui/react-icons');
 var classVarianceAuthority = require('class-variance-authority');
-var radixUi = require('radix-ui');
-var React = require('react');
 var accordion_module = require('./accordion.module.css.cjs');
 
-const AccordionTrigger = React.forwardRef(({ className, children, ...props }, ref) => (jsxRuntime.jsx(radixUi.Accordion.Header, { className: accordion_module.default['accordion-header'], children: jsxRuntime.jsxs(radixUi.Accordion.Trigger, { ref: ref, className: classVarianceAuthority.cx(accordion_module.default['accordion-trigger'], className), ...props, children: [children, jsxRuntime.jsx(reactIcons.ChevronDownIcon, { className: accordion_module.default['accordion-icon'] })] }) })));
-AccordionTrigger.displayName = radixUi.Accordion.Trigger.displayName;
+const AccordionTrigger = ({ className, children, ...props }) => (jsxRuntime.jsx(react.Accordion.Header, { className: accordion_module.default['accordion-header'], children: jsxRuntime.jsxs(react.Accordion.Trigger, { className: classVarianceAuthority.cx(accordion_module.default['accordion-trigger'], className), ...props, children: [children, jsxRuntime.jsx(reactIcons.ChevronDownIcon, { className: accordion_module.default['accordion-icon'] })] }) }));
+AccordionTrigger.displayName = 'Accordion.Trigger';
 
 exports.AccordionTrigger = AccordionTrigger;
 //# sourceMappingURL=accordion-trigger.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"accordion-trigger.cjs","sources":["../../../components/accordion/accordion-trigger.tsx"],"sourcesContent":["'use client';\n\nimport { ChevronDownIcon } from '@radix-ui/react-icons';\nimport { cx } from 'class-variance-authority';\nimport { Accordion as AccordionPrimitive } from 'radix-ui';\nimport { ElementRef, ReactNode, forwardRef } from 'react';\nimport styles from './accordion.module.css';\n\nexport interface AccordionTriggerProps\n  extends AccordionPrimitive.AccordionTriggerProps {\n  children: ReactNode;\n  className?: string;\n}\n\nexport const AccordionTrigger = forwardRef<\n  ElementRef<typeof AccordionPrimitive.Trigger>,\n  AccordionTriggerProps\n>(({ className, children, ...props }, ref) => (\n  <AccordionPrimitive.Header className={styles['accordion-header']}>\n    <AccordionPrimitive.Trigger\n      ref={ref}\n      className={cx(styles['accordion-trigger'], className)}\n      {...props}\n    >\n      {children}\n      <ChevronDownIcon className={styles['accordion-icon']} />\n    </AccordionPrimitive.Trigger>\n  </AccordionPrimitive.Header>\n));\n\nAccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;\n"],"names":[],"mappings":";;;;;;;;;;AAcO;AAgBP;;"}
+{"version":3,"file":"accordion-trigger.cjs","sources":["../../../components/accordion/accordion-trigger.tsx"],"sourcesContent":["'use client';\n\nimport { Accordion as AccordionPrimitive } from '@base-ui/react';\nimport { ChevronDownIcon } from '@radix-ui/react-icons';\nimport { cx } from 'class-variance-authority';\nimport styles from './accordion.module.css';\n\nexport const AccordionTrigger = ({\n  className,\n  children,\n  ...props\n}: AccordionPrimitive.Trigger.Props) => (\n  <AccordionPrimitive.Header className={styles['accordion-header']}>\n    <AccordionPrimitive.Trigger\n      className={cx(styles['accordion-trigger'], className)}\n      {...props}\n    >\n      {children}\n      <ChevronDownIcon className={styles['accordion-icon']} />\n    </AccordionPrimitive.Trigger>\n  </AccordionPrimitive.Header>\n);\n\nAccordionTrigger.displayName = 'Accordion.Trigger';\n"],"names":[],"mappings":";;;;;;;;;AAOO;AAgBP;;"}

package/dist/components/accordion/accordion-trigger.d.ts

@@ -1,8 +1,6 @@
-import { Accordion as AccordionPrimitive } from 'radix-ui';
-import { ReactNode } from 'react';
-export interface AccordionTriggerProps extends AccordionPrimitive.AccordionTriggerProps {
-    children: ReactNode;
-    className?: string;
-}
-export declare const AccordionTrigger: import("react").ForwardRefExoticComponent<AccordionTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+import { Accordion as AccordionPrimitive } from '@base-ui/react';
+export declare const AccordionTrigger: {
+    ({ className, children, ...props }: AccordionPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 //# sourceMappingURL=accordion-trigger.d.ts.map

package/dist/components/accordion/accordion-trigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accordion-trigger.d.ts","sourceRoot":"","sources":["../../../components/accordion/accordion-trigger.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,IAAI,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAC3D,OAAO,EAAc,SAAS,EAAc,MAAM,OAAO,CAAC;AAG1D,MAAM,WAAW,qBACf,SAAQ,kBAAkB,CAAC,qBAAqB;IAChD,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,gBAAgB,qHAc3B,CAAC"}
+{"version":3,"file":"accordion-trigger.d.ts","sourceRoot":"","sources":["../../../components/accordion/accordion-trigger.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,IAAI,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAKjE,eAAO,MAAM,gBAAgB;wCAI1B,mBAAmB,OAAO,CAAC,KAAK;;CAUlC,CAAC"}

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

@@ -1,13 +1,12 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
+import { Accordion } from '@base-ui/react';
 import { ChevronDownIcon } from '@radix-ui/react-icons';
 import { cx } from 'class-variance-authority';
-import { Accordion } from 'radix-ui';
-import { forwardRef } from 'react';
 import styles from './accordion.module.css.js';
 
-const AccordionTrigger = forwardRef(({ className, children, ...props }, ref) => (jsx(Accordion.Header, { className: styles['accordion-header'], children: jsxs(Accordion.Trigger, { ref: ref, className: cx(styles['accordion-trigger'], className), ...props, children: [children, jsx(ChevronDownIcon, { className: styles['accordion-icon'] })] }) })));
-AccordionTrigger.displayName = Accordion.Trigger.displayName;
+const AccordionTrigger = ({ className, children, ...props }) => (jsx(Accordion.Header, { className: styles['accordion-header'], children: jsxs(Accordion.Trigger, { className: cx(styles['accordion-trigger'], className), ...props, children: [children, jsx(ChevronDownIcon, { className: styles['accordion-icon'] })] }) }));
+AccordionTrigger.displayName = 'Accordion.Trigger';
 
 export { AccordionTrigger };
 //# sourceMappingURL=accordion-trigger.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"accordion-trigger.js","sources":["../../../components/accordion/accordion-trigger.tsx"],"sourcesContent":["'use client';\n\nimport { ChevronDownIcon } from '@radix-ui/react-icons';\nimport { cx } from 'class-variance-authority';\nimport { Accordion as AccordionPrimitive } from 'radix-ui';\nimport { ElementRef, ReactNode, forwardRef } from 'react';\nimport styles from './accordion.module.css';\n\nexport interface AccordionTriggerProps\n  extends AccordionPrimitive.AccordionTriggerProps {\n  children: ReactNode;\n  className?: string;\n}\n\nexport const AccordionTrigger = forwardRef<\n  ElementRef<typeof AccordionPrimitive.Trigger>,\n  AccordionTriggerProps\n>(({ className, children, ...props }, ref) => (\n  <AccordionPrimitive.Header className={styles['accordion-header']}>\n    <AccordionPrimitive.Trigger\n      ref={ref}\n      className={cx(styles['accordion-trigger'], className)}\n      {...props}\n    >\n      {children}\n      <ChevronDownIcon className={styles['accordion-icon']} />\n    </AccordionPrimitive.Trigger>\n  </AccordionPrimitive.Header>\n));\n\nAccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;\n"],"names":[],"mappings":";;;;;;;;AAcO;AAgBP;;"}
+{"version":3,"file":"accordion-trigger.js","sources":["../../../components/accordion/accordion-trigger.tsx"],"sourcesContent":["'use client';\n\nimport { Accordion as AccordionPrimitive } from '@base-ui/react';\nimport { ChevronDownIcon } from '@radix-ui/react-icons';\nimport { cx } from 'class-variance-authority';\nimport styles from './accordion.module.css';\n\nexport const AccordionTrigger = ({\n  className,\n  children,\n  ...props\n}: AccordionPrimitive.Trigger.Props) => (\n  <AccordionPrimitive.Header className={styles['accordion-header']}>\n    <AccordionPrimitive.Trigger\n      className={cx(styles['accordion-trigger'], className)}\n      {...props}\n    >\n      {children}\n      <ChevronDownIcon className={styles['accordion-icon']} />\n    </AccordionPrimitive.Trigger>\n  </AccordionPrimitive.Header>\n);\n\nAccordionTrigger.displayName = 'Accordion.Trigger';\n"],"names":[],"mappings":";;;;;;;AAOO;AAgBP;;"}

package/dist/components/accordion/accordion.d.ts

@@ -1,6 +1,18 @@
-export declare const Accordion: import("react").ForwardRefExoticComponent<import("./accordion-root").AccordionRootProps & import("react").RefAttributes<HTMLDivElement>> & {
-    Item: import("react").ForwardRefExoticComponent<import("./accordion-item").AccordionItemProps & import("react").RefAttributes<HTMLDivElement>>;
-    Trigger: import("react").ForwardRefExoticComponent<import("./accordion-trigger").AccordionTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
-    Content: import("react").ForwardRefExoticComponent<import("./accordion-content").AccordionContentProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Accordion: {
+    ({ className, multiple, value, defaultValue, onValueChange, ...rest }: import("./accordion-root").AccordionRootProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+} & {
+    Item: {
+        ({ className, children, ...props }: import("@base-ui/react").AccordionItemProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Trigger: {
+        ({ className, children, ...props }: import("@base-ui/react").AccordionTriggerProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Content: {
+        ({ className, children, ...props }: import("@base-ui/react").AccordionPanelProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
 };
 //# sourceMappingURL=accordion.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../components/accordion/accordion.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,SAAS;;;;CAIpB,CAAC"}
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../components/accordion/accordion.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;CAIpB,CAAC"}

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var styles = {"accordion":"accordion-module_accordion__qWFsT","accordion-header":"accordion-module_accordion-header__5sxMK","accordion-trigger":"accordion-module_accordion-trigger__jJeqF","accordion-item":"accordion-module_accordion-item__FRnnp","accordion-icon":"accordion-module_accordion-icon__CP6ua","accordion-content":"accordion-module_accordion-content__J0lJB","accordion-content-inner":"accordion-module_accordion-content-inner__7hjFr","accordion-up":"accordion-module_accordion-up__j0O2d","accordion-down":"accordion-module_accordion-down__OWySs","accordion___header":"accordion-module_accordion-header__5sxMK","accordion___trigger":"accordion-module_accordion-trigger__jJeqF","accordion___item":"accordion-module_accordion-item__FRnnp","accordion___icon":"accordion-module_accordion-icon__CP6ua","accordion___content":"accordion-module_accordion-content__J0lJB","accordion___content___inner":"accordion-module_accordion-content-inner__7hjFr","accordion___up":"accordion-module_accordion-up__j0O2d","accordion___down":"accordion-module_accordion-down__OWySs"};
+var styles = {"accordion":"accordion-module_accordion__qWFsT","accordion-header":"accordion-module_accordion-header__5sxMK","accordion-trigger":"accordion-module_accordion-trigger__jJeqF","accordion-item":"accordion-module_accordion-item__FRnnp","accordion-icon":"accordion-module_accordion-icon__CP6ua","accordion-content":"accordion-module_accordion-content__J0lJB","accordion-content-inner":"accordion-module_accordion-content-inner__7hjFr","accordion___header":"accordion-module_accordion-header__5sxMK","accordion___trigger":"accordion-module_accordion-trigger__jJeqF","accordion___item":"accordion-module_accordion-item__FRnnp","accordion___icon":"accordion-module_accordion-icon__CP6ua","accordion___content":"accordion-module_accordion-content__J0lJB","accordion___content___inner":"accordion-module_accordion-content-inner__7hjFr"};
 
 exports.default = styles;
 //# sourceMappingURL=accordion.module.css.cjs.map

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

@@ -1,4 +1,4 @@
-var styles = {"accordion":"accordion-module_accordion__qWFsT","accordion-header":"accordion-module_accordion-header__5sxMK","accordion-trigger":"accordion-module_accordion-trigger__jJeqF","accordion-item":"accordion-module_accordion-item__FRnnp","accordion-icon":"accordion-module_accordion-icon__CP6ua","accordion-content":"accordion-module_accordion-content__J0lJB","accordion-content-inner":"accordion-module_accordion-content-inner__7hjFr","accordion-up":"accordion-module_accordion-up__j0O2d","accordion-down":"accordion-module_accordion-down__OWySs","accordion___header":"accordion-module_accordion-header__5sxMK","accordion___trigger":"accordion-module_accordion-trigger__jJeqF","accordion___item":"accordion-module_accordion-item__FRnnp","accordion___icon":"accordion-module_accordion-icon__CP6ua","accordion___content":"accordion-module_accordion-content__J0lJB","accordion___content___inner":"accordion-module_accordion-content-inner__7hjFr","accordion___up":"accordion-module_accordion-up__j0O2d","accordion___down":"accordion-module_accordion-down__OWySs"};
+var styles = {"accordion":"accordion-module_accordion__qWFsT","accordion-header":"accordion-module_accordion-header__5sxMK","accordion-trigger":"accordion-module_accordion-trigger__jJeqF","accordion-item":"accordion-module_accordion-item__FRnnp","accordion-icon":"accordion-module_accordion-icon__CP6ua","accordion-content":"accordion-module_accordion-content__J0lJB","accordion-content-inner":"accordion-module_accordion-content-inner__7hjFr","accordion___header":"accordion-module_accordion-header__5sxMK","accordion___trigger":"accordion-module_accordion-trigger__jJeqF","accordion___item":"accordion-module_accordion-item__FRnnp","accordion___icon":"accordion-module_accordion-icon__CP6ua","accordion___content":"accordion-module_accordion-content__J0lJB","accordion___content___inner":"accordion-module_accordion-content-inner__7hjFr"};
 
 export { styles as default };
 //# sourceMappingURL=accordion.module.css.js.map

package/dist/components/alert-dialog/__tests__/alert-dialog.test.d.ts

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

package/dist/components/alert-dialog/__tests__/alert-dialog.test.d.ts.map

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

package/dist/components/alert-dialog/alert-dialog-content.cjs

@@ -0,0 +1,16 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('@base-ui/react');
+var classVarianceAuthority = require('class-variance-authority');
+var dialog_module = require('../dialog/dialog.module.css.cjs');
+var alertDialogMisc = require('./alert-dialog-misc.cjs');
+
+const AlertDialogContent = ({ className, children, showCloseButton = true, overlay, width, style, showNestedAnimation = true, ...props }) => {
+    return (jsxRuntime.jsxs(react.AlertDialog.Portal, { children: [jsxRuntime.jsx(react.AlertDialog.Backdrop, { ...overlay, className: classVarianceAuthority.cx(dialog_module.default.dialogOverlay, overlay?.blur && dialog_module.default.overlayBlur, overlay?.className) }), jsxRuntime.jsx(react.AlertDialog.Viewport, { className: dialog_module.default.viewport, children: jsxRuntime.jsxs(react.AlertDialog.Popup, { className: classVarianceAuthority.cx(dialog_module.default.dialogContent, showNestedAnimation && dialog_module.default.showNestedAnimation, className), style: { width, ...style }, ...props, children: [children, showCloseButton && jsxRuntime.jsx(alertDialogMisc.CloseButton, { className: dialog_module.default.closeButton })] }) })] }));
+};
+AlertDialogContent.displayName = 'AlertDialog.Content';
+
+exports.AlertDialogContent = AlertDialogContent;
+//# sourceMappingURL=alert-dialog-content.cjs.map

package/dist/components/alert-dialog/alert-dialog-content.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog-content.cjs","sources":["../../../components/alert-dialog/alert-dialog-content.tsx"],"sourcesContent":["'use client';\n\nimport { AlertDialog as AlertDialogPrimitive } from '@base-ui/react';\nimport { cx } from 'class-variance-authority';\nimport styles from '../dialog/dialog.module.css';\nimport { CloseButton } from './alert-dialog-misc';\n\nexport interface AlertDialogContentProps\n  extends AlertDialogPrimitive.Popup.Props {\n  showCloseButton?: boolean;\n  overlay?: AlertDialogPrimitive.Backdrop.Props & { blur?: boolean };\n  width?: string | number;\n  /**\n   * Toggles nested dialog animation (scaling and translation)\n   * `@default` true\n   */\n  showNestedAnimation?: boolean;\n}\n\nexport const AlertDialogContent = ({\n  className,\n  children,\n  showCloseButton = true,\n  overlay,\n  width,\n  style,\n  showNestedAnimation = true,\n  ...props\n}: AlertDialogContentProps) => {\n  return (\n    <AlertDialogPrimitive.Portal>\n      <AlertDialogPrimitive.Backdrop\n        {...overlay}\n        className={cx(\n          styles.dialogOverlay,\n          overlay?.blur && styles.overlayBlur,\n          overlay?.className\n        )}\n      />\n      <AlertDialogPrimitive.Viewport className={styles.viewport}>\n        <AlertDialogPrimitive.Popup\n          className={cx(\n            styles.dialogContent,\n            showNestedAnimation && styles.showNestedAnimation,\n            className\n          )}\n          style={{ width, ...style }}\n          {...props}\n        >\n          {children}\n          {showCloseButton && <CloseButton className={styles.closeButton} />}\n        </AlertDialogPrimitive.Popup>\n      </AlertDialogPrimitive.Viewport>\n    </AlertDialogPrimitive.Portal>\n  );\n};\n\nAlertDialogContent.displayName = 'AlertDialog.Content';\n"],"names":[],"mappings":";;;;;;;;;AAmBO;;AAoCP;AAEA;;"}

package/dist/components/alert-dialog/alert-dialog-content.d.ts

@@ -0,0 +1,18 @@
+import { AlertDialog as AlertDialogPrimitive } from '@base-ui/react';
+export interface AlertDialogContentProps extends AlertDialogPrimitive.Popup.Props {
+    showCloseButton?: boolean;
+    overlay?: AlertDialogPrimitive.Backdrop.Props & {
+        blur?: boolean;
+    };
+    width?: string | number;
+    /**
+     * Toggles nested dialog animation (scaling and translation)
+     * `@default` true
+     */
+    showNestedAnimation?: boolean;
+}
+export declare const AlertDialogContent: {
+    ({ className, children, showCloseButton, overlay, width, style, showNestedAnimation, ...props }: AlertDialogContentProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=alert-dialog-content.d.ts.map

package/dist/components/alert-dialog/alert-dialog-content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog-content.d.ts","sourceRoot":"","sources":["../../../components/alert-dialog/alert-dialog-content.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,IAAI,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAKrE,MAAM,WAAW,uBACf,SAAQ,oBAAoB,CAAC,KAAK,CAAC,KAAK;IACxC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,oBAAoB,CAAC,QAAQ,CAAC,KAAK,GAAG;QAAE,IAAI,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;IACnE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,eAAO,MAAM,kBAAkB;qGAS5B,uBAAuB;;CA2BzB,CAAC"}

package/dist/components/alert-dialog/alert-dialog-content.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { AlertDialog } from '@base-ui/react';
+import { cx } from 'class-variance-authority';
+import styles from '../dialog/dialog.module.css.js';
+import { CloseButton } from './alert-dialog-misc.js';
+
+const AlertDialogContent = ({ className, children, showCloseButton = true, overlay, width, style, showNestedAnimation = true, ...props }) => {
+    return (jsxs(AlertDialog.Portal, { children: [jsx(AlertDialog.Backdrop, { ...overlay, className: cx(styles.dialogOverlay, overlay?.blur && styles.overlayBlur, overlay?.className) }), jsx(AlertDialog.Viewport, { className: styles.viewport, children: jsxs(AlertDialog.Popup, { className: cx(styles.dialogContent, showNestedAnimation && styles.showNestedAnimation, className), style: { width, ...style }, ...props, children: [children, showCloseButton && jsx(CloseButton, { className: styles.closeButton })] }) })] }));
+};
+AlertDialogContent.displayName = 'AlertDialog.Content';
+
+export { AlertDialogContent };
+//# sourceMappingURL=alert-dialog-content.js.map

package/dist/components/alert-dialog/alert-dialog-content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog-content.js","sources":["../../../components/alert-dialog/alert-dialog-content.tsx"],"sourcesContent":["'use client';\n\nimport { AlertDialog as AlertDialogPrimitive } from '@base-ui/react';\nimport { cx } from 'class-variance-authority';\nimport styles from '../dialog/dialog.module.css';\nimport { CloseButton } from './alert-dialog-misc';\n\nexport interface AlertDialogContentProps\n  extends AlertDialogPrimitive.Popup.Props {\n  showCloseButton?: boolean;\n  overlay?: AlertDialogPrimitive.Backdrop.Props & { blur?: boolean };\n  width?: string | number;\n  /**\n   * Toggles nested dialog animation (scaling and translation)\n   * `@default` true\n   */\n  showNestedAnimation?: boolean;\n}\n\nexport const AlertDialogContent = ({\n  className,\n  children,\n  showCloseButton = true,\n  overlay,\n  width,\n  style,\n  showNestedAnimation = true,\n  ...props\n}: AlertDialogContentProps) => {\n  return (\n    <AlertDialogPrimitive.Portal>\n      <AlertDialogPrimitive.Backdrop\n        {...overlay}\n        className={cx(\n          styles.dialogOverlay,\n          overlay?.blur && styles.overlayBlur,\n          overlay?.className\n        )}\n      />\n      <AlertDialogPrimitive.Viewport className={styles.viewport}>\n        <AlertDialogPrimitive.Popup\n          className={cx(\n            styles.dialogContent,\n            showNestedAnimation && styles.showNestedAnimation,\n            className\n          )}\n          style={{ width, ...style }}\n          {...props}\n        >\n          {children}\n          {showCloseButton && <CloseButton className={styles.closeButton} />}\n        </AlertDialogPrimitive.Popup>\n      </AlertDialogPrimitive.Viewport>\n    </AlertDialogPrimitive.Portal>\n  );\n};\n\nAlertDialogContent.displayName = 'AlertDialog.Content';\n"],"names":[],"mappings":";;;;;;;AAmBO;;AAoCP;AAEA;;"}