@moduix/react 2.6.0 → 2.7.1

package/dist/components/image-cropper/ImageCropper.js

@@ -7,57 +7,57 @@ import ImageCropper_module from "./ImageCropper.module.js";
 const ImageCropper_ImageCropperRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ImageCropper.Root, {
         ref: ref,
-        "data-slot": "image-cropper-root",
         className: clsx(ImageCropper_module.root, className),
-        ...props
+        ...props,
+        "data-slot": "image-cropper-root"
     });
 });
 const ImageCropper_ImageCropperRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ImageCropper.RootProvider, {
         ref: ref,
-        "data-slot": "image-cropper-root-provider",
         className: clsx(ImageCropper_module.root, className),
-        ...props
+        ...props,
+        "data-slot": "image-cropper-root-provider"
     });
 });
 const ImageCropper_ImageCropperViewport = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ImageCropper.Viewport, {
         ref: ref,
-        "data-slot": "image-cropper-viewport",
         className: clsx(ImageCropper_module.viewport, className),
-        ...props
+        ...props,
+        "data-slot": "image-cropper-viewport"
     });
 });
 const ImageCropper_ImageCropperImage = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ImageCropper.Image, {
         ref: ref,
-        "data-slot": "image-cropper-image",
         className: clsx(ImageCropper_module.image, className),
-        ...props
+        ...props,
+        "data-slot": "image-cropper-image"
     });
 });
 const ImageCropper_ImageCropperSelection = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ImageCropper.Selection, {
         ref: ref,
-        "data-slot": "image-cropper-selection",
         className: clsx(ImageCropper_module.selection, className),
-        ...props
+        ...props,
+        "data-slot": "image-cropper-selection"
     });
 });
 const ImageCropper_ImageCropperGrid = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ImageCropper.Grid, {
         ref: ref,
-        "data-slot": "image-cropper-grid",
         className: clsx(ImageCropper_module.grid, className),
-        ...props
+        ...props,
+        "data-slot": "image-cropper-grid"
     });
 });
 const ImageCropper_ImageCropperHandle = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ImageCropper.Handle, {
         ref: ref,
-        "data-slot": "image-cropper-handle",
         className: clsx(ImageCropper_module.handle, className),
-        ...props
+        ...props,
+        "data-slot": "image-cropper-handle"
     });
 });
 const ImageCropper_ImageCropperCropArea = /*#__PURE__*/ forwardRef(function({ gridClassName, handleClassName, ...props }, ref) {

package/dist/components/kbd/Kbd.js

@@ -6,22 +6,22 @@ import Kbd_module from "./Kbd.module.js";
 const Kbd_KbdRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.kbd, {
         ref: ref,
+        ...props,
         "data-scope": "kbd",
         "data-part": "root",
-        "data-slot": "kbd-root",
         className: clsx(Kbd_module.root, className),
-        ...props
+        "data-slot": "kbd-root"
     });
 });
 const Kbd_KbdGroupPart = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.span, {
         ref: ref,
+        ...props,
         role: "group",
         "data-scope": "kbd",
         "data-part": "group",
-        "data-slot": "kbd-group",
         className: clsx(Kbd_module.group, className),
-        ...props
+        "data-slot": "kbd-group"
     });
 });
 const Kbd = Object.assign(Kbd_KbdRoot, {

package/dist/components/lightbox/Lightbox.js

@@ -52,18 +52,18 @@ function LightboxRootProvider({ lazyMount = true, portalled, portalRef, unmountO
 const Lightbox_LightboxTrigger = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Dialog.Trigger, {
         ref: ref,
-        "data-slot": "lightbox-trigger",
         className: clsx(Lightbox_module.trigger, className),
-        ...props
+        ...props,
+        "data-slot": "lightbox-trigger"
     });
 });
 const Lightbox_LightboxBackdrop = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(OverlayPortal, {
         children: /*#__PURE__*/ jsx(Dialog.Backdrop, {
             ref: ref,
-            "data-slot": "lightbox-backdrop",
             className: clsx(Lightbox_module.backdrop, className),
-            ...props
+            ...props,
+            "data-slot": "lightbox-backdrop"
         })
     });
 });
@@ -71,42 +71,42 @@ const Lightbox_LightboxPositioner = /*#__PURE__*/ forwardRef(function({ classNam
     return /*#__PURE__*/ jsx(OverlayPortal, {
         children: /*#__PURE__*/ jsx(Dialog.Positioner, {
             ref: ref,
-            "data-slot": "lightbox-positioner",
             className: clsx(Lightbox_module.positioner, className),
-            ...props
+            ...props,
+            "data-slot": "lightbox-positioner"
         })
     });
 });
 const Lightbox_LightboxContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Dialog.Content, {
         ref: ref,
-        "data-slot": "lightbox-content",
         className: clsx(Lightbox_module.content, className),
-        ...props
+        ...props,
+        "data-slot": "lightbox-content"
     });
 });
 const Lightbox_LightboxTitle = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Dialog.Title, {
         ref: ref,
-        "data-slot": "lightbox-title",
         className: clsx(Lightbox_module.title, className),
-        ...props
+        ...props,
+        "data-slot": "lightbox-title"
     });
 });
 const Lightbox_LightboxDescription = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Dialog.Description, {
         ref: ref,
-        "data-slot": "lightbox-description",
         className: clsx(Lightbox_module.description, className),
-        ...props
+        ...props,
+        "data-slot": "lightbox-description"
     });
 });
 const Lightbox_LightboxCloseTrigger = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Dialog.CloseTrigger, {
         ref: ref,
-        "data-slot": "lightbox-close-trigger",
         className: className,
-        ...props
+        ...props,
+        "data-slot": "lightbox-close-trigger"
     });
 });
 const Lightbox_LightboxCloseIcon = /*#__PURE__*/ forwardRef(function({ className, children, 'aria-label': ariaLabel = DEFAULT_CLOSE_LABEL, ...props }, ref) {
@@ -132,43 +132,43 @@ const Lightbox_LightboxImage = /*#__PURE__*/ forwardRef(function({ className, cl
     };
     return /*#__PURE__*/ jsx("img", {
         ref: ref,
-        "data-slot": "lightbox-image",
-        "data-close-on-click": closeOnClick ? '' : void 0,
         className: clsx(Lightbox_module.image, className),
         onClick: handleClick,
-        ...props
+        ...props,
+        "data-close-on-click": closeOnClick ? '' : void 0,
+        "data-slot": "lightbox-image"
     });
 });
 const Lightbox_LightboxGallery = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.div, {
         ref: ref,
-        "data-slot": "lightbox-gallery",
         className: clsx(Lightbox_module.gallery, className),
-        ...props
+        ...props,
+        "data-slot": "lightbox-gallery"
     });
 });
 const Lightbox_LightboxHeader = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.div, {
         ref: ref,
-        "data-slot": "lightbox-header",
         className: clsx(Lightbox_module.header, className),
-        ...props
+        ...props,
+        "data-slot": "lightbox-header"
     });
 });
 const Lightbox_LightboxBody = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.div, {
         ref: ref,
-        "data-slot": "lightbox-body",
         className: clsx(Lightbox_module.body, className),
-        ...props
+        ...props,
+        "data-slot": "lightbox-body"
     });
 });
 const Lightbox_LightboxFooter = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.div, {
         ref: ref,
-        "data-slot": "lightbox-footer",
         className: clsx(Lightbox_module.footer, className),
-        ...props
+        ...props,
+        "data-slot": "lightbox-footer"
     });
 });
 function LightboxBind({ onImageSelect, selector, rootRef, rootSelector }) {

package/dist/components/listbox/Listbox.js

@@ -10,40 +10,40 @@ import Listbox_module from "./Listbox.module.js";
 const Listbox_ListboxRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Listbox.Root, {
         ref: ref,
-        "data-slot": "listbox-root",
         className: clsx(Listbox_module.root, className),
-        ...props
+        ...props,
+        "data-slot": "listbox-root"
     });
 });
 const Listbox_ListboxRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Listbox.RootProvider, {
         ref: ref,
-        "data-slot": "listbox-root-provider",
         className: clsx(Listbox_module.root, className),
-        ...props
+        ...props,
+        "data-slot": "listbox-root-provider"
     });
 });
 const Listbox_ListboxLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Listbox.Label, {
         ref: ref,
-        "data-slot": "listbox-label",
         className: clsx(Listbox_module.label, className),
-        ...props
+        ...props,
+        "data-slot": "listbox-label"
     });
 });
 const Listbox_ListboxInput = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Listbox.Input, {
         ref: ref,
-        "data-slot": "listbox-input",
         className: clsx(Listbox_module.input, className),
-        ...props
+        ...props,
+        "data-slot": "listbox-input"
     });
 });
 function ListboxFilter({ className, children, ...props }) {
     return /*#__PURE__*/ jsxs("div", {
-        "data-slot": "listbox-filter",
         className: clsx(Listbox_module.filter, className),
         ...props,
+        "data-slot": "listbox-filter",
         children: [
             /*#__PURE__*/ jsx(SearchIcon, {
                 "data-slot": "listbox-filter-icon",
@@ -56,101 +56,101 @@ function ListboxFilter({ className, children, ...props }) {
 const Listbox_ListboxClearTrigger = /*#__PURE__*/ forwardRef(function({ 'aria-label': ariaLabel = 'Clear search', className, children, type = 'button', ...props }, ref) {
     return /*#__PURE__*/ jsx(CloseButton.Root, {
         ref: ref,
-        "data-slot": "listbox-clear-trigger",
         type: type,
         "aria-label": ariaLabel,
         className: clsx(Listbox_module.clearTrigger, className),
         ...props,
+        "data-slot": "listbox-clear-trigger",
         children: children
     });
 });
 const Listbox_ListboxContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Listbox.Content, {
         ref: ref,
-        "data-slot": "listbox-content",
         className: clsx(Listbox_module.content, className),
-        ...props
+        ...props,
+        "data-slot": "listbox-content"
     });
 });
 const Listbox_ListboxEmpty = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Listbox.Empty, {
         ref: ref,
-        "data-slot": "listbox-empty",
         className: clsx(Listbox_module.empty, className),
-        ...props
+        ...props,
+        "data-slot": "listbox-empty"
     });
 });
 const Listbox_ListboxItemGroup = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Listbox.ItemGroup, {
         ref: ref,
-        "data-slot": "listbox-item-group",
         className: clsx(Listbox_module.itemGroup, className),
-        ...props
+        ...props,
+        "data-slot": "listbox-item-group"
     });
 });
 const Listbox_ListboxItemGroupLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Listbox.ItemGroupLabel, {
         ref: ref,
-        "data-slot": "listbox-item-group-label",
         className: clsx(Listbox_module.itemGroupLabel, className),
-        ...props
+        ...props,
+        "data-slot": "listbox-item-group-label"
     });
 });
 const Listbox_ListboxItem = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Listbox.Item, {
         ref: ref,
-        "data-slot": "listbox-item",
         className: clsx(Listbox_module.item, className),
-        ...props
+        ...props,
+        "data-slot": "listbox-item"
     });
 });
 const Listbox_ListboxItemText = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Listbox.ItemText, {
         ref: ref,
-        "data-slot": "listbox-item-text",
         className: clsx(Listbox_module.itemText, className),
-        ...props
+        ...props,
+        "data-slot": "listbox-item-text"
     });
 });
 const Listbox_ListboxItemIndicator = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
     return /*#__PURE__*/ jsx(Listbox.ItemIndicator, {
         ref: ref,
-        "data-slot": "listbox-item-indicator",
         className: clsx(Listbox_module.itemIndicator, className),
         ...props,
+        "data-slot": "listbox-item-indicator",
         children: children ?? /*#__PURE__*/ jsx(CheckIcon, {})
     });
 });
 const Listbox_ListboxValueText = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Listbox.ValueText, {
         ref: ref,
-        "data-slot": "listbox-value-text",
         className: clsx(Listbox_module.valueText, className),
-        ...props
+        ...props,
+        "data-slot": "listbox-value-text"
     });
 });
 const Listbox_ListboxItemTextContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.span, {
         ref: ref,
-        "data-slot": "listbox-item-text-content",
         className: clsx(Listbox_module.itemTextContent, className),
-        ...props
+        ...props,
+        "data-slot": "listbox-item-text-content"
     });
 });
 const Listbox_ListboxItemTextIcon = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.span, {
         ref: ref,
-        "data-slot": "listbox-item-text-icon",
         className: clsx(Listbox_module.itemTextIcon, className),
-        ...props
+        ...props,
+        "data-slot": "listbox-item-text-icon"
     });
 });
 const Listbox_ListboxItemTextLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.span, {
         ref: ref,
-        "data-slot": "listbox-item-text-label",
         className: clsx(Listbox_module.itemTextLabel, className),
-        ...props
+        ...props,
+        "data-slot": "listbox-item-text-label"
     });
 });
 const Listbox_Listbox = Object.assign(Listbox_ListboxRoot, {

package/dist/components/marquee/Marquee.js

@@ -6,49 +6,49 @@ import Marquee_module from "./Marquee.module.js";
 const Marquee_MarqueeRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Marquee.Root, {
         ref: ref,
-        "data-slot": "marquee-root",
         className: clsx(Marquee_module.root, className),
-        ...props
+        ...props,
+        "data-slot": "marquee-root"
     });
 });
 const Marquee_MarqueeRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Marquee.RootProvider, {
         ref: ref,
-        "data-slot": "marquee-root-provider",
         className: clsx(Marquee_module.root, className),
-        ...props
+        ...props,
+        "data-slot": "marquee-root-provider"
     });
 });
 const Marquee_MarqueeViewport = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Marquee.Viewport, {
         ref: ref,
-        "data-slot": "marquee-viewport",
         className: clsx(Marquee_module.viewport, className),
-        ...props
+        ...props,
+        "data-slot": "marquee-viewport"
     });
 });
 const Marquee_MarqueeContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Marquee.Content, {
         ref: ref,
-        "data-slot": "marquee-content",
         className: clsx(Marquee_module.content, className),
-        ...props
+        ...props,
+        "data-slot": "marquee-content"
     });
 });
 const Marquee_MarqueeItem = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Marquee.Item, {
         ref: ref,
-        "data-slot": "marquee-item",
         className: clsx(Marquee_module.item, className),
-        ...props
+        ...props,
+        "data-slot": "marquee-item"
     });
 });
 const Marquee_MarqueeEdge = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Marquee.Edge, {
         ref: ref,
-        "data-slot": "marquee-edge",
         className: clsx(Marquee_module.edge, className),
-        ...props
+        ...props,
+        "data-slot": "marquee-edge"
     });
 });
 const Marquee_Marquee = Object.assign(Marquee_MarqueeRoot, {