@raystack/apsara 0.56.7 → 1.0.0-rc.1

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

@@ -0,0 +1,35 @@
+"use client";
+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 { Flex } from '../flex/flex.js';
+import styles from './dialog.module.css.js';
+
+function DialogHeader({ className, ...props }) {
+    return (jsx(Flex, { justify: 'between', align: 'center', className: cx(styles.header, className), ...props }));
+}
+DialogHeader.displayName = 'Dialog.Header';
+function DialogFooter({ className, ...props }) {
+    return (jsx(Flex, { gap: 5, justify: 'end', className: cx(styles.footer, className), ...props }));
+}
+DialogFooter.displayName = 'Dialog.Footer';
+function DialogBody({ className, ...props }) {
+    return (jsx(Flex, { direction: 'column', gap: 3, className: cx(styles.body, className), ...props }));
+}
+DialogBody.displayName = 'Dialog.Body';
+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';
+function DialogTitle({ className, ...props }) {
+    return (jsx(Dialog.Title, { className: cx(styles.title, className), ...props }));
+}
+DialogTitle.displayName = 'Dialog.Title';
+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 };
+//# sourceMappingURL=dialog-misc.js.map

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

@@ -0,0 +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 { 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

@@ -1,51 +1,20 @@
 'use strict';
 
-var jsxRuntime = require('react/jsx-runtime');
-var reactIcons = require('@radix-ui/react-icons');
-var classVarianceAuthority = require('class-variance-authority');
-var radixUi = require('radix-ui');
-var React = require('react');
-var flex = require('../flex/flex.cjs');
-var dialog_module = require('./dialog.module.css.cjs');
+var react = require('@base-ui/react');
+var dialogContent = require('./dialog-content.cjs');
+var dialogMisc = require('./dialog-misc.cjs');
 
-const dialogContent = classVarianceAuthority.cva(dialog_module.default.dialogContent);
-const DialogContent = React.forwardRef(({ className, children, ariaLabel, ariaDescription, overlayBlur = false, overlayClassName, overlayStyle, width, scrollableOverlay = false, ...props }, ref) => {
-    const overlayProps = {
-        className: classVarianceAuthority.cx(dialog_module.default.dialogOverlay, overlayClassName, overlayBlur && dialog_module.default.overlayBlur),
-        style: overlayStyle,
-        'aria-hidden': 'true',
-        role: 'presentation'
-    };
-    const content = (jsxRuntime.jsx(radixUi.Dialog.Content, { ref: ref, className: dialogContent({ className }), style: { width, ...props.style }, "aria-label": ariaLabel, "aria-describedby": ariaDescription ? 'dialog-description' : undefined, ...props, children: children }));
-    return (jsxRuntime.jsx(radixUi.Dialog.Portal, { children: scrollableOverlay ? (jsxRuntime.jsx(radixUi.Dialog.Overlay, { ...overlayProps, children: content })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(radixUi.Dialog.Overlay, { ...overlayProps }), content] })) }));
-});
-DialogContent.displayName = radixUi.Dialog.Content.displayName;
-const DialogHeader = ({ children, className }) => (jsxRuntime.jsx(flex.Flex, { justify: 'between', align: 'center', className: classVarianceAuthority.cx(dialog_module.default.header, className), children: children }));
-const DialogFooter = ({ children, className }) => (jsxRuntime.jsx(flex.Flex, { gap: 5, justify: 'end', className: classVarianceAuthority.cx(dialog_module.default.footer, className), children: children }));
-const DialogBody = ({ children, className }) => (jsxRuntime.jsx(flex.Flex, { direction: 'column', gap: 3, className: classVarianceAuthority.cx(dialog_module.default.body, className), children: children }));
-function CloseButton({ className, ...props }) {
-    return (jsxRuntime.jsx(radixUi.Dialog.Close, { className: classVarianceAuthority.cx(dialog_module.default.close, className), "aria-label": 'Close dialog', ...props, children: jsxRuntime.jsx(reactIcons.Cross1Icon, {}) }));
-}
-function DialogTitle({ children, className, ...props }) {
-    return (jsxRuntime.jsx(radixUi.Dialog.Title, { ...props, role: 'heading', "aria-level": 1, className: classVarianceAuthority.cx(dialog_module.default.title, className), children: children }));
-}
-function DialogDescription({ children, className, ...props }) {
-    return (jsxRuntime.jsx(radixUi.Dialog.Description, { ...props, className: classVarianceAuthority.cx(dialog_module.default.description, className), id: 'dialog-description', role: 'document', children: children }));
-}
-const Dialog = Object.assign(radixUi.Dialog.Root, {
-    Trigger: radixUi.Dialog.Trigger,
-    Content: DialogContent,
-    Header: DialogHeader,
-    Footer: DialogFooter,
-    Body: DialogBody,
-    Close: radixUi.Dialog.Close,
-    CloseButton: CloseButton,
-    Title: DialogTitle,
-    Description: DialogDescription
+const Dialog = Object.assign(react.Dialog.Root, {
+    Header: dialogMisc.DialogHeader,
+    Footer: dialogMisc.DialogFooter,
+    Body: dialogMisc.DialogBody,
+    Trigger: react.Dialog.Trigger,
+    Content: dialogContent.DialogContent,
+    Close: react.Dialog.Close,
+    CloseButton: dialogMisc.CloseButton,
+    Title: dialogMisc.DialogTitle,
+    Description: dialogMisc.DialogDescription
 });
 
-exports.CloseButton = CloseButton;
 exports.Dialog = Dialog;
-exports.DialogDescription = DialogDescription;
-exports.DialogTitle = DialogTitle;
 //# sourceMappingURL=dialog.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"dialog.cjs","sources":["../../../components/dialog/dialog.tsx"],"sourcesContent":["import { Cross1Icon } from '@radix-ui/react-icons';\nimport { cva, cx, VariantProps } from 'class-variance-authority';\nimport { Dialog as DialogPrimitive } from 'radix-ui';\nimport {\n  ComponentProps,\n  ComponentPropsWithoutRef,\n  ElementRef,\n  forwardRef\n} from 'react';\nimport { Flex } from '../flex';\nimport styles from './dialog.module.css';\n\nconst dialogContent = cva(styles.dialogContent);\n\nexport interface DialogContentProps\n  extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content>,\n    VariantProps<typeof dialogContent> {\n  ariaLabel?: string;\n  ariaDescription?: string;\n  overlayBlur?: boolean;\n  overlayClassName?: string;\n  overlayStyle?: React.CSSProperties;\n  width?: string | number;\n  scrollableOverlay?: boolean;\n}\n\nconst DialogContent = forwardRef<\n  ElementRef<typeof DialogPrimitive.Content>,\n  DialogContentProps\n>(\n  (\n    {\n      className,\n      children,\n      ariaLabel,\n      ariaDescription,\n      overlayBlur = false,\n      overlayClassName,\n      overlayStyle,\n      width,\n      scrollableOverlay = false,\n      ...props\n    },\n    ref\n  ) => {\n    const overlayProps: DialogPrimitive.DialogOverlayProps = {\n      className: cx(\n        styles.dialogOverlay,\n        overlayClassName,\n        overlayBlur && styles.overlayBlur\n      ),\n      style: overlayStyle,\n      'aria-hidden': 'true',\n      role: 'presentation'\n    };\n\n    const content = (\n      <DialogPrimitive.Content\n        ref={ref}\n        className={dialogContent({ className })}\n        style={{ width, ...props.style }}\n        aria-label={ariaLabel}\n        aria-describedby={ariaDescription ? 'dialog-description' : undefined}\n        {...props}\n      >\n        {children}\n      </DialogPrimitive.Content>\n    );\n    return (\n      <DialogPrimitive.Portal>\n        {scrollableOverlay ? (\n          <DialogPrimitive.Overlay {...overlayProps}>\n            {content}\n          </DialogPrimitive.Overlay>\n        ) : (\n          <>\n            <DialogPrimitive.Overlay {...overlayProps} />\n            {content}\n          </>\n        )}\n      </DialogPrimitive.Portal>\n    );\n  }\n);\n\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\nconst DialogHeader = ({\n  children,\n  className\n}: {\n  children: React.ReactNode;\n  className?: string;\n}) => (\n  <Flex\n    justify='between'\n    align='center'\n    className={cx(styles.header, className)}\n  >\n    {children}\n  </Flex>\n);\n\nconst DialogFooter = ({\n  children,\n  className\n}: {\n  children: React.ReactNode;\n  className?: string;\n}) => (\n  <Flex gap={5} justify='end' className={cx(styles.footer, className)}>\n    {children}\n  </Flex>\n);\n\nconst DialogBody = ({\n  children,\n  className\n}: {\n  children: React.ReactNode;\n  className?: string;\n}) => (\n  <Flex direction='column' gap={3} className={cx(styles.body, className)}>\n    {children}\n  </Flex>\n);\n\ntype CloseButtonProps = ComponentProps<typeof DialogPrimitive.Close>;\nexport function CloseButton({ className, ...props }: CloseButtonProps) {\n  return (\n    <DialogPrimitive.Close\n      className={cx(styles.close, className)}\n      aria-label='Close dialog'\n      {...props}\n    >\n      <Cross1Icon />\n    </DialogPrimitive.Close>\n  );\n}\n\ninterface DialogTitleProps\n  extends ComponentProps<typeof DialogPrimitive.Title> {\n  children: React.ReactNode;\n}\n\nexport function DialogTitle({\n  children,\n  className,\n  ...props\n}: DialogTitleProps) {\n  return (\n    <DialogPrimitive.Title\n      {...props}\n      role='heading'\n      aria-level={1}\n      className={cx(styles.title, className)}\n    >\n      {children}\n    </DialogPrimitive.Title>\n  );\n}\n\ninterface DialogDescriptionProps\n  extends ComponentProps<typeof DialogPrimitive.Description> {\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport function DialogDescription({\n  children,\n  className,\n  ...props\n}: DialogDescriptionProps) {\n  return (\n    <DialogPrimitive.Description\n      {...props}\n      className={cx(styles.description, className)}\n      id='dialog-description'\n      role='document'\n    >\n      {children}\n    </DialogPrimitive.Description>\n  );\n}\n\nexport const Dialog = Object.assign(DialogPrimitive.Root, {\n  Trigger: DialogPrimitive.Trigger,\n  Content: DialogContent,\n  Header: DialogHeader,\n  Footer: DialogFooter,\n  Body: DialogBody,\n  Close: DialogPrimitive.Close,\n  CloseButton: CloseButton,\n  Title: DialogTitle,\n  Description: DialogDescription\n});\n"],"names":["cva","styles","forwardRef","cx","_jsx","DialogPrimitive","_jsxs","_Fragment","Flex","Cross1Icon"],"mappings":"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"}
+{"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;;;;"}

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

@@ -1,46 +1,15 @@
-import { VariantProps } from 'class-variance-authority';
-import { Dialog as DialogPrimitive } from 'radix-ui';
-import { ComponentProps, ComponentPropsWithoutRef } from 'react';
-declare const dialogContent: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export interface DialogContentProps extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof dialogContent> {
-    ariaLabel?: string;
-    ariaDescription?: string;
-    overlayBlur?: boolean;
-    overlayClassName?: string;
-    overlayStyle?: React.CSSProperties;
-    width?: string | number;
-    scrollableOverlay?: boolean;
-}
-type CloseButtonProps = ComponentProps<typeof DialogPrimitive.Close>;
-export declare function CloseButton({ className, ...props }: CloseButtonProps): import("react/jsx-runtime").JSX.Element;
-interface DialogTitleProps extends ComponentProps<typeof DialogPrimitive.Title> {
-    children: React.ReactNode;
-}
-export declare function DialogTitle({ children, className, ...props }: DialogTitleProps): import("react/jsx-runtime").JSX.Element;
-interface DialogDescriptionProps extends ComponentProps<typeof DialogPrimitive.Description> {
-    children: React.ReactNode;
-    className?: string;
-}
-export declare function DialogDescription({ children, className, ...props }: DialogDescriptionProps): import("react/jsx-runtime").JSX.Element;
-export declare const Dialog: import("react").FC<DialogPrimitive.DialogProps> & {
-    Trigger: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
-    Content: import("react").ForwardRefExoticComponent<DialogContentProps & import("react").RefAttributes<HTMLDivElement>>;
-    Header: ({ children, className }: {
-        children: React.ReactNode;
-        className?: string | undefined;
-    }) => import("react/jsx-runtime").JSX.Element;
-    Footer: ({ children, className }: {
-        children: React.ReactNode;
-        className?: string | undefined;
-    }) => import("react/jsx-runtime").JSX.Element;
-    Body: ({ children, className }: {
-        children: React.ReactNode;
-        className?: string | undefined;
-    }) => import("react/jsx-runtime").JSX.Element;
-    Close: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
+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: typeof DialogHeader;
+    Footer: typeof DialogFooter;
+    Body: typeof DialogBody;
+    Trigger: DialogPrimitive.Trigger;
+    Content: typeof DialogContent;
+    Close: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").DialogCloseProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
     CloseButton: typeof CloseButton;
     Title: typeof DialogTitle;
     Description: typeof DialogDescription;
 };
-export {};
 //# 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":"AACA,OAAO,EAAW,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AACrD,OAAO,EACL,cAAc,EACd,wBAAwB,EAGzB,MAAM,OAAO,CAAC;AAIf,QAAA,MAAM,aAAa,oFAA4B,CAAC;AAEhD,MAAM,WAAW,kBACf,SAAQ,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,EAC9D,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAuGD,KAAK,gBAAgB,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,CAAC;AACrE,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAUpE;AAED,UAAU,gBACR,SAAQ,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC;IACpD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAWlB;AAED,UAAU,sBACR,SAAQ,cAAc,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC;IAC1D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,sBAAsB,2CAWxB;AAED,eAAO,MAAM,MAAM;;;;kBA9FP,MAAM,SAAS;;;;kBAgBf,MAAM,SAAS;;;;kBAYf,MAAM,SAAS;;;;;;;CA4EzB,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;;;;;;;;;;CAUjB,CAAC"}

package/dist/components/dialog/dialog.js

@@ -1,46 +1,18 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { Cross1Icon } from '@radix-ui/react-icons';
-import { cva, cx } from 'class-variance-authority';
-import { Dialog as Dialog$1 } from 'radix-ui';
-import { forwardRef } from 'react';
-import { Flex } from '../flex/flex.js';
-import styles from './dialog.module.css.js';
+import { Dialog as Dialog$1 } from '@base-ui/react';
+import { DialogContent } from './dialog-content.js';
+import { DialogHeader, DialogFooter, DialogBody, CloseButton, DialogTitle, DialogDescription } from './dialog-misc.js';
 
-const dialogContent = cva(styles.dialogContent);
-const DialogContent = forwardRef(({ className, children, ariaLabel, ariaDescription, overlayBlur = false, overlayClassName, overlayStyle, width, scrollableOverlay = false, ...props }, ref) => {
-    const overlayProps = {
-        className: cx(styles.dialogOverlay, overlayClassName, overlayBlur && styles.overlayBlur),
-        style: overlayStyle,
-        'aria-hidden': 'true',
-        role: 'presentation'
-    };
-    const content = (jsx(Dialog$1.Content, { ref: ref, className: dialogContent({ className }), style: { width, ...props.style }, "aria-label": ariaLabel, "aria-describedby": ariaDescription ? 'dialog-description' : undefined, ...props, children: children }));
-    return (jsx(Dialog$1.Portal, { children: scrollableOverlay ? (jsx(Dialog$1.Overlay, { ...overlayProps, children: content })) : (jsxs(Fragment, { children: [jsx(Dialog$1.Overlay, { ...overlayProps }), content] })) }));
-});
-DialogContent.displayName = Dialog$1.Content.displayName;
-const DialogHeader = ({ children, className }) => (jsx(Flex, { justify: 'between', align: 'center', className: cx(styles.header, className), children: children }));
-const DialogFooter = ({ children, className }) => (jsx(Flex, { gap: 5, justify: 'end', className: cx(styles.footer, className), children: children }));
-const DialogBody = ({ children, className }) => (jsx(Flex, { direction: 'column', gap: 3, className: cx(styles.body, className), children: children }));
-function CloseButton({ className, ...props }) {
-    return (jsx(Dialog$1.Close, { className: cx(styles.close, className), "aria-label": 'Close dialog', ...props, children: jsx(Cross1Icon, {}) }));
-}
-function DialogTitle({ children, className, ...props }) {
-    return (jsx(Dialog$1.Title, { ...props, role: 'heading', "aria-level": 1, className: cx(styles.title, className), children: children }));
-}
-function DialogDescription({ children, className, ...props }) {
-    return (jsx(Dialog$1.Description, { ...props, className: cx(styles.description, className), id: 'dialog-description', role: 'document', children: children }));
-}
 const Dialog = Object.assign(Dialog$1.Root, {
-    Trigger: Dialog$1.Trigger,
-    Content: DialogContent,
     Header: DialogHeader,
     Footer: DialogFooter,
     Body: DialogBody,
+    Trigger: Dialog$1.Trigger,
+    Content: DialogContent,
     Close: Dialog$1.Close,
     CloseButton: CloseButton,
     Title: DialogTitle,
     Description: DialogDescription
 });
 
-export { CloseButton, Dialog, DialogDescription, DialogTitle };
+export { Dialog };
 //# sourceMappingURL=dialog.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"dialog.js","sources":["../../../components/dialog/dialog.tsx"],"sourcesContent":["import { Cross1Icon } from '@radix-ui/react-icons';\nimport { cva, cx, VariantProps } from 'class-variance-authority';\nimport { Dialog as DialogPrimitive } from 'radix-ui';\nimport {\n  ComponentProps,\n  ComponentPropsWithoutRef,\n  ElementRef,\n  forwardRef\n} from 'react';\nimport { Flex } from '../flex';\nimport styles from './dialog.module.css';\n\nconst dialogContent = cva(styles.dialogContent);\n\nexport interface DialogContentProps\n  extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content>,\n    VariantProps<typeof dialogContent> {\n  ariaLabel?: string;\n  ariaDescription?: string;\n  overlayBlur?: boolean;\n  overlayClassName?: string;\n  overlayStyle?: React.CSSProperties;\n  width?: string | number;\n  scrollableOverlay?: boolean;\n}\n\nconst DialogContent = forwardRef<\n  ElementRef<typeof DialogPrimitive.Content>,\n  DialogContentProps\n>(\n  (\n    {\n      className,\n      children,\n      ariaLabel,\n      ariaDescription,\n      overlayBlur = false,\n      overlayClassName,\n      overlayStyle,\n      width,\n      scrollableOverlay = false,\n      ...props\n    },\n    ref\n  ) => {\n    const overlayProps: DialogPrimitive.DialogOverlayProps = {\n      className: cx(\n        styles.dialogOverlay,\n        overlayClassName,\n        overlayBlur && styles.overlayBlur\n      ),\n      style: overlayStyle,\n      'aria-hidden': 'true',\n      role: 'presentation'\n    };\n\n    const content = (\n      <DialogPrimitive.Content\n        ref={ref}\n        className={dialogContent({ className })}\n        style={{ width, ...props.style }}\n        aria-label={ariaLabel}\n        aria-describedby={ariaDescription ? 'dialog-description' : undefined}\n        {...props}\n      >\n        {children}\n      </DialogPrimitive.Content>\n    );\n    return (\n      <DialogPrimitive.Portal>\n        {scrollableOverlay ? (\n          <DialogPrimitive.Overlay {...overlayProps}>\n            {content}\n          </DialogPrimitive.Overlay>\n        ) : (\n          <>\n            <DialogPrimitive.Overlay {...overlayProps} />\n            {content}\n          </>\n        )}\n      </DialogPrimitive.Portal>\n    );\n  }\n);\n\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\nconst DialogHeader = ({\n  children,\n  className\n}: {\n  children: React.ReactNode;\n  className?: string;\n}) => (\n  <Flex\n    justify='between'\n    align='center'\n    className={cx(styles.header, className)}\n  >\n    {children}\n  </Flex>\n);\n\nconst DialogFooter = ({\n  children,\n  className\n}: {\n  children: React.ReactNode;\n  className?: string;\n}) => (\n  <Flex gap={5} justify='end' className={cx(styles.footer, className)}>\n    {children}\n  </Flex>\n);\n\nconst DialogBody = ({\n  children,\n  className\n}: {\n  children: React.ReactNode;\n  className?: string;\n}) => (\n  <Flex direction='column' gap={3} className={cx(styles.body, className)}>\n    {children}\n  </Flex>\n);\n\ntype CloseButtonProps = ComponentProps<typeof DialogPrimitive.Close>;\nexport function CloseButton({ className, ...props }: CloseButtonProps) {\n  return (\n    <DialogPrimitive.Close\n      className={cx(styles.close, className)}\n      aria-label='Close dialog'\n      {...props}\n    >\n      <Cross1Icon />\n    </DialogPrimitive.Close>\n  );\n}\n\ninterface DialogTitleProps\n  extends ComponentProps<typeof DialogPrimitive.Title> {\n  children: React.ReactNode;\n}\n\nexport function DialogTitle({\n  children,\n  className,\n  ...props\n}: DialogTitleProps) {\n  return (\n    <DialogPrimitive.Title\n      {...props}\n      role='heading'\n      aria-level={1}\n      className={cx(styles.title, className)}\n    >\n      {children}\n    </DialogPrimitive.Title>\n  );\n}\n\ninterface DialogDescriptionProps\n  extends ComponentProps<typeof DialogPrimitive.Description> {\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport function DialogDescription({\n  children,\n  className,\n  ...props\n}: DialogDescriptionProps) {\n  return (\n    <DialogPrimitive.Description\n      {...props}\n      className={cx(styles.description, className)}\n      id='dialog-description'\n      role='document'\n    >\n      {children}\n    </DialogPrimitive.Description>\n  );\n}\n\nexport const Dialog = Object.assign(DialogPrimitive.Root, {\n  Trigger: DialogPrimitive.Trigger,\n  Content: DialogContent,\n  Header: DialogHeader,\n  Footer: DialogFooter,\n  Body: DialogBody,\n  Close: DialogPrimitive.Close,\n  CloseButton: CloseButton,\n  Title: DialogTitle,\n  Description: DialogDescription\n});\n"],"names":["_jsx","DialogPrimitive","_jsxs","_Fragment"],"mappings":"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"}
+{"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;;;;"}

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var styles = {"dialogOverlay":"dialog-module_dialogOverlay__tCUtx","dialogContent":"dialog-module_dialogContent__L-Xp4","close":"dialog-module_close__eoqQ-","overlayBlur":"dialog-module_overlayBlur__V-Fuf","fadeIn":"dialog-module_fadeIn__nCC-y","fadeOut":"dialog-module_fadeOut__fi7-6","overlay":"dialog-module_overlay__Cyce3","header":"dialog-module_header__3D89G","title":"dialog-module_title__2TP6x","body":"dialog-module_body__akdyD","footer":"dialog-module_footer__INaSq","description":"dialog-module_description__vpW2r"};
+var styles = {"dialogOverlay":"dialog-module_dialogOverlay__tCUtx","dialogContent":"dialog-module_dialogContent__L-Xp4","showNestedAnimation":"dialog-module_showNestedAnimation__TG1H2","close":"dialog-module_close__eoqQ-","closeButton":"dialog-module_closeButton__EtE6J","overlayBlur":"dialog-module_overlayBlur__V-Fuf","viewport":"dialog-module_viewport__U3tqp","header":"dialog-module_header__3D89G","title":"dialog-module_title__2TP6x","body":"dialog-module_body__akdyD","footer":"dialog-module_footer__INaSq","description":"dialog-module_description__vpW2r"};
 
 exports.default = styles;
 //# sourceMappingURL=dialog.module.css.cjs.map

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

@@ -1,4 +1,4 @@
-var styles = {"dialogOverlay":"dialog-module_dialogOverlay__tCUtx","dialogContent":"dialog-module_dialogContent__L-Xp4","close":"dialog-module_close__eoqQ-","overlayBlur":"dialog-module_overlayBlur__V-Fuf","fadeIn":"dialog-module_fadeIn__nCC-y","fadeOut":"dialog-module_fadeOut__fi7-6","overlay":"dialog-module_overlay__Cyce3","header":"dialog-module_header__3D89G","title":"dialog-module_title__2TP6x","body":"dialog-module_body__akdyD","footer":"dialog-module_footer__INaSq","description":"dialog-module_description__vpW2r"};
+var styles = {"dialogOverlay":"dialog-module_dialogOverlay__tCUtx","dialogContent":"dialog-module_dialogContent__L-Xp4","showNestedAnimation":"dialog-module_showNestedAnimation__TG1H2","close":"dialog-module_close__eoqQ-","closeButton":"dialog-module_closeButton__EtE6J","overlayBlur":"dialog-module_overlayBlur__V-Fuf","viewport":"dialog-module_viewport__U3tqp","header":"dialog-module_header__3D89G","title":"dialog-module_title__2TP6x","body":"dialog-module_body__akdyD","footer":"dialog-module_footer__INaSq","description":"dialog-module_description__vpW2r"};
 
 export { styles as default };
 //# sourceMappingURL=dialog.module.css.js.map

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

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

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

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

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

@@ -0,0 +1,29 @@
+"use client";
+'use strict';
+
+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 drawer_module = require('./drawer.module.css.cjs');
+
+const drawerPopup = classVarianceAuthority.cva(drawer_module.default.drawerPopup, {
+    variants: {
+        side: {
+            top: drawer_module.default['drawerPopup-top'],
+            bottom: drawer_module.default['drawerPopup-bottom'],
+            left: drawer_module.default['drawerPopup-left'],
+            right: drawer_module.default['drawerPopup-right']
+        }
+    },
+    defaultVariants: {
+        side: 'right'
+    }
+});
+function DrawerContent({ className, children, side = 'right', showCloseButton = true, overlayProps, ...props }) {
+    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, { 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' }) }))] }) }) })] }));
+}
+DrawerContent.displayName = 'Drawer.Content';
+
+exports.DrawerContent = DrawerContent;
+//# sourceMappingURL=drawer-content.cjs.map

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

@@ -0,0 +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 { 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

@@ -0,0 +1,17 @@
+import { DrawerPreview 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?: 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 {};
+//# sourceMappingURL=drawer-content.d.ts.map

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

@@ -0,0 +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;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

@@ -0,0 +1,27 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { DrawerPreview } from '@base-ui/react/drawer';
+import { Cross1Icon } from '@radix-ui/react-icons';
+import { cva, cx } from 'class-variance-authority';
+import styles from './drawer.module.css.js';
+
+const drawerPopup = cva(styles.drawerPopup, {
+    variants: {
+        side: {
+            top: styles['drawerPopup-top'],
+            bottom: styles['drawerPopup-bottom'],
+            left: styles['drawerPopup-left'],
+            right: styles['drawerPopup-right']
+        }
+    },
+    defaultVariants: {
+        side: 'right'
+    }
+});
+function DrawerContent({ className, children, side = 'right', showCloseButton = true, overlayProps, ...props }) {
+    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, { 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' }) }))] }) }) })] }));
+}
+DrawerContent.displayName = 'Drawer.Content';
+
+export { DrawerContent };
+//# sourceMappingURL=drawer-content.js.map

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

@@ -0,0 +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 { 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

@@ -0,0 +1,33 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var drawer = require('@base-ui/react/drawer');
+var classVarianceAuthority = require('class-variance-authority');
+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';
+function DrawerTitle({ className, ...props }) {
+    return (jsxRuntime.jsx(drawer.DrawerPreview.Title, { className: classVarianceAuthority.cx(drawer_module.default.title, className), ...props }));
+}
+DrawerTitle.displayName = 'Drawer.Title';
+function DrawerDescription({ className, ...props }) {
+    return (jsxRuntime.jsx(drawer.DrawerPreview.Description, { className: classVarianceAuthority.cx(drawer_module.default.description, className), ...props }));
+}
+DrawerDescription.displayName = 'Drawer.Description';
+function DrawerBody({ className, ...props }) {
+    return jsxRuntime.jsx("div", { className: classVarianceAuthority.cx(drawer_module.default.body, className), ...props });
+}
+DrawerBody.displayName = 'Drawer.Body';
+function DrawerFooter({ className, ...props }) {
+    return jsxRuntime.jsx("div", { className: classVarianceAuthority.cx(drawer_module.default.footer, className), ...props });
+}
+DrawerFooter.displayName = 'Drawer.Footer';
+
+exports.DrawerBody = DrawerBody;
+exports.DrawerDescription = DrawerDescription;
+exports.DrawerFooter = DrawerFooter;
+exports.DrawerHeader = DrawerHeader;
+exports.DrawerTitle = DrawerTitle;
+//# sourceMappingURL=drawer-misc.cjs.map

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

@@ -0,0 +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 { 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

@@ -0,0 +1,26 @@
+import { DrawerPreview as DrawerPrimitive } from '@base-ui/react/drawer';
+import { ComponentProps, type ReactNode } from 'react';
+export declare const DrawerHeader: {
+    ({ children, className }: {
+        children: ReactNode;
+        className?: string | undefined;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+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

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-misc.d.ts","sourceRoot":"","sources":["../../../components/drawer/drawer-misc.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAEzE,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

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

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

@@ -0,0 +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 { 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

@@ -0,0 +1,19 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var drawer = require('@base-ui/react/drawer');
+
+const sideToSwipeDirection = {
+    top: 'up',
+    right: 'right',
+    bottom: 'down',
+    left: 'left'
+};
+function DrawerRoot({ side = 'right', swipeDirection, ...props }) {
+    return (jsxRuntime.jsx(drawer.DrawerPreview.Root, { swipeDirection: swipeDirection ?? sideToSwipeDirection[side], ...props }));
+}
+DrawerRoot.displayName = 'Drawer';
+
+exports.DrawerRoot = DrawerRoot;
+//# sourceMappingURL=drawer-root.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-root.cjs","sources":["../../../components/drawer/drawer-root.tsx"],"sourcesContent":["'use client';\n\nimport { DrawerPreview as DrawerPrimitive } from '@base-ui/react/drawer';\n\ntype Side = 'top' | 'right' | 'bottom' | 'left';\n\nconst sideToSwipeDirection: Record<\n  Side,\n  DrawerPrimitive.Root.Props['swipeDirection']\n> = {\n  top: 'up',\n  right: 'right',\n  bottom: 'down',\n  left: 'left'\n};\n\nexport interface DrawerRootProps extends DrawerPrimitive.Root.Props {\n  /** The direction from which the drawer appears and can be swiped to dismiss. */\n  side?: Side;\n}\n\nexport function DrawerRoot({\n  side = 'right',\n  swipeDirection,\n  ...props\n}: DrawerRootProps) {\n  return (\n    <DrawerPrimitive.Root\n      swipeDirection={swipeDirection ?? sideToSwipeDirection[side]}\n      {...props}\n    />\n  );\n}\nDrawerRoot.displayName = 'Drawer';\n"],"names":[],"mappings":";;;;;;AAMA;AAIE;AACA;AACA;AACA;;AAQc;AAKd;AAMF;AACA;;"}

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

@@ -0,0 +1,12 @@
+import { DrawerPreview as DrawerPrimitive } from '@base-ui/react/drawer';
+type Side = 'top' | 'right' | 'bottom' | 'left';
+export interface DrawerRootProps extends DrawerPrimitive.Root.Props {
+    /** The direction from which the drawer appears and can be swiped to dismiss. */
+    side?: Side;
+}
+export declare function DrawerRoot({ side, swipeDirection, ...props }: DrawerRootProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace DrawerRoot {
+    var displayName: string;
+}
+export {};
+//# sourceMappingURL=drawer-root.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-root.d.ts","sourceRoot":"","sources":["../../../components/drawer/drawer-root.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAEzE,KAAK,IAAI,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAYhD,MAAM,WAAW,eAAgB,SAAQ,eAAe,CAAC,IAAI,CAAC,KAAK;IACjE,gFAAgF;IAChF,IAAI,CAAC,EAAE,IAAI,CAAC;CACb;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAc,EACd,cAAc,EACd,GAAG,KAAK,EACT,EAAE,eAAe,2CAOjB;yBAXe,UAAU"}

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

@@ -0,0 +1,17 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { DrawerPreview } from '@base-ui/react/drawer';
+
+const sideToSwipeDirection = {
+    top: 'up',
+    right: 'right',
+    bottom: 'down',
+    left: 'left'
+};
+function DrawerRoot({ side = 'right', swipeDirection, ...props }) {
+    return (jsx(DrawerPreview.Root, { swipeDirection: swipeDirection ?? sideToSwipeDirection[side], ...props }));
+}
+DrawerRoot.displayName = 'Drawer';
+
+export { DrawerRoot };
+//# sourceMappingURL=drawer-root.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-root.js","sources":["../../../components/drawer/drawer-root.tsx"],"sourcesContent":["'use client';\n\nimport { DrawerPreview as DrawerPrimitive } from '@base-ui/react/drawer';\n\ntype Side = 'top' | 'right' | 'bottom' | 'left';\n\nconst sideToSwipeDirection: Record<\n  Side,\n  DrawerPrimitive.Root.Props['swipeDirection']\n> = {\n  top: 'up',\n  right: 'right',\n  bottom: 'down',\n  left: 'left'\n};\n\nexport interface DrawerRootProps extends DrawerPrimitive.Root.Props {\n  /** The direction from which the drawer appears and can be swiped to dismiss. */\n  side?: Side;\n}\n\nexport function DrawerRoot({\n  side = 'right',\n  swipeDirection,\n  ...props\n}: DrawerRootProps) {\n  return (\n    <DrawerPrimitive.Root\n      swipeDirection={swipeDirection ?? sideToSwipeDirection[side]}\n      {...props}\n    />\n  );\n}\nDrawerRoot.displayName = 'Drawer';\n"],"names":[],"mappings":";;;;AAMA;AAIE;AACA;AACA;AACA;;AAQc;AAKd;AAMF;AACA;;"}