@raystack/apsara 0.56.5 → 1.0.0-rc.0

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

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

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

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

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

@@ -0,0 +1,37 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('@base-ui/react');
+var reactIcons = require('@radix-ui/react-icons');
+var classVarianceAuthority = require('class-variance-authority');
+var 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 })));
+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 })));
+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 })));
+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' }) }));
+});
+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 }));
+});
+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 }));
+});
+DialogDescription.displayName = 'Dialog.Description';
+
+exports.CloseButton = CloseButton;
+exports.DialogBody = DialogBody;
+exports.DialogDescription = DialogDescription;
+exports.DialogFooter = DialogFooter;
+exports.DialogHeader = DialogHeader;
+exports.DialogTitle = DialogTitle;
+//# sourceMappingURL=dialog-misc.cjs.map

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

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

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

@@ -0,0 +1,34 @@
+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>>;
+//# sourceMappingURL=dialog-misc.d.ts.map

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

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

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

@@ -0,0 +1,30 @@
+"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 { 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 })));
+DialogHeader.displayName = 'Dialog.Header';
+const DialogFooter = forwardRef(({ className, ...props }, ref) => (jsx(Flex, { gap: 5, justify: 'end', className: cx(styles.footer, className), ref: ref, ...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 })));
+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' }) }));
+});
+CloseButton.displayName = 'Dialog.CloseButton';
+const DialogTitle = forwardRef(({ className, ...props }, ref) => {
+    return (jsx(Dialog.Title, { ref: ref, 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 }));
+});
+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 { 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;;"}

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":";;;;;;;;;;AAYA,MAAM,aAAa,GAAGA,0BAAG,CAACC,qBAAM,CAAC,aAAa,CAAC,CAAC;AAchD,MAAM,aAAa,GAAGC,gBAAU,CAI9B,CACE,EACE,SAAS,EACT,QAAQ,EACR,SAAS,EACT,eAAe,EACf,WAAW,GAAG,KAAK,EACnB,gBAAgB,EAChB,YAAY,EACZ,KAAK,EACL,iBAAiB,GAAG,KAAK,EACzB,GAAG,KAAK,EACT,EACD,GAAG,KACD;AACF,IAAA,MAAM,YAAY,GAAuC;AACvD,QAAA,SAAS,EAAEC,yBAAE,CACXF,qBAAM,CAAC,aAAa,EACpB,gBAAgB,EAChB,WAAW,IAAIA,qBAAM,CAAC,WAAW,CAClC;AACD,QAAA,KAAK,EAAE,YAAY;AACnB,QAAA,aAAa,EAAE,MAAM;AACrB,QAAA,IAAI,EAAE,cAAc;KACrB,CAAC;IAEF,MAAM,OAAO,IACXG,cAAA,CAACC,cAAe,CAAC,OAAO,EACtB,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,aAAa,CAAC,EAAE,SAAS,EAAE,CAAC,EACvC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE,EACpB,YAAA,EAAA,SAAS,EACH,kBAAA,EAAA,eAAe,GAAG,oBAAoB,GAAG,SAAS,EAAA,GAChE,KAAK,EAER,QAAA,EAAA,QAAQ,EACe,CAAA,CAC3B,CAAC;AACF,IAAA,QACED,cAAC,CAAAC,cAAe,CAAC,MAAM,cACpB,iBAAiB,IAChBD,cAAC,CAAAC,cAAe,CAAC,OAAO,EAAA,EAAA,GAAK,YAAY,EACtC,QAAA,EAAA,OAAO,EACgB,CAAA,KAE1BC,eACE,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,CAAAH,cAAA,CAACC,cAAe,CAAC,OAAO,EAAK,EAAA,GAAA,YAAY,GAAI,EAC5C,OAAO,IACP,CACJ,EAAA,CACsB,EACzB;AACJ,CAAC,CACF,CAAC;AAEF,aAAa,CAAC,WAAW,GAAGA,cAAe,CAAC,OAAO,CAAC,WAAW,CAAC;AAEhE,MAAM,YAAY,GAAG,CAAC,EACpB,QAAQ,EACR,SAAS,EAIV,MACCD,cAAA,CAACI,SAAI,EAAA,EACH,OAAO,EAAC,SAAS,EACjB,KAAK,EAAC,QAAQ,EACd,SAAS,EAAEL,yBAAE,CAACF,qBAAM,CAAC,MAAM,EAAE,SAAS,CAAC,YAEtC,QAAQ,EAAA,CACJ,CACR,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,EACpB,QAAQ,EACR,SAAS,EAIV,MACCG,cAAA,CAACI,SAAI,EAAA,EAAC,GAAG,EAAE,CAAC,EAAE,OAAO,EAAC,KAAK,EAAC,SAAS,EAAEL,yBAAE,CAACF,qBAAM,CAAC,MAAM,EAAE,SAAS,CAAC,YAChE,QAAQ,EAAA,CACJ,CACR,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,EAClB,QAAQ,EACR,SAAS,EAIV,MACCG,cAAA,CAACI,SAAI,EAAA,EAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAE,CAAC,EAAE,SAAS,EAAEL,yBAAE,CAACF,qBAAM,CAAC,IAAI,EAAE,SAAS,CAAC,YACnE,QAAQ,EAAA,CACJ,CACR,CAAC;AAGI,SAAU,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAoB,EAAA;IACnE,QACEG,cAAC,CAAAC,cAAe,CAAC,KAAK,EACpB,EAAA,SAAS,EAAEF,yBAAE,CAACF,qBAAM,CAAC,KAAK,EAAE,SAAS,CAAC,EAC3B,YAAA,EAAA,cAAc,EACrB,GAAA,KAAK,EAET,QAAA,EAAAG,cAAA,CAACK,qBAAU,EAAA,EAAA,CAAG,EACQ,CAAA,EACxB;AACJ,CAAC;AAOK,SAAU,WAAW,CAAC,EAC1B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACS,EAAA;AACjB,IAAA,QACEL,cAAA,CAACC,cAAe,CAAC,KAAK,EAAA,EAAA,GAChB,KAAK,EACT,IAAI,EAAC,SAAS,EAAA,YAAA,EACF,CAAC,EACb,SAAS,EAAEF,yBAAE,CAACF,qBAAM,CAAC,KAAK,EAAE,SAAS,CAAC,EAErC,QAAA,EAAA,QAAQ,EACa,CAAA,EACxB;AACJ,CAAC;AAQK,SAAU,iBAAiB,CAAC,EAChC,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACe,EAAA;AACvB,IAAA,QACEG,cAAA,CAACC,cAAe,CAAC,WAAW,EAAA,EAAA,GACtB,KAAK,EACT,SAAS,EAAEF,yBAAE,CAACF,qBAAM,CAAC,WAAW,EAAE,SAAS,CAAC,EAC5C,EAAE,EAAC,oBAAoB,EACvB,IAAI,EAAC,UAAU,EAAA,QAAA,EAEd,QAAQ,EAAA,CACmB,EAC9B;AACJ,CAAC;AAEY,MAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAACI,cAAe,CAAC,IAAI,EAAE;IACxD,OAAO,EAAEA,cAAe,CAAC,OAAO;AAChC,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,MAAM,EAAE,YAAY;AACpB,IAAA,MAAM,EAAE,YAAY;AACpB,IAAA,IAAI,EAAE,UAAU;IAChB,KAAK,EAAEA,cAAe,CAAC,KAAK;AAC5B,IAAA,WAAW,EAAE,WAAW;AACxB,IAAA,KAAK,EAAE,WAAW;AAClB,IAAA,WAAW,EAAE,iBAAiB;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});\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,40 @@
-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>>;
-    CloseButton: typeof CloseButton;
-    Title: typeof DialogTitle;
-    Description: typeof DialogDescription;
+import { Dialog as DialogPrimitive } from '@base-ui/react';
+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>>;
+    Trigger: DialogPrimitive.Trigger;
+    Content: import("react").ForwardRefExoticComponent<Omit<import("./dialog-content").DialogContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    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>>;
 };
-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;AAW3D,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,30 @@
+"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 React = require('react');
+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'
+    }
+});
+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' }) }))] }) }) })] }));
+});
+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 { 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;;"}

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

@@ -0,0 +1,13 @@
+import { DrawerPreview as DrawerPrimitive } from '@base-ui/react/drawer';
+import { type VariantProps } from 'class-variance-authority';
+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;
+}
+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

@@ -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;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"}

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

@@ -0,0 +1,28 @@
+"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 { forwardRef } from 'react';
+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'
+    }
+});
+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' }) }))] }) }) })] }));
+});
+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 { 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;;"}

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

@@ -0,0 +1,26 @@
+"use client";
+'use strict';
+
+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 })));
+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 })));
+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 })));
+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 })));
+DrawerFooter.displayName = 'Drawer.Footer';
+
+exports.DrawerBody = DrawerBody;
+exports.DrawerDescription = DrawerDescription;
+exports.DrawerFooter = DrawerFooter;
+exports.DrawerHeader = DrawerHeader;
+exports.DrawerTitle = DrawerTitle;
+//# sourceMappingURL=drawer-misc.cjs.map