@moduix/react 2.5.1 → 2.6.0

package/dist/components/date-picker/DatePicker.js

@@ -6,7 +6,6 @@ import { useFieldsetContext } from "@ark-ui/react/fieldset";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
 import { CalendarIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from "../../internal/icons/ui/index.js";
-import { normalizeClassName } from "../../internal/normalizeClassName.js";
 import { OverlayPortal, OverlayPortalProvider } from "../../internal/overlayPortal.js";
 import { CloseButton } from "../close-button/index.js";
 import DatePicker_module from "./DatePicker.module.js";
@@ -19,7 +18,7 @@ const DatePicker_DatePickerRoot = /*#__PURE__*/ forwardRef(function({ className,
         children: /*#__PURE__*/ jsx(DatePicker.Root, {
             ref: ref,
             "data-slot": "date-picker-root",
-            className: clsx(DatePicker_module.root, normalizeClassName(className)),
+            className: clsx(DatePicker_module.root, className),
             disabled: disabled ?? field?.disabled ?? fieldset?.disabled,
             invalid: invalid ?? field?.invalid ?? fieldset?.invalid,
             lazyMount: lazyMount,
@@ -37,7 +36,7 @@ const DatePicker_DatePickerRootProvider = /*#__PURE__*/ forwardRef(function({ cl
         children: /*#__PURE__*/ jsx(DatePicker.RootProvider, {
             ref: ref,
             "data-slot": "date-picker-root-provider",
-            className: clsx(DatePicker_module.root, normalizeClassName(className)),
+            className: clsx(DatePicker_module.root, className),
             lazyMount: lazyMount,
             unmountOnExit: unmountOnExit,
             ...props
@@ -48,7 +47,7 @@ const DatePicker_DatePickerLabel = /*#__PURE__*/ forwardRef(function({ className
     return /*#__PURE__*/ jsx(DatePicker.Label, {
         ref: ref,
         "data-slot": "date-picker-label",
-        className: clsx(DatePicker_module.label, normalizeClassName(className)),
+        className: clsx(DatePicker_module.label, className),
         ...props
     });
 });
@@ -56,7 +55,7 @@ const DatePicker_DatePickerControl = /*#__PURE__*/ forwardRef(function({ classNa
     return /*#__PURE__*/ jsx(DatePicker.Control, {
         ref: ref,
         "data-slot": "date-picker-control",
-        className: clsx(DatePicker_module.control, normalizeClassName(className)),
+        className: clsx(DatePicker_module.control, className),
         ...props
     });
 });
@@ -125,7 +124,7 @@ const DatePicker_DatePickerInput = /*#__PURE__*/ forwardRef(function({ className
     return /*#__PURE__*/ jsx(DatePicker.Input, {
         ref: ref,
         "data-slot": "date-picker-input",
-        className: clsx(DatePicker_module.input, normalizeClassName(className)),
+        className: clsx(DatePicker_module.input, className),
         ...props
     });
 });
@@ -134,34 +133,26 @@ const DatePicker_DatePickerTrigger = /*#__PURE__*/ forwardRef(function({ asChild
         ref: ref,
         "data-slot": "date-picker-trigger",
         asChild: asChild,
-        className: clsx(!asChild && DatePicker_module.trigger, normalizeClassName(className)),
+        className: clsx(!asChild && DatePicker_module.trigger, className),
         ...props,
         children: children ?? /*#__PURE__*/ jsx(CalendarIcon, {})
     });
 });
 const DatePicker_DatePickerClearTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, children, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, ...props }, ref) {
-    const triggerClassName = clsx(DatePicker_module.clearTrigger, normalizeClassName(className));
-    if (asChild) return /*#__PURE__*/ jsx(DatePicker.ClearTrigger, {
+    const triggerClassName = clsx(DatePicker_module.clearTrigger, className);
+    return /*#__PURE__*/ jsx(DatePicker.ClearTrigger, {
         ref: ref,
         asChild: true,
         "data-slot": "date-picker-clear-trigger",
         className: triggerClassName,
-        ...void 0 === ariaLabel ? {} : {
+        ...asChild && void 0 !== ariaLabel ? {
             'aria-label': ariaLabel
-        },
-        ...void 0 === ariaLabelledBy ? {} : {
+        } : {},
+        ...asChild && void 0 !== ariaLabelledBy ? {
             'aria-labelledby': ariaLabelledBy
-        },
-        ...props,
-        children: children
-    });
-    return /*#__PURE__*/ jsx(DatePicker.ClearTrigger, {
-        ref: ref,
-        asChild: true,
-        "data-slot": "date-picker-clear-trigger",
-        className: triggerClassName,
+        } : {},
         ...props,
-        children: /*#__PURE__*/ jsx(CloseButton.Root, {
+        children: asChild ? children : /*#__PURE__*/ jsx(CloseButton.Root, {
             ...void 0 === ariaLabel ? {} : {
                 'aria-label': ariaLabel
             },
@@ -177,7 +168,7 @@ const DatePicker_DatePickerPositioner = /*#__PURE__*/ forwardRef(function({ clas
         children: /*#__PURE__*/ jsx(DatePicker.Positioner, {
             ref: ref,
             "data-slot": "date-picker-positioner",
-            className: clsx(DatePicker_module.positioner, normalizeClassName(className)),
+            className: clsx(DatePicker_module.positioner, className),
             ...props
         })
     });
@@ -186,7 +177,7 @@ const DatePicker_DatePickerContent = /*#__PURE__*/ forwardRef(function({ classNa
     return /*#__PURE__*/ jsx(DatePicker.Content, {
         ref: ref,
         "data-slot": "date-picker-content",
-        className: clsx(DatePicker_module.content, normalizeClassName(className)),
+        className: clsx(DatePicker_module.content, className),
         ...props
     });
 });
@@ -194,7 +185,7 @@ const DatePicker_DatePickerView = /*#__PURE__*/ forwardRef(function({ className,
     return /*#__PURE__*/ jsx(DatePicker.View, {
         ref: ref,
         "data-slot": "date-picker-view",
-        className: clsx(DatePicker_module.view, normalizeClassName(className)),
+        className: clsx(DatePicker_module.view, className),
         ...props
     });
 });
@@ -202,7 +193,7 @@ const DatePicker_DatePickerViewControl = /*#__PURE__*/ forwardRef(function({ cla
     return /*#__PURE__*/ jsx(DatePicker.ViewControl, {
         ref: ref,
         "data-slot": "date-picker-view-control",
-        className: clsx(DatePicker_module.viewControl, normalizeClassName(className)),
+        className: clsx(DatePicker_module.viewControl, className),
         ...props
     });
 });
@@ -211,7 +202,7 @@ const DatePicker_DatePickerPrevTrigger = /*#__PURE__*/ forwardRef(function({ asC
         ref: ref,
         "data-slot": "date-picker-prev-trigger",
         asChild: asChild,
-        className: clsx(!asChild && DatePicker_module.navTrigger, normalizeClassName(className)),
+        className: clsx(!asChild && DatePicker_module.navTrigger, className),
         ...props,
         children: children ?? /*#__PURE__*/ jsx(ChevronLeftIcon, {})
     });
@@ -221,7 +212,7 @@ const DatePicker_DatePickerNextTrigger = /*#__PURE__*/ forwardRef(function({ asC
         ref: ref,
         "data-slot": "date-picker-next-trigger",
         asChild: asChild,
-        className: clsx(!asChild && DatePicker_module.navTrigger, normalizeClassName(className)),
+        className: clsx(!asChild && DatePicker_module.navTrigger, className),
         ...props,
         children: children ?? /*#__PURE__*/ jsx(ChevronRightIcon, {})
     });
@@ -230,7 +221,7 @@ const DatePicker_DatePickerRangeText = /*#__PURE__*/ forwardRef(function({ class
     return /*#__PURE__*/ jsx(DatePicker.RangeText, {
         ref: ref,
         "data-slot": "date-picker-range-text",
-        className: clsx(DatePicker_module.rangeText, normalizeClassName(className)),
+        className: clsx(DatePicker_module.rangeText, className),
         ...props
     });
 });
@@ -239,7 +230,7 @@ const DatePicker_DatePickerViewTrigger = /*#__PURE__*/ forwardRef(function({ asC
         ref: ref,
         "data-slot": "date-picker-view-trigger",
         asChild: asChild,
-        className: clsx(!asChild && DatePicker_module.viewTrigger, normalizeClassName(className)),
+        className: clsx(!asChild && DatePicker_module.viewTrigger, className),
         ...props,
         children: children ?? /*#__PURE__*/ jsxs(Fragment, {
             children: [
@@ -253,7 +244,7 @@ const DatePicker_DatePickerTable = /*#__PURE__*/ forwardRef(function({ className
     return /*#__PURE__*/ jsx(DatePicker.Table, {
         ref: ref,
         "data-slot": "date-picker-table",
-        className: clsx(DatePicker_module.table, normalizeClassName(className)),
+        className: clsx(DatePicker_module.table, className),
         ...props
     });
 });
@@ -261,7 +252,7 @@ const DatePicker_DatePickerTableHead = /*#__PURE__*/ forwardRef(function({ class
     return /*#__PURE__*/ jsx(DatePicker.TableHead, {
         ref: ref,
         "data-slot": "date-picker-table-head",
-        className: normalizeClassName(className),
+        className: className,
         ...props
     });
 });
@@ -269,7 +260,7 @@ const DatePicker_DatePickerTableBody = /*#__PURE__*/ forwardRef(function({ class
     return /*#__PURE__*/ jsx(DatePicker.TableBody, {
         ref: ref,
         "data-slot": "date-picker-table-body",
-        className: normalizeClassName(className),
+        className: className,
         ...props
     });
 });
@@ -277,7 +268,7 @@ const DatePicker_DatePickerTableRow = /*#__PURE__*/ forwardRef(function({ classN
     return /*#__PURE__*/ jsx(DatePicker.TableRow, {
         ref: ref,
         "data-slot": "date-picker-table-row",
-        className: normalizeClassName(className),
+        className: className,
         ...props
     });
 });
@@ -285,7 +276,7 @@ const DatePicker_DatePickerTableHeader = /*#__PURE__*/ forwardRef(function({ cla
     return /*#__PURE__*/ jsx(DatePicker.TableHeader, {
         ref: ref,
         "data-slot": "date-picker-table-header",
-        className: clsx(DatePicker_module.tableHeader, normalizeClassName(className)),
+        className: clsx(DatePicker_module.tableHeader, className),
         ...props
     });
 });
@@ -293,7 +284,7 @@ const DatePicker_DatePickerWeekNumberHeaderCell = /*#__PURE__*/ forwardRef(funct
     return /*#__PURE__*/ jsx(DatePicker.WeekNumberHeaderCell, {
         ref: ref,
         "data-slot": "date-picker-week-number-header-cell",
-        className: clsx(DatePicker_module.tableHeader, DatePicker_module.weekNumberCell, normalizeClassName(className)),
+        className: clsx(DatePicker_module.tableHeader, DatePicker_module.weekNumberCell, className),
         ...props
     });
 });
@@ -301,7 +292,7 @@ const DatePicker_DatePickerWeekNumberCell = /*#__PURE__*/ forwardRef(function({
     return /*#__PURE__*/ jsx(DatePicker.WeekNumberCell, {
         ref: ref,
         "data-slot": "date-picker-week-number-cell",
-        className: clsx(DatePicker_module.weekNumberCell, normalizeClassName(className)),
+        className: clsx(DatePicker_module.weekNumberCell, className),
         ...props
     });
 });
@@ -309,7 +300,7 @@ const DatePicker_DatePickerTableCell = /*#__PURE__*/ forwardRef(function({ class
     return /*#__PURE__*/ jsx(DatePicker.TableCell, {
         ref: ref,
         "data-slot": "date-picker-table-cell",
-        className: clsx(DatePicker_module.tableCell, normalizeClassName(className)),
+        className: clsx(DatePicker_module.tableCell, className),
         ...props
     });
 });
@@ -317,7 +308,7 @@ const DatePicker_DatePickerTableCellTrigger = /*#__PURE__*/ forwardRef(function(
     return /*#__PURE__*/ jsx(DatePicker.TableCellTrigger, {
         ref: ref,
         "data-slot": "date-picker-table-cell-trigger",
-        className: clsx(DatePicker_module.tableCellTrigger, normalizeClassName(className)),
+        className: clsx(DatePicker_module.tableCellTrigger, className),
         ...props
     });
 });
@@ -374,7 +365,7 @@ const DatePicker_DatePickerMonthSelect = /*#__PURE__*/ forwardRef(function({ cla
     return /*#__PURE__*/ jsx(DatePicker.MonthSelect, {
         ref: ref,
         "data-slot": "date-picker-month-select",
-        className: clsx(DatePicker_module.select, normalizeClassName(className)),
+        className: clsx(DatePicker_module.select, className),
         ...props
     });
 });
@@ -382,7 +373,7 @@ const DatePicker_DatePickerYearSelect = /*#__PURE__*/ forwardRef(function({ clas
     return /*#__PURE__*/ jsx(DatePicker.YearSelect, {
         ref: ref,
         "data-slot": "date-picker-year-select",
-        className: clsx(DatePicker_module.select, normalizeClassName(className)),
+        className: clsx(DatePicker_module.select, className),
         ...props
     });
 });
@@ -391,7 +382,7 @@ const DatePicker_DatePickerPresetTrigger = /*#__PURE__*/ forwardRef(function({ a
         ref: ref,
         "data-slot": "date-picker-preset-trigger",
         asChild: asChild,
-        className: clsx(!asChild && DatePicker_module.presetTrigger, normalizeClassName(className)),
+        className: clsx(!asChild && DatePicker_module.presetTrigger, className),
         ...props
     });
 });
@@ -399,7 +390,7 @@ const DatePicker_DatePickerValueText = /*#__PURE__*/ forwardRef(function({ class
     return /*#__PURE__*/ jsx(DatePicker.ValueText, {
         ref: ref,
         "data-slot": "date-picker-value-text",
-        className: clsx(DatePicker_module.valueText, normalizeClassName(className)),
+        className: clsx(DatePicker_module.valueText, className),
         ...props
     });
 });

package/dist/components/date-picker/DatePicker.module.js

@@ -1,9 +1,9 @@
 import "./DatePicker_module.css";
 const DatePicker_module = {
     root: "root-sgMq4I",
+    input: "input-c9DrcO",
     label: "label-o8_6xd",
     control: "control-pfUmnK",
-    input: "input-c9DrcO",
     trigger: "trigger-sqKYfh",
     navTrigger: "navTrigger-XCWd0K",
     viewTrigger: "viewTrigger-ZeOJgr",

package/dist/components/date-picker/DatePicker_module.css

@@ -38,6 +38,10 @@
     display: inline-flex;
   }
 
+  .root-sgMq4I:has(.input-c9DrcO[data-index="1"]) {
+    width: var(--moduix-date-picker-width, 24rem);
+  }
+
   .root-sgMq4I:is([data-disabled], [data-readonly]) {
     opacity: var(--moduix-date-picker-disabled-opacity, var(--moduix-opacity-disabled));
   }
@@ -191,7 +195,6 @@
     --moduix-close-button-focus-ring-width: var(--moduix-date-picker-action-focus-ring-width, var(--moduix-border-width-sm));
     --moduix-close-button-focus-ring-color: var(--moduix-date-picker-focus-ring-color, var(--moduix-color-ring));
     --moduix-close-button-focus-ring-offset: var(--moduix-date-picker-action-focus-ring-offset, 0);
-    --moduix-close-button-transition: var(--moduix-date-picker-transition, var(--moduix-transition-default));
     top: 50%;
     position: absolute;
     inset-inline-end: calc(var(--moduix-date-picker-trigger-offset-right, var(--moduix-spacing-2)) +
@@ -253,7 +256,7 @@
     }
   }
 
-  .root-sgMq4I[data-inline] .content-pUiIqD {
+  .content-pUiIqD[data-inline] {
     min-width: var(--moduix-date-picker-inline-content-min-width, 18rem);
     box-shadow: var(--moduix-date-picker-inline-content-shadow, none);
   }

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

@@ -1,6 +1,6 @@
 import { Dialog as DialogPrimitive, useDialog, useDialogContext } from '@ark-ui/react/dialog';
 import type { ComponentProps } from 'react';
-import { type OverlayPortalProps } from '../../internal/overlayPortal';
+import { type OverlayPortalProps } from '../../internal/overlayPortal.js';
 type DialogRootProps = ComponentProps<typeof DialogPrimitive.Root> & OverlayPortalProps;
 type DialogRootProviderProps = ComponentProps<typeof DialogPrimitive.RootProvider> & OverlayPortalProps;
 declare function DialogRoot({ lazyMount, portalled, portalRef, unmountOnExit, ...props }: DialogRootProps): import("react").JSX.Element;

package/dist/components/dialog/Dialog.js

@@ -4,7 +4,6 @@ import { Dialog, useDialog, useDialogContext } from "@ark-ui/react/dialog";
 import { ark } from "@ark-ui/react/factory";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
-import { normalizeClassName } from "../../internal/normalizeClassName.js";
 import { OverlayPortal, OverlayPortalProvider } from "../../internal/overlayPortal.js";
 import { CloseButton } from "../close-button/index.js";
 import Dialog_module from "./Dialog.module.js";
@@ -36,7 +35,7 @@ const Dialog_DialogTrigger = /*#__PURE__*/ forwardRef(function({ asChild, classN
         ref: ref,
         asChild: asChild,
         "data-slot": "dialog-trigger",
-        className: clsx(!asChild && Dialog_module.trigger, normalizeClassName(className)),
+        className: clsx(!asChild && Dialog_module.trigger, className),
         ...props
     });
 });
@@ -45,7 +44,7 @@ const Dialog_DialogBackdrop = /*#__PURE__*/ forwardRef(function({ className, ...
         children: /*#__PURE__*/ jsx(Dialog.Backdrop, {
             ref: ref,
             "data-slot": "dialog-backdrop",
-            className: clsx(Dialog_module.backdrop, normalizeClassName(className)),
+            className: clsx(Dialog_module.backdrop, className),
             ...props
         })
     });
@@ -55,7 +54,7 @@ const Dialog_DialogPositioner = /*#__PURE__*/ forwardRef(function({ className, .
         children: /*#__PURE__*/ jsx(Dialog.Positioner, {
             ref: ref,
             "data-slot": "dialog-positioner",
-            className: clsx(Dialog_module.positioner, normalizeClassName(className)),
+            className: clsx(Dialog_module.positioner, className),
             ...props
         })
     });
@@ -64,7 +63,7 @@ const Dialog_DialogContent = /*#__PURE__*/ forwardRef(function({ className, ...p
     return /*#__PURE__*/ jsx(Dialog.Content, {
         ref: ref,
         "data-slot": "dialog-content",
-        className: clsx(Dialog_module.content, normalizeClassName(className)),
+        className: clsx(Dialog_module.content, className),
         ...props
     });
 });
@@ -72,7 +71,7 @@ const Dialog_DialogTitle = /*#__PURE__*/ forwardRef(function({ className, ...pro
     return /*#__PURE__*/ jsx(Dialog.Title, {
         ref: ref,
         "data-slot": "dialog-title",
-        className: clsx(Dialog_module.title, normalizeClassName(className)),
+        className: clsx(Dialog_module.title, className),
         ...props
     });
 });
@@ -80,7 +79,7 @@ const Dialog_DialogDescription = /*#__PURE__*/ forwardRef(function({ className,
     return /*#__PURE__*/ jsx(Dialog.Description, {
         ref: ref,
         "data-slot": "dialog-description",
-        className: clsx(Dialog_module.description, normalizeClassName(className)),
+        className: clsx(Dialog_module.description, className),
         ...props
     });
 });
@@ -89,7 +88,7 @@ const Dialog_DialogCloseTrigger = /*#__PURE__*/ forwardRef(function({ asChild, c
         ref: ref,
         asChild: asChild,
         "data-slot": "dialog-close-trigger",
-        className: clsx(!asChild && Dialog_module.closeTrigger, normalizeClassName(className)),
+        className: clsx(!asChild && Dialog_module.closeTrigger, className),
         ...props
     });
 });
@@ -101,7 +100,7 @@ const Dialog_DialogCloseIcon = /*#__PURE__*/ forwardRef(function({ className, ch
             ref: ref,
             "data-slot": "dialog-close-icon",
             "aria-label": ariaLabel,
-            className: clsx(Dialog_module.closeIcon, normalizeClassName(className)),
+            className: clsx(Dialog_module.closeIcon, className),
             children: children
         })
     });
@@ -110,7 +109,7 @@ const Dialog_DialogHeader = /*#__PURE__*/ forwardRef(function({ className, ...pr
     return /*#__PURE__*/ jsx(ark.div, {
         ref: ref,
         "data-slot": "dialog-header",
-        className: clsx(Dialog_module.header, normalizeClassName(className)),
+        className: clsx(Dialog_module.header, className),
         ...props
     });
 });
@@ -118,7 +117,7 @@ const Dialog_DialogBody = /*#__PURE__*/ forwardRef(function({ className, ...prop
     return /*#__PURE__*/ jsx(ark.div, {
         ref: ref,
         "data-slot": "dialog-body",
-        className: clsx(Dialog_module.body, normalizeClassName(className)),
+        className: clsx(Dialog_module.body, className),
         ...props
     });
 });
@@ -126,7 +125,7 @@ const Dialog_DialogFooter = /*#__PURE__*/ forwardRef(function({ className, ...pr
     return /*#__PURE__*/ jsx(ark.div, {
         ref: ref,
         "data-slot": "dialog-footer",
-        className: clsx(Dialog_module.footer, normalizeClassName(className)),
+        className: clsx(Dialog_module.footer, className),
         ...props
     });
 });

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

@@ -1,12 +1,15 @@
 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;
+import { type OverlayPortalProps } from '../../internal/overlayPortal.js';
+type DrawerVariant = 'island';
+type DrawerRootProps = ComponentProps<typeof DrawerPrimitive.Root> & OverlayPortalProps & {
+    variant?: DrawerVariant;
+};
 type DrawerRootProviderProps = ComponentProps<typeof DrawerPrimitive.RootProvider> & OverlayPortalProps;
 type DrawerContentProps = ComponentProps<typeof DrawerPrimitive.Content> & {
     variant?: 'island';
 };
-declare function DrawerRoot({ lazyMount, portalled, portalRef, unmountOnExit, ...props }: DrawerRootProps): import("react").JSX.Element;
+declare function DrawerRoot({ lazyMount, portalled, portalRef, unmountOnExit, variant, swipeDirection, snapPoints, defaultSnapPoint, ...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;

package/dist/components/drawer/Drawer.js

@@ -3,20 +3,28 @@ 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 { normalizeClassName } from "../../internal/normalizeClassName.js";
+import { createContext, forwardRef, useContext } from "react";
 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 }) {
+const DrawerVariantContext = /*#__PURE__*/ createContext(void 0);
+function DrawerRoot({ lazyMount = true, portalled, portalRef, unmountOnExit = true, variant, swipeDirection, snapPoints, defaultSnapPoint, ...props }) {
     return /*#__PURE__*/ jsx(OverlayPortalProvider, {
         portalled: portalled,
         portalRef: portalRef,
-        children: /*#__PURE__*/ jsx(Drawer.Root, {
-            lazyMount: lazyMount,
-            unmountOnExit: unmountOnExit,
-            ...props
+        children: /*#__PURE__*/ jsx(DrawerVariantContext.Provider, {
+            value: variant,
+            children: /*#__PURE__*/ jsx(Drawer.Root, {
+                ...props,
+                lazyMount: lazyMount,
+                unmountOnExit: unmountOnExit,
+                swipeDirection: swipeDirection,
+                snapPoints: snapPoints ?? ('island' === variant ? [
+                    1
+                ] : void 0),
+                defaultSnapPoint: void 0 !== defaultSnapPoint ? defaultSnapPoint : 'island' === variant ? 1 : void 0
+            })
         })
     });
 }
@@ -37,7 +45,7 @@ const Drawer_DrawerTrigger = /*#__PURE__*/ forwardRef(function({ asChild, classN
         ref: ref,
         asChild: asChild,
         "data-slot": "drawer-trigger",
-        className: clsx(!asChild && Drawer_module.trigger, normalizeClassName(className)),
+        className: clsx(!asChild && Drawer_module.trigger, className),
         ...props
     });
 });
@@ -46,7 +54,7 @@ const Drawer_DrawerBackdrop = /*#__PURE__*/ forwardRef(function({ className, ...
         children: /*#__PURE__*/ jsx(Drawer.Backdrop, {
             ref: ref,
             "data-slot": "drawer-backdrop",
-            className: clsx(Drawer_module.backdrop, normalizeClassName(className)),
+            className: clsx(Drawer_module.backdrop, className),
             ...props
         })
     });
@@ -56,17 +64,18 @@ const Drawer_DrawerPositioner = /*#__PURE__*/ forwardRef(function({ className, .
         children: /*#__PURE__*/ jsx(Drawer.Positioner, {
             ref: ref,
             "data-slot": "drawer-positioner",
-            className: clsx(Drawer_module.positioner, normalizeClassName(className)),
+            className: clsx(Drawer_module.positioner, className),
             ...props
         })
     });
 });
 const Drawer_DrawerContent = /*#__PURE__*/ forwardRef(function({ className, variant, ...props }, ref) {
+    const rootVariant = useContext(DrawerVariantContext);
     return /*#__PURE__*/ jsx(Drawer.Content, {
         ref: ref,
         "data-slot": "drawer-content",
-        "data-variant": variant,
-        className: clsx(Drawer_module.content, normalizeClassName(className)),
+        "data-variant": variant ?? rootVariant,
+        className: clsx(Drawer_module.content, className),
         ...props
     });
 });
@@ -74,7 +83,7 @@ const Drawer_DrawerGrabber = /*#__PURE__*/ forwardRef(function({ className, ...p
     return /*#__PURE__*/ jsx(Drawer.Grabber, {
         ref: ref,
         "data-slot": "drawer-grabber",
-        className: clsx(Drawer_module.grabber, normalizeClassName(className)),
+        className: clsx(Drawer_module.grabber, className),
         ...props
     });
 });
@@ -82,7 +91,7 @@ const Drawer_DrawerGrabberIndicator = /*#__PURE__*/ forwardRef(function({ classN
     return /*#__PURE__*/ jsx(Drawer.GrabberIndicator, {
         ref: ref,
         "data-slot": "drawer-grabber-indicator",
-        className: clsx(Drawer_module.grabberIndicator, normalizeClassName(className)),
+        className: clsx(Drawer_module.grabberIndicator, className),
         ...props
     });
 });
@@ -90,7 +99,7 @@ const Drawer_DrawerTitle = /*#__PURE__*/ forwardRef(function({ className, ...pro
     return /*#__PURE__*/ jsx(Drawer.Title, {
         ref: ref,
         "data-slot": "drawer-title",
-        className: clsx(Drawer_module.title, normalizeClassName(className)),
+        className: clsx(Drawer_module.title, className),
         ...props
     });
 });
@@ -98,7 +107,7 @@ const Drawer_DrawerDescription = /*#__PURE__*/ forwardRef(function({ className,
     return /*#__PURE__*/ jsx(Drawer.Description, {
         ref: ref,
         "data-slot": "drawer-description",
-        className: clsx(Drawer_module.description, normalizeClassName(className)),
+        className: clsx(Drawer_module.description, className),
         ...props
     });
 });
@@ -107,7 +116,7 @@ const Drawer_DrawerCloseTrigger = /*#__PURE__*/ forwardRef(function({ asChild, c
         ref: ref,
         asChild: asChild,
         "data-slot": "drawer-close-trigger",
-        className: clsx(!asChild && Drawer_module.closeTrigger, normalizeClassName(className)),
+        className: clsx(!asChild && Drawer_module.closeTrigger, className),
         ...props
     });
 });
@@ -119,7 +128,7 @@ const Drawer_DrawerCloseIcon = /*#__PURE__*/ forwardRef(function({ className, ch
             ref: ref,
             "data-slot": "drawer-close-icon",
             "aria-label": ariaLabel,
-            className: clsx(Drawer_module.closeIcon, normalizeClassName(className)),
+            className: clsx(Drawer_module.closeIcon, className),
             children: children
         })
     });
@@ -128,7 +137,7 @@ const Drawer_DrawerSwipeArea = /*#__PURE__*/ forwardRef(function({ className, ..
     return /*#__PURE__*/ jsx(Drawer.SwipeArea, {
         ref: ref,
         "data-slot": "drawer-swipe-area",
-        className: clsx(Drawer_module.swipeArea, normalizeClassName(className)),
+        className: clsx(Drawer_module.swipeArea, className),
         ...props
     });
 });
@@ -136,7 +145,7 @@ const Drawer_DrawerIndent = /*#__PURE__*/ forwardRef(function({ className, ...pr
     return /*#__PURE__*/ jsx(Drawer.Indent, {
         ref: ref,
         "data-slot": "drawer-indent",
-        className: clsx(Drawer_module.indent, normalizeClassName(className)),
+        className: clsx(Drawer_module.indent, className),
         ...props
     });
 });
@@ -144,7 +153,7 @@ const Drawer_DrawerIndentBackground = /*#__PURE__*/ forwardRef(function({ classN
     return /*#__PURE__*/ jsx(Drawer.IndentBackground, {
         ref: ref,
         "data-slot": "drawer-indent-background",
-        className: clsx(Drawer_module.indentBackground, normalizeClassName(className)),
+        className: clsx(Drawer_module.indentBackground, className),
         ...props
     });
 });
@@ -152,7 +161,7 @@ const Drawer_DrawerHeader = /*#__PURE__*/ forwardRef(function({ className, ...pr
     return /*#__PURE__*/ jsx(ark.div, {
         ref: ref,
         "data-slot": "drawer-header",
-        className: clsx(Drawer_module.header, normalizeClassName(className)),
+        className: clsx(Drawer_module.header, className),
         ...props
     });
 });
@@ -160,7 +169,7 @@ const Drawer_DrawerBody = /*#__PURE__*/ forwardRef(function({ className, ...prop
     return /*#__PURE__*/ jsx(ark.div, {
         ref: ref,
         "data-slot": "drawer-body",
-        className: clsx(Drawer_module.body, normalizeClassName(className)),
+        className: clsx(Drawer_module.body, className),
         ...props
     });
 });
@@ -168,7 +177,7 @@ const Drawer_DrawerFooter = /*#__PURE__*/ forwardRef(function({ className, ...pr
     return /*#__PURE__*/ jsx(ark.div, {
         ref: ref,
         "data-slot": "drawer-footer",
-        className: clsx(Drawer_module.footer, normalizeClassName(className)),
+        className: clsx(Drawer_module.footer, className),
         ...props
     });
 });

package/dist/components/editable/Editable.d.ts

@@ -10,7 +10,7 @@ declare const Editable: import("react").ForwardRefExoticComponent<Omit<EditableP
     EditTrigger: import("react").ForwardRefExoticComponent<Omit<EditablePrimitive.EditTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
     SubmitTrigger: import("react").ForwardRefExoticComponent<Omit<EditablePrimitive.SubmitTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
     CancelTrigger: import("react").ForwardRefExoticComponent<Omit<EditablePrimitive.CancelTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-    Controls: import("react").ForwardRefExoticComponent<Omit<Omit<EditablePrimitive.ControlProps & import("react").RefAttributes<HTMLDivElement>, "children" | "asChild">, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Controls: import("react").ForwardRefExoticComponent<Omit<Omit<EditablePrimitive.ControlProps & import("react").RefAttributes<HTMLDivElement>, "asChild" | "children">, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     Context: (props: EditablePrimitive.ContextProps) => import("react").ReactNode;
 };
 export { Editable, useEditable, useEditableContext };