@raystack/apsara 0.56.5 → 1.0.0-rc.0

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":"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"}
+{"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';
 

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

@@ -1 +1 @@
-{"version":3,"file":"grid-item.cjs","sources":["../../../components/grid/grid-item.tsx"],"sourcesContent":["import { Slot } from 'radix-ui';\nimport { HTMLAttributes, forwardRef } from 'react';\nimport { AlignType } from './types';\n\ntype GridItemProps = HTMLAttributes<HTMLDivElement> & {\n  area?: string;\n  colStart?: number | string;\n  colEnd?: number | string;\n  rowStart?: number | string;\n  rowEnd?: number | string;\n  colSpan?: number | string;\n  rowSpan?: number | string;\n  justifySelf?: AlignType;\n  alignSelf?: AlignType;\n  asChild?: boolean;\n};\n\nexport const GridItem = forwardRef<HTMLDivElement, GridItemProps>(\n  (\n    {\n      area,\n      colStart,\n      colEnd,\n      rowStart,\n      rowEnd,\n      colSpan,\n      rowSpan,\n      justifySelf,\n      alignSelf,\n      style,\n      asChild,\n      ...props\n    },\n    ref\n  ) => {\n    const Comp = asChild ? Slot.Root : 'div';\n\n    return (\n      <Comp\n        ref={ref}\n        style={{\n          gridArea: area,\n          gridColumnStart: colStart,\n          gridColumnEnd: colEnd,\n          gridRowStart: rowStart,\n          gridRowEnd: rowEnd,\n          gridColumn: colSpan ? `span ${colSpan}` : undefined,\n          gridRow: rowSpan ? `span ${rowSpan}` : undefined,\n          justifySelf,\n          alignSelf,\n          ...style\n        }}\n        {...props}\n      />\n    );\n  }\n);\n\nGridItem.displayName = 'GridItem';\n"],"names":["forwardRef","Slot","_jsx"],"mappings":";;;;;;AAiBa,MAAA,QAAQ,GAAGA,gBAAU,CAChC,CACE,EACE,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,MAAM,EACN,OAAO,EACP,OAAO,EACP,WAAW,EACX,SAAS,EACT,KAAK,EACL,OAAO,EACP,GAAG,KAAK,EACT,EACD,GAAG,KACD;AACF,IAAA,MAAM,IAAI,GAAG,OAAO,GAAGC,YAAI,CAAC,IAAI,GAAG,KAAK,CAAC;IAEzC,QACEC,eAAC,IAAI,EAAA,EACH,GAAG,EAAE,GAAG,EACR,KAAK,EAAE;AACL,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,eAAe,EAAE,QAAQ;AACzB,YAAA,aAAa,EAAE,MAAM;AACrB,YAAA,YAAY,EAAE,QAAQ;AACtB,YAAA,UAAU,EAAE,MAAM;YAClB,UAAU,EAAE,OAAO,GAAG,CAAQ,KAAA,EAAA,OAAO,CAAE,CAAA,GAAG,SAAS;YACnD,OAAO,EAAE,OAAO,GAAG,CAAQ,KAAA,EAAA,OAAO,CAAE,CAAA,GAAG,SAAS;YAChD,WAAW;YACX,SAAS;AACT,YAAA,GAAG,KAAK;SACT,EACG,GAAA,KAAK,EACT,CAAA,EACF;AACJ,CAAC,EACD;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}
+{"version":3,"file":"grid-item.cjs","sources":["../../../components/grid/grid-item.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport { forwardRef } from 'react';\nimport { AlignType } from './types';\n\ntype GridItemProps = useRender.ComponentProps<'div'> & {\n  area?: string;\n  colStart?: number | string;\n  colEnd?: number | string;\n  rowStart?: number | string;\n  rowEnd?: number | string;\n  colSpan?: number | string;\n  rowSpan?: number | string;\n  justifySelf?: AlignType;\n  alignSelf?: AlignType;\n};\n\nexport const GridItem = forwardRef<HTMLDivElement, GridItemProps>(\n  (\n    {\n      area,\n      colStart,\n      colEnd,\n      rowStart,\n      rowEnd,\n      colSpan,\n      rowSpan,\n      justifySelf,\n      alignSelf,\n      style,\n      render,\n      ...props\n    },\n    ref\n  ) => {\n    const gridItemStyle = {\n      gridArea: area,\n      gridColumnStart: colStart,\n      gridColumnEnd: colEnd,\n      gridRowStart: rowStart,\n      gridRowEnd: rowEnd,\n      gridColumn: colSpan ? `span ${colSpan}` : undefined,\n      gridRow: rowSpan ? `span ${rowSpan}` : undefined,\n      justifySelf,\n      alignSelf,\n      ...style\n    };\n\n    const element = useRender({\n      defaultTagName: 'div',\n      ref,\n      render,\n      props: mergeProps<'div'>({ style: gridItemStyle }, props)\n    });\n\n    return element;\n  }\n);\n\nGridItem.displayName = 'GridItem';\n"],"names":["forwardRef","useRender","mergeProps"],"mappings":";;;;;AAgBa,MAAA,QAAQ,GAAGA,gBAAU,CAChC,CACE,EACE,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,MAAM,EACN,OAAO,EACP,OAAO,EACP,WAAW,EACX,SAAS,EACT,KAAK,EACL,MAAM,EACN,GAAG,KAAK,EACT,EACD,GAAG,KACD;AACF,IAAA,MAAM,aAAa,GAAG;AACpB,QAAA,QAAQ,EAAE,IAAI;AACd,QAAA,eAAe,EAAE,QAAQ;AACzB,QAAA,aAAa,EAAE,MAAM;AACrB,QAAA,YAAY,EAAE,QAAQ;AACtB,QAAA,UAAU,EAAE,MAAM;QAClB,UAAU,EAAE,OAAO,GAAG,CAAQ,KAAA,EAAA,OAAO,CAAE,CAAA,GAAG,SAAS;QACnD,OAAO,EAAE,OAAO,GAAG,CAAQ,KAAA,EAAA,OAAO,CAAE,CAAA,GAAG,SAAS;QAChD,WAAW;QACX,SAAS;AACT,QAAA,GAAG,KAAK;KACT,CAAC;IAEF,MAAM,OAAO,GAAGC,eAAS,CAAC;AACxB,QAAA,cAAc,EAAE,KAAK;QACrB,GAAG;QACH,MAAM;QACN,KAAK,EAAEC,gBAAU,CAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,KAAK,CAAC;AAC1D,KAAA,CAAC,CAAC;AAEH,IAAA,OAAO,OAAO,CAAC;AACjB,CAAC,EACD;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}

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

@@ -1,15 +1,16 @@
-import { HTMLAttributes } from 'react';
+import { useRender } from '@base-ui/react';
 import { AlignType } from './types';
-export declare const GridItem: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
-    area?: string | undefined;
-    colStart?: string | number | undefined;
-    colEnd?: string | number | undefined;
-    rowStart?: string | number | undefined;
-    rowEnd?: string | number | undefined;
-    colSpan?: string | number | undefined;
-    rowSpan?: string | number | undefined;
-    justifySelf?: AlignType | undefined;
-    alignSelf?: AlignType | undefined;
-    asChild?: boolean | undefined;
-} & import("react").RefAttributes<HTMLDivElement>>;
+type GridItemProps = useRender.ComponentProps<'div'> & {
+    area?: string;
+    colStart?: number | string;
+    colEnd?: number | string;
+    rowStart?: number | string;
+    rowEnd?: number | string;
+    colSpan?: number | string;
+    rowSpan?: number | string;
+    justifySelf?: AlignType;
+    alignSelf?: AlignType;
+};
+export declare const GridItem: import("react").ForwardRefExoticComponent<Omit<GridItemProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export {};
 //# sourceMappingURL=grid-item.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"grid-item.d.ts","sourceRoot":"","sources":["../../../components/grid/grid-item.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAc,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAepC,eAAO,MAAM,QAAQ;;;;;;;;;;;kDAuCpB,CAAC"}
+{"version":3,"file":"grid-item.d.ts","sourceRoot":"","sources":["../../../components/grid/grid-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEvD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,KAAK,aAAa,GAAG,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IACrD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,QAAQ,uHAwCpB,CAAC"}

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

@@ -1,21 +1,26 @@
-import { jsx } from 'react/jsx-runtime';
-import { Slot } from 'radix-ui';
+import { useRender, mergeProps } from '@base-ui/react';
 import { forwardRef } from 'react';
 
-const GridItem = forwardRef(({ area, colStart, colEnd, rowStart, rowEnd, colSpan, rowSpan, justifySelf, alignSelf, style, asChild, ...props }, ref) => {
-    const Comp = asChild ? Slot.Root : 'div';
-    return (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 = 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 = useRender({
+        defaultTagName: 'div',
+        ref,
+        render,
+        props: mergeProps({ style: gridItemStyle }, props)
+    });
+    return element;
 });
 GridItem.displayName = 'GridItem';
 

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

@@ -1 +1 @@
-{"version":3,"file":"grid-item.js","sources":["../../../components/grid/grid-item.tsx"],"sourcesContent":["import { Slot } from 'radix-ui';\nimport { HTMLAttributes, forwardRef } from 'react';\nimport { AlignType } from './types';\n\ntype GridItemProps = HTMLAttributes<HTMLDivElement> & {\n  area?: string;\n  colStart?: number | string;\n  colEnd?: number | string;\n  rowStart?: number | string;\n  rowEnd?: number | string;\n  colSpan?: number | string;\n  rowSpan?: number | string;\n  justifySelf?: AlignType;\n  alignSelf?: AlignType;\n  asChild?: boolean;\n};\n\nexport const GridItem = forwardRef<HTMLDivElement, GridItemProps>(\n  (\n    {\n      area,\n      colStart,\n      colEnd,\n      rowStart,\n      rowEnd,\n      colSpan,\n      rowSpan,\n      justifySelf,\n      alignSelf,\n      style,\n      asChild,\n      ...props\n    },\n    ref\n  ) => {\n    const Comp = asChild ? Slot.Root : 'div';\n\n    return (\n      <Comp\n        ref={ref}\n        style={{\n          gridArea: area,\n          gridColumnStart: colStart,\n          gridColumnEnd: colEnd,\n          gridRowStart: rowStart,\n          gridRowEnd: rowEnd,\n          gridColumn: colSpan ? `span ${colSpan}` : undefined,\n          gridRow: rowSpan ? `span ${rowSpan}` : undefined,\n          justifySelf,\n          alignSelf,\n          ...style\n        }}\n        {...props}\n      />\n    );\n  }\n);\n\nGridItem.displayName = 'GridItem';\n"],"names":["_jsx"],"mappings":";;;;AAiBa,MAAA,QAAQ,GAAG,UAAU,CAChC,CACE,EACE,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,MAAM,EACN,OAAO,EACP,OAAO,EACP,WAAW,EACX,SAAS,EACT,KAAK,EACL,OAAO,EACP,GAAG,KAAK,EACT,EACD,GAAG,KACD;AACF,IAAA,MAAM,IAAI,GAAG,OAAO,GAAG,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;IAEzC,QACEA,IAAC,IAAI,EAAA,EACH,GAAG,EAAE,GAAG,EACR,KAAK,EAAE;AACL,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,eAAe,EAAE,QAAQ;AACzB,YAAA,aAAa,EAAE,MAAM;AACrB,YAAA,YAAY,EAAE,QAAQ;AACtB,YAAA,UAAU,EAAE,MAAM;YAClB,UAAU,EAAE,OAAO,GAAG,CAAQ,KAAA,EAAA,OAAO,CAAE,CAAA,GAAG,SAAS;YACnD,OAAO,EAAE,OAAO,GAAG,CAAQ,KAAA,EAAA,OAAO,CAAE,CAAA,GAAG,SAAS;YAChD,WAAW;YACX,SAAS;AACT,YAAA,GAAG,KAAK;SACT,EACG,GAAA,KAAK,EACT,CAAA,EACF;AACJ,CAAC,EACD;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}
+{"version":3,"file":"grid-item.js","sources":["../../../components/grid/grid-item.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport { forwardRef } from 'react';\nimport { AlignType } from './types';\n\ntype GridItemProps = useRender.ComponentProps<'div'> & {\n  area?: string;\n  colStart?: number | string;\n  colEnd?: number | string;\n  rowStart?: number | string;\n  rowEnd?: number | string;\n  colSpan?: number | string;\n  rowSpan?: number | string;\n  justifySelf?: AlignType;\n  alignSelf?: AlignType;\n};\n\nexport const GridItem = forwardRef<HTMLDivElement, GridItemProps>(\n  (\n    {\n      area,\n      colStart,\n      colEnd,\n      rowStart,\n      rowEnd,\n      colSpan,\n      rowSpan,\n      justifySelf,\n      alignSelf,\n      style,\n      render,\n      ...props\n    },\n    ref\n  ) => {\n    const gridItemStyle = {\n      gridArea: area,\n      gridColumnStart: colStart,\n      gridColumnEnd: colEnd,\n      gridRowStart: rowStart,\n      gridRowEnd: rowEnd,\n      gridColumn: colSpan ? `span ${colSpan}` : undefined,\n      gridRow: rowSpan ? `span ${rowSpan}` : undefined,\n      justifySelf,\n      alignSelf,\n      ...style\n    };\n\n    const element = useRender({\n      defaultTagName: 'div',\n      ref,\n      render,\n      props: mergeProps<'div'>({ style: gridItemStyle }, props)\n    });\n\n    return element;\n  }\n);\n\nGridItem.displayName = 'GridItem';\n"],"names":[],"mappings":";;;AAgBa,MAAA,QAAQ,GAAG,UAAU,CAChC,CACE,EACE,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,MAAM,EACN,OAAO,EACP,OAAO,EACP,WAAW,EACX,SAAS,EACT,KAAK,EACL,MAAM,EACN,GAAG,KAAK,EACT,EACD,GAAG,KACD;AACF,IAAA,MAAM,aAAa,GAAG;AACpB,QAAA,QAAQ,EAAE,IAAI;AACd,QAAA,eAAe,EAAE,QAAQ;AACzB,QAAA,aAAa,EAAE,MAAM;AACrB,QAAA,YAAY,EAAE,QAAQ;AACtB,QAAA,UAAU,EAAE,MAAM;QAClB,UAAU,EAAE,OAAO,GAAG,CAAQ,KAAA,EAAA,OAAO,CAAE,CAAA,GAAG,SAAS;QACnD,OAAO,EAAE,OAAO,GAAG,CAAQ,KAAA,EAAA,OAAO,CAAE,CAAA,GAAG,SAAS;QAChD,WAAW;QACX,SAAS;AACT,QAAA,GAAG,KAAK;KACT,CAAC;IAEF,MAAM,OAAO,GAAG,SAAS,CAAC;AACxB,QAAA,cAAc,EAAE,KAAK;QACrB,GAAG;QACH,MAAM;QACN,KAAK,EAAE,UAAU,CAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,KAAK,CAAC;AAC1D,KAAA,CAAC,CAAC;AAEH,IAAA,OAAO,OAAO,CAAC;AACjB,CAAC,EACD;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}