@moduix/react 1.1.0 → 1.1.1

package/dist/components/carousel/Carousel.css

@@ -1,5 +1,5 @@
 @layer ui.components {
-  .m9QXca_root {
+  .NQiVeG_root {
     gap: var(--carousel-gap, var(--spacing-3));
     flex-direction: column;
     width: 100%;
@@ -7,25 +7,25 @@
     display: flex;
   }
 
-  .m9QXca_root[data-orientation="vertical"] {
+  .NQiVeG_root[data-orientation="vertical"] {
     height: var(--carousel-height, 24rem);
     flex-direction: row;
     align-items: stretch;
   }
 
-  .m9QXca_control {
+  .NQiVeG_control {
     align-items: center;
     gap: var(--carousel-gap, var(--spacing-3));
     min-width: 0;
     display: flex;
   }
 
-  .m9QXca_control[data-orientation="vertical"] {
+  .NQiVeG_control[data-orientation="vertical"] {
     flex-direction: column;
     justify-content: space-between;
   }
 
-  .m9QXca_itemGroup {
+  .NQiVeG_itemGroup {
     overscroll-behavior-x: contain;
     overscroll-behavior-y: auto;
     border-radius: var(--carousel-track-radius, var(--radius-xl));
@@ -46,17 +46,17 @@
     }
   }
 
-  .m9QXca_root[data-orientation="vertical"] > .m9QXca_itemGroup {
+  .NQiVeG_root[data-orientation="vertical"] > .NQiVeG_itemGroup {
     height: 100%;
   }
 
-  .m9QXca_item {
+  .NQiVeG_item {
     box-sizing: border-box;
     min-width: 0;
     min-height: 0;
   }
 
-  .m9QXca_prevTrigger, .m9QXca_nextTrigger, .m9QXca_autoplayTrigger {
+  .NQiVeG_prevTrigger, .NQiVeG_nextTrigger, .NQiVeG_autoplayTrigger {
     width: var(--carousel-control-size, 2.5rem);
     height: var(--carousel-control-size, 2.5rem);
     border: var(--border-width-sm) solid
@@ -106,32 +106,32 @@
     }
   }
 
-  .m9QXca_defaultIcon {
+  .NQiVeG_defaultIcon {
     justify-content: center;
     align-items: center;
     display: inline-flex;
   }
 
-  .m9QXca_root[data-orientation="vertical"] {
-    & .m9QXca_defaultIcon {
+  .NQiVeG_root[data-orientation="vertical"] {
+    & .NQiVeG_defaultIcon {
       & svg {
         transform: rotate(90deg);
       }
     }
   }
 
-  .m9QXca_indicatorGroup {
+  .NQiVeG_indicatorGroup {
     justify-content: center;
     align-items: center;
     gap: var(--carousel-indicator-gap, var(--spacing-2));
     display: flex;
   }
 
-  .m9QXca_root[data-orientation="vertical"] > .m9QXca_indicatorGroup, .m9QXca_control[data-orientation="vertical"] > .m9QXca_indicatorGroup {
+  .NQiVeG_root[data-orientation="vertical"] > .NQiVeG_indicatorGroup, .NQiVeG_control[data-orientation="vertical"] > .NQiVeG_indicatorGroup {
     flex-direction: column;
   }
 
-  .m9QXca_indicator {
+  .NQiVeG_indicator {
     width: var(--carousel-indicator-size, .5rem);
     height: var(--carousel-indicator-size, .5rem);
     border-radius: var(--radius-full);
@@ -167,18 +167,18 @@
     }
   }
 
-  .m9QXca_root[data-orientation="vertical"] > .m9QXca_indicatorGroup .m9QXca_indicator, .m9QXca_control[data-orientation="vertical"] > .m9QXca_indicatorGroup .m9QXca_indicator {
+  .NQiVeG_root[data-orientation="vertical"] > .NQiVeG_indicatorGroup .NQiVeG_indicator, .NQiVeG_control[data-orientation="vertical"] > .NQiVeG_indicatorGroup .NQiVeG_indicator {
     &[data-current] {
       width: var(--carousel-indicator-size, .5rem);
       height: calc(var(--carousel-indicator-size, .5rem) * 3);
     }
   }
 
-  .m9QXca_autoplayTrigger {
+  .NQiVeG_autoplayTrigger {
     min-width: 3rem;
   }
 
-  .m9QXca_autoplayIndicator {
+  .NQiVeG_autoplayIndicator {
     min-width: 1rem;
     font-size: var(--text-xs);
     font-weight: var(--weight-medium);
@@ -189,7 +189,7 @@
     display: inline-flex;
   }
 
-  .m9QXca_progressText {
+  .NQiVeG_progressText {
     color: var(--carousel-progress-text-color, var(--color-muted-foreground));
     font-size: var(--carousel-progress-text-font-size, var(--text-sm));
     line-height: var(--line-height-text-sm);

package/dist/components/carousel/Carousel.module.js

@@ -1,18 +1,18 @@
 import './Carousel.css';
 //#region src/components/carousel/Carousel.module.css
 var Carousel_module_default = {
-	"autoplayIndicator": "m9QXca_autoplayIndicator",
-	"autoplayTrigger": "m9QXca_autoplayTrigger",
-	"control": "m9QXca_control",
-	"defaultIcon": "m9QXca_defaultIcon",
-	"indicator": "m9QXca_indicator",
-	"indicatorGroup": "m9QXca_indicatorGroup",
-	"item": "m9QXca_item",
-	"itemGroup": "m9QXca_itemGroup",
-	"nextTrigger": "m9QXca_nextTrigger",
-	"prevTrigger": "m9QXca_prevTrigger",
-	"progressText": "m9QXca_progressText",
-	"root": "m9QXca_root"
+	"autoplayIndicator": "NQiVeG_autoplayIndicator",
+	"autoplayTrigger": "NQiVeG_autoplayTrigger",
+	"control": "NQiVeG_control",
+	"defaultIcon": "NQiVeG_defaultIcon",
+	"indicator": "NQiVeG_indicator",
+	"indicatorGroup": "NQiVeG_indicatorGroup",
+	"item": "NQiVeG_item",
+	"itemGroup": "NQiVeG_itemGroup",
+	"nextTrigger": "NQiVeG_nextTrigger",
+	"prevTrigger": "NQiVeG_prevTrigger",
+	"progressText": "NQiVeG_progressText",
+	"root": "NQiVeG_root"
 };
 //#endregion
 export { Carousel_module_default as default };

package/dist/components/checkbox/Checkbox.css

@@ -1,5 +1,5 @@
 @layer ui.components {
-  .xohwwq_root {
+  .NxmH7W_root {
     align-items: center;
     gap: var(--checkbox-gap, var(--spacing-2));
     vertical-align: middle;
@@ -16,7 +16,7 @@
     }
   }
 
-  .xohwwq_control {
+  .NxmH7W_control {
     box-sizing: border-box;
     width: var(--_checkbox-size, 1.25rem);
     height: var(--_checkbox-size, 1.25rem);
@@ -70,32 +70,32 @@
     }
   }
 
-  .xohwwq_root[data-size="xs"] .xohwwq_control {
+  .NxmH7W_root[data-size="xs"] .NxmH7W_control {
     --_checkbox-size: var(--checkbox-size-xs, .875rem);
     --_checkbox-icon-size: var(--checkbox-icon-size-xs, .5rem);
   }
 
-  .xohwwq_root[data-size="sm"] .xohwwq_control {
+  .NxmH7W_root[data-size="sm"] .NxmH7W_control {
     --_checkbox-size: var(--checkbox-size-sm, 1rem);
     --_checkbox-icon-size: var(--checkbox-icon-size-sm, .625rem);
   }
 
-  .xohwwq_root[data-size="md"] .xohwwq_control {
+  .NxmH7W_root[data-size="md"] .NxmH7W_control {
     --_checkbox-size: var(--checkbox-size-md, 1.25rem);
     --_checkbox-icon-size: var(--checkbox-icon-size-md, .75rem);
   }
 
-  .xohwwq_root[data-size="lg"] .xohwwq_control {
+  .NxmH7W_root[data-size="lg"] .NxmH7W_control {
     --_checkbox-size: var(--checkbox-size-lg, 1.5rem);
     --_checkbox-icon-size: var(--checkbox-icon-size-lg, .875rem);
   }
 
-  .xohwwq_root[data-size="xl"] .xohwwq_control {
+  .NxmH7W_root[data-size="xl"] .NxmH7W_control {
     --_checkbox-size: var(--checkbox-size-xl, 1.75rem);
     --_checkbox-icon-size: var(--checkbox-icon-size-xl, 1rem);
   }
 
-  .xohwwq_indicator {
+  .NxmH7W_indicator {
     width: 100%;
     height: 100%;
     color: inherit;
@@ -104,7 +104,7 @@
     display: inline-flex;
   }
 
-  .xohwwq_icon {
+  .NxmH7W_icon {
     width: var(--_checkbox-icon-size, .75rem);
     height: var(--_checkbox-icon-size, .75rem);
     color: inherit;
@@ -119,14 +119,14 @@
     }
   }
 
-  .xohwwq_label {
+  .NxmH7W_label {
     color: var(--checkbox-label-color, var(--color-foreground));
     font-size: var(--checkbox-label-font-size, var(--text-sm));
     font-weight: var(--checkbox-label-font-weight, var(--weight-medium));
     line-height: var(--checkbox-label-line-height, var(--line-height-text-sm));
   }
 
-  .xohwwq_group {
+  .NxmH7W_group {
     gap: var(--checkbox-group-gap, var(--spacing-2));
     color: var(--checkbox-group-color, var(--color-foreground));
     flex-direction: column;

package/dist/components/checkbox/Checkbox.module.js

@@ -1,12 +1,12 @@
 import './Checkbox.css';
 //#region src/components/checkbox/Checkbox.module.css
 var Checkbox_module_default = {
-	"control": "xohwwq_control",
-	"group": "xohwwq_group",
-	"icon": "xohwwq_icon",
-	"indicator": "xohwwq_indicator",
-	"label": "xohwwq_label",
-	"root": "xohwwq_root"
+	"control": "NxmH7W_control",
+	"group": "NxmH7W_group",
+	"icon": "NxmH7W_icon",
+	"indicator": "NxmH7W_indicator",
+	"label": "NxmH7W_label",
+	"root": "NxmH7W_root"
 };
 //#endregion
 export { Checkbox_module_default as default };

package/dist/components/clipboard/Clipboard.css

@@ -1,5 +1,5 @@
 @layer ui.components {
-  .BmLivq_root {
+  .eM1-oW_root {
     gap: var(--clipboard-gap, .375rem);
     width: var(--clipboard-width, 100%);
     max-width: var(--clipboard-max-width, 20rem);
@@ -8,21 +8,21 @@
     display: flex;
   }
 
-  .BmLivq_label {
+  .eM1-oW_label {
     color: var(--clipboard-label-color, currentColor);
     font-size: var(--clipboard-label-font-size, var(--text-sm));
     font-weight: var(--clipboard-label-font-weight, var(--weight-medium));
     line-height: var(--clipboard-label-line-height, var(--line-height-text-sm));
   }
 
-  .BmLivq_control {
+  .eM1-oW_control {
     align-items: center;
     gap: var(--clipboard-control-gap, var(--spacing-2));
     width: 100%;
     display: flex;
   }
 
-  .BmLivq_input {
+  .eM1-oW_input {
     box-sizing: border-box;
     width: 100%;
     min-width: 0;
@@ -68,7 +68,7 @@
     }
   }
 
-  .BmLivq_trigger {
+  .eM1-oW_trigger {
     box-sizing: border-box;
     justify-content: center;
     align-items: center;
@@ -125,14 +125,14 @@
     }
   }
 
-  .BmLivq_indicator, .BmLivq_icon {
+  .eM1-oW_indicator, .eM1-oW_icon {
     flex-shrink: 0;
     justify-content: center;
     align-items: center;
     display: inline-flex;
   }
 
-  .BmLivq_valueText {
+  .eM1-oW_valueText {
     min-width: 0;
     color: var(--clipboard-value-text-color, currentColor);
     font-size: var(--clipboard-value-text-font-size, inherit);

package/dist/components/clipboard/Clipboard.module.js

@@ -1,14 +1,14 @@
 import './Clipboard.css';
 //#region src/components/clipboard/Clipboard.module.css
 var Clipboard_module_default = {
-	"control": "BmLivq_control",
-	"icon": "BmLivq_icon",
-	"indicator": "BmLivq_indicator",
-	"input": "BmLivq_input",
-	"label": "BmLivq_label",
-	"root": "BmLivq_root",
-	"trigger": "BmLivq_trigger",
-	"valueText": "BmLivq_valueText"
+	"control": "eM1-oW_control",
+	"icon": "eM1-oW_icon",
+	"indicator": "eM1-oW_indicator",
+	"input": "eM1-oW_input",
+	"label": "eM1-oW_label",
+	"root": "eM1-oW_root",
+	"trigger": "eM1-oW_trigger",
+	"valueText": "eM1-oW_valueText"
 };
 //#endregion
 export { Clipboard_module_default as default };

package/dist/components/close-button/CloseButton.css

@@ -1,5 +1,5 @@
 @layer ui.components {
-  .CLvmvW_root {
+  ._8WDg2W_root {
     box-sizing: border-box;
     width: var(--close-button-size, 28px);
     height: var(--close-button-size, 28px);

package/dist/components/close-button/CloseButton.module.js

@@ -1,5 +1,5 @@
 import './CloseButton.css';
 //#region src/components/close-button/CloseButton.module.css
-var CloseButton_module_default = { "root": "CLvmvW_root" };
+var CloseButton_module_default = { "root": "_8WDg2W_root" };
 //#endregion
 export { CloseButton_module_default as default };

package/dist/components/collapsible/Collapsible.css

@@ -1,5 +1,5 @@
 @layer ui.components {
-  @keyframes s7-WFq_collapsible-content-open {
+  @keyframes CaaIva_collapsible-content-open {
     from {
       height: var(--collapsed-height, 0);
       width: var(--collapsed-width, var(--width));
@@ -13,7 +13,7 @@
     }
   }
 
-  @keyframes s7-WFq_collapsible-content-closed {
+  @keyframes CaaIva_collapsible-content-closed {
     from {
       height: var(--height);
       width: var(--width);
@@ -27,7 +27,7 @@
     }
   }
 
-  .s7-WFq_root {
+  .CaaIva_root {
     box-sizing: border-box;
     width: var(--collapsible-width, 14rem);
     max-width: var(--collapsible-max-width, 100%);
@@ -37,7 +37,7 @@
     display: flex;
   }
 
-  .s7-WFq_trigger {
+  .CaaIva_trigger {
     box-sizing: border-box;
     justify-content: space-between;
     align-items: center;
@@ -85,7 +85,7 @@
     }
   }
 
-  .s7-WFq_indicator {
+  .CaaIva_indicator {
     box-sizing: border-box;
     width: var(--collapsible-indicator-size, .75rem);
     height: var(--collapsible-indicator-size, .75rem);
@@ -109,7 +109,7 @@
     }
   }
 
-  .s7-WFq_content {
+  .CaaIva_content {
     --collapsed-height: 0;
     box-sizing: border-box;
     color: var(--collapsible-content-color, var(--color-muted-foreground));
@@ -118,7 +118,7 @@
     overflow: hidden;
 
     &[data-state="open"] {
-      animation: s7-WFq_collapsible-content-open
+      animation: CaaIva_collapsible-content-open
         var(--collapsible-content-transition, var(--transition-default));
 
       &[data-has-collapsed-size] {
@@ -127,7 +127,7 @@
     }
 
     &[data-state="closed"] {
-      animation: s7-WFq_collapsible-content-closed
+      animation: CaaIva_collapsible-content-closed
         var(--collapsible-content-transition, var(--transition-default));
 
       &[data-has-collapsed-size] {

package/dist/components/collapsible/Collapsible.module.js

@@ -1,12 +1,12 @@
 import './Collapsible.css';
 //#region src/components/collapsible/Collapsible.module.css
 var Collapsible_module_default = {
-	"collapsible-content-closed": "s7-WFq_collapsible-content-closed",
-	"collapsible-content-open": "s7-WFq_collapsible-content-open",
-	"content": "s7-WFq_content",
-	"indicator": "s7-WFq_indicator",
-	"root": "s7-WFq_root",
-	"trigger": "s7-WFq_trigger"
+	"collapsible-content-closed": "CaaIva_collapsible-content-closed",
+	"collapsible-content-open": "CaaIva_collapsible-content-open",
+	"content": "CaaIva_content",
+	"indicator": "CaaIva_indicator",
+	"root": "CaaIva_root",
+	"trigger": "CaaIva_trigger"
 };
 //#endregion
 export { Collapsible_module_default as default };

package/dist/components/color-picker/ColorPicker.css

@@ -1,5 +1,5 @@
 @layer ui.components {
-  @keyframes GCUAhG_color-picker-content-open {
+  @keyframes kgcaIq_color-picker-content-open {
     from {
       opacity: var(--color-picker-content-closed-opacity, 0);
       transform: scale(var(--color-picker-content-closed-scale, var(--scale-popup)));
@@ -11,7 +11,7 @@
     }
   }
 
-  @keyframes GCUAhG_color-picker-content-closed {
+  @keyframes kgcaIq_color-picker-content-closed {
     from {
       opacity: 1;
       transform: scale(1);
@@ -23,7 +23,7 @@
     }
   }
 
-  .GCUAhG_root {
+  .kgcaIq_root {
     box-sizing: border-box;
     width: var(--color-picker-width, 16rem);
     max-width: var(--color-picker-max-width, 100%);
@@ -38,7 +38,7 @@
     }
   }
 
-  .GCUAhG_label {
+  .kgcaIq_label {
     color: var(--color-picker-label-color, var(--color-picker-color, var(--color-foreground)));
     font-size: var(--color-picker-label-font-size, var(--text-sm));
     font-weight: var(--color-picker-label-font-weight, var(--weight-medium));
@@ -52,7 +52,7 @@
     }
   }
 
-  .GCUAhG_control {
+  .kgcaIq_control {
     align-items: center;
     gap: var(--color-picker-control-gap, var(--spacing-2));
     min-width: 0;
@@ -63,7 +63,7 @@
     }
   }
 
-  .GCUAhG_trigger {
+  .kgcaIq_trigger {
     box-sizing: border-box;
     width: var(--color-picker-trigger-size, var(--size-lg));
     height: var(--color-picker-trigger-size, var(--size-lg));
@@ -100,12 +100,12 @@
     }
   }
 
-  .GCUAhG_positioner {
+  .kgcaIq_positioner {
     z-index: var(--z-popup);
     outline: 0;
   }
 
-  .GCUAhG_content {
+  .kgcaIq_content {
     box-sizing: border-box;
     width: var(--color-picker-content-width, 16rem);
     max-width: var(--available-width);
@@ -126,16 +126,16 @@
     overflow: auto;
 
     &[data-state="open"] {
-      animation: GCUAhG_color-picker-content-open var(--color-picker-transition, var(--transition-default));
+      animation: kgcaIq_color-picker-content-open var(--color-picker-transition, var(--transition-default));
     }
 
     &[data-state="closed"] {
-      animation: GCUAhG_color-picker-content-closed
+      animation: kgcaIq_color-picker-content-closed
         var(--color-picker-transition, var(--transition-default));
     }
   }
 
-  .GCUAhG_area {
+  .kgcaIq_area {
     box-sizing: border-box;
     width: 100%;
     height: var(--color-picker-area-height, 10rem);
@@ -152,13 +152,13 @@
     }
   }
 
-  .GCUAhG_areaBackground {
+  .kgcaIq_areaBackground {
     border-radius: inherit;
     width: 100%;
     height: 100%;
   }
 
-  .GCUAhG_thumb {
+  .kgcaIq_thumb {
     box-sizing: border-box;
     width: var(--color-picker-thumb-size, 1rem);
     height: var(--color-picker-thumb-size, 1rem);
@@ -185,7 +185,7 @@
     }
   }
 
-  .GCUAhG_channelSlider {
+  .kgcaIq_channelSlider {
     box-sizing: border-box;
     height: var(--color-picker-channel-slider-height, var(--spacing-3));
     border-radius: var(--color-picker-channel-slider-radius, var(--radius-full));
@@ -203,7 +203,7 @@
     }
   }
 
-  .GCUAhG_channelSliderTrack {
+  .kgcaIq_channelSliderTrack {
     width: 100%;
     height: var(--color-picker-channel-slider-track-size, var(--spacing-3));
     border-radius: inherit;
@@ -216,20 +216,20 @@
     }
   }
 
-  .GCUAhG_channelSliderLabel {
+  .kgcaIq_channelSliderLabel {
     color: var(--color-picker-channel-slider-label-color, var(--color-picker-color, var(--color-foreground)));
     font-size: var(--color-picker-channel-slider-label-font-size, var(--text-sm));
     font-weight: var(--color-picker-channel-slider-label-font-weight, var(--weight-medium));
     line-height: var(--color-picker-channel-slider-label-line-height, var(--line-height-text-sm));
   }
 
-  .GCUAhG_channelSliderValueText {
+  .kgcaIq_channelSliderValueText {
     color: var(--color-picker-channel-slider-value-color, var(--color-muted-foreground));
     font-size: var(--color-picker-channel-slider-value-font-size, var(--text-sm));
     line-height: var(--color-picker-channel-slider-value-line-height, var(--line-height-text-sm));
   }
 
-  .GCUAhG_channelInput, .GCUAhG_formatSelect {
+  .kgcaIq_channelInput, .kgcaIq_formatSelect {
     box-sizing: border-box;
     width: 100%;
     min-width: 0;
@@ -270,7 +270,7 @@
     }
   }
 
-  .GCUAhG_channelInput {
+  .kgcaIq_channelInput {
     flex: 1;
 
     &[data-channel="alpha"] {
@@ -279,12 +279,12 @@
     }
   }
 
-  .GCUAhG_formatSelect {
+  .kgcaIq_formatSelect {
     cursor: pointer;
     width: auto;
   }
 
-  .GCUAhG_eyeDropperTrigger, .GCUAhG_formatTrigger {
+  .kgcaIq_eyeDropperTrigger, .kgcaIq_formatTrigger {
     box-sizing: border-box;
     height: var(--color-picker-action-size, var(--size-lg));
     min-width: var(--color-picker-action-size, var(--size-lg));
@@ -335,13 +335,13 @@
     }
   }
 
-  .GCUAhG_swatchGroup {
+  .kgcaIq_swatchGroup {
     gap: var(--color-picker-swatch-gap, var(--spacing-2));
     flex-wrap: wrap;
     display: flex;
   }
 
-  .GCUAhG_swatchTrigger {
+  .kgcaIq_swatchTrigger {
     border-radius: var(--color-picker-swatch-radius, var(--radius-sm));
     cursor: pointer;
     background: none;
@@ -364,7 +364,7 @@
     }
   }
 
-  .GCUAhG_swatch {
+  .kgcaIq_swatch {
     box-sizing: border-box;
     width: var(--color-picker-swatch-size, 2rem);
     height: var(--color-picker-swatch-size, 2rem);
@@ -378,7 +378,7 @@
     overflow: hidden;
   }
 
-  .GCUAhG_swatchIndicator {
+  .kgcaIq_swatchIndicator {
     color: var(--color-picker-swatch-indicator-color, white);
     filter: drop-shadow(0 1px 1px #00000073);
     pointer-events: none;
@@ -398,14 +398,14 @@
     }
   }
 
-  .GCUAhG_transparencyGrid {
+  .kgcaIq_transparencyGrid {
     border-radius: inherit;
     grid-area: 1 / 1;
     width: 100%;
     height: 100%;
   }
 
-  .GCUAhG_valueSwatch {
+  .kgcaIq_valueSwatch {
     border-radius: inherit;
     z-index: 1;
     grid-area: 1 / 1;
@@ -413,14 +413,14 @@
     height: 100%;
   }
 
-  .GCUAhG_valueText {
+  .kgcaIq_valueText {
     min-width: 0;
     color: var(--color-picker-value-text-color, var(--color-picker-color, var(--color-foreground)));
     font-size: var(--color-picker-value-text-font-size, var(--text-sm));
     line-height: var(--color-picker-value-text-line-height, var(--line-height-text-sm));
   }
 
-  .GCUAhG_view {
+  .kgcaIq_view {
     gap: var(--color-picker-view-gap, var(--spacing-2));
     flex-direction: column;
     min-width: 0;