@moduix/react 1.1.0 → 1.1.1

package/dist/components/container/Container.css

@@ -1,5 +1,5 @@
 @layer ui.components {
-  .C_WyAG_root {
+  .o47Mga_root {
     --container-gutter: var(--container-gutter-md, clamp(1rem, 4vw, 2rem));
     --container-max-width: var(--container-max-width-lg, 72rem);
     box-sizing: border-box;

package/dist/components/container/Container.module.js

@@ -1,5 +1,5 @@
 import './Container.css';
 //#region src/components/container/Container.module.css
-var Container_module_default = { "root": "C_WyAG_root" };
+var Container_module_default = { "root": "o47Mga_root" };
 //#endregion
 export { Container_module_default as default };

package/dist/components/date-input/DateInput.css

@@ -1,5 +1,5 @@
 @layer ui.components {
-  .B0AkVa_root {
+  .X3ODua_root {
     align-items: flex-start;
     gap: var(--date-input-gap, var(--spacing-1));
     width: var(--date-input-width, auto);
@@ -12,14 +12,14 @@
     }
   }
 
-  .B0AkVa_label {
+  .X3ODua_label {
     color: var(--date-input-label-color, var(--color-foreground));
     font-size: var(--date-input-label-font-size, var(--text-sm));
     font-weight: var(--date-input-label-font-weight, var(--weight-medium));
     line-height: var(--date-input-label-line-height, var(--line-height-text-sm));
   }
 
-  .B0AkVa_control {
+  .X3ODua_control {
     min-height: var(--date-input-control-height, var(--size-lg));
     border: var(--date-input-border-width, var(--border-width-sm))
       var(--date-input-border-style, solid) var(--date-input-border-color, var(--color-border));
@@ -53,14 +53,14 @@
     }
   }
 
-  .B0AkVa_segmentGroup {
+  .X3ODua_segmentGroup {
     align-items: center;
     gap: var(--date-input-segment-gap, var(--border-width-md));
     font-variant-numeric: tabular-nums;
     display: inline-flex;
   }
 
-  .B0AkVa_segment {
+  .X3ODua_segment {
     min-width: var(--date-input-segment-min-width, 2ch);
     border-radius: var(--date-input-segment-radius, var(--radius-sm));
     padding: var(--date-input-segment-padding-y, 0)
@@ -97,7 +97,7 @@
     }
   }
 
-  .B0AkVa_separator {
+  .X3ODua_separator {
     color: var(--date-input-separator-color, var(--color-muted-foreground));
     user-select: none;
   }

package/dist/components/date-input/DateInput.module.js

@@ -1,12 +1,12 @@
 import './DateInput.css';
 //#region src/components/date-input/DateInput.module.css
 var DateInput_module_default = {
-	"control": "B0AkVa_control",
-	"label": "B0AkVa_label",
-	"root": "B0AkVa_root",
-	"segment": "B0AkVa_segment",
-	"segmentGroup": "B0AkVa_segmentGroup",
-	"separator": "B0AkVa_separator"
+	"control": "X3ODua_control",
+	"label": "X3ODua_label",
+	"root": "X3ODua_root",
+	"segment": "X3ODua_segment",
+	"segmentGroup": "X3ODua_segmentGroup",
+	"separator": "X3ODua_separator"
 };
 //#endregion
 export { DateInput_module_default as default };

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

@@ -1,5 +1,5 @@
 @layer ui.components {
-  @keyframes Nbvdda_date-picker-content-open {
+  @keyframes a48aUa_date-picker-content-open {
     from {
       opacity: var(--date-picker-content-closed-opacity, 0);
       transform: scale(var(--date-picker-content-closed-scale, var(--scale-popup)));
@@ -11,7 +11,7 @@
     }
   }
 
-  @keyframes Nbvdda_date-picker-content-closed {
+  @keyframes a48aUa_date-picker-content-closed {
     from {
       opacity: 1;
       transform: scale(1);
@@ -23,7 +23,7 @@
     }
   }
 
-  .Nbvdda_root {
+  .a48aUa_root {
     box-sizing: border-box;
     width: var(--date-picker-width, 18.75rem);
     max-width: var(--date-picker-max-width, 100%);
@@ -38,7 +38,7 @@
     }
   }
 
-  .Nbvdda_label {
+  .a48aUa_label {
     color: var(--date-picker-label-color, var(--date-picker-color, var(--color-foreground)));
     font-size: var(--date-picker-label-font-size, var(--text-sm));
     font-weight: var(--date-picker-label-font-weight, var(--weight-medium));
@@ -48,7 +48,7 @@
     display: inline-flex;
   }
 
-  .Nbvdda_control {
+  .a48aUa_control {
     align-items: center;
     gap: var(--date-picker-input-gap, var(--spacing-2));
     width: 100%;
@@ -58,7 +58,7 @@
     position: relative;
   }
 
-  .Nbvdda_input {
+  .a48aUa_input {
     box-sizing: border-box;
     width: 100%;
     min-width: min(var(--date-picker-input-min-width, 7.5rem), 100%);
@@ -89,12 +89,12 @@
       opacity: 1;
     }
 
-    &:focus, .Nbvdda_control[data-focus] & {
+    &:focus, .a48aUa_control[data-focus] & {
       border-color: var(--date-picker-focus-ring-color, var(--color-ring));
       outline-color: var(--date-picker-focus-ring-color, var(--color-ring));
     }
 
-    &:is([data-invalid], [aria-invalid="true"]), .Nbvdda_control[data-invalid] & {
+    &:is([data-invalid], [aria-invalid="true"]), .a48aUa_control[data-invalid] & {
       border-color: var(--date-picker-invalid-color, var(--color-destructive));
       outline-color: var(--date-picker-invalid-color, var(--color-destructive));
     }
@@ -103,7 +103,7 @@
       cursor: default;
     }
 
-    .Nbvdda_control:not([data-disabled], [data-readonly]) & {
+    .a48aUa_control:not([data-disabled], [data-readonly]) & {
       @media (hover: hover) {
         &:hover {
           background-color: var(--date-picker-bg-hover, var(--color-accent));
@@ -112,16 +112,16 @@
     }
   }
 
-  .Nbvdda_control:has(.Nbvdda_input + .Nbvdda_input) .Nbvdda_input {
+  .a48aUa_control:has(.a48aUa_input + .a48aUa_input) .a48aUa_input {
     min-width: min(var(--date-picker-range-input-min-width, 7.5rem), 100%);
     padding-inline-end: var(--date-picker-input-padding-x-start, .875rem);
   }
 
-  .Nbvdda_control:has(.Nbvdda_input + .Nbvdda_input) .Nbvdda_input:last-of-type {
+  .a48aUa_control:has(.a48aUa_input + .a48aUa_input) .a48aUa_input:last-of-type {
     padding-inline-end: var(--date-picker-input-padding-x-end, 4.25rem);
   }
 
-  .Nbvdda_trigger, .Nbvdda_navTrigger, .Nbvdda_viewTrigger, .Nbvdda_clearTrigger, .Nbvdda_presetTrigger {
+  .a48aUa_trigger, .a48aUa_navTrigger, .a48aUa_viewTrigger, .a48aUa_clearTrigger, .a48aUa_presetTrigger {
     box-sizing: border-box;
     border-radius: var(--date-picker-action-radius, var(--radius-sm));
     background: var(--date-picker-action-bg, transparent);
@@ -172,7 +172,7 @@
     }
   }
 
-  .Nbvdda_trigger, .Nbvdda_clearTrigger {
+  .a48aUa_trigger, .a48aUa_clearTrigger {
     width: var(--date-picker-action-size, 1.5rem);
     height: var(--date-picker-action-size, 1.5rem);
     position: absolute;
@@ -180,21 +180,21 @@
     transform: translateY(-50%);
   }
 
-  .Nbvdda_trigger {
+  .a48aUa_trigger {
     right: var(--date-picker-trigger-offset-right, .5rem);
   }
 
-  .Nbvdda_clearTrigger {
+  .a48aUa_clearTrigger {
     right: calc(var(--date-picker-trigger-offset-right, .5rem) + var(--date-picker-action-size, 1.5rem) +
         var(--date-picker-action-gap, .125rem));
   }
 
-  .Nbvdda_positioner {
+  .a48aUa_positioner {
     z-index: var(--z-index);
     outline: 0;
   }
 
-  .Nbvdda_content {
+  .a48aUa_content {
     box-sizing: border-box;
     z-index: calc(var(--z-popup) + var(--layer-index, 0));
     width: min(var(--date-picker-content-width, 18.75rem), var(--available-width));
@@ -215,27 +215,27 @@
     overflow: auto;
 
     &[data-state="open"] {
-      animation: Nbvdda_date-picker-content-open var(--date-picker-transition, var(--transition-default));
+      animation: a48aUa_date-picker-content-open var(--date-picker-transition, var(--transition-default));
     }
 
     &[data-state="closed"] {
-      animation: Nbvdda_date-picker-content-closed var(--date-picker-transition, var(--transition-default));
+      animation: a48aUa_date-picker-content-closed var(--date-picker-transition, var(--transition-default));
       pointer-events: none;
     }
   }
 
-  .Nbvdda_root[data-inline] .Nbvdda_content {
+  .a48aUa_root[data-inline] .a48aUa_content {
     min-width: var(--date-picker-inline-content-min-width, 18rem);
     max-height: none;
     box-shadow: var(--date-picker-inline-content-shadow, none);
   }
 
-  .Nbvdda_view {
+  .a48aUa_view {
     gap: var(--date-picker-view-gap, var(--spacing-3));
     display: grid;
   }
 
-  .Nbvdda_viewControl {
+  .a48aUa_viewControl {
     justify-content: space-between;
     align-items: center;
     gap: var(--date-picker-view-control-gap, var(--spacing-2));
@@ -243,12 +243,12 @@
     display: flex;
   }
 
-  .Nbvdda_navTrigger {
+  .a48aUa_navTrigger {
     width: var(--date-picker-nav-trigger-size, 2rem);
     height: var(--date-picker-nav-trigger-size, 2rem);
   }
 
-  .Nbvdda_viewTrigger {
+  .a48aUa_viewTrigger {
     min-width: 0;
     min-height: var(--date-picker-view-trigger-height, 2rem);
     gap: var(--date-picker-view-trigger-gap, var(--spacing-2));
@@ -260,21 +260,21 @@
     flex: 1;
   }
 
-  .Nbvdda_rangeText, .Nbvdda_valueText {
+  .a48aUa_rangeText, .a48aUa_valueText {
     text-overflow: ellipsis;
     white-space: nowrap;
     min-width: 0;
     overflow: hidden;
   }
 
-  .Nbvdda_table {
+  .a48aUa_table {
     border-collapse: separate;
     width: 100%;
     border-spacing: var(--date-picker-table-cell-gap, .125rem);
     table-layout: fixed;
   }
 
-  .Nbvdda_tableHeader, .Nbvdda_weekNumberCell {
+  .a48aUa_tableHeader, .a48aUa_weekNumberCell {
     width: var(--date-picker-table-cell-size, 2.25rem);
     height: var(--date-picker-table-header-height, 1.75rem);
     color: var(--date-picker-table-header-color, var(--color-muted-foreground));
@@ -284,19 +284,19 @@
     text-align: center;
   }
 
-  .Nbvdda_tableCell {
+  .a48aUa_tableCell {
     width: var(--date-picker-table-cell-size, 2.25rem);
     height: var(--date-picker-table-cell-size, 2.25rem);
     text-align: center;
     padding: 0;
   }
 
-  .Nbvdda_weekNumberCell {
+  .a48aUa_weekNumberCell {
     color: var(--date-picker-week-number-color, var(--color-muted-foreground));
     font-variant-numeric: tabular-nums;
   }
 
-  .Nbvdda_tableCellTrigger {
+  .a48aUa_tableCellTrigger {
     box-sizing: border-box;
     width: 100%;
     min-width: var(--date-picker-table-cell-size, 2.25rem);
@@ -361,7 +361,7 @@
     }
   }
 
-  .Nbvdda_select {
+  .a48aUa_select {
     box-sizing: border-box;
     width: 100%;
     min-width: 0;
@@ -396,7 +396,7 @@
     }
   }
 
-  .Nbvdda_presetTrigger {
+  .a48aUa_presetTrigger {
     min-height: var(--date-picker-preset-trigger-height, 2rem);
     padding-inline: var(--date-picker-preset-trigger-padding-x, var(--spacing-2));
     background-color: var(--date-picker-preset-trigger-bg, var(--color-muted));

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

@@ -1,29 +1,29 @@
 import './DatePicker.css';
 //#region src/components/date-picker/DatePicker.module.css
 var DatePicker_module_default = {
-	"clearTrigger": "Nbvdda_clearTrigger",
-	"content": "Nbvdda_content",
-	"control": "Nbvdda_control",
-	"date-picker-content-closed": "Nbvdda_date-picker-content-closed",
-	"date-picker-content-open": "Nbvdda_date-picker-content-open",
-	"input": "Nbvdda_input",
-	"label": "Nbvdda_label",
-	"navTrigger": "Nbvdda_navTrigger",
-	"positioner": "Nbvdda_positioner",
-	"presetTrigger": "Nbvdda_presetTrigger",
-	"rangeText": "Nbvdda_rangeText",
-	"root": "Nbvdda_root",
-	"select": "Nbvdda_select",
-	"table": "Nbvdda_table",
-	"tableCell": "Nbvdda_tableCell",
-	"tableCellTrigger": "Nbvdda_tableCellTrigger",
-	"tableHeader": "Nbvdda_tableHeader",
-	"trigger": "Nbvdda_trigger",
-	"valueText": "Nbvdda_valueText",
-	"view": "Nbvdda_view",
-	"viewControl": "Nbvdda_viewControl",
-	"viewTrigger": "Nbvdda_viewTrigger",
-	"weekNumberCell": "Nbvdda_weekNumberCell"
+	"clearTrigger": "a48aUa_clearTrigger",
+	"content": "a48aUa_content",
+	"control": "a48aUa_control",
+	"date-picker-content-closed": "a48aUa_date-picker-content-closed",
+	"date-picker-content-open": "a48aUa_date-picker-content-open",
+	"input": "a48aUa_input",
+	"label": "a48aUa_label",
+	"navTrigger": "a48aUa_navTrigger",
+	"positioner": "a48aUa_positioner",
+	"presetTrigger": "a48aUa_presetTrigger",
+	"rangeText": "a48aUa_rangeText",
+	"root": "a48aUa_root",
+	"select": "a48aUa_select",
+	"table": "a48aUa_table",
+	"tableCell": "a48aUa_tableCell",
+	"tableCellTrigger": "a48aUa_tableCellTrigger",
+	"tableHeader": "a48aUa_tableHeader",
+	"trigger": "a48aUa_trigger",
+	"valueText": "a48aUa_valueText",
+	"view": "a48aUa_view",
+	"viewControl": "a48aUa_viewControl",
+	"viewTrigger": "a48aUa_viewTrigger",
+	"weekNumberCell": "a48aUa_weekNumberCell"
 };
 //#endregion
 export { DatePicker_module_default as default };

package/dist/components/dialog/Dialog.css

@@ -1,5 +1,5 @@
 @layer ui.components {
-  .gV-U6q_trigger, .gV-U6q_closeTrigger {
+  ._9AixhG_trigger, ._9AixhG_closeTrigger {
     box-sizing: border-box;
     min-height: var(--dialog-control-height, var(--size-lg));
     padding: var(--dialog-control-padding-y, .5rem) var(--dialog-control-padding-x, .875rem);
@@ -40,7 +40,7 @@
     }
   }
 
-  .gV-U6q_backdrop {
+  ._9AixhG_backdrop {
     z-index: calc(var(--z-backdrop) + var(--layer-index, 0));
     background-color: var(--dialog-backdrop-bg, var(--backdrop-bg, var(--color-overlay)));
     min-height: 100dvh;
@@ -49,15 +49,15 @@
     inset: 0;
 
     &[data-state="open"] {
-      animation: gV-U6q_dialog-backdrop-in var(--dialog-backdrop-transition, var(--transition-default));
+      animation: _9AixhG_dialog-backdrop-in var(--dialog-backdrop-transition, var(--transition-default));
     }
 
     &[data-state="closed"] {
-      animation: gV-U6q_dialog-backdrop-out var(--dialog-backdrop-transition, var(--transition-default));
+      animation: _9AixhG_dialog-backdrop-out var(--dialog-backdrop-transition, var(--transition-default));
     }
   }
 
-  .gV-U6q_positioner {
+  ._9AixhG_positioner {
     box-sizing: border-box;
     z-index: calc(var(--z-modal) + var(--layer-index, 0));
     overscroll-behavior: contain;
@@ -70,7 +70,7 @@
     overflow-y: auto;
   }
 
-  .gV-U6q_content {
+  ._9AixhG_content {
     box-sizing: border-box;
     width: min(var(--dialog-width, 28rem),
       var(--dialog-max-width, calc(100vw - var(--spacing-8, 2rem))));
@@ -115,15 +115,15 @@
     }
 
     &[data-state="open"] {
-      animation: gV-U6q_dialog-content-in var(--dialog-transition, var(--transition-default));
+      animation: _9AixhG_dialog-content-in var(--dialog-transition, var(--transition-default));
     }
 
     &[data-state="closed"] {
-      animation: gV-U6q_dialog-content-out var(--dialog-transition, var(--transition-default));
+      animation: _9AixhG_dialog-content-out var(--dialog-transition, var(--transition-default));
     }
   }
 
-  .gV-U6q_header {
+  ._9AixhG_header {
     align-items: start;
     gap: var(--dialog-header-gap, var(--spacing-1));
     grid-template-columns: minmax(0, 1fr) auto;
@@ -143,7 +143,7 @@
     }
   }
 
-  .gV-U6q_title {
+  ._9AixhG_title {
     color: var(--dialog-title-color, var(--dialog-color, var(--color-popover-foreground)));
     font-size: var(--dialog-title-font-size, var(--text-lg));
     font-weight: var(--dialog-title-font-weight, var(--weight-semibold));
@@ -151,28 +151,28 @@
     margin: 0;
   }
 
-  .gV-U6q_description, .gV-U6q_body {
+  ._9AixhG_description, ._9AixhG_body {
     color: var(--dialog-description-color, var(--dialog-muted-color, var(--color-muted-foreground)));
     font-size: var(--dialog-description-font-size, var(--text-md));
     line-height: var(--dialog-description-line-height, var(--line-height-text-md));
   }
 
-  .gV-U6q_description {
+  ._9AixhG_description {
     margin: 0;
   }
 
-  .gV-U6q_body {
+  ._9AixhG_body {
     margin: var(--dialog-content-margin, var(--spacing-4) 0 0);
   }
 
-  .gV-U6q_footer {
+  ._9AixhG_footer {
     justify-content: flex-end;
     gap: var(--dialog-footer-gap, var(--spacing-2));
     margin-top: var(--dialog-footer-margin-top, var(--spacing-6));
     display: flex;
   }
 
-  .gV-U6q_closeIcon {
+  ._9AixhG_closeIcon {
     --close-button-size: var(--dialog-close-icon-size, 1.75rem);
     --close-button-radius: var(--dialog-close-icon-radius, var(--radius-md));
     --close-button-color: var(--dialog-close-icon-color, var(--dialog-muted-color, var(--color-muted-foreground)));
@@ -187,21 +187,21 @@
     inset-inline-end: var(--dialog-close-icon-inset-inline-end, var(--spacing-4));
   }
 
-  @keyframes gV-U6q_dialog-backdrop-in {
+  @keyframes _9AixhG_dialog-backdrop-in {
     from {
       opacity: var(--dialog-backdrop-starting-opacity, 0);
       backdrop-filter: var(--dialog-backdrop-starting-blur, none);
     }
   }
 
-  @keyframes gV-U6q_dialog-backdrop-out {
+  @keyframes _9AixhG_dialog-backdrop-out {
     to {
       opacity: var(--dialog-backdrop-ending-opacity, 0);
       backdrop-filter: var(--dialog-backdrop-ending-blur, none);
     }
   }
 
-  @keyframes gV-U6q_dialog-content-in {
+  @keyframes _9AixhG_dialog-content-in {
     from {
       opacity: var(--dialog-content-starting-opacity, 0);
       translate: var(--dialog-content-starting-translate-x, 0)
@@ -210,7 +210,7 @@
     }
   }
 
-  @keyframes gV-U6q_dialog-content-out {
+  @keyframes _9AixhG_dialog-content-out {
     to {
       opacity: var(--dialog-content-ending-opacity, 0);
       translate: var(--dialog-content-ending-translate-x, 0)

package/dist/components/dialog/Dialog.module.js

@@ -1,21 +1,21 @@
 import './Dialog.css';
 //#region src/components/dialog/Dialog.module.css
 var Dialog_module_default = {
-	"backdrop": "gV-U6q_backdrop",
-	"body": "gV-U6q_body",
-	"closeIcon": "gV-U6q_closeIcon",
-	"closeTrigger": "gV-U6q_closeTrigger",
-	"content": "gV-U6q_content",
-	"description": "gV-U6q_description",
-	"dialog-backdrop-in": "gV-U6q_dialog-backdrop-in",
-	"dialog-backdrop-out": "gV-U6q_dialog-backdrop-out",
-	"dialog-content-in": "gV-U6q_dialog-content-in",
-	"dialog-content-out": "gV-U6q_dialog-content-out",
-	"footer": "gV-U6q_footer",
-	"header": "gV-U6q_header",
-	"positioner": "gV-U6q_positioner",
-	"title": "gV-U6q_title",
-	"trigger": "gV-U6q_trigger"
+	"backdrop": "_9AixhG_backdrop",
+	"body": "_9AixhG_body",
+	"closeIcon": "_9AixhG_closeIcon",
+	"closeTrigger": "_9AixhG_closeTrigger",
+	"content": "_9AixhG_content",
+	"description": "_9AixhG_description",
+	"dialog-backdrop-in": "_9AixhG_dialog-backdrop-in",
+	"dialog-backdrop-out": "_9AixhG_dialog-backdrop-out",
+	"dialog-content-in": "_9AixhG_dialog-content-in",
+	"dialog-content-out": "_9AixhG_dialog-content-out",
+	"footer": "_9AixhG_footer",
+	"header": "_9AixhG_header",
+	"positioner": "_9AixhG_positioner",
+	"title": "_9AixhG_title",
+	"trigger": "_9AixhG_trigger"
 };
 //#endregion
 export { Dialog_module_default as default };