@moduix/react 1.1.0 → 2.0.0

package/dist/components/drawer/Drawer.css

@@ -1,5 +1,5 @@
 @layer ui.components {
-  .OP_kSq_trigger, .OP_kSq_closeTrigger {
+  ._uVP9W_trigger, ._uVP9W_closeTrigger {
     box-sizing: border-box;
     min-height: var(--drawer-control-height, var(--size-lg));
     padding: var(--drawer-control-padding-y, .5rem) var(--drawer-control-padding-x, .875rem);
@@ -40,7 +40,7 @@
     }
   }
 
-  .OP_kSq_backdrop {
+  ._uVP9W_backdrop {
     z-index: calc(var(--z-backdrop) + var(--layer-index, 0));
     background-color: var(--drawer-backdrop-bg, var(--backdrop-bg, var(--color-overlay)));
     min-height: 100dvh;
@@ -52,11 +52,11 @@
     inset: 0;
 
     &[data-state="open"] {
-      animation: OP_kSq_drawer-backdrop-in var(--drawer-backdrop-transition, var(--transition-spring));
+      animation: _uVP9W_drawer-backdrop-in var(--drawer-backdrop-transition, var(--transition-spring));
     }
 
     &[data-state="closed"] {
-      animation: OP_kSq_drawer-backdrop-out var(--drawer-backdrop-transition, var(--transition-spring));
+      animation: _uVP9W_drawer-backdrop-out var(--drawer-backdrop-transition, var(--transition-spring));
       animation-fill-mode: forwards;
     }
 
@@ -64,12 +64,12 @@
       transition-duration: 0s;
     }
 
-    &[hidden]:has( ~ .OP_kSq_positioner:not([hidden])) {
+    &[hidden]:has( ~ ._uVP9W_positioner:not([hidden])) {
       display: block;
     }
   }
 
-  .OP_kSq_positioner {
+  ._uVP9W_positioner {
     box-sizing: border-box;
     z-index: calc(var(--z-modal) + var(--layer-index, 0));
     overscroll-behavior: contain;
@@ -96,13 +96,13 @@
     }
 
     &:not([hidden]) {
-      & .OP_kSq_content[hidden] {
+      & ._uVP9W_content[hidden] {
         display: flex;
       }
     }
   }
 
-  .OP_kSq_content {
+  ._uVP9W_content {
     --drawer-bleed: var(--drawer-bleed-size, 3rem);
     box-sizing: border-box;
     width: min(var(--drawer-width, 100%), 100vw);
@@ -140,11 +140,11 @@
     }
 
     &[data-state="open"] {
-      animation: OP_kSq_drawer-content-in-down var(--drawer-transition, var(--transition-spring));
+      animation: _uVP9W_drawer-content-in-down var(--drawer-transition, var(--transition-spring));
     }
 
     &[data-state="closed"] {
-      animation: OP_kSq_drawer-content-out-down var(--drawer-transition, var(--transition-spring));
+      animation: _uVP9W_drawer-content-out-down var(--drawer-transition, var(--transition-spring));
       animation-fill-mode: forwards;
     }
 
@@ -169,11 +169,11 @@
       }
 
       &[data-state="open"] {
-        animation-name: OP_kSq_drawer-content-in-up;
+        animation-name: _uVP9W_drawer-content-in-up;
       }
 
       &[data-state="closed"] {
-        animation-name: OP_kSq_drawer-content-out-up;
+        animation-name: _uVP9W_drawer-content-out-up;
       }
     }
 
@@ -202,11 +202,11 @@
       }
 
       &[data-state="open"] {
-        animation-name: OP_kSq_drawer-content-in-left;
+        animation-name: _uVP9W_drawer-content-in-left;
       }
 
       &[data-state="closed"] {
-        animation-name: OP_kSq_drawer-content-out-left;
+        animation-name: _uVP9W_drawer-content-out-left;
       }
     }
 
@@ -220,11 +220,11 @@
       }
 
       &[data-state="open"] {
-        animation-name: OP_kSq_drawer-content-in-right;
+        animation-name: _uVP9W_drawer-content-in-right;
       }
 
       &[data-state="closed"] {
-        animation-name: OP_kSq_drawer-content-out-right;
+        animation-name: _uVP9W_drawer-content-out-right;
       }
     }
 
@@ -253,7 +253,7 @@
     }
   }
 
-  .OP_kSq_grabber {
+  ._uVP9W_grabber {
     width: 100%;
     padding: var(--drawer-grabber-padding, var(--spacing-3)) 0;
     cursor: grab;
@@ -267,12 +267,12 @@
       cursor: grabbing;
     }
 
-    :where(.OP_kSq_content[data-swipe-direction="left"], .OP_kSq_content[data-swipe-direction="right"]) & {
+    :where(._uVP9W_content[data-swipe-direction="left"], ._uVP9W_content[data-swipe-direction="right"]) & {
       display: none;
     }
   }
 
-  .OP_kSq_grabberIndicator {
+  ._uVP9W_grabberIndicator {
     width: var(--drawer-grabber-indicator-width, 3rem);
     height: var(--drawer-grabber-indicator-height, .25rem);
     border-radius: var(--drawer-grabber-indicator-radius, var(--radius-full));
@@ -282,13 +282,13 @@
       opacity var(--transition-default);
 
     @media (hover: hover) {
-      .OP_kSq_grabber:hover & {
+      ._uVP9W_grabber:hover & {
         opacity: var(--drawer-grabber-indicator-opacity-hover, .7);
       }
     }
   }
 
-  .OP_kSq_header {
+  ._uVP9W_header {
     align-items: start;
     gap: var(--drawer-header-gap, var(--spacing-1));
     grid-template-columns: minmax(0, 1fr) auto;
@@ -308,7 +308,7 @@
     }
   }
 
-  .OP_kSq_title {
+  ._uVP9W_title {
     color: var(--drawer-title-color, var(--drawer-color, var(--color-popover-foreground)));
     font-size: var(--drawer-title-font-size, var(--text-lg));
     font-weight: var(--drawer-title-font-weight, var(--weight-semibold));
@@ -316,30 +316,30 @@
     margin: 0;
   }
 
-  .OP_kSq_description, .OP_kSq_body {
+  ._uVP9W_description, ._uVP9W_body {
     color: var(--drawer-description-color, var(--color-muted-foreground));
     font-size: var(--drawer-description-font-size, var(--text-md));
     line-height: var(--drawer-description-line-height, var(--line-height-text-md));
   }
 
-  .OP_kSq_description {
+  ._uVP9W_description {
     margin: 0;
   }
 
-  .OP_kSq_body {
+  ._uVP9W_body {
     min-height: 0;
     margin-top: var(--drawer-body-margin-top, var(--spacing-4));
     overflow-y: auto;
   }
 
-  .OP_kSq_footer {
+  ._uVP9W_footer {
     justify-content: flex-end;
     gap: var(--drawer-footer-gap, var(--spacing-2));
     margin-top: var(--drawer-footer-margin-top, var(--spacing-6));
     display: flex;
   }
 
-  .OP_kSq_closeIcon {
+  ._uVP9W_closeIcon {
     --close-button-size: var(--drawer-close-icon-size, 1.75rem);
     --close-button-radius: var(--drawer-close-icon-radius, var(--radius-md));
     --close-button-color: var(--drawer-close-icon-color, var(--drawer-description-color, var(--color-muted-foreground)));
@@ -350,7 +350,7 @@
     --close-button-icon-size: var(--drawer-close-icon-glyph-size, .75rem);
   }
 
-  .OP_kSq_swipeArea {
+  ._uVP9W_swipeArea {
     z-index: var(--z-modal);
     touch-action: none;
     position: fixed;
@@ -388,7 +388,7 @@
     }
   }
 
-  .OP_kSq_indentBackground {
+  ._uVP9W_indentBackground {
     background: var(--drawer-indent-background-bg, var(--color-foreground));
     opacity: var(--drawer-indent-background-opacity, 0);
     pointer-events: none;
@@ -401,7 +401,7 @@
     }
   }
 
-  .OP_kSq_indent {
+  ._uVP9W_indent {
     transform-origin: top;
     transition: transform var(--drawer-indent-transition, var(--transition-spring)),
       border-radius var(--drawer-indent-transition, var(--transition-spring));
@@ -418,63 +418,63 @@
     }
   }
 
-  @keyframes OP_kSq_drawer-backdrop-in {
+  @keyframes _uVP9W_drawer-backdrop-in {
     from {
       opacity: 0;
       backdrop-filter: none;
     }
   }
 
-  @keyframes OP_kSq_drawer-backdrop-out {
+  @keyframes _uVP9W_drawer-backdrop-out {
     to {
       opacity: 0;
       backdrop-filter: none;
     }
   }
 
-  @keyframes OP_kSq_drawer-content-in-down {
+  @keyframes _uVP9W_drawer-content-in-down {
     from {
       transform: translate3d(0, 100%, 0);
     }
   }
 
-  @keyframes OP_kSq_drawer-content-out-down {
+  @keyframes _uVP9W_drawer-content-out-down {
     to {
       transform: translate3d(0, 100%, 0);
     }
   }
 
-  @keyframes OP_kSq_drawer-content-in-up {
+  @keyframes _uVP9W_drawer-content-in-up {
     from {
       transform: translate3d(0, -100%, 0);
     }
   }
 
-  @keyframes OP_kSq_drawer-content-out-up {
+  @keyframes _uVP9W_drawer-content-out-up {
     to {
       transform: translate3d(0, -100%, 0);
     }
   }
 
-  @keyframes OP_kSq_drawer-content-in-left {
+  @keyframes _uVP9W_drawer-content-in-left {
     from {
       transform: translate3d(-100%, 0, 0);
     }
   }
 
-  @keyframes OP_kSq_drawer-content-out-left {
+  @keyframes _uVP9W_drawer-content-out-left {
     to {
       transform: translate3d(-100%, 0, 0);
     }
   }
 
-  @keyframes OP_kSq_drawer-content-in-right {
+  @keyframes _uVP9W_drawer-content-in-right {
     from {
       transform: translate3d(100%, 0, 0);
     }
   }
 
-  @keyframes OP_kSq_drawer-content-out-right {
+  @keyframes _uVP9W_drawer-content-out-right {
     to {
       transform: translate3d(100%, 0, 0);
     }

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

@@ -1,6 +1,6 @@
 import { OverlayPortalProps } from "../../lib/moduix/overlayPortal.js";
 import { ComponentProps } from "react";
-import { Drawer } from "@ark-ui/react/drawer";
+import { Drawer, useDrawer } from "@ark-ui/react/drawer";
 
 //#region src/components/drawer/Drawer.d.ts
 type DrawerRootProps = ComponentProps<typeof Drawer.Root> & OverlayPortalProps;
@@ -53,4 +53,4 @@ declare const Drawer$1: typeof DrawerRoot & {
   Footer: typeof DrawerFooter;
 };
 //#endregion
-export { Drawer$1 as Drawer };
+export { Drawer$1 as Drawer, useDrawer };

package/dist/components/drawer/Drawer.js

@@ -2,10 +2,10 @@ 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";
-import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
-import { Drawer } from "@ark-ui/react/drawer";
+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";
 function DrawerRoot({ lazyMount = true, portalled, portalRef, unmountOnExit = true, ...props }) {
@@ -185,4 +185,4 @@ const Drawer$1 = Object.assign(DrawerRoot, {
 	Footer: DrawerFooter
 });
 //#endregion
-export { Drawer$1 as Drawer };
+export { Drawer$1 as Drawer, useDrawer };

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

@@ -1,32 +1,32 @@
 import './Drawer.css';
 //#region src/components/drawer/Drawer.module.css
 var Drawer_module_default = {
-	"backdrop": "OP_kSq_backdrop",
-	"body": "OP_kSq_body",
-	"closeIcon": "OP_kSq_closeIcon",
-	"closeTrigger": "OP_kSq_closeTrigger",
-	"content": "OP_kSq_content",
-	"description": "OP_kSq_description",
-	"drawer-backdrop-in": "OP_kSq_drawer-backdrop-in",
-	"drawer-backdrop-out": "OP_kSq_drawer-backdrop-out",
-	"drawer-content-in-down": "OP_kSq_drawer-content-in-down",
-	"drawer-content-in-left": "OP_kSq_drawer-content-in-left",
-	"drawer-content-in-right": "OP_kSq_drawer-content-in-right",
-	"drawer-content-in-up": "OP_kSq_drawer-content-in-up",
-	"drawer-content-out-down": "OP_kSq_drawer-content-out-down",
-	"drawer-content-out-left": "OP_kSq_drawer-content-out-left",
-	"drawer-content-out-right": "OP_kSq_drawer-content-out-right",
-	"drawer-content-out-up": "OP_kSq_drawer-content-out-up",
-	"footer": "OP_kSq_footer",
-	"grabber": "OP_kSq_grabber",
-	"grabberIndicator": "OP_kSq_grabberIndicator",
-	"header": "OP_kSq_header",
-	"indent": "OP_kSq_indent",
-	"indentBackground": "OP_kSq_indentBackground",
-	"positioner": "OP_kSq_positioner",
-	"swipeArea": "OP_kSq_swipeArea",
-	"title": "OP_kSq_title",
-	"trigger": "OP_kSq_trigger"
+	"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"
 };
 //#endregion
 export { Drawer_module_default as default };

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

@@ -1,2 +1,2 @@
-import { Drawer } from "./Drawer.js";
-export { Drawer };
+import { Drawer, useDrawer } from "./Drawer.js";
+export { Drawer, useDrawer };

package/dist/components/editable/Editable.css

@@ -1,5 +1,5 @@
 @layer ui.components {
-  .oHzDHG_root {
+  ._4ZG42W_root {
     box-sizing: border-box;
     align-items: center;
     row-gap: var(--editable-gap, var(--spacing-1));
@@ -10,12 +10,12 @@
     grid-template-columns: minmax(0, 1fr) auto;
     display: inline-grid;
 
-    &:has(.oHzDHG_area[data-disabled]) {
+    &:has(._4ZG42W_area[data-disabled]) {
       opacity: var(--editable-disabled-opacity, var(--opacity-disabled));
     }
   }
 
-  .oHzDHG_label {
+  ._4ZG42W_label {
     align-items: center;
     gap: var(--editable-label-gap, var(--spacing-1));
     color: var(--editable-label-color, var(--color-foreground));
@@ -30,7 +30,7 @@
     }
   }
 
-  .oHzDHG_area {
+  ._4ZG42W_area {
     --_editable-focus-ring-width: var(--editable-focus-ring-width, var(--editable-border-width, var(--border-width-sm)));
     box-sizing: border-box;
     width: var(--editable-area-width, 100%);
@@ -55,7 +55,7 @@
       outline-color: var(--editable-focus-ring-color, var(--color-ring));
     }
 
-    &:has(.oHzDHG_input:is([data-invalid], [aria-invalid="true"]), .oHzDHG_preview:is([data-invalid], [aria-invalid="true"])) {
+    &:has(._4ZG42W_input:is([data-invalid], [aria-invalid="true"]), ._4ZG42W_preview:is([data-invalid], [aria-invalid="true"])) {
       border-color: var(--editable-border-color-invalid, var(--color-destructive));
 
       &[data-focus] {
@@ -68,7 +68,7 @@
     }
   }
 
-  .oHzDHG_input, .oHzDHG_preview {
+  ._4ZG42W_input, ._4ZG42W_preview {
     box-sizing: border-box;
     width: var(--editable-input-width, 100%);
     min-width: 0;
@@ -84,7 +84,7 @@
     display: block;
   }
 
-  .oHzDHG_input {
+  ._4ZG42W_input {
     appearance: none;
 
     &::placeholder {
@@ -97,7 +97,7 @@
     }
   }
 
-  .oHzDHG_preview {
+  ._4ZG42W_preview {
     min-height: var(--editable-preview-min-height, 1lh);
     cursor: text;
 
@@ -110,7 +110,7 @@
     }
   }
 
-  .oHzDHG_control {
+  ._4ZG42W_control {
     align-items: center;
     align-self: var(--editable-control-align, center);
     gap: var(--editable-control-gap, var(--spacing-1));
@@ -118,7 +118,7 @@
     display: inline-flex;
   }
 
-  .oHzDHG_trigger {
+  ._4ZG42W_trigger {
     box-sizing: border-box;
     width: var(--editable-trigger-size, var(--editable-area-height, var(--size-lg)));
     min-width: var(--editable-trigger-size, var(--editable-area-height, var(--size-lg)));

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

@@ -1,6 +1,11 @@
-import { Editable } from "@ark-ui/react/editable";
+import { ComponentProps } from "react";
+import { Editable, useEditable, useEditableContext } from "@ark-ui/react/editable";
 
 //#region src/components/editable/Editable.d.ts
+declare function EditableControls({
+  className,
+  ...props
+}: Omit<ComponentProps<typeof Editable.Control>, 'asChild' | 'children'>): import("react").JSX.Element;
 declare const Editable$1: import("react").ForwardRefExoticComponent<Omit<Editable.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
   Root: import("react").ForwardRefExoticComponent<Omit<Editable.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
   RootProvider: import("react").ForwardRefExoticComponent<Omit<Editable.RootProviderProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
@@ -12,6 +17,8 @@ declare const Editable$1: import("react").ForwardRefExoticComponent<Omit<Editabl
   EditTrigger: import("react").ForwardRefExoticComponent<Omit<Editable.EditTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
   SubmitTrigger: import("react").ForwardRefExoticComponent<Omit<Editable.SubmitTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
   CancelTrigger: import("react").ForwardRefExoticComponent<Omit<Editable.CancelTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+  Controls: typeof EditableControls;
+  Context: (props: Editable.ContextProps) => import("react").ReactNode;
 };
 //#endregion
-export { Editable$1 as Editable };
+export { Editable$1 as Editable, useEditable, useEditableContext };

package/dist/components/editable/Editable.js

@@ -1,10 +1,10 @@
-import { CheckIcon, CloseIcon, PencilIcon } from "../../lib/moduix/icons/ui/Icons.js";
 import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
+import { CheckIcon, CloseIcon, PencilIcon } from "../../lib/moduix/icons/ui/Icons.js";
 import Editable_module_default from "./Editable.module.js";
-import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
-import { Editable } from "@ark-ui/react/editable";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { Editable, useEditable, useEditableContext } from "@ark-ui/react/editable";
 //#region src/components/editable/Editable.tsx
 const EditableRoot = forwardRef(function EditableRoot({ activationMode = "dblclick", className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(Editable.Root, {
@@ -90,6 +90,13 @@ const EditableCancelTrigger = forwardRef(function EditableCancelTrigger({ classN
 		children: children ?? /* @__PURE__ */ jsx(CloseIcon, {})
 	});
 });
+function EditableControls({ className, ...props }) {
+	return /* @__PURE__ */ jsx(EditableControl, {
+		className,
+		...props,
+		children: /* @__PURE__ */ jsx(Editable.Context, { children: (editable) => editable.editing ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(EditableSubmitTrigger, {}), /* @__PURE__ */ jsx(EditableCancelTrigger, {})] }) : /* @__PURE__ */ jsx(EditableEditTrigger, {}) })
+	});
+}
 const Editable$1 = Object.assign(EditableRoot, {
 	Root: EditableRoot,
 	RootProvider: EditableRootProvider,
@@ -100,7 +107,9 @@ const Editable$1 = Object.assign(EditableRoot, {
 	Control: EditableControl,
 	EditTrigger: EditableEditTrigger,
 	SubmitTrigger: EditableSubmitTrigger,
-	CancelTrigger: EditableCancelTrigger
+	CancelTrigger: EditableCancelTrigger,
+	Controls: EditableControls,
+	Context: Editable.Context
 });
 //#endregion
-export { Editable$1 as Editable };
+export { Editable$1 as Editable, useEditable, useEditableContext };

package/dist/components/editable/Editable.module.js

@@ -1,13 +1,13 @@
 import './Editable.css';
 //#region src/components/editable/Editable.module.css
 var Editable_module_default = {
-	"area": "oHzDHG_area",
-	"control": "oHzDHG_control",
-	"input": "oHzDHG_input",
-	"label": "oHzDHG_label",
-	"preview": "oHzDHG_preview",
-	"root": "oHzDHG_root",
-	"trigger": "oHzDHG_trigger"
+	"area": "_4ZG42W_area",
+	"control": "_4ZG42W_control",
+	"input": "_4ZG42W_input",
+	"label": "_4ZG42W_label",
+	"preview": "_4ZG42W_preview",
+	"root": "_4ZG42W_root",
+	"trigger": "_4ZG42W_trigger"
 };
 //#endregion
 export { Editable_module_default as default };

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

@@ -1,2 +1,2 @@
-import { Editable } from "./Editable.js";
-export { Editable };
+import { Editable, useEditable, useEditableContext } from "./Editable.js";
+export { Editable, useEditable, useEditableContext };

package/dist/components/empty/Empty.css

@@ -1,5 +1,5 @@
 @layer ui.components {
-  .uHDs1G_root {
+  .QhU81q_root {
     box-sizing: border-box;
     justify-items: center;
     gap: var(--empty-gap, var(--spacing-4));
@@ -16,7 +16,7 @@
     display: grid;
   }
 
-  .uHDs1G_icon {
+  .QhU81q_icon {
     min-width: 0;
     padding: var(--empty-icon-padding, var(--spacing-3));
     border-radius: var(--radius-full);
@@ -34,7 +34,7 @@
     }
   }
 
-  .uHDs1G_content {
+  .QhU81q_content {
     justify-items: center;
     gap: var(--empty-content-gap, var(--spacing-1));
     min-width: 0;
@@ -42,7 +42,7 @@
     display: grid;
   }
 
-  .uHDs1G_title {
+  .QhU81q_title {
     min-width: 0;
     color: var(--empty-title-color, currentColor);
     font-size: var(--empty-title-font-size, var(--text-xl));
@@ -52,7 +52,7 @@
     margin: 0;
   }
 
-  .uHDs1G_description {
+  .QhU81q_description {
     min-width: 0;
     color: var(--empty-description-color, var(--color-muted-foreground));
     font-size: var(--empty-description-font-size, var(--text-sm));
@@ -68,7 +68,7 @@
     }
   }
 
-  .uHDs1G_actions {
+  .QhU81q_actions {
     justify-content: center;
     align-items: center;
     gap: var(--empty-actions-gap, var(--spacing-2));

package/dist/components/empty/Empty.js

@@ -1,9 +1,9 @@
 import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
 import Empty_module_default from "./Empty.module.js";
-import { jsx } from "react/jsx-runtime";
 import { ark } from "@ark-ui/react/factory";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/empty/Empty.tsx
 const EmptyRoot = forwardRef(function EmptyRoot({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(ark.div, {

package/dist/components/empty/Empty.module.js

@@ -1,12 +1,12 @@
 import './Empty.css';
 //#region src/components/empty/Empty.module.css
 var Empty_module_default = {
-	"actions": "uHDs1G_actions",
-	"content": "uHDs1G_content",
-	"description": "uHDs1G_description",
-	"icon": "uHDs1G_icon",
-	"root": "uHDs1G_root",
-	"title": "uHDs1G_title"
+	"actions": "QhU81q_actions",
+	"content": "QhU81q_content",
+	"description": "QhU81q_description",
+	"icon": "QhU81q_icon",
+	"root": "QhU81q_root",
+	"title": "QhU81q_title"
 };
 //#endregion
 export { Empty_module_default as default };