@moduix/react 2.2.0 → 2.2.5

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

@@ -1,56 +1,33 @@
-import { OverlayPortalProps } from "../../lib/moduix/overlayPortal.js";
-import { ComponentProps } from "react";
-import { Drawer, useDrawer } from "@ark-ui/react/drawer";
-
-//#region src/components/drawer/Drawer.d.ts
-type DrawerRootProps = ComponentProps<typeof Drawer.Root> & OverlayPortalProps;
-type DrawerRootProviderProps = ComponentProps<typeof Drawer.RootProvider> & OverlayPortalProps;
-declare function DrawerRoot({
-  lazyMount,
-  portalled,
-  portalRef,
-  unmountOnExit,
-  ...props
-}: DrawerRootProps): import("react").JSX.Element;
-declare function DrawerRootProvider({
-  lazyMount,
-  portalled,
-  portalRef,
-  unmountOnExit,
-  ...props
-}: DrawerRootProviderProps): import("react").JSX.Element;
-declare function DrawerHeader({
-  className,
-  ...props
-}: ComponentProps<'div'>): import("react").JSX.Element;
-declare function DrawerBody({
-  className,
-  ...props
-}: ComponentProps<'div'>): import("react").JSX.Element;
-declare function DrawerFooter({
-  className,
-  ...props
-}: ComponentProps<'div'>): import("react").JSX.Element;
-declare const Drawer$1: typeof DrawerRoot & {
-  Root: typeof DrawerRoot;
-  RootProvider: typeof DrawerRootProvider;
-  Stack: (props: Drawer.StackProps) => import("react").JSX.Element;
-  Trigger: import("react").ForwardRefExoticComponent<Omit<Drawer.TriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-  Backdrop: import("react").ForwardRefExoticComponent<Omit<Drawer.BackdropProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Positioner: import("react").ForwardRefExoticComponent<Omit<Drawer.PositionerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Content: import("react").ForwardRefExoticComponent<Omit<Drawer.ContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Grabber: import("react").ForwardRefExoticComponent<Omit<Drawer.GrabberProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  GrabberIndicator: import("react").ForwardRefExoticComponent<Omit<Drawer.GrabberIndicatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Title: import("react").ForwardRefExoticComponent<Omit<Drawer.TitleProps & import("react").RefAttributes<HTMLHeadingElement>, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
-  Description: import("react").ForwardRefExoticComponent<Omit<Drawer.DescriptionProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  CloseTrigger: import("react").ForwardRefExoticComponent<Omit<Drawer.CloseTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-  CloseIcon: import("react").ForwardRefExoticComponent<Omit<Omit<Drawer.CloseTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "asChild">, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-  SwipeArea: import("react").ForwardRefExoticComponent<Omit<Drawer.SwipeAreaProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Indent: import("react").ForwardRefExoticComponent<Omit<Drawer.IndentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  IndentBackground: import("react").ForwardRefExoticComponent<Omit<Drawer.IndentBackgroundProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Header: typeof DrawerHeader;
-  Body: typeof DrawerBody;
-  Footer: typeof DrawerFooter;
+import { Drawer as DrawerPrimitive, useDrawer, useDrawerContext, useDrawerStackContext } from '@ark-ui/react/drawer';
+import type { ComponentProps } from 'react';
+import { type OverlayPortalProps } from '../../internal/overlayPortal';
+type DrawerRootProps = ComponentProps<typeof DrawerPrimitive.Root> & OverlayPortalProps;
+type DrawerRootProviderProps = ComponentProps<typeof DrawerPrimitive.RootProvider> & OverlayPortalProps;
+type DrawerContentProps = ComponentProps<typeof DrawerPrimitive.Content> & {
+    variant?: 'island';
 };
-//#endregion
-export { Drawer$1 as Drawer, useDrawer };
+declare function DrawerRoot({ lazyMount, portalled, portalRef, unmountOnExit, ...props }: DrawerRootProps): import("react").JSX.Element;
+declare function DrawerRootProvider({ lazyMount, portalled, portalRef, unmountOnExit, ...props }: DrawerRootProviderProps): import("react").JSX.Element;
+declare const Drawer: typeof DrawerRoot & {
+    Root: typeof DrawerRoot;
+    RootProvider: typeof DrawerRootProvider;
+    Context: (props: DrawerPrimitive.ContextProps) => import("react").ReactNode;
+    Stack: (props: DrawerPrimitive.StackProps) => import("react").JSX.Element;
+    Trigger: import("react").ForwardRefExoticComponent<Omit<DrawerPrimitive.TriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    Backdrop: import("react").ForwardRefExoticComponent<Omit<DrawerPrimitive.BackdropProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Positioner: import("react").ForwardRefExoticComponent<Omit<DrawerPrimitive.PositionerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Content: import("react").ForwardRefExoticComponent<Omit<DrawerContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Grabber: import("react").ForwardRefExoticComponent<Omit<DrawerPrimitive.GrabberProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    GrabberIndicator: import("react").ForwardRefExoticComponent<Omit<DrawerPrimitive.GrabberIndicatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Title: import("react").ForwardRefExoticComponent<Omit<DrawerPrimitive.TitleProps & import("react").RefAttributes<HTMLHeadingElement>, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+    Description: import("react").ForwardRefExoticComponent<Omit<DrawerPrimitive.DescriptionProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    CloseTrigger: import("react").ForwardRefExoticComponent<Omit<DrawerPrimitive.CloseTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    CloseIcon: import("react").ForwardRefExoticComponent<Omit<Omit<DrawerPrimitive.CloseTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "asChild">, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    SwipeArea: import("react").ForwardRefExoticComponent<Omit<DrawerPrimitive.SwipeAreaProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Indent: import("react").ForwardRefExoticComponent<Omit<DrawerPrimitive.IndentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    IndentBackground: import("react").ForwardRefExoticComponent<Omit<DrawerPrimitive.IndentBackgroundProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Header: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLDivElement>>;
+    Body: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLDivElement>>;
+    Footer: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLDivElement>>;
+};
+export { Drawer, useDrawer, useDrawerContext, useDrawerStackContext };

package/dist/components/drawer/Drawer.js

@@ -1,188 +1,197 @@
-import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
-import { CloseButton } from "../close-button/CloseButton.js";
-import { OverlayPortal, OverlayPortalProvider } from "../../lib/moduix/overlayPortal.js";
-import Drawer_module_default from "./Drawer.module.js";
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Drawer, useDrawer, useDrawerContext, useDrawerStackContext } from "@ark-ui/react/drawer";
+import { ark } from "@ark-ui/react/factory";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-import { Drawer, useDrawer } from "@ark-ui/react/drawer";
-//#region src/components/drawer/Drawer.tsx
-const DEFAULT_CLOSE_BUTTON_LABEL = "Close drawer";
+import { normalizeClassName } from "../../internal/normalizeClassName.js";
+import { OverlayPortal, OverlayPortalProvider } from "../../internal/overlayPortal.js";
+import { CloseButton } from "../close-button/index.js";
+import Drawer_module from "./Drawer.module.js";
+const DEFAULT_CLOSE_BUTTON_LABEL = 'Close drawer';
 function DrawerRoot({ lazyMount = true, portalled, portalRef, unmountOnExit = true, ...props }) {
-	return /* @__PURE__ */ jsx(OverlayPortalProvider, {
-		portalled,
-		portalRef,
-		children: /* @__PURE__ */ jsx(Drawer.Root, {
-			lazyMount,
-			unmountOnExit,
-			...props
-		})
-	});
+    return /*#__PURE__*/ jsx(OverlayPortalProvider, {
+        portalled: portalled,
+        portalRef: portalRef,
+        children: /*#__PURE__*/ jsx(Drawer.Root, {
+            lazyMount: lazyMount,
+            unmountOnExit: unmountOnExit,
+            ...props
+        })
+    });
 }
 function DrawerRootProvider({ lazyMount = true, portalled, portalRef, unmountOnExit = true, ...props }) {
-	return /* @__PURE__ */ jsx(OverlayPortalProvider, {
-		portalled,
-		portalRef,
-		children: /* @__PURE__ */ jsx(Drawer.RootProvider, {
-			lazyMount,
-			unmountOnExit,
-			...props
-		})
-	});
+    return /*#__PURE__*/ jsx(OverlayPortalProvider, {
+        portalled: portalled,
+        portalRef: portalRef,
+        children: /*#__PURE__*/ jsx(Drawer.RootProvider, {
+            lazyMount: lazyMount,
+            unmountOnExit: unmountOnExit,
+            ...props
+        })
+    });
 }
 const DrawerStack = Drawer.Stack;
-const DrawerTrigger = forwardRef(function DrawerTrigger({ asChild, className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Drawer.Trigger, {
-		ref,
-		asChild,
-		"data-slot": "drawer-trigger",
-		className: clsx(!asChild && Drawer_module_default.trigger, normalizeClassName(className)),
-		...props
-	});
-});
-const DrawerBackdrop = forwardRef(function DrawerBackdrop({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(OverlayPortal, { children: /* @__PURE__ */ jsx(Drawer.Backdrop, {
-		ref,
-		"data-slot": "drawer-backdrop",
-		className: clsx(Drawer_module_default.backdrop, normalizeClassName(className)),
-		...props
-	}) });
-});
-const DrawerPositioner = forwardRef(function DrawerPositioner({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(OverlayPortal, { children: /* @__PURE__ */ jsx(Drawer.Positioner, {
-		ref,
-		"data-slot": "drawer-positioner",
-		className: clsx(Drawer_module_default.positioner, normalizeClassName(className)),
-		...props
-	}) });
-});
-const DrawerContent = forwardRef(function DrawerContent({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Drawer.Content, {
-		ref,
-		"data-slot": "drawer-content",
-		className: clsx(Drawer_module_default.content, normalizeClassName(className)),
-		...props
-	});
-});
-const DrawerGrabber = forwardRef(function DrawerGrabber({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Drawer.Grabber, {
-		ref,
-		"data-slot": "drawer-grabber",
-		className: clsx(Drawer_module_default.grabber, normalizeClassName(className)),
-		...props
-	});
-});
-const DrawerGrabberIndicator = forwardRef(function DrawerGrabberIndicator({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Drawer.GrabberIndicator, {
-		ref,
-		"data-slot": "drawer-grabber-indicator",
-		className: clsx(Drawer_module_default.grabberIndicator, normalizeClassName(className)),
-		...props
-	});
-});
-const DrawerTitle = forwardRef(function DrawerTitle({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Drawer.Title, {
-		ref,
-		"data-slot": "drawer-title",
-		className: clsx(Drawer_module_default.title, normalizeClassName(className)),
-		...props
-	});
-});
-const DrawerDescription = forwardRef(function DrawerDescription({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Drawer.Description, {
-		ref,
-		"data-slot": "drawer-description",
-		className: clsx(Drawer_module_default.description, normalizeClassName(className)),
-		...props
-	});
-});
-const DrawerCloseTrigger = forwardRef(function DrawerCloseTrigger({ asChild, className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Drawer.CloseTrigger, {
-		ref,
-		asChild,
-		"data-slot": "drawer-close-trigger",
-		className: clsx(!asChild && Drawer_module_default.closeTrigger, normalizeClassName(className)),
-		...props
-	});
-});
-const DrawerCloseIcon = forwardRef(function DrawerCloseIcon({ className, children, "aria-label": ariaLabel = DEFAULT_CLOSE_BUTTON_LABEL, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Drawer.CloseTrigger, {
-		asChild: true,
-		...props,
-		children: /* @__PURE__ */ jsx(CloseButton.Root, {
-			ref,
-			"data-slot": "drawer-close-icon",
-			"aria-label": ariaLabel,
-			className: clsx(Drawer_module_default.closeIcon, normalizeClassName(className)),
-			children
-		})
-	});
-});
-const DrawerSwipeArea = forwardRef(function DrawerSwipeArea({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Drawer.SwipeArea, {
-		ref,
-		"data-slot": "drawer-swipe-area",
-		className: clsx(Drawer_module_default.swipeArea, normalizeClassName(className)),
-		...props
-	});
-});
-const DrawerIndent = forwardRef(function DrawerIndent({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Drawer.Indent, {
-		ref,
-		"data-slot": "drawer-indent",
-		className: clsx(Drawer_module_default.indent, normalizeClassName(className)),
-		...props
-	});
-});
-const DrawerIndentBackground = forwardRef(function DrawerIndentBackground({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Drawer.IndentBackground, {
-		ref,
-		"data-slot": "drawer-indent-background",
-		className: clsx(Drawer_module_default.indentBackground, normalizeClassName(className)),
-		...props
-	});
-});
-function DrawerHeader({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "drawer-header",
-		className: clsx(Drawer_module_default.header, className),
-		...props
-	});
-}
-function DrawerBody({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "drawer-body",
-		className: clsx(Drawer_module_default.body, className),
-		...props
-	});
-}
-function DrawerFooter({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "drawer-footer",
-		className: clsx(Drawer_module_default.footer, className),
-		...props
-	});
-}
-const Drawer$1 = Object.assign(DrawerRoot, {
-	Root: DrawerRoot,
-	RootProvider: DrawerRootProvider,
-	Stack: DrawerStack,
-	Trigger: DrawerTrigger,
-	Backdrop: DrawerBackdrop,
-	Positioner: DrawerPositioner,
-	Content: DrawerContent,
-	Grabber: DrawerGrabber,
-	GrabberIndicator: DrawerGrabberIndicator,
-	Title: DrawerTitle,
-	Description: DrawerDescription,
-	CloseTrigger: DrawerCloseTrigger,
-	CloseIcon: DrawerCloseIcon,
-	SwipeArea: DrawerSwipeArea,
-	Indent: DrawerIndent,
-	IndentBackground: DrawerIndentBackground,
-	Header: DrawerHeader,
-	Body: DrawerBody,
-	Footer: DrawerFooter
-});
-//#endregion
-export { Drawer$1 as Drawer, useDrawer };
+const Drawer_DrawerTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Drawer.Trigger, {
+        ref: ref,
+        asChild: asChild,
+        "data-slot": "drawer-trigger",
+        className: clsx(!asChild && Drawer_module.trigger, normalizeClassName(className)),
+        ...props
+    });
+});
+const Drawer_DrawerBackdrop = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(OverlayPortal, {
+        children: /*#__PURE__*/ jsx(Drawer.Backdrop, {
+            ref: ref,
+            "data-slot": "drawer-backdrop",
+            className: clsx(Drawer_module.backdrop, normalizeClassName(className)),
+            ...props
+        })
+    });
+});
+const Drawer_DrawerPositioner = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(OverlayPortal, {
+        children: /*#__PURE__*/ jsx(Drawer.Positioner, {
+            ref: ref,
+            "data-slot": "drawer-positioner",
+            className: clsx(Drawer_module.positioner, normalizeClassName(className)),
+            ...props
+        })
+    });
+});
+const Drawer_DrawerContent = /*#__PURE__*/ forwardRef(function({ className, variant, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Drawer.Content, {
+        ref: ref,
+        "data-slot": "drawer-content",
+        "data-variant": variant,
+        className: clsx(Drawer_module.content, normalizeClassName(className)),
+        ...props
+    });
+});
+const Drawer_DrawerGrabber = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Drawer.Grabber, {
+        ref: ref,
+        "data-slot": "drawer-grabber",
+        className: clsx(Drawer_module.grabber, normalizeClassName(className)),
+        ...props
+    });
+});
+const Drawer_DrawerGrabberIndicator = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Drawer.GrabberIndicator, {
+        ref: ref,
+        "data-slot": "drawer-grabber-indicator",
+        className: clsx(Drawer_module.grabberIndicator, normalizeClassName(className)),
+        ...props
+    });
+});
+const Drawer_DrawerTitle = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Drawer.Title, {
+        ref: ref,
+        "data-slot": "drawer-title",
+        className: clsx(Drawer_module.title, normalizeClassName(className)),
+        ...props
+    });
+});
+const Drawer_DrawerDescription = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Drawer.Description, {
+        ref: ref,
+        "data-slot": "drawer-description",
+        className: clsx(Drawer_module.description, normalizeClassName(className)),
+        ...props
+    });
+});
+const Drawer_DrawerCloseTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Drawer.CloseTrigger, {
+        ref: ref,
+        asChild: asChild,
+        "data-slot": "drawer-close-trigger",
+        className: clsx(!asChild && Drawer_module.closeTrigger, normalizeClassName(className)),
+        ...props
+    });
+});
+const Drawer_DrawerCloseIcon = /*#__PURE__*/ forwardRef(function({ className, children, 'aria-label': ariaLabel = DEFAULT_CLOSE_BUTTON_LABEL, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Drawer.CloseTrigger, {
+        asChild: true,
+        ...props,
+        children: /*#__PURE__*/ jsx(CloseButton.Root, {
+            ref: ref,
+            "data-slot": "drawer-close-icon",
+            "aria-label": ariaLabel,
+            className: clsx(Drawer_module.closeIcon, normalizeClassName(className)),
+            children: children
+        })
+    });
+});
+const Drawer_DrawerSwipeArea = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Drawer.SwipeArea, {
+        ref: ref,
+        "data-slot": "drawer-swipe-area",
+        className: clsx(Drawer_module.swipeArea, normalizeClassName(className)),
+        ...props
+    });
+});
+const Drawer_DrawerIndent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Drawer.Indent, {
+        ref: ref,
+        "data-slot": "drawer-indent",
+        className: clsx(Drawer_module.indent, normalizeClassName(className)),
+        ...props
+    });
+});
+const Drawer_DrawerIndentBackground = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Drawer.IndentBackground, {
+        ref: ref,
+        "data-slot": "drawer-indent-background",
+        className: clsx(Drawer_module.indentBackground, normalizeClassName(className)),
+        ...props
+    });
+});
+const Drawer_DrawerHeader = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.div, {
+        ref: ref,
+        "data-slot": "drawer-header",
+        className: clsx(Drawer_module.header, normalizeClassName(className)),
+        ...props
+    });
+});
+const Drawer_DrawerBody = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.div, {
+        ref: ref,
+        "data-slot": "drawer-body",
+        className: clsx(Drawer_module.body, normalizeClassName(className)),
+        ...props
+    });
+});
+const Drawer_DrawerFooter = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.div, {
+        ref: ref,
+        "data-slot": "drawer-footer",
+        className: clsx(Drawer_module.footer, normalizeClassName(className)),
+        ...props
+    });
+});
+const Drawer_Drawer = Object.assign(DrawerRoot, {
+    Root: DrawerRoot,
+    RootProvider: DrawerRootProvider,
+    Context: Drawer.Context,
+    Stack: DrawerStack,
+    Trigger: Drawer_DrawerTrigger,
+    Backdrop: Drawer_DrawerBackdrop,
+    Positioner: Drawer_DrawerPositioner,
+    Content: Drawer_DrawerContent,
+    Grabber: Drawer_DrawerGrabber,
+    GrabberIndicator: Drawer_DrawerGrabberIndicator,
+    Title: Drawer_DrawerTitle,
+    Description: Drawer_DrawerDescription,
+    CloseTrigger: Drawer_DrawerCloseTrigger,
+    CloseIcon: Drawer_DrawerCloseIcon,
+    SwipeArea: Drawer_DrawerSwipeArea,
+    Indent: Drawer_DrawerIndent,
+    IndentBackground: Drawer_DrawerIndentBackground,
+    Header: Drawer_DrawerHeader,
+    Body: Drawer_DrawerBody,
+    Footer: Drawer_DrawerFooter
+});
+export { Drawer_Drawer as Drawer, useDrawer, useDrawerContext, useDrawerStackContext };

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

@@ -1,32 +1,40 @@
-import './Drawer.css';
-//#region src/components/drawer/Drawer.module.css
-var Drawer_module_default = {
-	"backdrop": "_uVP9W_backdrop",
-	"body": "_uVP9W_body",
-	"closeIcon": "_uVP9W_closeIcon",
-	"closeTrigger": "_uVP9W_closeTrigger",
-	"content": "_uVP9W_content",
-	"description": "_uVP9W_description",
-	"drawer-backdrop-in": "_uVP9W_drawer-backdrop-in",
-	"drawer-backdrop-out": "_uVP9W_drawer-backdrop-out",
-	"drawer-content-in-down": "_uVP9W_drawer-content-in-down",
-	"drawer-content-in-left": "_uVP9W_drawer-content-in-left",
-	"drawer-content-in-right": "_uVP9W_drawer-content-in-right",
-	"drawer-content-in-up": "_uVP9W_drawer-content-in-up",
-	"drawer-content-out-down": "_uVP9W_drawer-content-out-down",
-	"drawer-content-out-left": "_uVP9W_drawer-content-out-left",
-	"drawer-content-out-right": "_uVP9W_drawer-content-out-right",
-	"drawer-content-out-up": "_uVP9W_drawer-content-out-up",
-	"footer": "_uVP9W_footer",
-	"grabber": "_uVP9W_grabber",
-	"grabberIndicator": "_uVP9W_grabberIndicator",
-	"header": "_uVP9W_header",
-	"indent": "_uVP9W_indent",
-	"indentBackground": "_uVP9W_indentBackground",
-	"positioner": "_uVP9W_positioner",
-	"swipeArea": "_uVP9W_swipeArea",
-	"title": "_uVP9W_title",
-	"trigger": "_uVP9W_trigger"
+import "./Drawer_module.css";
+const Drawer_module = {
+    trigger: "trigger-Z3Ug8_",
+    closeTrigger: "closeTrigger-2hmI2S",
+    backdrop: "backdrop-butaHQ",
+    "drawer-backdrop-in": "drawer-backdrop-in-spk0vd",
+    drawerBackdropIn: "drawer-backdrop-in-spk0vd",
+    "drawer-backdrop-out": "drawer-backdrop-out-NVDSA3",
+    drawerBackdropOut: "drawer-backdrop-out-NVDSA3",
+    positioner: "positioner-PZXY45",
+    content: "content-ijyEx0",
+    "drawer-content-in-down": "drawer-content-in-down-Lxcajc",
+    drawerContentInDown: "drawer-content-in-down-Lxcajc",
+    "drawer-content-out-down": "drawer-content-out-down-Qe17OV",
+    drawerContentOutDown: "drawer-content-out-down-Qe17OV",
+    "drawer-content-in-up": "drawer-content-in-up-VuIZdu",
+    drawerContentInUp: "drawer-content-in-up-VuIZdu",
+    "drawer-content-out-up": "drawer-content-out-up-BCRbr_",
+    drawerContentOutUp: "drawer-content-out-up-BCRbr_",
+    "drawer-content-in-left": "drawer-content-in-left-GV7GOb",
+    drawerContentInLeft: "drawer-content-in-left-GV7GOb",
+    "drawer-content-out-left": "drawer-content-out-left-cf4GdT",
+    drawerContentOutLeft: "drawer-content-out-left-cf4GdT",
+    "drawer-content-in-right": "drawer-content-in-right-tIzfdU",
+    drawerContentInRight: "drawer-content-in-right-tIzfdU",
+    "drawer-content-out-right": "drawer-content-out-right-AqJZX9",
+    drawerContentOutRight: "drawer-content-out-right-AqJZX9",
+    grabber: "grabber-npke5Y",
+    grabberIndicator: "grabberIndicator-NEw05R",
+    header: "header-FhRXxw",
+    title: "title-k9e1RN",
+    description: "description-J81oni",
+    body: "body-isYwKt",
+    footer: "footer-_cSbP3",
+    closeIcon: "closeIcon-V8j0mL",
+    swipeArea: "swipeArea-XqqCyb",
+    indentBackground: "indentBackground-AXVSP_",
+    indent: "indent-r1DrXk"
 };
-//#endregion
-export { Drawer_module_default as default };
+export default Drawer_module;