@raystack/apsara 0.56.6 → 1.0.0-rc.0

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

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 {\n  type ElementRef,\n  forwardRef,\n  type HTMLAttributes,\n  type ReactNode\n} from 'react';\nimport styles from './drawer.module.css';\n\nexport const DrawerHeader = ({\n  children,\n  className\n}: {\n  children: ReactNode;\n  className?: string;\n}) => <div className={cx(styles.header, className)}>{children}</div>;\nDrawerHeader.displayName = 'Drawer.Header';\n\nexport const DrawerTitle = forwardRef<\n  ElementRef<typeof DrawerPrimitive.Title>,\n  DrawerPrimitive.Title.Props\n>(({ className, ...props }, ref) => (\n  <DrawerPrimitive.Title\n    ref={ref}\n    className={cx(styles.title, className)}\n    {...props}\n  />\n));\nDrawerTitle.displayName = 'Drawer.Title';\n\nexport const DrawerDescription = forwardRef<\n  ElementRef<typeof DrawerPrimitive.Description>,\n  DrawerPrimitive.Description.Props\n>(({ className, ...props }, ref) => (\n  <DrawerPrimitive.Description\n    ref={ref}\n    className={cx(styles.description, className)}\n    {...props}\n  />\n));\nDrawerDescription.displayName = 'Drawer.Description';\n\nexport const DrawerBody = forwardRef<\n  HTMLDivElement,\n  HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cx(styles.body, className)} {...props} />\n));\nDrawerBody.displayName = 'Drawer.Body';\n\nexport const DrawerFooter = forwardRef<\n  HTMLDivElement,\n  HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cx(styles.footer, className)} {...props} />\n));\nDrawerFooter.displayName = 'Drawer.Footer';\n"],"names":[],"mappings":";;;;;;;;;AAYa;AAOb;AAEa;AAUb;AAEa;AAUb;AAEa;AAMb;AAEa;AAMb;;;;;;"}

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

@@ -0,0 +1,13 @@
+import { type HTMLAttributes, 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 const DrawerTitle: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react/drawer").DrawerTitleProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+export declare const DrawerDescription: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react/drawer").DrawerDescriptionProps, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
+export declare const DrawerBody: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DrawerFooter: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+//# 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":"AAIA,OAAO,EAGL,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,eAAO,MAAM,YAAY;;kBAIb,SAAS;;;;CAE+C,CAAC;AAGrE,eAAO,MAAM,WAAW,8JAStB,CAAC;AAGH,eAAO,MAAM,iBAAiB,sKAS5B,CAAC;AAGH,eAAO,MAAM,UAAU,2HAKrB,CAAC;AAGH,eAAO,MAAM,YAAY,2HAKvB,CAAC"}

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

@@ -0,0 +1,20 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { DrawerPreview } from '@base-ui/react/drawer';
+import { cx } from 'class-variance-authority';
+import { forwardRef } from 'react';
+import styles from './drawer.module.css.js';
+
+const DrawerHeader = ({ children, className }) => jsx("div", { className: cx(styles.header, className), children: children });
+DrawerHeader.displayName = 'Drawer.Header';
+const DrawerTitle = forwardRef(({ className, ...props }, ref) => (jsx(DrawerPreview.Title, { ref: ref, className: cx(styles.title, className), ...props })));
+DrawerTitle.displayName = 'Drawer.Title';
+const DrawerDescription = forwardRef(({ className, ...props }, ref) => (jsx(DrawerPreview.Description, { ref: ref, className: cx(styles.description, className), ...props })));
+DrawerDescription.displayName = 'Drawer.Description';
+const DrawerBody = forwardRef(({ className, ...props }, ref) => (jsx("div", { ref: ref, className: cx(styles.body, className), ...props })));
+DrawerBody.displayName = 'Drawer.Body';
+const DrawerFooter = forwardRef(({ className, ...props }, ref) => (jsx("div", { ref: ref, 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 {\n  type ElementRef,\n  forwardRef,\n  type HTMLAttributes,\n  type ReactNode\n} from 'react';\nimport styles from './drawer.module.css';\n\nexport const DrawerHeader = ({\n  children,\n  className\n}: {\n  children: ReactNode;\n  className?: string;\n}) => <div className={cx(styles.header, className)}>{children}</div>;\nDrawerHeader.displayName = 'Drawer.Header';\n\nexport const DrawerTitle = forwardRef<\n  ElementRef<typeof DrawerPrimitive.Title>,\n  DrawerPrimitive.Title.Props\n>(({ className, ...props }, ref) => (\n  <DrawerPrimitive.Title\n    ref={ref}\n    className={cx(styles.title, className)}\n    {...props}\n  />\n));\nDrawerTitle.displayName = 'Drawer.Title';\n\nexport const DrawerDescription = forwardRef<\n  ElementRef<typeof DrawerPrimitive.Description>,\n  DrawerPrimitive.Description.Props\n>(({ className, ...props }, ref) => (\n  <DrawerPrimitive.Description\n    ref={ref}\n    className={cx(styles.description, className)}\n    {...props}\n  />\n));\nDrawerDescription.displayName = 'Drawer.Description';\n\nexport const DrawerBody = forwardRef<\n  HTMLDivElement,\n  HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cx(styles.body, className)} {...props} />\n));\nDrawerBody.displayName = 'Drawer.Body';\n\nexport const DrawerFooter = forwardRef<\n  HTMLDivElement,\n  HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cx(styles.footer, className)} {...props} />\n));\nDrawerFooter.displayName = 'Drawer.Footer';\n"],"names":[],"mappings":";;;;;;;AAYa;AAOb;AAEa;AAUb;AAEa;AAUb;AAEa;AAMb;AAEa;AAMb;;"}

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: 'top',
+    right: 'right',
+    bottom: 'bottom',
+    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<Side, Side> = {\n  top: 'top',\n  right: 'right',\n  bottom: 'bottom',\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;AACE;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;AAShD,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: 'top',
+    right: 'right',
+    bottom: 'bottom',
+    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<Side, Side> = {\n  top: 'top',\n  right: 'right',\n  bottom: 'bottom',\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;AACE;AACA;AACA;AACA;;AAQc;AAKd;AAMF;AACA;;"}

package/dist/components/drawer/drawer.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+var drawer = require('@base-ui/react/drawer');
+var drawerContent = require('./drawer-content.cjs');
+var drawerMisc = require('./drawer-misc.cjs');
+var drawerRoot = require('./drawer-root.cjs');
+
+const Drawer = Object.assign(drawerRoot.DrawerRoot, {
+    Trigger: drawer.DrawerPreview.Trigger,
+    Content: drawerContent.DrawerContent,
+    Header: drawerMisc.DrawerHeader,
+    Title: drawerMisc.DrawerTitle,
+    Description: drawerMisc.DrawerDescription,
+    Body: drawerMisc.DrawerBody,
+    Footer: drawerMisc.DrawerFooter,
+    Close: drawer.DrawerPreview.Close
+});
+
+exports.Drawer = Drawer;
+//# sourceMappingURL=drawer.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.cjs","sources":["../../../components/drawer/drawer.tsx"],"sourcesContent":["import { DrawerPreview as DrawerPrimitive } from '@base-ui/react/drawer';\nimport { DrawerContent } from './drawer-content';\nimport {\n  DrawerBody,\n  DrawerDescription,\n  DrawerFooter,\n  DrawerHeader,\n  DrawerTitle\n} from './drawer-misc';\nimport { DrawerRoot } from './drawer-root';\n\nexport type { DrawerContentProps } from './drawer-content';\nexport type { DrawerRootProps } from './drawer-root';\n\nexport const Drawer = Object.assign(DrawerRoot, {\n  Trigger: DrawerPrimitive.Trigger,\n  Content: DrawerContent,\n  Header: DrawerHeader,\n  Title: DrawerTitle,\n  Description: DrawerDescription,\n  Body: DrawerBody,\n  Footer: DrawerFooter,\n  Close: DrawerPrimitive.Close\n});\n"],"names":["DrawerRoot","DrawerPrimitive","DrawerContent","DrawerHeader","DrawerTitle","DrawerDescription","DrawerBody","DrawerFooter"],"mappings":";;;;;;;MAca,MAAM,GAAG,MAAM,CAAC,MAAM,CAACA,qBAAU,EAAE;IAC9C,OAAO,EAAEC,oBAAe,CAAC,OAAO;AAChC,IAAA,OAAO,EAAEC,2BAAa;AACtB,IAAA,MAAM,EAAEC,uBAAY;AACpB,IAAA,KAAK,EAAEC,sBAAW;AAClB,IAAA,WAAW,EAAEC,4BAAiB;AAC9B,IAAA,IAAI,EAAEC,qBAAU;AAChB,IAAA,MAAM,EAAEC,uBAAY;IACpB,KAAK,EAAEN,oBAAe,CAAC,KAAK;AAC7B,CAAA;;;;"}

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

@@ -0,0 +1,21 @@
+import { DrawerPreview as DrawerPrimitive } from '@base-ui/react/drawer';
+import { DrawerRoot } from './drawer-root';
+export type { DrawerContentProps } from './drawer-content';
+export type { DrawerRootProps } from './drawer-root';
+export declare const Drawer: typeof DrawerRoot & {
+    Trigger: DrawerPrimitive.Trigger;
+    Content: import("react").ForwardRefExoticComponent<Omit<import("./drawer-content").DrawerContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Header: {
+        ({ children, className }: {
+            children: import("react").ReactNode;
+            className?: string | undefined;
+        }): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Title: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react/drawer").DrawerTitleProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+    Description: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react/drawer").DrawerDescriptionProps, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
+    Body: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+    Footer: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+    Close: DrawerPrimitive.Close;
+};
+//# sourceMappingURL=drawer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../components/drawer/drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AASzE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC3D,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAErD,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;CASjB,CAAC"}

package/dist/components/drawer/drawer.js

@@ -0,0 +1,18 @@
+import { DrawerPreview } from '@base-ui/react/drawer';
+import { DrawerContent } from './drawer-content.js';
+import { DrawerHeader, DrawerTitle, DrawerDescription, DrawerBody, DrawerFooter } from './drawer-misc.js';
+import { DrawerRoot } from './drawer-root.js';
+
+const Drawer = Object.assign(DrawerRoot, {
+    Trigger: DrawerPreview.Trigger,
+    Content: DrawerContent,
+    Header: DrawerHeader,
+    Title: DrawerTitle,
+    Description: DrawerDescription,
+    Body: DrawerBody,
+    Footer: DrawerFooter,
+    Close: DrawerPreview.Close
+});
+
+export { Drawer };
+//# sourceMappingURL=drawer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.js","sources":["../../../components/drawer/drawer.tsx"],"sourcesContent":["import { DrawerPreview as DrawerPrimitive } from '@base-ui/react/drawer';\nimport { DrawerContent } from './drawer-content';\nimport {\n  DrawerBody,\n  DrawerDescription,\n  DrawerFooter,\n  DrawerHeader,\n  DrawerTitle\n} from './drawer-misc';\nimport { DrawerRoot } from './drawer-root';\n\nexport type { DrawerContentProps } from './drawer-content';\nexport type { DrawerRootProps } from './drawer-root';\n\nexport const Drawer = Object.assign(DrawerRoot, {\n  Trigger: DrawerPrimitive.Trigger,\n  Content: DrawerContent,\n  Header: DrawerHeader,\n  Title: DrawerTitle,\n  Description: DrawerDescription,\n  Body: DrawerBody,\n  Footer: DrawerFooter,\n  Close: DrawerPrimitive.Close\n});\n"],"names":["DrawerPrimitive"],"mappings":";;;;;MAca,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,UAAU,EAAE;IAC9C,OAAO,EAAEA,aAAe,CAAC,OAAO;AAChC,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,MAAM,EAAE,YAAY;AACpB,IAAA,KAAK,EAAE,WAAW;AAClB,IAAA,WAAW,EAAE,iBAAiB;AAC9B,IAAA,IAAI,EAAE,UAAU;AAChB,IAAA,MAAM,EAAE,YAAY;IACpB,KAAK,EAAEA,aAAe,CAAC,KAAK;AAC7B,CAAA;;;;"}

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

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"backdrop":"drawer-module_backdrop__ec-fE","viewport":"drawer-module_viewport__QFE1z","drawerPopup-right":"drawer-module_drawerPopup-right__PMF5q","drawerPopup-left":"drawer-module_drawerPopup-left__z2HaX","drawerPopup-top":"drawer-module_drawerPopup-top__oub9Q","drawerPopup-bottom":"drawer-module_drawerPopup-bottom__RyQ-2","drawerPopup":"drawer-module_drawerPopup__5Br64","content":"drawer-module_content__nJCyN","close":"drawer-module_close__sk-zV","header":"drawer-module_header__kh4dG","title":"drawer-module_title__wrN8s","description":"drawer-module_description__HjJYQ","body":"drawer-module_body__MOVn9","footer":"drawer-module_footer__w5-IO","drawerPopup___right":"drawer-module_drawerPopup-right__PMF5q","drawerPopup___left":"drawer-module_drawerPopup-left__z2HaX","drawerPopup___top":"drawer-module_drawerPopup-top__oub9Q","drawerPopup___bottom":"drawer-module_drawerPopup-bottom__RyQ-2"};
+
+exports.default = styles;
+//# sourceMappingURL=drawer.module.css.cjs.map

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

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

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

@@ -0,0 +1,4 @@
+var styles = {"backdrop":"drawer-module_backdrop__ec-fE","viewport":"drawer-module_viewport__QFE1z","drawerPopup-right":"drawer-module_drawerPopup-right__PMF5q","drawerPopup-left":"drawer-module_drawerPopup-left__z2HaX","drawerPopup-top":"drawer-module_drawerPopup-top__oub9Q","drawerPopup-bottom":"drawer-module_drawerPopup-bottom__RyQ-2","drawerPopup":"drawer-module_drawerPopup__5Br64","content":"drawer-module_content__nJCyN","close":"drawer-module_close__sk-zV","header":"drawer-module_header__kh4dG","title":"drawer-module_title__wrN8s","description":"drawer-module_description__HjJYQ","body":"drawer-module_body__MOVn9","footer":"drawer-module_footer__w5-IO","drawerPopup___right":"drawer-module_drawerPopup-right__PMF5q","drawerPopup___left":"drawer-module_drawerPopup-left__z2HaX","drawerPopup___top":"drawer-module_drawerPopup-top__oub9Q","drawerPopup___bottom":"drawer-module_drawerPopup-bottom__RyQ-2"};
+
+export { styles as default };
+//# sourceMappingURL=drawer.module.css.js.map

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

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

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

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

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

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

package/dist/components/flex/flex.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var jsxRuntime = require('react/jsx-runtime');
+var react = require('@base-ui/react');
 var classVarianceAuthority = require('class-variance-authority');
 var React = require('react');
 var flex_module = require('./flex.module.css.cjs');
@@ -58,8 +58,9 @@ const flex = classVarianceAuthority.cva(flex_module.default.flex, {
         wrap: 'noWrap'
     }
 });
-const Flex = React.forwardRef(({ children, direction, align, justify, wrap, gap, className, width, ...props }, ref) => {
-    return (jsxRuntime.jsx("div", { className: flex({
+const Flex = React.forwardRef(({ direction, align, justify, wrap, gap, className, width, render, ...props }, ref) => {
+    const flexProps = {
+        className: flex({
             direction,
             align,
             justify,
@@ -67,7 +68,15 @@ const Flex = React.forwardRef(({ children, direction, align, justify, wrap, gap,
             gap,
             className,
             width
-        }), ...props, ref: ref, children: children }));
+        })
+    };
+    const element = react.useRender({
+        defaultTagName: 'div',
+        ref,
+        render,
+        props: react.mergeProps(flexProps, props)
+    });
+    return element;
 });
 
 exports.Flex = Flex;

package/dist/components/flex/flex.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"flex.cjs","sources":["../../../components/flex/flex.tsx"],"sourcesContent":["import { VariantProps, cva } from 'class-variance-authority';\nimport { HTMLAttributes, PropsWithChildren, forwardRef } from 'react';\n\nimport styles from './flex.module.css';\n\nconst flex = cva(styles.flex, {\n  variants: {\n    direction: {\n      row: styles['direction-row'],\n      column: styles['direction-column'],\n      rowReverse: styles['direction-rowReverse'],\n      columnReverse: styles['direction-columnReverse']\n    },\n    align: {\n      start: styles['align-start'],\n      center: styles['align-center'],\n      end: styles['align-end'],\n      stretch: styles['align-stretch'],\n      baseline: styles['align-baseline']\n    },\n    justify: {\n      start: styles['justify-start'],\n      center: styles['justify-center'],\n      end: styles['justify-end'],\n      between: styles['justify-between']\n    },\n    wrap: {\n      noWrap: styles['wrap-noWrap'],\n      wrap: styles['wrap-wrap'],\n      wrapReverse: styles['wrap-wrapReverse']\n    },\n    gap: {\n      1: styles['gap-1'],\n      2: styles['gap-2'],\n      3: styles['gap-3'],\n      4: styles['gap-4'],\n      5: styles['gap-5'],\n      6: styles['gap-6'],\n      7: styles['gap-7'],\n      8: styles['gap-8'],\n      9: styles['gap-9'],\n      'extra-small': styles['gap-xs'],\n      small: styles['gap-sm'],\n      medium: styles['gap-md'],\n      large: styles['gap-lg'],\n      'extra-large': styles['gap-xl']\n    },\n    width: {\n      full: styles['width-full']\n    }\n  },\n  defaultVariants: {\n    direction: 'row',\n    align: 'stretch',\n    justify: 'start',\n    wrap: 'noWrap'\n  }\n});\n\ntype BoxProps = PropsWithChildren<VariantProps<typeof flex>> &\n  HTMLAttributes<HTMLDivElement>;\n\nexport const Flex = forwardRef<HTMLDivElement, BoxProps>(\n  (\n    {\n      children,\n      direction,\n      align,\n      justify,\n      wrap,\n      gap,\n      className,\n      width,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <div\n        className={flex({\n          direction,\n          align,\n          justify,\n          wrap,\n          gap,\n          className,\n          width\n        })}\n        {...props}\n        ref={ref}\n      >\n        {children}\n      </div>\n    );\n  }\n);\n"],"names":["cva","styles","forwardRef","_jsx"],"mappings":"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"}
+{"version":3,"file":"flex.cjs","sources":["../../../components/flex/flex.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport { cva, VariantProps } from 'class-variance-authority';\nimport { forwardRef } from 'react';\nimport styles from './flex.module.css';\n\nconst flex = cva(styles.flex, {\n  variants: {\n    direction: {\n      row: styles['direction-row'],\n      column: styles['direction-column'],\n      rowReverse: styles['direction-rowReverse'],\n      columnReverse: styles['direction-columnReverse']\n    },\n    align: {\n      start: styles['align-start'],\n      center: styles['align-center'],\n      end: styles['align-end'],\n      stretch: styles['align-stretch'],\n      baseline: styles['align-baseline']\n    },\n    justify: {\n      start: styles['justify-start'],\n      center: styles['justify-center'],\n      end: styles['justify-end'],\n      between: styles['justify-between']\n    },\n    wrap: {\n      noWrap: styles['wrap-noWrap'],\n      wrap: styles['wrap-wrap'],\n      wrapReverse: styles['wrap-wrapReverse']\n    },\n    gap: {\n      1: styles['gap-1'],\n      2: styles['gap-2'],\n      3: styles['gap-3'],\n      4: styles['gap-4'],\n      5: styles['gap-5'],\n      6: styles['gap-6'],\n      7: styles['gap-7'],\n      8: styles['gap-8'],\n      9: styles['gap-9'],\n      'extra-small': styles['gap-xs'],\n      small: styles['gap-sm'],\n      medium: styles['gap-md'],\n      large: styles['gap-lg'],\n      'extra-large': styles['gap-xl']\n    },\n    width: {\n      full: styles['width-full']\n    }\n  },\n  defaultVariants: {\n    direction: 'row',\n    align: 'stretch',\n    justify: 'start',\n    wrap: 'noWrap'\n  }\n});\n\ntype BoxProps = VariantProps<typeof flex> & useRender.ComponentProps<'div'>;\n\nexport const Flex = forwardRef<HTMLDivElement, BoxProps>(\n  (\n    {\n      direction,\n      align,\n      justify,\n      wrap,\n      gap,\n      className,\n      width,\n      render,\n      ...props\n    },\n    ref\n  ) => {\n    const flexProps = {\n      className: flex({\n        direction,\n        align,\n        justify,\n        wrap,\n        gap,\n        className,\n        width\n      })\n    };\n\n    const element = useRender({\n      defaultTagName: 'div',\n      ref,\n      render,\n      props: mergeProps<'div'>(flexProps, props)\n    });\n\n    return element;\n  }\n);\n"],"names":["cva","styles","forwardRef","useRender","mergeProps"],"mappings":"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"}

package/dist/components/flex/flex.d.ts

@@ -1,13 +1,14 @@
+import { useRender } from '@base-ui/react';
 import { VariantProps } from 'class-variance-authority';
-import { HTMLAttributes } from 'react';
-export declare const Flex: import("react").ForwardRefExoticComponent<VariantProps<(props?: ({
+declare const flex: (props?: ({
     direction?: "row" | "column" | "rowReverse" | "columnReverse" | null | undefined;
     align?: "center" | "start" | "end" | "stretch" | "baseline" | null | undefined;
     justify?: "center" | "start" | "end" | "between" | null | undefined;
     wrap?: "wrap" | "noWrap" | "wrapReverse" | null | undefined;
-    gap?: 1 | "small" | 2 | "extra-small" | "medium" | "large" | "extra-large" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | null | undefined;
+    gap?: "small" | 1 | 2 | "extra-small" | "medium" | "large" | "extra-large" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | null | undefined;
     width?: "full" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
-    children?: import("react").ReactNode;
-} & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type BoxProps = VariantProps<typeof flex> & useRender.ComponentProps<'div'>;
+export declare const Flex: import("react").ForwardRefExoticComponent<Omit<BoxProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export {};
 //# sourceMappingURL=flex.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"flex.d.ts","sourceRoot":"","sources":["../../../components/flex/flex.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAO,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAiC,MAAM,OAAO,CAAC;AA6DtE,eAAO,MAAM,IAAI;;;;;;;;;mFAiChB,CAAC"}
+{"version":3,"file":"flex.d.ts","sourceRoot":"","sources":["../../../components/flex/flex.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAI7D,QAAA,MAAM,IAAI;;;;;;;8EAoDR,CAAC;AAEH,KAAK,QAAQ,GAAG,YAAY,CAAC,OAAO,IAAI,CAAC,GAAG,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AAE5E,eAAO,MAAM,IAAI,kHAoChB,CAAC"}

package/dist/components/flex/flex.js

@@ -1,4 +1,4 @@
-import { jsx } from 'react/jsx-runtime';
+import { useRender, mergeProps } from '@base-ui/react';
 import { cva } from 'class-variance-authority';
 import { forwardRef } from 'react';
 import styles from './flex.module.css.js';
@@ -56,8 +56,9 @@ const flex = cva(styles.flex, {
         wrap: 'noWrap'
     }
 });
-const Flex = forwardRef(({ children, direction, align, justify, wrap, gap, className, width, ...props }, ref) => {
-    return (jsx("div", { className: flex({
+const Flex = forwardRef(({ direction, align, justify, wrap, gap, className, width, render, ...props }, ref) => {
+    const flexProps = {
+        className: flex({
             direction,
             align,
             justify,
@@ -65,7 +66,15 @@ const Flex = forwardRef(({ children, direction, align, justify, wrap, gap, class
             gap,
             className,
             width
-        }), ...props, ref: ref, children: children }));
+        })
+    };
+    const element = useRender({
+        defaultTagName: 'div',
+        ref,
+        render,
+        props: mergeProps(flexProps, props)
+    });
+    return element;
 });
 
 export { Flex };

package/dist/components/flex/flex.js.map

@@ -1 +1 @@
-{"version":3,"file":"flex.js","sources":["../../../components/flex/flex.tsx"],"sourcesContent":["import { VariantProps, cva } from 'class-variance-authority';\nimport { HTMLAttributes, PropsWithChildren, forwardRef } from 'react';\n\nimport styles from './flex.module.css';\n\nconst flex = cva(styles.flex, {\n  variants: {\n    direction: {\n      row: styles['direction-row'],\n      column: styles['direction-column'],\n      rowReverse: styles['direction-rowReverse'],\n      columnReverse: styles['direction-columnReverse']\n    },\n    align: {\n      start: styles['align-start'],\n      center: styles['align-center'],\n      end: styles['align-end'],\n      stretch: styles['align-stretch'],\n      baseline: styles['align-baseline']\n    },\n    justify: {\n      start: styles['justify-start'],\n      center: styles['justify-center'],\n      end: styles['justify-end'],\n      between: styles['justify-between']\n    },\n    wrap: {\n      noWrap: styles['wrap-noWrap'],\n      wrap: styles['wrap-wrap'],\n      wrapReverse: styles['wrap-wrapReverse']\n    },\n    gap: {\n      1: styles['gap-1'],\n      2: styles['gap-2'],\n      3: styles['gap-3'],\n      4: styles['gap-4'],\n      5: styles['gap-5'],\n      6: styles['gap-6'],\n      7: styles['gap-7'],\n      8: styles['gap-8'],\n      9: styles['gap-9'],\n      'extra-small': styles['gap-xs'],\n      small: styles['gap-sm'],\n      medium: styles['gap-md'],\n      large: styles['gap-lg'],\n      'extra-large': styles['gap-xl']\n    },\n    width: {\n      full: styles['width-full']\n    }\n  },\n  defaultVariants: {\n    direction: 'row',\n    align: 'stretch',\n    justify: 'start',\n    wrap: 'noWrap'\n  }\n});\n\ntype BoxProps = PropsWithChildren<VariantProps<typeof flex>> &\n  HTMLAttributes<HTMLDivElement>;\n\nexport const Flex = forwardRef<HTMLDivElement, BoxProps>(\n  (\n    {\n      children,\n      direction,\n      align,\n      justify,\n      wrap,\n      gap,\n      className,\n      width,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <div\n        className={flex({\n          direction,\n          align,\n          justify,\n          wrap,\n          gap,\n          className,\n          width\n        })}\n        {...props}\n        ref={ref}\n      >\n        {children}\n      </div>\n    );\n  }\n);\n"],"names":["_jsx"],"mappings":";;;;;AAKA,MAAM,IAAI,GAAG,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE;AAC5B,IAAA,QAAQ,EAAE;AACR,QAAA,SAAS,EAAE;AACT,YAAA,GAAG,EAAE,MAAM,CAAC,eAAe,CAAC;AAC5B,YAAA,MAAM,EAAE,MAAM,CAAC,kBAAkB,CAAC;AAClC,YAAA,UAAU,EAAE,MAAM,CAAC,sBAAsB,CAAC;AAC1C,YAAA,aAAa,EAAE,MAAM,CAAC,yBAAyB,CAAC;AACjD,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,KAAK,EAAE,MAAM,CAAC,aAAa,CAAC;AAC5B,YAAA,MAAM,EAAE,MAAM,CAAC,cAAc,CAAC;AAC9B,YAAA,GAAG,EAAE,MAAM,CAAC,WAAW,CAAC;AACxB,YAAA,OAAO,EAAE,MAAM,CAAC,eAAe,CAAC;AAChC,YAAA,QAAQ,EAAE,MAAM,CAAC,gBAAgB,CAAC;AACnC,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,KAAK,EAAE,MAAM,CAAC,eAAe,CAAC;AAC9B,YAAA,MAAM,EAAE,MAAM,CAAC,gBAAgB,CAAC;AAChC,YAAA,GAAG,EAAE,MAAM,CAAC,aAAa,CAAC;AAC1B,YAAA,OAAO,EAAE,MAAM,CAAC,iBAAiB,CAAC;AACnC,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,MAAM,EAAE,MAAM,CAAC,aAAa,CAAC;AAC7B,YAAA,IAAI,EAAE,MAAM,CAAC,WAAW,CAAC;AACzB,YAAA,WAAW,EAAE,MAAM,CAAC,kBAAkB,CAAC;AACxC,SAAA;AACD,QAAA,GAAG,EAAE;AACH,YAAA,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC;AAClB,YAAA,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC;AAClB,YAAA,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC;AAClB,YAAA,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC;AAClB,YAAA,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC;AAClB,YAAA,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC;AAClB,YAAA,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC;AAClB,YAAA,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC;AAClB,YAAA,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC;AAClB,YAAA,aAAa,EAAE,MAAM,CAAC,QAAQ,CAAC;AAC/B,YAAA,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC;AACvB,YAAA,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAC;AACxB,YAAA,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC;AACvB,YAAA,aAAa,EAAE,MAAM,CAAC,QAAQ,CAAC;AAChC,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,IAAI,EAAE,MAAM,CAAC,YAAY,CAAC;AAC3B,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,SAAS,EAAE,KAAK;AAChB,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,OAAO,EAAE,OAAO;AAChB,QAAA,IAAI,EAAE,QAAQ;AACf,KAAA;AACF,CAAA,CAAC,CAAC;AAKI,MAAM,IAAI,GAAG,UAAU,CAC5B,CACE,EACE,QAAQ,EACR,SAAS,EACT,KAAK,EACL,OAAO,EACP,IAAI,EACJ,GAAG,EACH,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EACD,GAAG,KACD;AACF,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,IAAI,CAAC;YACd,SAAS;YACT,KAAK;YACL,OAAO;YACP,IAAI;YACJ,GAAG;YACH,SAAS;YACT,KAAK;SACN,CAAC,EAAA,GACE,KAAK,EACT,GAAG,EAAE,GAAG,EAEP,QAAA,EAAA,QAAQ,EACL,CAAA,EACN;AACJ,CAAC;;;;"}
+{"version":3,"file":"flex.js","sources":["../../../components/flex/flex.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport { cva, VariantProps } from 'class-variance-authority';\nimport { forwardRef } from 'react';\nimport styles from './flex.module.css';\n\nconst flex = cva(styles.flex, {\n  variants: {\n    direction: {\n      row: styles['direction-row'],\n      column: styles['direction-column'],\n      rowReverse: styles['direction-rowReverse'],\n      columnReverse: styles['direction-columnReverse']\n    },\n    align: {\n      start: styles['align-start'],\n      center: styles['align-center'],\n      end: styles['align-end'],\n      stretch: styles['align-stretch'],\n      baseline: styles['align-baseline']\n    },\n    justify: {\n      start: styles['justify-start'],\n      center: styles['justify-center'],\n      end: styles['justify-end'],\n      between: styles['justify-between']\n    },\n    wrap: {\n      noWrap: styles['wrap-noWrap'],\n      wrap: styles['wrap-wrap'],\n      wrapReverse: styles['wrap-wrapReverse']\n    },\n    gap: {\n      1: styles['gap-1'],\n      2: styles['gap-2'],\n      3: styles['gap-3'],\n      4: styles['gap-4'],\n      5: styles['gap-5'],\n      6: styles['gap-6'],\n      7: styles['gap-7'],\n      8: styles['gap-8'],\n      9: styles['gap-9'],\n      'extra-small': styles['gap-xs'],\n      small: styles['gap-sm'],\n      medium: styles['gap-md'],\n      large: styles['gap-lg'],\n      'extra-large': styles['gap-xl']\n    },\n    width: {\n      full: styles['width-full']\n    }\n  },\n  defaultVariants: {\n    direction: 'row',\n    align: 'stretch',\n    justify: 'start',\n    wrap: 'noWrap'\n  }\n});\n\ntype BoxProps = VariantProps<typeof flex> & useRender.ComponentProps<'div'>;\n\nexport const Flex = forwardRef<HTMLDivElement, BoxProps>(\n  (\n    {\n      direction,\n      align,\n      justify,\n      wrap,\n      gap,\n      className,\n      width,\n      render,\n      ...props\n    },\n    ref\n  ) => {\n    const flexProps = {\n      className: flex({\n        direction,\n        align,\n        justify,\n        wrap,\n        gap,\n        className,\n        width\n      })\n    };\n\n    const element = useRender({\n      defaultTagName: 'div',\n      ref,\n      render,\n      props: mergeProps<'div'>(flexProps, props)\n    });\n\n    return element;\n  }\n);\n"],"names":[],"mappings":"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"}

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

@@ -1,23 +1,28 @@
 'use strict';
 
-var jsxRuntime = require('react/jsx-runtime');
-var radixUi = require('radix-ui');
+var react = require('@base-ui/react');
 var React = require('react');
 
-const GridItem = React.forwardRef(({ area, colStart, colEnd, rowStart, rowEnd, colSpan, rowSpan, justifySelf, alignSelf, style, asChild, ...props }, ref) => {
-    const Comp = asChild ? radixUi.Slot.Root : 'div';
-    return (jsxRuntime.jsx(Comp, { ref: ref, style: {
-            gridArea: area,
-            gridColumnStart: colStart,
-            gridColumnEnd: colEnd,
-            gridRowStart: rowStart,
-            gridRowEnd: rowEnd,
-            gridColumn: colSpan ? `span ${colSpan}` : undefined,
-            gridRow: rowSpan ? `span ${rowSpan}` : undefined,
-            justifySelf,
-            alignSelf,
-            ...style
-        }, ...props }));
+const GridItem = React.forwardRef(({ area, colStart, colEnd, rowStart, rowEnd, colSpan, rowSpan, justifySelf, alignSelf, style, render, ...props }, ref) => {
+    const gridItemStyle = {
+        gridArea: area,
+        gridColumnStart: colStart,
+        gridColumnEnd: colEnd,
+        gridRowStart: rowStart,
+        gridRowEnd: rowEnd,
+        gridColumn: colSpan ? `span ${colSpan}` : undefined,
+        gridRow: rowSpan ? `span ${rowSpan}` : undefined,
+        justifySelf,
+        alignSelf,
+        ...style
+    };
+    const element = react.useRender({
+        defaultTagName: 'div',
+        ref,
+        render,
+        props: react.mergeProps({ style: gridItemStyle }, props)
+    });
+    return element;
 });
 GridItem.displayName = 'GridItem';