@raystack/apsara 1.0.0-rc.0 → 1.0.0-rc.2

package/dist/components/dialog/dialog-misc.cjs

@@ -5,27 +5,32 @@ 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 React = require('react');
 var flex = require('../flex/flex.cjs');
 var dialog_module = require('./dialog.module.css.cjs');
 
-const DialogHeader = React.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsx(flex.Flex, { justify: 'between', align: 'center', className: classVarianceAuthority.cx(dialog_module.default.header, className), ref: ref, ...props })));
+function DialogHeader({ className, ...props }) {
+    return (jsxRuntime.jsx(flex.Flex, { justify: 'between', align: 'center', className: classVarianceAuthority.cx(dialog_module.default.header, className), ...props }));
+}
 DialogHeader.displayName = 'Dialog.Header';
-const DialogFooter = React.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsx(flex.Flex, { gap: 5, justify: 'end', className: classVarianceAuthority.cx(dialog_module.default.footer, className), ref: ref, ...props })));
+function DialogFooter({ className, ...props }) {
+    return (jsxRuntime.jsx(flex.Flex, { gap: 5, justify: 'end', className: classVarianceAuthority.cx(dialog_module.default.footer, className), ...props }));
+}
 DialogFooter.displayName = 'Dialog.Footer';
-const DialogBody = React.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsx(flex.Flex, { direction: 'column', gap: 3, className: classVarianceAuthority.cx(dialog_module.default.body, className), ref: ref, ...props })));
+function DialogBody({ className, ...props }) {
+    return (jsxRuntime.jsx(flex.Flex, { direction: 'column', gap: 3, className: classVarianceAuthority.cx(dialog_module.default.body, className), ...props }));
+}
 DialogBody.displayName = 'Dialog.Body';
-const CloseButton = React.forwardRef(({ className, ...props }, ref) => {
-    return (jsxRuntime.jsx(react.Dialog.Close, { ref: ref, className: classVarianceAuthority.cx(dialog_module.default.close, className), "aria-label": 'Close dialog', ...props, children: jsxRuntime.jsx(reactIcons.Cross1Icon, { "aria-hidden": 'true' }) }));
-});
+function CloseButton({ className, ...props }) {
+    return (jsxRuntime.jsx(react.Dialog.Close, { className: classVarianceAuthority.cx(dialog_module.default.close, className), "aria-label": 'Close dialog', ...props, children: jsxRuntime.jsx(reactIcons.Cross1Icon, { "aria-hidden": 'true' }) }));
+}
 CloseButton.displayName = 'Dialog.CloseButton';
-const DialogTitle = React.forwardRef(({ className, ...props }, ref) => {
-    return (jsxRuntime.jsx(react.Dialog.Title, { ref: ref, className: classVarianceAuthority.cx(dialog_module.default.title, className), ...props }));
-});
+function DialogTitle({ className, ...props }) {
+    return (jsxRuntime.jsx(react.Dialog.Title, { className: classVarianceAuthority.cx(dialog_module.default.title, className), ...props }));
+}
 DialogTitle.displayName = 'Dialog.Title';
-const DialogDescription = React.forwardRef(({ className, ...props }, ref) => {
-    return (jsxRuntime.jsx(react.Dialog.Description, { ref: ref, className: classVarianceAuthority.cx(dialog_module.default.description, className), ...props }));
-});
+function DialogDescription({ className, ...props }) {
+    return (jsxRuntime.jsx(react.Dialog.Description, { className: classVarianceAuthority.cx(dialog_module.default.description, className), ...props }));
+}
 DialogDescription.displayName = 'Dialog.Description';
 
 exports.CloseButton = CloseButton;

package/dist/components/dialog/dialog-misc.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"dialog-misc.cjs","sources":["../../../components/dialog/dialog-misc.tsx"],"sourcesContent":["'use client';\n\nimport { Dialog as DialogPrimitive } from '@base-ui/react';\nimport { Cross1Icon } from '@radix-ui/react-icons';\nimport { cx } from 'class-variance-authority';\nimport { ComponentPropsWithoutRef, type ElementRef, forwardRef } from 'react';\nimport { Flex } from '../flex';\nimport styles from './dialog.module.css';\n\nexport const DialogHeader = forwardRef<\n  ElementRef<typeof Flex>,\n  ComponentPropsWithoutRef<typeof Flex>\n>(({ className, ...props }, ref) => (\n  <Flex\n    justify='between'\n    align='center'\n    className={cx(styles.header, className)}\n    ref={ref}\n    {...props}\n  />\n));\n\nDialogHeader.displayName = 'Dialog.Header';\n\nexport const DialogFooter = forwardRef<\n  ElementRef<typeof Flex>,\n  ComponentPropsWithoutRef<typeof Flex>\n>(({ className, ...props }, ref) => (\n  <Flex\n    gap={5}\n    justify='end'\n    className={cx(styles.footer, className)}\n    ref={ref}\n    {...props}\n  />\n));\n\nDialogFooter.displayName = 'Dialog.Footer';\n\nexport const DialogBody = forwardRef<\n  ElementRef<typeof Flex>,\n  ComponentPropsWithoutRef<typeof Flex>\n>(({ className, ...props }, ref) => (\n  <Flex\n    direction='column'\n    gap={3}\n    className={cx(styles.body, className)}\n    ref={ref}\n    {...props}\n  />\n));\n\nDialogBody.displayName = 'Dialog.Body';\n\nexport const CloseButton = forwardRef<\n  ElementRef<typeof DialogPrimitive.Close>,\n  DialogPrimitive.Close.Props\n>(({ className, ...props }, ref) => {\n  return (\n    <DialogPrimitive.Close\n      ref={ref}\n      className={cx(styles.close, className)}\n      aria-label='Close dialog'\n      {...props}\n    >\n      <Cross1Icon aria-hidden='true' />\n    </DialogPrimitive.Close>\n  );\n});\n\nCloseButton.displayName = 'Dialog.CloseButton';\n\nexport const DialogTitle = forwardRef<\n  ElementRef<typeof DialogPrimitive.Title>,\n  DialogPrimitive.Title.Props\n>(({ className, ...props }, ref) => {\n  return (\n    <DialogPrimitive.Title\n      ref={ref}\n      className={cx(styles.title, className)}\n      {...props}\n    />\n  );\n});\n\nDialogTitle.displayName = 'Dialog.Title';\n\nexport const DialogDescription = forwardRef<\n  ElementRef<typeof DialogPrimitive.Description>,\n  DialogPrimitive.Description.Props\n>(({ className, ...props }, ref) => {\n  return (\n    <DialogPrimitive.Description\n      ref={ref}\n      className={cx(styles.description, className)}\n      {...props}\n    />\n  );\n});\n\nDialogDescription.displayName = 'Dialog.Description';\n"],"names":[],"mappings":";;;;;;;;;;;;AAsBA;;AAeA;;AAeA;AAEa;AAIX;AAUF;AAEA;AAEa;;AAWb;AAEA;AAEa;;AAWb;AAEA;;;;;;;"}
+{"version":3,"file":"dialog-misc.cjs","sources":["../../../components/dialog/dialog-misc.tsx"],"sourcesContent":["'use client';\n\nimport { Dialog as DialogPrimitive } from '@base-ui/react';\nimport { Cross1Icon } from '@radix-ui/react-icons';\nimport { cx } from 'class-variance-authority';\nimport { type ComponentProps } from 'react';\nimport { Flex } from '../flex';\nimport styles from './dialog.module.css';\n\nexport function DialogHeader({\n  className,\n  ...props\n}: ComponentProps<typeof Flex>) {\n  return (\n    <Flex\n      justify='between'\n      align='center'\n      className={cx(styles.header, className)}\n      {...props}\n    />\n  );\n}\n\nDialogHeader.displayName = 'Dialog.Header';\n\nexport function DialogFooter({\n  className,\n  ...props\n}: ComponentProps<typeof Flex>) {\n  return (\n    <Flex\n      gap={5}\n      justify='end'\n      className={cx(styles.footer, className)}\n      {...props}\n    />\n  );\n}\n\nDialogFooter.displayName = 'Dialog.Footer';\n\nexport function DialogBody({\n  className,\n  ...props\n}: ComponentProps<typeof Flex>) {\n  return (\n    <Flex\n      direction='column'\n      gap={3}\n      className={cx(styles.body, className)}\n      {...props}\n    />\n  );\n}\n\nDialogBody.displayName = 'Dialog.Body';\n\nexport function CloseButton({\n  className,\n  ...props\n}: DialogPrimitive.Close.Props) {\n  return (\n    <DialogPrimitive.Close\n      className={cx(styles.close, className)}\n      aria-label='Close dialog'\n      {...props}\n    >\n      <Cross1Icon aria-hidden='true' />\n    </DialogPrimitive.Close>\n  );\n}\n\nCloseButton.displayName = 'Dialog.CloseButton';\n\nexport function DialogTitle({\n  className,\n  ...props\n}: DialogPrimitive.Title.Props) {\n  return (\n    <DialogPrimitive.Title className={cx(styles.title, className)} {...props} />\n  );\n}\n\nDialogTitle.displayName = 'Dialog.Title';\n\nexport function DialogDescription({\n  className,\n  ...props\n}: DialogPrimitive.Description.Props) {\n  return (\n    <DialogPrimitive.Description\n      className={cx(styles.description, className)}\n      {...props}\n    />\n  );\n}\n\nDialogDescription.displayName = 'Dialog.Description';\n"],"names":[],"mappings":";;;;;;;;;;AASM;;AAYN;AAEA;AAEM;;AAYN;AAEA;AAEM;;AAYN;AAEA;AAEM;AAIJ;AASF;AAEA;AAEM;;AAON;AAEA;AAEM;;AAUN;AAEA;;;;;;;"}

package/dist/components/dialog/dialog-misc.d.ts

@@ -1,34 +1,28 @@
-export declare const DialogHeader: 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>>;
-export declare const DialogFooter: 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>>;
-export declare const DialogBody: 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>>;
-export declare const CloseButton: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").DialogCloseProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const DialogTitle: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").DialogTitleProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
-export declare const DialogDescription: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").DialogDescriptionProps, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
+import { Dialog as DialogPrimitive } from '@base-ui/react';
+import { type ComponentProps } from 'react';
+import { Flex } from '../flex';
+export declare function DialogHeader({ className, ...props }: ComponentProps<typeof Flex>): import("react/jsx-runtime").JSX.Element;
+export declare namespace DialogHeader {
+    var displayName: string;
+}
+export declare function DialogFooter({ className, ...props }: ComponentProps<typeof Flex>): import("react/jsx-runtime").JSX.Element;
+export declare namespace DialogFooter {
+    var displayName: string;
+}
+export declare function DialogBody({ className, ...props }: ComponentProps<typeof Flex>): import("react/jsx-runtime").JSX.Element;
+export declare namespace DialogBody {
+    var displayName: string;
+}
+export declare function CloseButton({ className, ...props }: DialogPrimitive.Close.Props): import("react/jsx-runtime").JSX.Element;
+export declare namespace CloseButton {
+    var displayName: string;
+}
+export declare function DialogTitle({ className, ...props }: DialogPrimitive.Title.Props): import("react/jsx-runtime").JSX.Element;
+export declare namespace DialogTitle {
+    var displayName: string;
+}
+export declare function DialogDescription({ className, ...props }: DialogPrimitive.Description.Props): import("react/jsx-runtime").JSX.Element;
+export declare namespace DialogDescription {
+    var displayName: string;
+}
 //# sourceMappingURL=dialog-misc.d.ts.map

package/dist/components/dialog/dialog-misc.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialog-misc.d.ts","sourceRoot":"","sources":["../../../components/dialog/dialog-misc.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,YAAY;;;;;;;;;kHAWvB,CAAC;AAIH,eAAO,MAAM,YAAY;;;;;;;;;kHAWvB,CAAC;AAIH,eAAO,MAAM,UAAU;;;;;;;;;kHAWrB,CAAC;AAIH,eAAO,MAAM,WAAW,sJActB,CAAC;AAIH,eAAO,MAAM,WAAW,uJAWtB,CAAC;AAIH,eAAO,MAAM,iBAAiB,+JAW5B,CAAC"}
+{"version":3,"file":"dialog-misc.d.ts","sourceRoot":"","sources":["../../../components/dialog/dialog-misc.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAG3D,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAG/B,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,2CAS7B;yBAZe,YAAY;;;AAgB5B,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,2CAS7B;yBAZe,YAAY;;;AAgB5B,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,2CAS7B;yBAZe,UAAU;;;AAgB1B,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,2CAU7B;yBAbe,WAAW;;;AAiB3B,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,2CAI7B;yBAPe,WAAW;;;AAW3B,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,WAAW,CAAC,KAAK,2CAOnC;yBAVe,iBAAiB"}

package/dist/components/dialog/dialog-misc.js

@@ -3,27 +3,32 @@ import { jsx } from 'react/jsx-runtime';
 import { Dialog } from '@base-ui/react';
 import { Cross1Icon } from '@radix-ui/react-icons';
 import { cx } from 'class-variance-authority';
-import { forwardRef } from 'react';
 import { Flex } from '../flex/flex.js';
 import styles from './dialog.module.css.js';
 
-const DialogHeader = forwardRef(({ className, ...props }, ref) => (jsx(Flex, { justify: 'between', align: 'center', className: cx(styles.header, className), ref: ref, ...props })));
+function DialogHeader({ className, ...props }) {
+    return (jsx(Flex, { justify: 'between', align: 'center', className: cx(styles.header, className), ...props }));
+}
 DialogHeader.displayName = 'Dialog.Header';
-const DialogFooter = forwardRef(({ className, ...props }, ref) => (jsx(Flex, { gap: 5, justify: 'end', className: cx(styles.footer, className), ref: ref, ...props })));
+function DialogFooter({ className, ...props }) {
+    return (jsx(Flex, { gap: 5, justify: 'end', className: cx(styles.footer, className), ...props }));
+}
 DialogFooter.displayName = 'Dialog.Footer';
-const DialogBody = forwardRef(({ className, ...props }, ref) => (jsx(Flex, { direction: 'column', gap: 3, className: cx(styles.body, className), ref: ref, ...props })));
+function DialogBody({ className, ...props }) {
+    return (jsx(Flex, { direction: 'column', gap: 3, className: cx(styles.body, className), ...props }));
+}
 DialogBody.displayName = 'Dialog.Body';
-const CloseButton = forwardRef(({ className, ...props }, ref) => {
-    return (jsx(Dialog.Close, { ref: ref, className: cx(styles.close, className), "aria-label": 'Close dialog', ...props, children: jsx(Cross1Icon, { "aria-hidden": 'true' }) }));
-});
+function CloseButton({ className, ...props }) {
+    return (jsx(Dialog.Close, { className: cx(styles.close, className), "aria-label": 'Close dialog', ...props, children: jsx(Cross1Icon, { "aria-hidden": 'true' }) }));
+}
 CloseButton.displayName = 'Dialog.CloseButton';
-const DialogTitle = forwardRef(({ className, ...props }, ref) => {
-    return (jsx(Dialog.Title, { ref: ref, className: cx(styles.title, className), ...props }));
-});
+function DialogTitle({ className, ...props }) {
+    return (jsx(Dialog.Title, { className: cx(styles.title, className), ...props }));
+}
 DialogTitle.displayName = 'Dialog.Title';
-const DialogDescription = forwardRef(({ className, ...props }, ref) => {
-    return (jsx(Dialog.Description, { ref: ref, className: cx(styles.description, className), ...props }));
-});
+function DialogDescription({ className, ...props }) {
+    return (jsx(Dialog.Description, { className: cx(styles.description, className), ...props }));
+}
 DialogDescription.displayName = 'Dialog.Description';
 
 export { CloseButton, DialogBody, DialogDescription, DialogFooter, DialogHeader, DialogTitle };

package/dist/components/dialog/dialog-misc.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog-misc.js","sources":["../../../components/dialog/dialog-misc.tsx"],"sourcesContent":["'use client';\n\nimport { Dialog as DialogPrimitive } from '@base-ui/react';\nimport { Cross1Icon } from '@radix-ui/react-icons';\nimport { cx } from 'class-variance-authority';\nimport { ComponentPropsWithoutRef, type ElementRef, forwardRef } from 'react';\nimport { Flex } from '../flex';\nimport styles from './dialog.module.css';\n\nexport const DialogHeader = forwardRef<\n  ElementRef<typeof Flex>,\n  ComponentPropsWithoutRef<typeof Flex>\n>(({ className, ...props }, ref) => (\n  <Flex\n    justify='between'\n    align='center'\n    className={cx(styles.header, className)}\n    ref={ref}\n    {...props}\n  />\n));\n\nDialogHeader.displayName = 'Dialog.Header';\n\nexport const DialogFooter = forwardRef<\n  ElementRef<typeof Flex>,\n  ComponentPropsWithoutRef<typeof Flex>\n>(({ className, ...props }, ref) => (\n  <Flex\n    gap={5}\n    justify='end'\n    className={cx(styles.footer, className)}\n    ref={ref}\n    {...props}\n  />\n));\n\nDialogFooter.displayName = 'Dialog.Footer';\n\nexport const DialogBody = forwardRef<\n  ElementRef<typeof Flex>,\n  ComponentPropsWithoutRef<typeof Flex>\n>(({ className, ...props }, ref) => (\n  <Flex\n    direction='column'\n    gap={3}\n    className={cx(styles.body, className)}\n    ref={ref}\n    {...props}\n  />\n));\n\nDialogBody.displayName = 'Dialog.Body';\n\nexport const CloseButton = forwardRef<\n  ElementRef<typeof DialogPrimitive.Close>,\n  DialogPrimitive.Close.Props\n>(({ className, ...props }, ref) => {\n  return (\n    <DialogPrimitive.Close\n      ref={ref}\n      className={cx(styles.close, className)}\n      aria-label='Close dialog'\n      {...props}\n    >\n      <Cross1Icon aria-hidden='true' />\n    </DialogPrimitive.Close>\n  );\n});\n\nCloseButton.displayName = 'Dialog.CloseButton';\n\nexport const DialogTitle = forwardRef<\n  ElementRef<typeof DialogPrimitive.Title>,\n  DialogPrimitive.Title.Props\n>(({ className, ...props }, ref) => {\n  return (\n    <DialogPrimitive.Title\n      ref={ref}\n      className={cx(styles.title, className)}\n      {...props}\n    />\n  );\n});\n\nDialogTitle.displayName = 'Dialog.Title';\n\nexport const DialogDescription = forwardRef<\n  ElementRef<typeof DialogPrimitive.Description>,\n  DialogPrimitive.Description.Props\n>(({ className, ...props }, ref) => {\n  return (\n    <DialogPrimitive.Description\n      ref={ref}\n      className={cx(styles.description, className)}\n      {...props}\n    />\n  );\n});\n\nDialogDescription.displayName = 'Dialog.Description';\n"],"names":[],"mappings":";;;;;;;;;;AAsBA;;AAeA;;AAeA;AAEa;AAIX;AAUF;AAEA;AAEa;;AAWb;AAEA;AAEa;;AAWb;AAEA;;"}
+{"version":3,"file":"dialog-misc.js","sources":["../../../components/dialog/dialog-misc.tsx"],"sourcesContent":["'use client';\n\nimport { Dialog as DialogPrimitive } from '@base-ui/react';\nimport { Cross1Icon } from '@radix-ui/react-icons';\nimport { cx } from 'class-variance-authority';\nimport { type ComponentProps } from 'react';\nimport { Flex } from '../flex';\nimport styles from './dialog.module.css';\n\nexport function DialogHeader({\n  className,\n  ...props\n}: ComponentProps<typeof Flex>) {\n  return (\n    <Flex\n      justify='between'\n      align='center'\n      className={cx(styles.header, className)}\n      {...props}\n    />\n  );\n}\n\nDialogHeader.displayName = 'Dialog.Header';\n\nexport function DialogFooter({\n  className,\n  ...props\n}: ComponentProps<typeof Flex>) {\n  return (\n    <Flex\n      gap={5}\n      justify='end'\n      className={cx(styles.footer, className)}\n      {...props}\n    />\n  );\n}\n\nDialogFooter.displayName = 'Dialog.Footer';\n\nexport function DialogBody({\n  className,\n  ...props\n}: ComponentProps<typeof Flex>) {\n  return (\n    <Flex\n      direction='column'\n      gap={3}\n      className={cx(styles.body, className)}\n      {...props}\n    />\n  );\n}\n\nDialogBody.displayName = 'Dialog.Body';\n\nexport function CloseButton({\n  className,\n  ...props\n}: DialogPrimitive.Close.Props) {\n  return (\n    <DialogPrimitive.Close\n      className={cx(styles.close, className)}\n      aria-label='Close dialog'\n      {...props}\n    >\n      <Cross1Icon aria-hidden='true' />\n    </DialogPrimitive.Close>\n  );\n}\n\nCloseButton.displayName = 'Dialog.CloseButton';\n\nexport function DialogTitle({\n  className,\n  ...props\n}: DialogPrimitive.Title.Props) {\n  return (\n    <DialogPrimitive.Title className={cx(styles.title, className)} {...props} />\n  );\n}\n\nDialogTitle.displayName = 'Dialog.Title';\n\nexport function DialogDescription({\n  className,\n  ...props\n}: DialogPrimitive.Description.Props) {\n  return (\n    <DialogPrimitive.Description\n      className={cx(styles.description, className)}\n      {...props}\n    />\n  );\n}\n\nDialogDescription.displayName = 'Dialog.Description';\n"],"names":[],"mappings":";;;;;;;;AASM;;AAYN;AAEA;AAEM;;AAYN;AAEA;AAEM;;AAYN;AAEA;AAEM;AAIJ;AASF;AAEA;AAEM;;AAON;AAEA;AAEM;;AAUN;AAEA;;"}

package/dist/components/dialog/dialog.cjs

@@ -13,7 +13,8 @@ const Dialog = Object.assign(react.Dialog.Root, {
     Close: react.Dialog.Close,
     CloseButton: dialogMisc.CloseButton,
     Title: dialogMisc.DialogTitle,
-    Description: dialogMisc.DialogDescription
+    Description: dialogMisc.DialogDescription,
+    createHandle: react.Dialog.createHandle
 });
 
 exports.Dialog = Dialog;

package/dist/components/dialog/dialog.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.cjs","sources":["../../../components/dialog/dialog.tsx"],"sourcesContent":["import { Dialog as DialogPrimitive } from '@base-ui/react';\nimport { DialogContent } from './dialog-content';\nimport {\n  CloseButton,\n  DialogBody,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle\n} from './dialog-misc';\n\nexport const Dialog = Object.assign(DialogPrimitive.Root, {\n  Header: DialogHeader,\n  Footer: DialogFooter,\n  Body: DialogBody,\n  Trigger: DialogPrimitive.Trigger,\n  Content: DialogContent,\n  Close: DialogPrimitive.Close,\n  CloseButton: CloseButton,\n  Title: DialogTitle,\n  Description: DialogDescription\n});\n"],"names":["DialogPrimitive","DialogHeader","DialogFooter","DialogBody","DialogContent","CloseButton","DialogTitle","DialogDescription"],"mappings":";;;;;;AAWa,MAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAACA,YAAe,CAAC,IAAI,EAAE;AACxD,IAAA,MAAM,EAAEC,uBAAY;AACpB,IAAA,MAAM,EAAEC,uBAAY;AACpB,IAAA,IAAI,EAAEC,qBAAU;IAChB,OAAO,EAAEH,YAAe,CAAC,OAAO;AAChC,IAAA,OAAO,EAAEI,2BAAa;IACtB,KAAK,EAAEJ,YAAe,CAAC,KAAK;AAC5B,IAAA,WAAW,EAAEK,sBAAW;AACxB,IAAA,KAAK,EAAEC,sBAAW;AAClB,IAAA,WAAW,EAAEC,4BAAiB;AAC/B,CAAA;;;;"}
+{"version":3,"file":"dialog.cjs","sources":["../../../components/dialog/dialog.tsx"],"sourcesContent":["import { Dialog as DialogPrimitive } from '@base-ui/react';\nimport { DialogContent } from './dialog-content';\nimport {\n  CloseButton,\n  DialogBody,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle\n} from './dialog-misc';\n\nexport const Dialog = Object.assign(DialogPrimitive.Root, {\n  Header: DialogHeader,\n  Footer: DialogFooter,\n  Body: DialogBody,\n  Trigger: DialogPrimitive.Trigger,\n  Content: DialogContent,\n  Close: DialogPrimitive.Close,\n  CloseButton: CloseButton,\n  Title: DialogTitle,\n  Description: DialogDescription,\n  createHandle: DialogPrimitive.createHandle\n});\n"],"names":["DialogPrimitive","DialogHeader","DialogFooter","DialogBody","DialogContent","CloseButton","DialogTitle","DialogDescription"],"mappings":";;;;;;AAWa,MAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAACA,YAAe,CAAC,IAAI,EAAE;AACxD,IAAA,MAAM,EAAEC,uBAAY;AACpB,IAAA,MAAM,EAAEC,uBAAY;AACpB,IAAA,IAAI,EAAEC,qBAAU;IAChB,OAAO,EAAEH,YAAe,CAAC,OAAO;AAChC,IAAA,OAAO,EAAEI,2BAAa;IACtB,KAAK,EAAEJ,YAAe,CAAC,KAAK;AAC5B,IAAA,WAAW,EAAEK,sBAAW;AACxB,IAAA,KAAK,EAAEC,sBAAW;AAClB,IAAA,WAAW,EAAEC,4BAAiB;IAC9B,YAAY,EAAEP,YAAe,CAAC,YAAY;AAC3C,CAAA;;;;"}

package/dist/components/dialog/dialog.d.ts

@@ -1,40 +1,16 @@
 import { Dialog as DialogPrimitive } from '@base-ui/react';
+import { DialogContent } from './dialog-content';
+import { CloseButton, DialogBody, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from './dialog-misc';
 export declare const Dialog: typeof DialogPrimitive.Root & {
-    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>>;
-    Footer: 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>>;
-    Body: 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>>;
+    Header: typeof DialogHeader;
+    Footer: typeof DialogFooter;
+    Body: typeof DialogBody;
     Trigger: DialogPrimitive.Trigger;
-    Content: import("react").ForwardRefExoticComponent<Omit<import("./dialog-content").DialogContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Content: typeof DialogContent;
     Close: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").DialogCloseProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-    CloseButton: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").DialogCloseProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-    Title: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").DialogTitleProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
-    Description: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").DialogDescriptionProps, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
+    CloseButton: typeof CloseButton;
+    Title: typeof DialogTitle;
+    Description: typeof DialogDescription;
+    createHandle: typeof DialogPrimitive.createHandle;
 };
 //# sourceMappingURL=dialog.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../components/dialog/dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAW3D,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAUjB,CAAC"}
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../components/dialog/dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EACL,WAAW,EACX,UAAU,EACV,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,WAAW,EACZ,MAAM,eAAe,CAAC;AAEvB,eAAO,MAAM,MAAM;;;;;;;;;;;CAWjB,CAAC"}

package/dist/components/dialog/dialog.js

@@ -11,7 +11,8 @@ const Dialog = Object.assign(Dialog$1.Root, {
     Close: Dialog$1.Close,
     CloseButton: CloseButton,
     Title: DialogTitle,
-    Description: DialogDescription
+    Description: DialogDescription,
+    createHandle: Dialog$1.createHandle
 });
 
 export { Dialog };

package/dist/components/dialog/dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.js","sources":["../../../components/dialog/dialog.tsx"],"sourcesContent":["import { Dialog as DialogPrimitive } from '@base-ui/react';\nimport { DialogContent } from './dialog-content';\nimport {\n  CloseButton,\n  DialogBody,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle\n} from './dialog-misc';\n\nexport const Dialog = Object.assign(DialogPrimitive.Root, {\n  Header: DialogHeader,\n  Footer: DialogFooter,\n  Body: DialogBody,\n  Trigger: DialogPrimitive.Trigger,\n  Content: DialogContent,\n  Close: DialogPrimitive.Close,\n  CloseButton: CloseButton,\n  Title: DialogTitle,\n  Description: DialogDescription\n});\n"],"names":["DialogPrimitive"],"mappings":";;;;AAWa,MAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAACA,QAAe,CAAC,IAAI,EAAE;AACxD,IAAA,MAAM,EAAE,YAAY;AACpB,IAAA,MAAM,EAAE,YAAY;AACpB,IAAA,IAAI,EAAE,UAAU;IAChB,OAAO,EAAEA,QAAe,CAAC,OAAO;AAChC,IAAA,OAAO,EAAE,aAAa;IACtB,KAAK,EAAEA,QAAe,CAAC,KAAK;AAC5B,IAAA,WAAW,EAAE,WAAW;AACxB,IAAA,KAAK,EAAE,WAAW;AAClB,IAAA,WAAW,EAAE,iBAAiB;AAC/B,CAAA;;;;"}
+{"version":3,"file":"dialog.js","sources":["../../../components/dialog/dialog.tsx"],"sourcesContent":["import { Dialog as DialogPrimitive } from '@base-ui/react';\nimport { DialogContent } from './dialog-content';\nimport {\n  CloseButton,\n  DialogBody,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle\n} from './dialog-misc';\n\nexport const Dialog = Object.assign(DialogPrimitive.Root, {\n  Header: DialogHeader,\n  Footer: DialogFooter,\n  Body: DialogBody,\n  Trigger: DialogPrimitive.Trigger,\n  Content: DialogContent,\n  Close: DialogPrimitive.Close,\n  CloseButton: CloseButton,\n  Title: DialogTitle,\n  Description: DialogDescription,\n  createHandle: DialogPrimitive.createHandle\n});\n"],"names":["DialogPrimitive"],"mappings":";;;;AAWa,MAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAACA,QAAe,CAAC,IAAI,EAAE;AACxD,IAAA,MAAM,EAAE,YAAY;AACpB,IAAA,MAAM,EAAE,YAAY;AACpB,IAAA,IAAI,EAAE,UAAU;IAChB,OAAO,EAAEA,QAAe,CAAC,OAAO;AAChC,IAAA,OAAO,EAAE,aAAa;IACtB,KAAK,EAAEA,QAAe,CAAC,KAAK;AAC5B,IAAA,WAAW,EAAE,WAAW;AACxB,IAAA,KAAK,EAAE,WAAW;AAClB,IAAA,WAAW,EAAE,iBAAiB;IAC9B,YAAY,EAAEA,QAAe,CAAC,YAAY;AAC3C,CAAA;;;;"}

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

@@ -5,7 +5,6 @@ var jsxRuntime = require('react/jsx-runtime');
 var drawer = require('@base-ui/react/drawer');
 var reactIcons = require('@radix-ui/react-icons');
 var classVarianceAuthority = require('class-variance-authority');
-var React = require('react');
 var drawer_module = require('./drawer.module.css.cjs');
 
 const drawerPopup = classVarianceAuthority.cva(drawer_module.default.drawerPopup, {
@@ -21,9 +20,9 @@ const drawerPopup = classVarianceAuthority.cva(drawer_module.default.drawerPopup
         side: 'right'
     }
 });
-const DrawerContent = React.forwardRef(({ className, children, side = 'right', showCloseButton = true, overlayProps, ...props }, ref) => {
-    return (jsxRuntime.jsxs(drawer.DrawerPreview.Portal, { children: [jsxRuntime.jsx(drawer.DrawerPreview.Backdrop, { ...overlayProps, className: classVarianceAuthority.cx(drawer_module.default.backdrop, overlayProps?.className) }), jsxRuntime.jsx(drawer.DrawerPreview.Viewport, { className: drawer_module.default.viewport, children: jsxRuntime.jsx(drawer.DrawerPreview.Popup, { ref: ref, className: drawerPopup({ side, className }), "aria-label": 'Drawer', ...props, children: jsxRuntime.jsxs(drawer.DrawerPreview.Content, { className: drawer_module.default.content, children: [children, showCloseButton && (jsxRuntime.jsx(drawer.DrawerPreview.Close, { className: drawer_module.default.close, "aria-label": 'Close Drawer', children: jsxRuntime.jsx(reactIcons.Cross1Icon, { "aria-hidden": 'true' }) }))] }) }) })] }));
-});
+function DrawerContent({ className, children, side = 'right', showCloseButton = true, overlayProps, ...props }) {
+    return (jsxRuntime.jsxs(drawer.Drawer.Portal, { children: [jsxRuntime.jsx(drawer.Drawer.Backdrop, { ...overlayProps, className: classVarianceAuthority.cx(drawer_module.default.backdrop, overlayProps?.className) }), jsxRuntime.jsx(drawer.Drawer.Viewport, { className: drawer_module.default.viewport, children: jsxRuntime.jsx(drawer.Drawer.Popup, { className: drawerPopup({ side, className }), "aria-label": 'Drawer', ...props, children: jsxRuntime.jsxs(drawer.Drawer.Content, { className: drawer_module.default.content, children: [children, showCloseButton && (jsxRuntime.jsx(drawer.Drawer.Close, { className: drawer_module.default.close, "aria-label": 'Close Drawer', children: jsxRuntime.jsx(reactIcons.Cross1Icon, { "aria-hidden": 'true' }) }))] }) }) })] }));
+}
 DrawerContent.displayName = 'Drawer.Content';
 
 exports.DrawerContent = DrawerContent;

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

@@ -1 +1 @@
-{"version":3,"file":"drawer-content.cjs","sources":["../../../components/drawer/drawer-content.tsx"],"sourcesContent":["'use client';\n\nimport { DrawerPreview as DrawerPrimitive } from '@base-ui/react/drawer';\nimport { Cross1Icon } from '@radix-ui/react-icons';\nimport { cva, cx, type VariantProps } from 'class-variance-authority';\nimport { type ElementRef, forwardRef } from 'react';\nimport styles from './drawer.module.css';\n\ntype Side = 'top' | 'right' | 'bottom' | 'left';\n\nconst drawerPopup = cva(styles.drawerPopup, {\n  variants: {\n    side: {\n      top: styles['drawerPopup-top'],\n      bottom: styles['drawerPopup-bottom'],\n      left: styles['drawerPopup-left'],\n      right: styles['drawerPopup-right']\n    }\n  },\n  defaultVariants: {\n    side: 'right'\n  }\n});\n\nexport interface DrawerContentProps\n  extends Omit<DrawerPrimitive.Popup.Props, 'children'>,\n    VariantProps<typeof drawerPopup> {\n  showCloseButton?: boolean;\n  overlayProps?: DrawerPrimitive.Backdrop.Props;\n  children?: React.ReactNode;\n}\n\nexport const DrawerContent = forwardRef<\n  ElementRef<typeof DrawerPrimitive.Popup>,\n  DrawerContentProps\n>(\n  (\n    {\n      className,\n      children,\n      side = 'right',\n      showCloseButton = true,\n      overlayProps,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <DrawerPrimitive.Portal>\n        <DrawerPrimitive.Backdrop\n          {...overlayProps}\n          className={cx(styles.backdrop, overlayProps?.className)}\n        />\n        <DrawerPrimitive.Viewport className={styles.viewport}>\n          <DrawerPrimitive.Popup\n            ref={ref}\n            className={drawerPopup({ side, className })}\n            aria-label='Drawer'\n            {...props}\n          >\n            <DrawerPrimitive.Content className={styles.content}>\n              {children}\n              {showCloseButton && (\n                <DrawerPrimitive.Close\n                  className={styles.close}\n                  aria-label='Close Drawer'\n                >\n                  <Cross1Icon aria-hidden='true' />\n                </DrawerPrimitive.Close>\n              )}\n            </DrawerPrimitive.Content>\n          </DrawerPrimitive.Popup>\n        </DrawerPrimitive.Viewport>\n      </DrawerPrimitive.Portal>\n    );\n  }\n);\nDrawerContent.displayName = 'Drawer.Content';\n"],"names":[],"mappings":";;;;;;;;;;AAUA;AACE;AACE;AACE;AACA;AACA;AACA;AACD;AACF;AACD;AACE;AACD;AACF;AAUM;;AA2CL;AAEF;;"}
+{"version":3,"file":"drawer-content.cjs","sources":["../../../components/drawer/drawer-content.tsx"],"sourcesContent":["'use client';\n\nimport { Drawer as DrawerPrimitive } from '@base-ui/react/drawer';\nimport { Cross1Icon } from '@radix-ui/react-icons';\nimport { cva, cx, type VariantProps } from 'class-variance-authority';\nimport { ReactNode } from 'react';\nimport styles from './drawer.module.css';\n\nconst drawerPopup = cva(styles.drawerPopup, {\n  variants: {\n    side: {\n      top: styles['drawerPopup-top'],\n      bottom: styles['drawerPopup-bottom'],\n      left: styles['drawerPopup-left'],\n      right: styles['drawerPopup-right']\n    }\n  },\n  defaultVariants: {\n    side: 'right'\n  }\n});\n\nexport interface DrawerContentProps\n  extends Omit<DrawerPrimitive.Popup.Props, 'children'>,\n    VariantProps<typeof drawerPopup> {\n  showCloseButton?: boolean;\n  overlayProps?: DrawerPrimitive.Backdrop.Props;\n  children?: ReactNode;\n}\n\nexport function DrawerContent({\n  className,\n  children,\n  side = 'right',\n  showCloseButton = true,\n  overlayProps,\n  ...props\n}: DrawerContentProps) {\n  return (\n    <DrawerPrimitive.Portal>\n      <DrawerPrimitive.Backdrop\n        {...overlayProps}\n        className={cx(styles.backdrop, overlayProps?.className)}\n      />\n      <DrawerPrimitive.Viewport className={styles.viewport}>\n        <DrawerPrimitive.Popup\n          className={drawerPopup({ side, className })}\n          aria-label='Drawer'\n          {...props}\n        >\n          <DrawerPrimitive.Content className={styles.content}>\n            {children}\n            {showCloseButton && (\n              <DrawerPrimitive.Close\n                className={styles.close}\n                aria-label='Close Drawer'\n              >\n                <Cross1Icon aria-hidden='true' />\n              </DrawerPrimitive.Close>\n            )}\n          </DrawerPrimitive.Content>\n        </DrawerPrimitive.Popup>\n      </DrawerPrimitive.Viewport>\n    </DrawerPrimitive.Portal>\n  );\n}\nDrawerContent.displayName = 'Drawer.Content';\n"],"names":[],"mappings":";;;;;;;;;AAQA;AACE;AACE;AACE;AACA;AACA;AACA;AACD;AACF;AACD;AACE;AACD;AACF;AAUK;;AAmCN;AACA;;"}

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

@@ -1,13 +1,17 @@
-import { DrawerPreview as DrawerPrimitive } from '@base-ui/react/drawer';
+import { Drawer as DrawerPrimitive } from '@base-ui/react/drawer';
 import { type VariantProps } from 'class-variance-authority';
+import { ReactNode } from 'react';
 declare const drawerPopup: (props?: ({
     side?: "left" | "right" | "bottom" | "top" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface DrawerContentProps extends Omit<DrawerPrimitive.Popup.Props, 'children'>, VariantProps<typeof drawerPopup> {
     showCloseButton?: boolean;
     overlayProps?: DrawerPrimitive.Backdrop.Props;
-    children?: React.ReactNode;
+    children?: ReactNode;
+}
+export declare function DrawerContent({ className, children, side, showCloseButton, overlayProps, ...props }: DrawerContentProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace DrawerContent {
+    var displayName: string;
 }
-export declare const DrawerContent: import("react").ForwardRefExoticComponent<Omit<DrawerContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 export {};
 //# sourceMappingURL=drawer-content.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"drawer-content.d.ts","sourceRoot":"","sources":["../../../components/drawer/drawer-content.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAEzE,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAMtE,QAAA,MAAM,WAAW;;8EAYf,CAAC;AAEH,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,KAAK,EAAE,UAAU,CAAC,EACnD,YAAY,CAAC,OAAO,WAAW,CAAC;IAClC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,KAAK,CAAC;IAC9C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,aAAa,4HA4CzB,CAAC"}
+{"version":3,"file":"drawer-content.d.ts","sourceRoot":"","sources":["../../../components/drawer/drawer-content.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAElE,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,QAAA,MAAM,WAAW;;8EAYf,CAAC;AAEH,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,KAAK,EAAE,UAAU,CAAC,EACnD,YAAY,CAAC,OAAO,WAAW,CAAC;IAClC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,KAAK,CAAC;IAC9C,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,QAAQ,EACR,IAAc,EACd,eAAsB,EACtB,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,kBAAkB,2CA4BpB;yBAnCe,aAAa"}

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

@@ -1,9 +1,8 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { DrawerPreview } from '@base-ui/react/drawer';
+import { Drawer } from '@base-ui/react/drawer';
 import { Cross1Icon } from '@radix-ui/react-icons';
 import { cva, cx } from 'class-variance-authority';
-import { forwardRef } from 'react';
 import styles from './drawer.module.css.js';
 
 const drawerPopup = cva(styles.drawerPopup, {
@@ -19,9 +18,9 @@ const drawerPopup = cva(styles.drawerPopup, {
         side: 'right'
     }
 });
-const DrawerContent = forwardRef(({ className, children, side = 'right', showCloseButton = true, overlayProps, ...props }, ref) => {
-    return (jsxs(DrawerPreview.Portal, { children: [jsx(DrawerPreview.Backdrop, { ...overlayProps, className: cx(styles.backdrop, overlayProps?.className) }), jsx(DrawerPreview.Viewport, { className: styles.viewport, children: jsx(DrawerPreview.Popup, { ref: ref, className: drawerPopup({ side, className }), "aria-label": 'Drawer', ...props, children: jsxs(DrawerPreview.Content, { className: styles.content, children: [children, showCloseButton && (jsx(DrawerPreview.Close, { className: styles.close, "aria-label": 'Close Drawer', children: jsx(Cross1Icon, { "aria-hidden": 'true' }) }))] }) }) })] }));
-});
+function DrawerContent({ className, children, side = 'right', showCloseButton = true, overlayProps, ...props }) {
+    return (jsxs(Drawer.Portal, { children: [jsx(Drawer.Backdrop, { ...overlayProps, className: cx(styles.backdrop, overlayProps?.className) }), jsx(Drawer.Viewport, { className: styles.viewport, children: jsx(Drawer.Popup, { className: drawerPopup({ side, className }), "aria-label": 'Drawer', ...props, children: jsxs(Drawer.Content, { className: styles.content, children: [children, showCloseButton && (jsx(Drawer.Close, { className: styles.close, "aria-label": 'Close Drawer', children: jsx(Cross1Icon, { "aria-hidden": 'true' }) }))] }) }) })] }));
+}
 DrawerContent.displayName = 'Drawer.Content';
 
 export { DrawerContent };

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

@@ -1 +1 @@
-{"version":3,"file":"drawer-content.js","sources":["../../../components/drawer/drawer-content.tsx"],"sourcesContent":["'use client';\n\nimport { DrawerPreview as DrawerPrimitive } from '@base-ui/react/drawer';\nimport { Cross1Icon } from '@radix-ui/react-icons';\nimport { cva, cx, type VariantProps } from 'class-variance-authority';\nimport { type ElementRef, forwardRef } from 'react';\nimport styles from './drawer.module.css';\n\ntype Side = 'top' | 'right' | 'bottom' | 'left';\n\nconst drawerPopup = cva(styles.drawerPopup, {\n  variants: {\n    side: {\n      top: styles['drawerPopup-top'],\n      bottom: styles['drawerPopup-bottom'],\n      left: styles['drawerPopup-left'],\n      right: styles['drawerPopup-right']\n    }\n  },\n  defaultVariants: {\n    side: 'right'\n  }\n});\n\nexport interface DrawerContentProps\n  extends Omit<DrawerPrimitive.Popup.Props, 'children'>,\n    VariantProps<typeof drawerPopup> {\n  showCloseButton?: boolean;\n  overlayProps?: DrawerPrimitive.Backdrop.Props;\n  children?: React.ReactNode;\n}\n\nexport const DrawerContent = forwardRef<\n  ElementRef<typeof DrawerPrimitive.Popup>,\n  DrawerContentProps\n>(\n  (\n    {\n      className,\n      children,\n      side = 'right',\n      showCloseButton = true,\n      overlayProps,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <DrawerPrimitive.Portal>\n        <DrawerPrimitive.Backdrop\n          {...overlayProps}\n          className={cx(styles.backdrop, overlayProps?.className)}\n        />\n        <DrawerPrimitive.Viewport className={styles.viewport}>\n          <DrawerPrimitive.Popup\n            ref={ref}\n            className={drawerPopup({ side, className })}\n            aria-label='Drawer'\n            {...props}\n          >\n            <DrawerPrimitive.Content className={styles.content}>\n              {children}\n              {showCloseButton && (\n                <DrawerPrimitive.Close\n                  className={styles.close}\n                  aria-label='Close Drawer'\n                >\n                  <Cross1Icon aria-hidden='true' />\n                </DrawerPrimitive.Close>\n              )}\n            </DrawerPrimitive.Content>\n          </DrawerPrimitive.Popup>\n        </DrawerPrimitive.Viewport>\n      </DrawerPrimitive.Portal>\n    );\n  }\n);\nDrawerContent.displayName = 'Drawer.Content';\n"],"names":[],"mappings":";;;;;;;;AAUA;AACE;AACE;AACE;AACA;AACA;AACA;AACD;AACF;AACD;AACE;AACD;AACF;AAUM;;AA2CL;AAEF;;"}
+{"version":3,"file":"drawer-content.js","sources":["../../../components/drawer/drawer-content.tsx"],"sourcesContent":["'use client';\n\nimport { Drawer as DrawerPrimitive } from '@base-ui/react/drawer';\nimport { Cross1Icon } from '@radix-ui/react-icons';\nimport { cva, cx, type VariantProps } from 'class-variance-authority';\nimport { ReactNode } from 'react';\nimport styles from './drawer.module.css';\n\nconst drawerPopup = cva(styles.drawerPopup, {\n  variants: {\n    side: {\n      top: styles['drawerPopup-top'],\n      bottom: styles['drawerPopup-bottom'],\n      left: styles['drawerPopup-left'],\n      right: styles['drawerPopup-right']\n    }\n  },\n  defaultVariants: {\n    side: 'right'\n  }\n});\n\nexport interface DrawerContentProps\n  extends Omit<DrawerPrimitive.Popup.Props, 'children'>,\n    VariantProps<typeof drawerPopup> {\n  showCloseButton?: boolean;\n  overlayProps?: DrawerPrimitive.Backdrop.Props;\n  children?: ReactNode;\n}\n\nexport function DrawerContent({\n  className,\n  children,\n  side = 'right',\n  showCloseButton = true,\n  overlayProps,\n  ...props\n}: DrawerContentProps) {\n  return (\n    <DrawerPrimitive.Portal>\n      <DrawerPrimitive.Backdrop\n        {...overlayProps}\n        className={cx(styles.backdrop, overlayProps?.className)}\n      />\n      <DrawerPrimitive.Viewport className={styles.viewport}>\n        <DrawerPrimitive.Popup\n          className={drawerPopup({ side, className })}\n          aria-label='Drawer'\n          {...props}\n        >\n          <DrawerPrimitive.Content className={styles.content}>\n            {children}\n            {showCloseButton && (\n              <DrawerPrimitive.Close\n                className={styles.close}\n                aria-label='Close Drawer'\n              >\n                <Cross1Icon aria-hidden='true' />\n              </DrawerPrimitive.Close>\n            )}\n          </DrawerPrimitive.Content>\n        </DrawerPrimitive.Popup>\n      </DrawerPrimitive.Viewport>\n    </DrawerPrimitive.Portal>\n  );\n}\nDrawerContent.displayName = 'Drawer.Content';\n"],"names":[],"mappings":";;;;;;;AAQA;AACE;AACE;AACE;AACA;AACA;AACA;AACD;AACF;AACD;AACE;AACD;AACF;AAUK;;AAmCN;AACA;;"}

package/dist/components/drawer/drawer-misc.cjs

@@ -4,18 +4,25 @@
 var jsxRuntime = require('react/jsx-runtime');
 var drawer = require('@base-ui/react/drawer');
 var classVarianceAuthority = require('class-variance-authority');
-var React = require('react');
 var drawer_module = require('./drawer.module.css.cjs');
 
 const DrawerHeader = ({ children, className }) => jsxRuntime.jsx("div", { className: classVarianceAuthority.cx(drawer_module.default.header, className), children: children });
 DrawerHeader.displayName = 'Drawer.Header';
-const DrawerTitle = React.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsx(drawer.DrawerPreview.Title, { ref: ref, className: classVarianceAuthority.cx(drawer_module.default.title, className), ...props })));
+function DrawerTitle({ className, ...props }) {
+    return (jsxRuntime.jsx(drawer.Drawer.Title, { className: classVarianceAuthority.cx(drawer_module.default.title, className), ...props }));
+}
 DrawerTitle.displayName = 'Drawer.Title';
-const DrawerDescription = React.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsx(drawer.DrawerPreview.Description, { ref: ref, className: classVarianceAuthority.cx(drawer_module.default.description, className), ...props })));
+function DrawerDescription({ className, ...props }) {
+    return (jsxRuntime.jsx(drawer.Drawer.Description, { className: classVarianceAuthority.cx(drawer_module.default.description, className), ...props }));
+}
 DrawerDescription.displayName = 'Drawer.Description';
-const DrawerBody = React.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsx("div", { ref: ref, className: classVarianceAuthority.cx(drawer_module.default.body, className), ...props })));
+function DrawerBody({ className, ...props }) {
+    return jsxRuntime.jsx("div", { className: classVarianceAuthority.cx(drawer_module.default.body, className), ...props });
+}
 DrawerBody.displayName = 'Drawer.Body';
-const DrawerFooter = React.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsx("div", { ref: ref, className: classVarianceAuthority.cx(drawer_module.default.footer, className), ...props })));
+function DrawerFooter({ className, ...props }) {
+    return jsxRuntime.jsx("div", { className: classVarianceAuthority.cx(drawer_module.default.footer, className), ...props });
+}
 DrawerFooter.displayName = 'Drawer.Footer';
 
 exports.DrawerBody = DrawerBody;

package/dist/components/drawer/drawer-misc.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"drawer-misc.cjs","sources":["../../../components/drawer/drawer-misc.tsx"],"sourcesContent":["'use client';\n\nimport { DrawerPreview as DrawerPrimitive } from '@base-ui/react/drawer';\nimport { cx } from 'class-variance-authority';\nimport {\n  type ElementRef,\n  forwardRef,\n  type HTMLAttributes,\n  type ReactNode\n} from 'react';\nimport styles from './drawer.module.css';\n\nexport const DrawerHeader = ({\n  children,\n  className\n}: {\n  children: ReactNode;\n  className?: string;\n}) => <div className={cx(styles.header, className)}>{children}</div>;\nDrawerHeader.displayName = 'Drawer.Header';\n\nexport const DrawerTitle = forwardRef<\n  ElementRef<typeof DrawerPrimitive.Title>,\n  DrawerPrimitive.Title.Props\n>(({ className, ...props }, ref) => (\n  <DrawerPrimitive.Title\n    ref={ref}\n    className={cx(styles.title, className)}\n    {...props}\n  />\n));\nDrawerTitle.displayName = 'Drawer.Title';\n\nexport const DrawerDescription = forwardRef<\n  ElementRef<typeof DrawerPrimitive.Description>,\n  DrawerPrimitive.Description.Props\n>(({ className, ...props }, ref) => (\n  <DrawerPrimitive.Description\n    ref={ref}\n    className={cx(styles.description, className)}\n    {...props}\n  />\n));\nDrawerDescription.displayName = 'Drawer.Description';\n\nexport const DrawerBody = forwardRef<\n  HTMLDivElement,\n  HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cx(styles.body, className)} {...props} />\n));\nDrawerBody.displayName = 'Drawer.Body';\n\nexport const DrawerFooter = forwardRef<\n  HTMLDivElement,\n  HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cx(styles.footer, className)} {...props} />\n));\nDrawerFooter.displayName = 'Drawer.Footer';\n"],"names":[],"mappings":";;;;;;;;;AAYa;AAOb;AAEa;AAUb;AAEa;AAUb;AAEa;AAMb;AAEa;AAMb;;;;;;"}
+{"version":3,"file":"drawer-misc.cjs","sources":["../../../components/drawer/drawer-misc.tsx"],"sourcesContent":["'use client';\n\nimport { Drawer as DrawerPrimitive } from '@base-ui/react/drawer';\nimport { cx } from 'class-variance-authority';\nimport { ComponentProps, type ReactNode } from 'react';\nimport styles from './drawer.module.css';\n\nexport const DrawerHeader = ({\n  children,\n  className\n}: {\n  children: ReactNode;\n  className?: string;\n}) => <div className={cx(styles.header, className)}>{children}</div>;\nDrawerHeader.displayName = 'Drawer.Header';\n\nexport function DrawerTitle({\n  className,\n  ...props\n}: DrawerPrimitive.Title.Props) {\n  return (\n    <DrawerPrimitive.Title className={cx(styles.title, className)} {...props} />\n  );\n}\nDrawerTitle.displayName = 'Drawer.Title';\n\nexport function DrawerDescription({\n  className,\n  ...props\n}: DrawerPrimitive.Description.Props) {\n  return (\n    <DrawerPrimitive.Description\n      className={cx(styles.description, className)}\n      {...props}\n    />\n  );\n}\nDrawerDescription.displayName = 'Drawer.Description';\n\nexport function DrawerBody({ className, ...props }: ComponentProps<'div'>) {\n  return <div className={cx(styles.body, className)} {...props} />;\n}\nDrawerBody.displayName = 'Drawer.Body';\n\nexport function DrawerFooter({ className, ...props }: ComponentProps<'div'>) {\n  return <div className={cx(styles.footer, className)} {...props} />;\n}\nDrawerFooter.displayName = 'Drawer.Footer';\n"],"names":[],"mappings":";;;;;;;;AAOa;AAOb;AAEM;;AAON;AACA;AAEM;;AAUN;AACA;AAEM;AACJ;AACF;AACA;AAEM;AACJ;AACF;AACA;;;;;;"}

package/dist/components/drawer/drawer-misc.d.ts

@@ -1,4 +1,5 @@
-import { type HTMLAttributes, type ReactNode } from 'react';
+import { Drawer as DrawerPrimitive } from '@base-ui/react/drawer';
+import { ComponentProps, type ReactNode } from 'react';
 export declare const DrawerHeader: {
     ({ children, className }: {
         children: ReactNode;
@@ -6,8 +7,20 @@ export declare const DrawerHeader: {
     }): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-export declare const DrawerTitle: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react/drawer").DrawerTitleProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
-export declare const DrawerDescription: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react/drawer").DrawerDescriptionProps, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
-export declare const DrawerBody: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
-export declare const DrawerFooter: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export declare function DrawerTitle({ className, ...props }: DrawerPrimitive.Title.Props): import("react/jsx-runtime").JSX.Element;
+export declare namespace DrawerTitle {
+    var displayName: string;
+}
+export declare function DrawerDescription({ className, ...props }: DrawerPrimitive.Description.Props): import("react/jsx-runtime").JSX.Element;
+export declare namespace DrawerDescription {
+    var displayName: string;
+}
+export declare function DrawerBody({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+export declare namespace DrawerBody {
+    var displayName: string;
+}
+export declare function DrawerFooter({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+export declare namespace DrawerFooter {
+    var displayName: string;
+}
 //# sourceMappingURL=drawer-misc.d.ts.map

package/dist/components/drawer/drawer-misc.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"drawer-misc.d.ts","sourceRoot":"","sources":["../../../components/drawer/drawer-misc.tsx"],"names":[],"mappings":"AAIA,OAAO,EAGL,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,eAAO,MAAM,YAAY;;kBAIb,SAAS;;;;CAE+C,CAAC;AAGrE,eAAO,MAAM,WAAW,8JAStB,CAAC;AAGH,eAAO,MAAM,iBAAiB,sKAS5B,CAAC;AAGH,eAAO,MAAM,UAAU,2HAKrB,CAAC;AAGH,eAAO,MAAM,YAAY,2HAKvB,CAAC"}
+{"version":3,"file":"drawer-misc.d.ts","sourceRoot":"","sources":["../../../components/drawer/drawer-misc.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAElE,OAAO,EAAE,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,eAAO,MAAM,YAAY;;kBAIb,SAAS;;;;CAE+C,CAAC;AAGrE,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,2CAI7B;yBAPe,WAAW;;;AAU3B,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,WAAW,CAAC,KAAK,2CAOnC;yBAVe,iBAAiB;;;AAajC,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,2CAExE;yBAFe,UAAU;;;AAK1B,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,2CAE1E;yBAFe,YAAY"}

package/dist/components/drawer/drawer-misc.js

@@ -1,19 +1,26 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import { DrawerPreview } from '@base-ui/react/drawer';
+import { Drawer } from '@base-ui/react/drawer';
 import { cx } from 'class-variance-authority';
-import { forwardRef } from 'react';
 import styles from './drawer.module.css.js';
 
 const DrawerHeader = ({ children, className }) => jsx("div", { className: cx(styles.header, className), children: children });
 DrawerHeader.displayName = 'Drawer.Header';
-const DrawerTitle = forwardRef(({ className, ...props }, ref) => (jsx(DrawerPreview.Title, { ref: ref, className: cx(styles.title, className), ...props })));
+function DrawerTitle({ className, ...props }) {
+    return (jsx(Drawer.Title, { className: cx(styles.title, className), ...props }));
+}
 DrawerTitle.displayName = 'Drawer.Title';
-const DrawerDescription = forwardRef(({ className, ...props }, ref) => (jsx(DrawerPreview.Description, { ref: ref, className: cx(styles.description, className), ...props })));
+function DrawerDescription({ className, ...props }) {
+    return (jsx(Drawer.Description, { className: cx(styles.description, className), ...props }));
+}
 DrawerDescription.displayName = 'Drawer.Description';
-const DrawerBody = forwardRef(({ className, ...props }, ref) => (jsx("div", { ref: ref, className: cx(styles.body, className), ...props })));
+function DrawerBody({ className, ...props }) {
+    return jsx("div", { className: cx(styles.body, className), ...props });
+}
 DrawerBody.displayName = 'Drawer.Body';
-const DrawerFooter = forwardRef(({ className, ...props }, ref) => (jsx("div", { ref: ref, className: cx(styles.footer, className), ...props })));
+function DrawerFooter({ className, ...props }) {
+    return jsx("div", { className: cx(styles.footer, className), ...props });
+}
 DrawerFooter.displayName = 'Drawer.Footer';
 
 export { DrawerBody, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle };

package/dist/components/drawer/drawer-misc.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer-misc.js","sources":["../../../components/drawer/drawer-misc.tsx"],"sourcesContent":["'use client';\n\nimport { DrawerPreview as DrawerPrimitive } from '@base-ui/react/drawer';\nimport { cx } from 'class-variance-authority';\nimport {\n  type ElementRef,\n  forwardRef,\n  type HTMLAttributes,\n  type ReactNode\n} from 'react';\nimport styles from './drawer.module.css';\n\nexport const DrawerHeader = ({\n  children,\n  className\n}: {\n  children: ReactNode;\n  className?: string;\n}) => <div className={cx(styles.header, className)}>{children}</div>;\nDrawerHeader.displayName = 'Drawer.Header';\n\nexport const DrawerTitle = forwardRef<\n  ElementRef<typeof DrawerPrimitive.Title>,\n  DrawerPrimitive.Title.Props\n>(({ className, ...props }, ref) => (\n  <DrawerPrimitive.Title\n    ref={ref}\n    className={cx(styles.title, className)}\n    {...props}\n  />\n));\nDrawerTitle.displayName = 'Drawer.Title';\n\nexport const DrawerDescription = forwardRef<\n  ElementRef<typeof DrawerPrimitive.Description>,\n  DrawerPrimitive.Description.Props\n>(({ className, ...props }, ref) => (\n  <DrawerPrimitive.Description\n    ref={ref}\n    className={cx(styles.description, className)}\n    {...props}\n  />\n));\nDrawerDescription.displayName = 'Drawer.Description';\n\nexport const DrawerBody = forwardRef<\n  HTMLDivElement,\n  HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cx(styles.body, className)} {...props} />\n));\nDrawerBody.displayName = 'Drawer.Body';\n\nexport const DrawerFooter = forwardRef<\n  HTMLDivElement,\n  HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cx(styles.footer, className)} {...props} />\n));\nDrawerFooter.displayName = 'Drawer.Footer';\n"],"names":[],"mappings":";;;;;;;AAYa;AAOb;AAEa;AAUb;AAEa;AAUb;AAEa;AAMb;AAEa;AAMb;;"}
+{"version":3,"file":"drawer-misc.js","sources":["../../../components/drawer/drawer-misc.tsx"],"sourcesContent":["'use client';\n\nimport { Drawer as DrawerPrimitive } from '@base-ui/react/drawer';\nimport { cx } from 'class-variance-authority';\nimport { ComponentProps, type ReactNode } from 'react';\nimport styles from './drawer.module.css';\n\nexport const DrawerHeader = ({\n  children,\n  className\n}: {\n  children: ReactNode;\n  className?: string;\n}) => <div className={cx(styles.header, className)}>{children}</div>;\nDrawerHeader.displayName = 'Drawer.Header';\n\nexport function DrawerTitle({\n  className,\n  ...props\n}: DrawerPrimitive.Title.Props) {\n  return (\n    <DrawerPrimitive.Title className={cx(styles.title, className)} {...props} />\n  );\n}\nDrawerTitle.displayName = 'Drawer.Title';\n\nexport function DrawerDescription({\n  className,\n  ...props\n}: DrawerPrimitive.Description.Props) {\n  return (\n    <DrawerPrimitive.Description\n      className={cx(styles.description, className)}\n      {...props}\n    />\n  );\n}\nDrawerDescription.displayName = 'Drawer.Description';\n\nexport function DrawerBody({ className, ...props }: ComponentProps<'div'>) {\n  return <div className={cx(styles.body, className)} {...props} />;\n}\nDrawerBody.displayName = 'Drawer.Body';\n\nexport function DrawerFooter({ className, ...props }: ComponentProps<'div'>) {\n  return <div className={cx(styles.footer, className)} {...props} />;\n}\nDrawerFooter.displayName = 'Drawer.Footer';\n"],"names":[],"mappings":";;;;;;AAOa;AAOb;AAEM;;AAON;AACA;AAEM;;AAUN;AACA;AAEM;AACJ;AACF;AACA;AAEM;AACJ;AACF;AACA;;"}

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

@@ -5,13 +5,13 @@ var jsxRuntime = require('react/jsx-runtime');
 var drawer = require('@base-ui/react/drawer');
 
 const sideToSwipeDirection = {
-    top: 'top',
+    top: 'up',
     right: 'right',
-    bottom: 'bottom',
+    bottom: 'down',
     left: 'left'
 };
 function DrawerRoot({ side = 'right', swipeDirection, ...props }) {
-    return (jsxRuntime.jsx(drawer.DrawerPreview.Root, { swipeDirection: swipeDirection ?? sideToSwipeDirection[side], ...props }));
+    return (jsxRuntime.jsx(drawer.Drawer.Root, { swipeDirection: swipeDirection ?? sideToSwipeDirection[side], ...props }));
 }
 DrawerRoot.displayName = 'Drawer';