@moduix/react 1.1.0 → 1.1.1

package/dist/components/menu/Menu.css

@@ -1,5 +1,5 @@
 @layer ui.components {
-  .by_0RW_trigger, .by_0RW_contextTrigger {
+  .AJ5G3W_trigger, .AJ5G3W_contextTrigger {
     box-sizing: border-box;
     justify-content: center;
     align-items: center;
@@ -45,13 +45,13 @@
     }
   }
 
-  .by_0RW_contextTrigger {
+  .AJ5G3W_contextTrigger {
     width: var(--menu-context-trigger-width, 15rem);
     min-height: var(--menu-context-trigger-height, 10rem);
     border-style: var(--menu-context-trigger-border-style, dashed);
   }
 
-  .by_0RW_triggerIcon, .by_0RW_indicator {
+  .AJ5G3W_triggerIcon, .AJ5G3W_indicator {
     box-sizing: border-box;
     width: var(--menu-trigger-icon-size, 1rem);
     height: var(--menu-trigger-icon-size, 1rem);
@@ -62,19 +62,19 @@
     display: inline-flex;
   }
 
-  .by_0RW_iconSvg {
+  .AJ5G3W_iconSvg {
     width: 100%;
     height: 100%;
   }
 
-  .by_0RW_positioner {
+  .AJ5G3W_positioner {
     z-index: var(--z-index);
     width: var(--positioner-width, auto);
     max-width: var(--available-width);
     outline: 0;
   }
 
-  .by_0RW_content {
+  .AJ5G3W_content {
     --arrow-size: var(--menu-arrow-size, .625rem);
     --arrow-background: var(--menu-popup-bg, var(--color-popover));
     box-sizing: border-box;
@@ -97,27 +97,27 @@
     overflow: auto;
 
     &[data-state="open"] {
-      animation: by_0RW_menuContentIn var(--menu-transition, var(--transition-default));
+      animation: AJ5G3W_menuContentIn var(--menu-transition, var(--transition-default));
     }
 
     &[data-state="closed"] {
-      animation: by_0RW_menuContentOut var(--menu-transition, var(--transition-default));
+      animation: AJ5G3W_menuContentOut var(--menu-transition, var(--transition-default));
     }
   }
 
-  .by_0RW_arrow {
+  .AJ5G3W_arrow {
     --arrow-background: var(--menu-popup-bg, var(--color-popover));
     z-index: -1;
   }
 
-  .by_0RW_arrowTip {
+  .AJ5G3W_arrowTip {
     border-block-start: var(--menu-popup-border-width, var(--border-width-sm)) solid
       var(--menu-arrow-stroke-color, var(--menu-popup-border-color, var(--color-border)));
     border-inline-start: var(--menu-popup-border-width, var(--border-width-sm)) solid
       var(--menu-arrow-stroke-color, var(--menu-popup-border-color, var(--color-border)));
   }
 
-  .by_0RW_item, .by_0RW_triggerItem, .by_0RW_radioItem, .by_0RW_checkboxItem {
+  .AJ5G3W_item, .AJ5G3W_triggerItem, .AJ5G3W_radioItem, .AJ5G3W_checkboxItem {
     box-sizing: border-box;
     min-height: var(--menu-item-height, var(--popup-item-min-height, 2rem));
     border-radius: var(--menu-item-radius, var(--radius-sm));
@@ -176,7 +176,7 @@
     }
   }
 
-  .by_0RW_item {
+  .AJ5G3W_item {
     align-items: center;
     gap: var(--menu-item-gap, var(--spacing-2));
     padding-block: var(--menu-item-padding-y, var(--popup-item-padding-y, .5rem));
@@ -185,7 +185,7 @@
     display: flex;
   }
 
-  .by_0RW_triggerItem {
+  .AJ5G3W_triggerItem {
     justify-content: space-between;
     align-items: center;
     gap: var(--menu-trigger-item-gap, var(--spacing-3));
@@ -195,7 +195,7 @@
     display: flex;
   }
 
-  .by_0RW_triggerItemIcon {
+  .AJ5G3W_triggerItemIcon {
     box-sizing: border-box;
     width: var(--menu-trigger-item-icon-size, .875rem);
     height: var(--menu-trigger-item-icon-size, .875rem);
@@ -204,12 +204,12 @@
     display: inline-flex;
   }
 
-  .by_0RW_itemGroup {
+  .AJ5G3W_itemGroup {
     padding-block: var(--menu-group-padding-y, 0);
     display: grid;
   }
 
-  .by_0RW_itemGroupLabel {
+  .AJ5G3W_itemGroupLabel {
     padding-block: var(--menu-group-label-padding-y, var(--popup-group-label-padding-y, .35rem));
     padding-inline: var(--menu-group-label-padding-x-start, var(--popup-group-label-padding-x-start, .625rem))
       var(--menu-group-label-padding-x-end, var(--popup-group-label-padding-x-end, .75rem));
@@ -221,11 +221,11 @@
     margin: 0;
   }
 
-  .by_0RW_radioItemGroup {
+  .AJ5G3W_radioItemGroup {
     display: grid;
   }
 
-  .by_0RW_radioItem, .by_0RW_checkboxItem {
+  .AJ5G3W_radioItem, .AJ5G3W_checkboxItem {
     align-items: center;
     gap: var(--menu-check-gap, var(--popup-check-gap, .5rem));
     grid-template-columns: var(--menu-check-indicator-size, var(--popup-check-indicator-size, .75rem))
@@ -239,11 +239,11 @@
       grid-template-columns: minmax(0, 1fr);
       padding-inline-start: var(--menu-item-padding-x-start, var(--popup-item-padding-x-start, 1rem));
 
-      & > .by_0RW_itemIndicator {
+      & > .AJ5G3W_itemIndicator {
         display: none;
       }
 
-      & > .by_0RW_itemText {
+      & > .AJ5G3W_itemText {
         grid-column-start: 1;
       }
     }
@@ -252,25 +252,25 @@
       grid-template-columns: minmax(0, 1fr)
         var(--menu-check-indicator-size, var(--popup-check-indicator-size, .75rem));
 
-      & > .by_0RW_itemText {
+      & > .AJ5G3W_itemText {
         grid-column-start: 1;
       }
 
-      & > .by_0RW_itemIndicator {
+      & > .AJ5G3W_itemIndicator {
         grid-column-start: 2;
         justify-self: end;
       }
     }
   }
 
-  .by_0RW_checkboxItem[data-state="checked"] {
-    & > .by_0RW_itemIndicator {
+  .AJ5G3W_checkboxItem[data-state="checked"] {
+    & > .AJ5G3W_itemIndicator {
       background-color: var(--menu-checkbox-indicator-bg-checked, var(--menu-checkbox-indicator-bg, transparent));
       border-color: var(--menu-checkbox-indicator-border-color-checked, var(--menu-checkbox-indicator-border-color, currentColor));
     }
   }
 
-  .by_0RW_itemIndicator {
+  .AJ5G3W_itemIndicator {
     width: var(--menu-check-indicator-size, var(--popup-check-indicator-size, .75rem));
     height: var(--menu-check-indicator-size, var(--popup-check-indicator-size, .75rem));
     border: var(--menu-checkbox-indicator-border-width, 0) solid
@@ -287,18 +287,18 @@
     }
   }
 
-  .by_0RW_itemIndicatorIcon {
+  .AJ5G3W_itemIndicatorIcon {
     width: 100%;
     height: 100%;
   }
 
-  .by_0RW_itemText {
+  .AJ5G3W_itemText {
     grid-column-start: 2;
     min-width: 0;
     overflow: hidden;
   }
 
-  .by_0RW_itemTextContent {
+  .AJ5G3W_itemTextContent {
     align-items: center;
     gap: var(--menu-item-text-content-gap, var(--spacing-2));
     vertical-align: top;
@@ -307,7 +307,7 @@
     display: inline-flex;
   }
 
-  .by_0RW_itemTextIcon {
+  .AJ5G3W_itemTextIcon {
     width: var(--menu-item-text-icon-size, 1rem);
     height: var(--menu-item-text-icon-size, 1rem);
     color: var(--menu-item-text-icon-color, currentColor);
@@ -317,14 +317,14 @@
     display: inline-flex;
   }
 
-  .by_0RW_itemTextLabel {
+  .AJ5G3W_itemTextLabel {
     text-overflow: ellipsis;
     white-space: nowrap;
     min-width: 0;
     overflow: hidden;
   }
 
-  .by_0RW_itemShortcut {
+  .AJ5G3W_itemShortcut {
     color: var(--menu-item-shortcut-color, var(--color-muted-foreground));
     font-size: var(--menu-item-shortcut-font-size, var(--text-xs));
     line-height: var(--menu-item-shortcut-line-height, var(--line-height-text-xs));
@@ -333,7 +333,7 @@
     padding-inline-start: var(--menu-item-shortcut-padding-x-start, var(--spacing-4));
   }
 
-  .by_0RW_separator {
+  .AJ5G3W_separator {
     box-sizing: border-box;
     height: var(--menu-separator-height, var(--border-width-sm));
     margin-block: var(--menu-separator-margin-y, var(--popup-separator-margin-y, .375rem));
@@ -343,7 +343,7 @@
     border: 0;
   }
 
-  @keyframes by_0RW_menuContentIn {
+  @keyframes AJ5G3W_menuContentIn {
     from {
       opacity: var(--menu-popup-starting-opacity, 0);
       translate: var(--menu-popup-starting-translate-x, 0) var(--menu-popup-starting-translate-y, 0);
@@ -356,7 +356,7 @@
     }
   }
 
-  @keyframes by_0RW_menuContentOut {
+  @keyframes AJ5G3W_menuContentOut {
     from {
       opacity: 1;
       transform: scale(1);

package/dist/components/menu/Menu.module.js

@@ -1,33 +1,33 @@
 import './Menu.css';
 //#region src/components/menu/Menu.module.css
 var Menu_module_default = {
-	"arrow": "by_0RW_arrow",
-	"arrowTip": "by_0RW_arrowTip",
-	"checkboxItem": "by_0RW_checkboxItem",
-	"content": "by_0RW_content",
-	"contextTrigger": "by_0RW_contextTrigger",
-	"iconSvg": "by_0RW_iconSvg",
-	"indicator": "by_0RW_indicator",
-	"item": "by_0RW_item",
-	"itemGroup": "by_0RW_itemGroup",
-	"itemGroupLabel": "by_0RW_itemGroupLabel",
-	"itemIndicator": "by_0RW_itemIndicator",
-	"itemIndicatorIcon": "by_0RW_itemIndicatorIcon",
-	"itemShortcut": "by_0RW_itemShortcut",
-	"itemText": "by_0RW_itemText",
-	"itemTextContent": "by_0RW_itemTextContent",
-	"itemTextIcon": "by_0RW_itemTextIcon",
-	"itemTextLabel": "by_0RW_itemTextLabel",
-	"menuContentIn": "by_0RW_menuContentIn",
-	"menuContentOut": "by_0RW_menuContentOut",
-	"positioner": "by_0RW_positioner",
-	"radioItem": "by_0RW_radioItem",
-	"radioItemGroup": "by_0RW_radioItemGroup",
-	"separator": "by_0RW_separator",
-	"trigger": "by_0RW_trigger",
-	"triggerIcon": "by_0RW_triggerIcon",
-	"triggerItem": "by_0RW_triggerItem",
-	"triggerItemIcon": "by_0RW_triggerItemIcon"
+	"arrow": "AJ5G3W_arrow",
+	"arrowTip": "AJ5G3W_arrowTip",
+	"checkboxItem": "AJ5G3W_checkboxItem",
+	"content": "AJ5G3W_content",
+	"contextTrigger": "AJ5G3W_contextTrigger",
+	"iconSvg": "AJ5G3W_iconSvg",
+	"indicator": "AJ5G3W_indicator",
+	"item": "AJ5G3W_item",
+	"itemGroup": "AJ5G3W_itemGroup",
+	"itemGroupLabel": "AJ5G3W_itemGroupLabel",
+	"itemIndicator": "AJ5G3W_itemIndicator",
+	"itemIndicatorIcon": "AJ5G3W_itemIndicatorIcon",
+	"itemShortcut": "AJ5G3W_itemShortcut",
+	"itemText": "AJ5G3W_itemText",
+	"itemTextContent": "AJ5G3W_itemTextContent",
+	"itemTextIcon": "AJ5G3W_itemTextIcon",
+	"itemTextLabel": "AJ5G3W_itemTextLabel",
+	"menuContentIn": "AJ5G3W_menuContentIn",
+	"menuContentOut": "AJ5G3W_menuContentOut",
+	"positioner": "AJ5G3W_positioner",
+	"radioItem": "AJ5G3W_radioItem",
+	"radioItemGroup": "AJ5G3W_radioItemGroup",
+	"separator": "AJ5G3W_separator",
+	"trigger": "AJ5G3W_trigger",
+	"triggerIcon": "AJ5G3W_triggerIcon",
+	"triggerItem": "AJ5G3W_triggerItem",
+	"triggerItemIcon": "AJ5G3W_triggerItemIcon"
 };
 //#endregion
 export { Menu_module_default as default };

package/dist/components/native-select/NativeSelect.css

@@ -1,5 +1,5 @@
 @layer ui.components {
-  .FVeLgG_control {
+  .mei8Eq_control {
     width: fit-content;
     min-width: 0;
     max-width: 100%;
@@ -7,7 +7,7 @@
     position: relative;
   }
 
-  .FVeLgG_root {
+  .mei8Eq_root {
     box-sizing: border-box;
     width: var(--select-width, 14rem);
     max-width: var(--select-max-width, 100%);
@@ -69,7 +69,7 @@
     }
   }
 
-  .FVeLgG_indicator {
+  .mei8Eq_indicator {
     top: 50%;
     width: var(--select-action-size, var(--spacing-6));
     height: var(--select-action-size, var(--spacing-6));
@@ -94,11 +94,11 @@
     }
   }
 
-  .FVeLgG_root:is([data-disabled], :disabled) + .FVeLgG_indicator {
+  .mei8Eq_root:is([data-disabled], :disabled) + .mei8Eq_indicator {
     opacity: var(--select-disabled-opacity, var(--opacity-disabled));
   }
 
-  .FVeLgG_root:is([multiple], [size]:not([size="1"])) + .FVeLgG_indicator {
+  .mei8Eq_root:is([multiple], [size]:not([size="1"])) + .mei8Eq_indicator {
     display: none;
   }
 }

package/dist/components/native-select/NativeSelect.module.js

@@ -1,9 +1,9 @@
 import './NativeSelect.css';
 //#region src/components/native-select/NativeSelect.module.css
 var NativeSelect_module_default = {
-	"control": "FVeLgG_control",
-	"indicator": "FVeLgG_indicator",
-	"root": "FVeLgG_root"
+	"control": "mei8Eq_control",
+	"indicator": "mei8Eq_indicator",
+	"root": "mei8Eq_root"
 };
 //#endregion
 export { NativeSelect_module_default as default };

package/dist/components/number-input/NumberInput.css

@@ -1,5 +1,5 @@
 @layer ui.components {
-  ._99y8lW_root {
+  .ZjEX8G_root {
     align-items: flex-start;
     gap: var(--number-input-gap, var(--spacing-1));
     width: var(--number-input-width, auto);
@@ -12,14 +12,14 @@
     }
   }
 
-  ._99y8lW_label {
+  .ZjEX8G_label {
     color: var(--number-input-label-color, var(--color-foreground));
     font-size: var(--number-input-label-font-size, var(--text-sm));
     line-height: var(--number-input-label-line-height, var(--line-height-text-sm));
     font-weight: var(--number-input-label-font-weight, var(--weight-medium));
   }
 
-  ._99y8lW_scrubber {
+  .ZjEX8G_scrubber {
     align-items: center;
     gap: var(--number-input-scrubber-gap, var(--spacing-2));
     color: var(--number-input-scrubber-color, var(--color-foreground));
@@ -33,12 +33,12 @@
     }
   }
 
-  ._99y8lW_control {
+  .ZjEX8G_control {
     align-items: stretch;
     display: inline-flex;
   }
 
-  ._99y8lW_decrementTrigger, ._99y8lW_incrementTrigger {
+  .ZjEX8G_decrementTrigger, .ZjEX8G_incrementTrigger {
     --_number-input-focus-ring-width: var(--number-input-focus-ring-width, var(--number-input-border-width, var(--border-width-sm)));
     box-sizing: border-box;
     width: var(--number-input-control-height, var(--size-lg));
@@ -83,7 +83,7 @@
       pointer-events: none;
     }
 
-    &[data-invalid], ._99y8lW_root[data-invalid] & {
+    &[data-invalid], .ZjEX8G_root[data-invalid] & {
       border-color: var(--number-input-border-color-invalid, var(--color-destructive));
     }
 
@@ -94,19 +94,19 @@
     }
   }
 
-  ._99y8lW_decrementTrigger {
+  .ZjEX8G_decrementTrigger {
     border-radius: var(--number-input-radius, var(--radius-md)) 0 0
       var(--number-input-radius, var(--radius-md));
     border-right: 0;
   }
 
-  ._99y8lW_incrementTrigger {
+  .ZjEX8G_incrementTrigger {
     border-radius: 0 var(--number-input-radius, var(--radius-md))
       var(--number-input-radius, var(--radius-md)) 0;
     border-left: 0;
   }
 
-  ._99y8lW_input {
+  .ZjEX8G_input {
     --_number-input-focus-ring-width: var(--number-input-focus-ring-width, var(--number-input-border-width, var(--border-width-sm)));
     box-sizing: border-box;
     width: var(--number-input-input-width, 6rem);
@@ -139,7 +139,7 @@
       z-index: 1;
     }
 
-    &[data-invalid], ._99y8lW_root[data-invalid] & {
+    &[data-invalid], .ZjEX8G_root[data-invalid] & {
       border-top-color: var(--number-input-border-color-invalid, var(--color-destructive));
       border-bottom-color: var(--number-input-border-color-invalid, var(--color-destructive));
 
@@ -153,7 +153,7 @@
     }
   }
 
-  ._99y8lW_valueText {
+  .ZjEX8G_valueText {
     color: var(--number-input-value-text-color, var(--color-muted-foreground));
     font-size: var(--number-input-value-text-font-size, var(--text-sm));
     line-height: var(--number-input-value-text-line-height, var(--line-height-text-sm));

package/dist/components/number-input/NumberInput.module.js

@@ -1,14 +1,14 @@
 import './NumberInput.css';
 //#region src/components/number-input/NumberInput.module.css
 var NumberInput_module_default = {
-	"control": "_99y8lW_control",
-	"decrementTrigger": "_99y8lW_decrementTrigger",
-	"incrementTrigger": "_99y8lW_incrementTrigger",
-	"input": "_99y8lW_input",
-	"label": "_99y8lW_label",
-	"root": "_99y8lW_root",
-	"scrubber": "_99y8lW_scrubber",
-	"valueText": "_99y8lW_valueText"
+	"control": "ZjEX8G_control",
+	"decrementTrigger": "ZjEX8G_decrementTrigger",
+	"incrementTrigger": "ZjEX8G_incrementTrigger",
+	"input": "ZjEX8G_input",
+	"label": "ZjEX8G_label",
+	"root": "ZjEX8G_root",
+	"scrubber": "ZjEX8G_scrubber",
+	"valueText": "ZjEX8G_valueText"
 };
 //#endregion
 export { NumberInput_module_default as default };

package/dist/components/pagination/Pagination.css

@@ -1,12 +1,12 @@
 @layer ui.components {
-  ._9uLVTW_root {
+  .djsvna_root {
     align-items: center;
     gap: var(--pagination-gap, var(--spacing-1));
     color: var(--pagination-color, var(--color-foreground));
     display: inline-flex;
   }
 
-  ._9uLVTW_item, ._9uLVTW_trigger, ._9uLVTW_ellipsis {
+  .djsvna_item, .djsvna_trigger, .djsvna_ellipsis {
     box-sizing: border-box;
     min-width: var(--pagination-item-size, var(--size-lg));
     height: var(--pagination-item-size, var(--size-lg));
@@ -20,7 +20,7 @@
     display: inline-flex;
   }
 
-  ._9uLVTW_item, ._9uLVTW_trigger {
+  .djsvna_item, .djsvna_trigger {
     cursor: pointer;
     gap: var(--pagination-trigger-gap, var(--spacing-2));
     border: var(--pagination-item-border-width, var(--border-width-sm)) solid
@@ -61,7 +61,7 @@
     }
   }
 
-  ._9uLVTW_item[data-selected] {
+  .djsvna_item[data-selected] {
     border-color: var(--pagination-item-border-color-selected, var(--color-foreground));
     background-color: var(--pagination-item-bg-selected, var(--color-foreground));
     color: var(--pagination-item-color-selected, var(--color-background));
@@ -73,21 +73,21 @@
     }
   }
 
-  ._9uLVTW_trigger {
+  .djsvna_trigger {
     padding-inline: max(var(--pagination-item-padding-inline, .75rem), var(--spacing-3));
   }
 
-  ._9uLVTW_iconTrigger {
+  .djsvna_iconTrigger {
     width: var(--pagination-item-size, var(--size-lg));
     padding-inline: 0;
   }
 
-  ._9uLVTW_ellipsis {
+  .djsvna_ellipsis {
     color: var(--pagination-ellipsis-color, var(--color-muted-foreground));
     user-select: none;
   }
 
-  ._9uLVTW_edgeIcon {
+  .djsvna_edgeIcon {
     justify-content: center;
     align-items: center;
     display: inline-flex;

package/dist/components/pagination/Pagination.module.js

@@ -1,12 +1,12 @@
 import './Pagination.css';
 //#region src/components/pagination/Pagination.module.css
 var Pagination_module_default = {
-	"edgeIcon": "_9uLVTW_edgeIcon",
-	"ellipsis": "_9uLVTW_ellipsis",
-	"iconTrigger": "_9uLVTW_iconTrigger",
-	"item": "_9uLVTW_item",
-	"root": "_9uLVTW_root",
-	"trigger": "_9uLVTW_trigger"
+	"edgeIcon": "djsvna_edgeIcon",
+	"ellipsis": "djsvna_ellipsis",
+	"iconTrigger": "djsvna_iconTrigger",
+	"item": "djsvna_item",
+	"root": "djsvna_root",
+	"trigger": "djsvna_trigger"
 };
 //#endregion
 export { Pagination_module_default as default };

package/dist/components/password-input/PasswordInput.css

@@ -1,5 +1,5 @@
 @layer ui.components {
-  .Tb1TUq_root {
+  ._8wEG0G_root {
     box-sizing: border-box;
     gap: var(--password-input-gap, var(--field-gap, var(--spacing-1)));
     width: var(--password-input-width, 100%);
@@ -13,7 +13,7 @@
     }
   }
 
-  .Tb1TUq_label {
+  ._8wEG0G_label {
     align-items: center;
     gap: var(--password-input-label-gap, var(--field-label-gap, var(--spacing-1)));
     color: var(--password-input-label-color, var(--field-label-color, var(--color-foreground)));
@@ -27,7 +27,7 @@
     }
   }
 
-  .Tb1TUq_control {
+  ._8wEG0G_control {
     box-sizing: border-box;
     width: 100%;
     min-height: var(--password-input-height, var(--input-height, var(--input-height-md, var(--size-lg))));
@@ -68,7 +68,7 @@
     }
   }
 
-  .Tb1TUq_input {
+  ._8wEG0G_input {
     box-sizing: border-box;
     min-width: 0;
     min-height: 0;
@@ -100,7 +100,7 @@
     }
   }
 
-  .Tb1TUq_visibilityTrigger {
+  ._8wEG0G_visibilityTrigger {
     width: var(--password-input-trigger-size, var(--button-size-sm, var(--size-sm)));
     min-width: var(--password-input-trigger-size, var(--button-size-sm, var(--size-sm)));
     height: var(--password-input-trigger-size, var(--button-size-sm, var(--size-sm)));
@@ -134,7 +134,7 @@
     }
   }
 
-  .Tb1TUq_indicator {
+  ._8wEG0G_indicator {
     padding: var(--password-input-trigger-visual-padding, var(--spacing-1));
     border-radius: var(--password-input-trigger-radius, var(--radius-sm));
     transition: background-color var(--input-transition, var(--transition-default)),
@@ -149,7 +149,7 @@
     }
   }
 
-  .Tb1TUq_visibilityTrigger:hover .Tb1TUq_indicator, .Tb1TUq_visibilityTrigger:focus-visible .Tb1TUq_indicator {
+  ._8wEG0G_visibilityTrigger:hover ._8wEG0G_indicator, ._8wEG0G_visibilityTrigger:focus-visible ._8wEG0G_indicator {
     background: var(--password-input-trigger-hover-bg, var(--color-muted));
   }
 }

package/dist/components/password-input/PasswordInput.module.js

@@ -1,12 +1,12 @@
 import './PasswordInput.css';
 //#region src/components/password-input/PasswordInput.module.css
 var PasswordInput_module_default = {
-	"control": "Tb1TUq_control",
-	"indicator": "Tb1TUq_indicator",
-	"input": "Tb1TUq_input",
-	"label": "Tb1TUq_label",
-	"root": "Tb1TUq_root",
-	"visibilityTrigger": "Tb1TUq_visibilityTrigger"
+	"control": "_8wEG0G_control",
+	"indicator": "_8wEG0G_indicator",
+	"input": "_8wEG0G_input",
+	"label": "_8wEG0G_label",
+	"root": "_8wEG0G_root",
+	"visibilityTrigger": "_8wEG0G_visibilityTrigger"
 };
 //#endregion
 export { PasswordInput_module_default as default };

package/dist/components/pin-input/PinInput.css

@@ -1,5 +1,5 @@
 @layer ui.components {
-  .WDSDQW_root {
+  .d_HHPW_root {
     align-items: flex-start;
     gap: var(--pin-input-root-gap, var(--spacing-2));
     width: var(--pin-input-width, auto);
@@ -12,20 +12,20 @@
     }
   }
 
-  .WDSDQW_label {
+  .d_HHPW_label {
     color: var(--pin-input-label-color, var(--color-foreground));
     font-size: var(--pin-input-label-font-size, var(--text-sm));
     font-weight: var(--pin-input-label-font-weight, var(--weight-medium));
     line-height: var(--pin-input-label-line-height, var(--line-height-text-sm));
   }
 
-  .WDSDQW_control {
+  .d_HHPW_control {
     align-items: center;
     gap: var(--pin-input-gap, var(--spacing-2));
     display: inline-flex;
   }
 
-  .WDSDQW_input {
+  .d_HHPW_input {
     box-sizing: border-box;
     width: var(--pin-input-input-width, var(--pin-input-input-size, 2.5rem));
     height: var(--pin-input-input-height, var(--pin-input-input-size, 2.5rem));
@@ -76,7 +76,7 @@
     }
   }
 
-  .WDSDQW_separator {
+  .d_HHPW_separator {
     width: var(--pin-input-separator-width, var(--pin-input-separator-size, 1rem));
     height: var(--pin-input-separator-height, var(--pin-input-separator-size, 1rem));
     color: var(--pin-input-separator-color, var(--color-muted-foreground));