@moduix/react 1.1.0 → 1.1.1

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.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/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.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/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.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 };

package/dist/components/field/Field.css

@@ -1,5 +1,5 @@
 @layer ui.components {
-  .IJRJYG_root {
+  .SVzJ0G_root {
     box-sizing: border-box;
     align-items: flex-start;
     gap: var(--field-gap, var(--spacing-1));
@@ -14,12 +14,12 @@
     }
   }
 
-  .IJRJYG_item {
+  .SVzJ0G_item {
     gap: var(--field-item-gap, var(--spacing-1));
     display: grid;
   }
 
-  .IJRJYG_label {
+  .SVzJ0G_label {
     align-items: center;
     gap: var(--field-label-gap, var(--spacing-2));
     color: var(--field-label-color, var(--color-foreground));
@@ -33,7 +33,7 @@
     }
   }
 
-  .IJRJYG_helperText {
+  .SVzJ0G_helperText {
     color: var(--field-description-color, var(--color-muted-foreground));
     font-size: var(--field-description-font-size, var(--text-sm));
     line-height: var(--field-description-line-height, var(--line-height-text-sm));
@@ -44,7 +44,7 @@
     }
   }
 
-  .IJRJYG_control {
+  .SVzJ0G_control {
     box-sizing: border-box;
     width: var(--field-control-width, 100%);
     min-height: var(--field-control-height, var(--size-lg));
@@ -87,16 +87,16 @@
     }
   }
 
-  .IJRJYG_textarea {
+  .SVzJ0G_textarea {
     min-height: var(--field-textarea-min-height, 5rem);
     resize: vertical;
   }
 
-  .IJRJYG_select {
+  .SVzJ0G_select {
     appearance: none;
   }
 
-  .IJRJYG_errorText {
+  .SVzJ0G_errorText {
     color: var(--field-error-color, var(--color-destructive));
     font-size: var(--field-error-font-size, var(--text-sm));
     line-height: var(--field-error-line-height, var(--line-height-text-sm));
@@ -107,7 +107,7 @@
     }
   }
 
-  .IJRJYG_requiredIndicator {
+  .SVzJ0G_requiredIndicator {
     color: var(--field-required-indicator-color, var(--color-destructive));
   }
 }

package/dist/components/field/Field.module.js

@@ -1,15 +1,15 @@
 import './Field.css';
 //#region src/components/field/Field.module.css
 var Field_module_default = {
-	"control": "IJRJYG_control",
-	"errorText": "IJRJYG_errorText",
-	"helperText": "IJRJYG_helperText",
-	"item": "IJRJYG_item",
-	"label": "IJRJYG_label",
-	"requiredIndicator": "IJRJYG_requiredIndicator",
-	"root": "IJRJYG_root",
-	"select": "IJRJYG_select",
-	"textarea": "IJRJYG_textarea"
+	"control": "SVzJ0G_control",
+	"errorText": "SVzJ0G_errorText",
+	"helperText": "SVzJ0G_helperText",
+	"item": "SVzJ0G_item",
+	"label": "SVzJ0G_label",
+	"requiredIndicator": "SVzJ0G_requiredIndicator",
+	"root": "SVzJ0G_root",
+	"select": "SVzJ0G_select",
+	"textarea": "SVzJ0G_textarea"
 };
 //#endregion
 export { Field_module_default as default };

package/dist/components/fieldset/Fieldset.css

@@ -1,9 +1,9 @@
 @layer ui.components {
-  .JruAma_root, .JruAma_legend, .JruAma_helperText, .JruAma_errorText {
+  .zyuCNW_root, .zyuCNW_legend, .zyuCNW_helperText, .zyuCNW_errorText {
     box-sizing: border-box;
   }
 
-  .JruAma_root {
+  .zyuCNW_root {
     gap: var(--fieldset-gap, var(--spacing-4));
     width: var(--fieldset-width, 100%);
     max-width: var(--fieldset-max-width, none);
@@ -26,7 +26,7 @@
     }
   }
 
-  .JruAma_legend {
+  .zyuCNW_legend {
     max-inline-size: 100%;
     margin: var(--fieldset-legend-margin, 0);
     padding: var(--fieldset-legend-padding, 0 0 var(--spacing-3));
@@ -37,16 +37,16 @@
     display: inline-block;
   }
 
-  .JruAma_helperText, .JruAma_errorText {
+  .zyuCNW_helperText, .zyuCNW_errorText {
     font-size: var(--fieldset-message-font-size, var(--text-sm));
     line-height: var(--fieldset-message-line-height, var(--line-height-text-sm));
   }
 
-  .JruAma_helperText {
+  .zyuCNW_helperText {
     color: var(--fieldset-helper-text-color, var(--color-muted-foreground));
   }
 
-  .JruAma_errorText {
+  .zyuCNW_errorText {
     color: var(--fieldset-error-text-color, var(--color-destructive));
   }
 }

package/dist/components/fieldset/Fieldset.module.js

@@ -1,10 +1,10 @@
 import './Fieldset.css';
 //#region src/components/fieldset/Fieldset.module.css
 var Fieldset_module_default = {
-	"errorText": "JruAma_errorText",
-	"helperText": "JruAma_helperText",
-	"legend": "JruAma_legend",
-	"root": "JruAma_root"
+	"errorText": "zyuCNW_errorText",
+	"helperText": "zyuCNW_helperText",
+	"legend": "zyuCNW_legend",
+	"root": "zyuCNW_root"
 };
 //#endregion
 export { Fieldset_module_default as default };