@moduix/react 1.1.0 → 1.1.1

package/dist/components/switch/Switch.css

@@ -1,5 +1,5 @@
 @layer ui.components {
-  .wDUCnq_root {
+  .PUgkqa_root {
     align-items: center;
     gap: var(--switch-gap, var(--spacing-2));
     vertical-align: middle;
@@ -16,7 +16,7 @@
     }
   }
 
-  .wDUCnq_control {
+  .PUgkqa_control {
     box-sizing: border-box;
     width: var(--switch-width, 3rem);
     height: var(--switch-height, 1.5rem);
@@ -61,37 +61,37 @@
     }
   }
 
-  .wDUCnq_root[data-size="xs"] .wDUCnq_control {
+  .PUgkqa_root[data-size="xs"] .PUgkqa_control {
     --switch-width: var(--switch-width-xs, 1.75rem);
     --switch-height: var(--switch-height-xs, 1rem);
     --switch-thumb-size: var(--switch-thumb-size-xs, .75rem);
   }
 
-  .wDUCnq_root[data-size="sm"] .wDUCnq_control {
+  .PUgkqa_root[data-size="sm"] .PUgkqa_control {
     --switch-width: var(--switch-width-sm, 2.25rem);
     --switch-height: var(--switch-height-sm, 1.25rem);
     --switch-thumb-size: var(--switch-thumb-size-sm, 1rem);
   }
 
-  .wDUCnq_root[data-size="md"] .wDUCnq_control {
+  .PUgkqa_root[data-size="md"] .PUgkqa_control {
     --switch-width: var(--switch-width-md, 2.75rem);
     --switch-height: var(--switch-height-md, 1.5rem);
     --switch-thumb-size: var(--switch-thumb-size-md, 1.25rem);
   }
 
-  .wDUCnq_root[data-size="lg"] .wDUCnq_control {
+  .PUgkqa_root[data-size="lg"] .PUgkqa_control {
     --switch-width: var(--switch-width-lg, 3.25rem);
     --switch-height: var(--switch-height-lg, 1.75rem);
     --switch-thumb-size: var(--switch-thumb-size-lg, 1.5rem);
   }
 
-  .wDUCnq_root[data-size="xl"] .wDUCnq_control {
+  .PUgkqa_root[data-size="xl"] .PUgkqa_control {
     --switch-width: var(--switch-width-xl, 3.75rem);
     --switch-height: var(--switch-height-xl, 2rem);
     --switch-thumb-size: var(--switch-thumb-size-xl, 1.75rem);
   }
 
-  .wDUCnq_thumb {
+  .PUgkqa_thumb {
     width: var(--switch-thumb-size, 1.25rem);
     height: var(--switch-thumb-size, 1.25rem);
     border: var(--switch-thumb-border-width, 0) solid var(--switch-thumb-border-color, transparent);
@@ -120,7 +120,7 @@
     }
   }
 
-  .wDUCnq_label {
+  .PUgkqa_label {
     color: var(--switch-label-color, var(--color-foreground));
     font-size: var(--switch-label-font-size, var(--text-sm));
     font-weight: var(--switch-label-font-weight, var(--weight-medium));

package/dist/components/switch/Switch.module.js

@@ -1,10 +1,10 @@
 import './Switch.css';
 //#region src/components/switch/Switch.module.css
 var Switch_module_default = {
-	"control": "wDUCnq_control",
-	"label": "wDUCnq_label",
-	"root": "wDUCnq_root",
-	"thumb": "wDUCnq_thumb"
+	"control": "PUgkqa_control",
+	"label": "PUgkqa_label",
+	"root": "PUgkqa_root",
+	"thumb": "PUgkqa_thumb"
 };
 //#endregion
 export { Switch_module_default as default };

package/dist/components/table/Table.css

@@ -1,5 +1,5 @@
 @layer ui.components {
-  .YeBawq_scrollArea {
+  .-X2Dga_scrollArea {
     box-sizing: border-box;
     isolation: isolate;
     border: var(--table-scroll-area-border-width, var(--table-border-width, var(--border-width-sm)))
@@ -13,7 +13,7 @@
     overflow-x: auto;
   }
 
-  .YeBawq_root {
+  .-X2Dga_root {
     --table-cell-padding-x-default: var(--table-cell-padding-x, var(--spacing-4));
     --table-cell-padding-y-default: var(--table-cell-padding-y, var(--spacing-3));
     --table-empty-padding-y-default: calc(var(--table-cell-padding-y-default) * 2);
@@ -48,7 +48,7 @@
     }
   }
 
-  .YeBawq_caption {
+  .-X2Dga_caption {
     box-sizing: border-box;
     color: var(--table-caption-color, var(--color-muted-foreground));
     font-size: var(--table-caption-font-size, var(--text-sm));
@@ -70,40 +70,40 @@
     }
   }
 
-  .YeBawq_row {
+  .-X2Dga_row {
     transition: var(--table-row-transition, background-color var(--transition-default));
   }
 
-  .YeBawq_header .YeBawq_row, .YeBawq_body .YeBawq_row {
+  .-X2Dga_header .-X2Dga_row, .-X2Dga_body .-X2Dga_row {
     border-bottom: var(--table-border-width, var(--border-width-sm)) solid
       var(--table-border-color, var(--color-border));
   }
 
-  .YeBawq_root[data-striped] .YeBawq_body .YeBawq_row:nth-child(2n):not(.YeBawq_emptyRow) {
+  .-X2Dga_root[data-striped] .-X2Dga_body .-X2Dga_row:nth-child(2n):not(.-X2Dga_emptyRow) {
     background-color: var(--table-row-bg-striped, color-mix(in oklab, var(--color-muted) 35%, transparent));
   }
 
-  .YeBawq_root[data-interactive] .YeBawq_body .YeBawq_row:not(.YeBawq_emptyRow):hover {
+  .-X2Dga_root[data-interactive] .-X2Dga_body .-X2Dga_row:not(.-X2Dga_emptyRow):hover {
     background-color: var(--table-row-bg-hover, var(--color-muted));
   }
 
-  .YeBawq_root[data-show-column-border] :is(.YeBawq_columnHeader, .YeBawq_cell):not(:last-child) {
+  .-X2Dga_root[data-show-column-border] :is(.-X2Dga_columnHeader, .-X2Dga_cell):not(:last-child) {
     border-inline-end: var(--table-column-border-width, var(--table-border-width, var(--border-width-sm)))
       solid var(--table-column-border-color, var(--table-border-color, var(--color-border)));
   }
 
-  .YeBawq_root[data-sticky-header] .YeBawq_header {
+  .-X2Dga_root[data-sticky-header] .-X2Dga_header {
     z-index: var(--table-sticky-header-z-index, 3);
     background-color: var(--table-sticky-header-bg, var(--table-scroll-area-bg, var(--color-card)));
     position: sticky;
     inset-block-start: 0;
   }
 
-  .YeBawq_body .YeBawq_row:last-child {
+  .-X2Dga_body .-X2Dga_row:last-child {
     border-bottom: 0;
   }
 
-  .YeBawq_footer {
+  .-X2Dga_footer {
     border-top: var(--table-border-width, var(--border-width-sm)) solid
       var(--table-border-color, var(--color-border));
     background-color: var(--table-footer-bg, var(--color-muted));
@@ -111,7 +111,7 @@
     font-weight: var(--table-footer-font-weight, var(--weight-medium));
   }
 
-  .YeBawq_columnHeader, .YeBawq_cell {
+  .-X2Dga_columnHeader, .-X2Dga_cell {
     z-index: 0;
     padding-block: var(--table-cell-padding-y-default);
     padding-inline: var(--table-cell-padding-x-default);
@@ -133,28 +133,28 @@
     }
   }
 
-  .YeBawq_root[data-sticky-header] .YeBawq_header .YeBawq_columnHeader[data-sticky] {
+  .-X2Dga_root[data-sticky-header] .-X2Dga_header .-X2Dga_columnHeader[data-sticky] {
     z-index: var(--table-sticky-intersection-z-index, 4);
   }
 
-  .YeBawq_columnHeader {
+  .-X2Dga_columnHeader {
     color: var(--table-column-header-color, var(--color-muted-foreground));
     font-weight: var(--table-column-header-font-weight, var(--weight-medium));
     text-align: inherit;
     white-space: nowrap;
   }
 
-  .YeBawq_cell {
+  .-X2Dga_cell {
     color: inherit;
   }
 
-  .YeBawq_numeric {
+  .-X2Dga_numeric {
     text-align: right;
     white-space: nowrap;
     font-variant-numeric: tabular-nums;
   }
 
-  .YeBawq_empty {
+  .-X2Dga_empty {
     padding-block: var(--table-empty-padding-y, var(--table-empty-padding-y-default));
     color: var(--table-empty-color, var(--color-muted-foreground));
     text-align: center;

package/dist/components/table/Table.module.js

@@ -1,18 +1,18 @@
 import './Table.css';
 //#region src/components/table/Table.module.css
 var Table_module_default = {
-	"body": "YeBawq_body",
-	"caption": "YeBawq_caption",
-	"cell": "YeBawq_cell",
-	"columnHeader": "YeBawq_columnHeader",
-	"empty": "YeBawq_empty",
-	"emptyRow": "YeBawq_emptyRow",
-	"footer": "YeBawq_footer",
-	"header": "YeBawq_header",
-	"numeric": "YeBawq_numeric",
-	"root": "YeBawq_root",
-	"row": "YeBawq_row",
-	"scrollArea": "YeBawq_scrollArea"
+	"body": "-X2Dga_body",
+	"caption": "-X2Dga_caption",
+	"cell": "-X2Dga_cell",
+	"columnHeader": "-X2Dga_columnHeader",
+	"empty": "-X2Dga_empty",
+	"emptyRow": "-X2Dga_emptyRow",
+	"footer": "-X2Dga_footer",
+	"header": "-X2Dga_header",
+	"numeric": "-X2Dga_numeric",
+	"root": "-X2Dga_root",
+	"row": "-X2Dga_row",
+	"scrollArea": "-X2Dga_scrollArea"
 };
 //#endregion
 export { Table_module_default as default };

package/dist/components/tabs/Tabs.css

@@ -1,5 +1,5 @@
 @layer ui.components {
-  .Peepwa_root {
+  .ostTjG_root {
     box-sizing: border-box;
     gap: var(--tabs-gap, .75rem);
     min-width: 0;
@@ -13,7 +13,7 @@
     }
   }
 
-  .Peepwa_list {
+  .ostTjG_list {
     box-sizing: border-box;
     z-index: 0;
     align-items: stretch;
@@ -35,7 +35,7 @@
       flex-direction: column;
     }
 
-    .Peepwa_root[data-variant="line"] & {
+    .ostTjG_root[data-variant="line"] & {
       border-width: 0 0 var(--tabs-list-border-width, var(--border-width-sm));
       background-color: #0000;
       border-radius: 0;
@@ -43,13 +43,13 @@
       padding-inline: 0;
     }
 
-    .Peepwa_root[data-orientation="vertical"][data-variant="line"] & {
+    .ostTjG_root[data-orientation="vertical"][data-variant="line"] & {
       width: var(--tabs-vertical-list-width, 12rem);
       border-width: 0 var(--tabs-list-border-width, var(--border-width-sm)) 0 0;
     }
   }
 
-  .Peepwa_trigger {
+  .ostTjG_trigger {
     box-sizing: border-box;
     z-index: 1;
     justify-content: center;
@@ -113,7 +113,7 @@
     }
   }
 
-  .Peepwa_indicator {
+  .ostTjG_indicator {
     z-index: 0;
     width: var(--width, 0);
     height: var(--tabs-indicator-size, 2rem);
@@ -128,7 +128,7 @@
     top: 50%;
     translate: 0 -50%;
 
-    .Peepwa_root[data-variant="line"] & {
+    .ostTjG_root[data-variant="line"] & {
       height: var(--tabs-line-indicator-size, 2px);
       border-radius: var(--tabs-line-indicator-radius, var(--radius-full));
       background-color: var(--tabs-line-indicator-bg, var(--tabs-tab-color-active, var(--color-foreground)));
@@ -148,7 +148,7 @@
       left: 50%;
       translate: -50%;
 
-      .Peepwa_root[data-variant="line"] & {
+      .ostTjG_root[data-variant="line"] & {
         width: var(--tabs-line-indicator-size, 2px);
         bottom: auto;
         left: 0;
@@ -157,7 +157,7 @@
     }
   }
 
-  .Peepwa_content {
+  .ostTjG_content {
     box-sizing: border-box;
     border: var(--tabs-border-width, var(--border-width-sm)) solid
       var(--tabs-border-color, var(--color-border));

package/dist/components/tabs/Tabs.module.js

@@ -1,11 +1,11 @@
 import './Tabs.css';
 //#region src/components/tabs/Tabs.module.css
 var Tabs_module_default = {
-	"content": "Peepwa_content",
-	"indicator": "Peepwa_indicator",
-	"list": "Peepwa_list",
-	"root": "Peepwa_root",
-	"trigger": "Peepwa_trigger"
+	"content": "ostTjG_content",
+	"indicator": "ostTjG_indicator",
+	"list": "ostTjG_list",
+	"root": "ostTjG_root",
+	"trigger": "ostTjG_trigger"
 };
 //#endregion
 export { Tabs_module_default as default };

package/dist/components/tag/Tag.css

@@ -1,5 +1,5 @@
 @layer ui.components {
-  .RPJE8a_root {
+  .mVOnGG_root {
     box-sizing: border-box;
     align-items: center;
     gap: var(--tag-gap, .375rem);
@@ -60,13 +60,13 @@
     }
   }
 
-  .RPJE8a_label {
+  .mVOnGG_label {
     text-overflow: ellipsis;
     min-width: 0;
     overflow: hidden;
   }
 
-  .RPJE8a_startElement, .RPJE8a_endElement {
+  .mVOnGG_startElement, .mVOnGG_endElement {
     flex-shrink: 0;
     justify-content: center;
     align-items: center;
@@ -81,7 +81,7 @@
     }
   }
 
-  .RPJE8a_closeTrigger {
+  .mVOnGG_closeTrigger {
     width: var(--tag-close-trigger-size, 1rem);
     height: var(--tag-close-trigger-size, 1rem);
     border-radius: var(--tag-close-trigger-radius, var(--radius-full));

package/dist/components/tag/Tag.module.js

@@ -1,11 +1,11 @@
 import './Tag.css';
 //#region src/components/tag/Tag.module.css
 var Tag_module_default = {
-	"closeTrigger": "RPJE8a_closeTrigger",
-	"endElement": "RPJE8a_endElement",
-	"label": "RPJE8a_label",
-	"root": "RPJE8a_root",
-	"startElement": "RPJE8a_startElement"
+	"closeTrigger": "mVOnGG_closeTrigger",
+	"endElement": "mVOnGG_endElement",
+	"label": "mVOnGG_label",
+	"root": "mVOnGG_root",
+	"startElement": "mVOnGG_startElement"
 };
 //#endregion
 export { Tag_module_default as default };

package/dist/components/tags-input/TagsInput.css

@@ -1,5 +1,5 @@
 @layer ui.components {
-  .K9ROda_root {
+  ._0zrPYG_root {
     box-sizing: border-box;
     gap: var(--tags-input-gap, var(--field-gap, var(--spacing-1)));
     width: var(--tags-input-width, 100%);
@@ -13,7 +13,7 @@
     }
   }
 
-  .K9ROda_label {
+  ._0zrPYG_label {
     align-items: center;
     gap: var(--tags-input-label-gap, var(--field-label-gap, var(--spacing-1)));
     color: var(--tags-input-label-color, var(--field-label-color, var(--color-foreground)));
@@ -27,7 +27,7 @@
     }
   }
 
-  .K9ROda_control {
+  ._0zrPYG_control {
     box-sizing: border-box;
     min-height: var(--tags-input-min-height, var(--input-height, var(--size-lg)));
     align-items: center;
@@ -73,11 +73,11 @@
     }
   }
 
-  .K9ROda_item {
+  ._0zrPYG_item {
     display: contents;
   }
 
-  .K9ROda_itemPreview {
+  ._0zrPYG_itemPreview {
     box-sizing: border-box;
     align-items: center;
     gap: var(--tags-input-item-gap, var(--spacing-1));
@@ -110,14 +110,14 @@
     }
   }
 
-  .K9ROda_itemText {
+  ._0zrPYG_itemText {
     text-overflow: ellipsis;
     white-space: nowrap;
     min-width: 0;
     overflow: hidden;
   }
 
-  .K9ROda_input, .K9ROda_itemInput {
+  ._0zrPYG_input, ._0zrPYG_itemInput {
     box-sizing: border-box;
     flex: 1 1 var(--tags-input-input-min-width, 7rem);
     min-width: var(--tags-input-input-min-width, 7rem);
@@ -141,11 +141,11 @@
     }
   }
 
-  .K9ROda_itemInput {
+  ._0zrPYG_itemInput {
     flex: 0 1 var(--tags-input-item-input-width, 7rem);
   }
 
-  .K9ROda_itemDeleteTrigger {
+  ._0zrPYG_itemDeleteTrigger {
     width: var(--tags-input-trigger-size, 1rem);
     height: var(--tags-input-trigger-size, 1rem);
     border-radius: var(--tags-input-trigger-radius, var(--radius-full));
@@ -187,7 +187,7 @@
     }
   }
 
-  .K9ROda_clearTrigger {
+  ._0zrPYG_clearTrigger {
     --close-button-size: var(--tags-input-clear-trigger-size, 1.5rem);
     --close-button-icon-size: var(--tags-input-clear-trigger-icon-size, .75rem);
     --close-button-radius: var(--tags-input-clear-trigger-radius, var(--radius-sm));

package/dist/components/tags-input/TagsInput.module.js

@@ -1,16 +1,16 @@
 import './TagsInput.css';
 //#region src/components/tags-input/TagsInput.module.css
 var TagsInput_module_default = {
-	"clearTrigger": "K9ROda_clearTrigger",
-	"control": "K9ROda_control",
-	"input": "K9ROda_input",
-	"item": "K9ROda_item",
-	"itemDeleteTrigger": "K9ROda_itemDeleteTrigger",
-	"itemInput": "K9ROda_itemInput",
-	"itemPreview": "K9ROda_itemPreview",
-	"itemText": "K9ROda_itemText",
-	"label": "K9ROda_label",
-	"root": "K9ROda_root"
+	"clearTrigger": "_0zrPYG_clearTrigger",
+	"control": "_0zrPYG_control",
+	"input": "_0zrPYG_input",
+	"item": "_0zrPYG_item",
+	"itemDeleteTrigger": "_0zrPYG_itemDeleteTrigger",
+	"itemInput": "_0zrPYG_itemInput",
+	"itemPreview": "_0zrPYG_itemPreview",
+	"itemText": "_0zrPYG_itemText",
+	"label": "_0zrPYG_label",
+	"root": "_0zrPYG_root"
 };
 //#endregion
 export { TagsInput_module_default as default };

package/dist/components/text/Text.css

@@ -1,5 +1,5 @@
 @layer ui.components {
-  .Yuawhq_root {
+  .j--K1a_root {
     font-family: var(--text-font-family, inherit);
     font-size: var(--text-font-size-md, var(--text-md));
     font-weight: var(--text-font-weight-regular, var(--weight-regular));

package/dist/components/text/Text.module.js

@@ -1,5 +1,5 @@
 import './Text.css';
 //#region src/components/text/Text.module.css
-var Text_module_default = { "root": "Yuawhq_root" };
+var Text_module_default = { "root": "j--K1a_root" };
 //#endregion
 export { Text_module_default as default };

package/dist/components/textarea/Textarea.css

@@ -1,5 +1,5 @@
 @layer ui.components {
-  .k8UsZW_root {
+  .bkkMzW_root {
     box-sizing: border-box;
     width: var(--textarea-width, 100%);
     max-width: var(--textarea-max-width, none);
@@ -23,15 +23,15 @@
     margin: 0;
   }
 
-  .k8UsZW_root::placeholder {
+  .bkkMzW_root::placeholder {
     color: var(--textarea-placeholder-color, var(--color-muted-foreground));
   }
 
-  .k8UsZW_root:focus-visible {
+  .bkkMzW_root:focus-visible {
     outline-color: var(--textarea-focus-ring-color, var(--color-ring));
   }
 
-  .k8UsZW_root:is([data-invalid], [aria-invalid="true"]) {
+  .bkkMzW_root:is([data-invalid], [aria-invalid="true"]) {
     border-color: var(--textarea-border-color-invalid, var(--color-destructive));
 
     &:focus-visible {
@@ -39,17 +39,17 @@
     }
   }
 
-  .k8UsZW_root:is([disabled], [data-disabled]) {
+  .bkkMzW_root:is([disabled], [data-disabled]) {
     pointer-events: none;
     opacity: var(--textarea-disabled-opacity, var(--opacity-disabled));
   }
 
-  .k8UsZW_root:is(:read-only, [data-readonly]) {
+  .bkkMzW_root:is(:read-only, [data-readonly]) {
     background-color: var(--textarea-readonly-bg, var(--textarea-bg, var(--color-background)));
     color: var(--textarea-readonly-color, var(--textarea-color, var(--color-foreground)));
   }
 
-  .k8UsZW_root[data-autoresize] {
+  .bkkMzW_root[data-autoresize] {
     overflow-y: hidden;
   }
 }

package/dist/components/textarea/Textarea.module.js

@@ -1,5 +1,5 @@
 import './Textarea.css';
 //#region src/components/textarea/Textarea.module.css
-var Textarea_module_default = { "root": "k8UsZW_root" };
+var Textarea_module_default = { "root": "bkkMzW_root" };
 //#endregion
 export { Textarea_module_default as default };

package/dist/components/timer/Timer.css

@@ -1,5 +1,5 @@
 @layer ui.components {
-  ._3h2dHW_root {
+  .Z6b--a_root {
     box-sizing: border-box;
     place-items: center;
     gap: var(--timer-gap, var(--spacing-3));
@@ -8,7 +8,7 @@
     display: inline-grid;
   }
 
-  ._3h2dHW_area {
+  .Z6b--a_area {
     align-items: baseline;
     gap: var(--timer-area-gap, var(--spacing-1));
     font-size: var(--timer-area-font-size, var(--text-2xl));
@@ -19,24 +19,24 @@
     display: inline-flex;
   }
 
-  ._3h2dHW_item {
+  .Z6b--a_item {
     min-width: var(--timer-item-min-width, 2ch);
     color: var(--timer-item-color, currentColor);
     text-align: var(--timer-item-text-align, center);
   }
 
-  ._3h2dHW_separator {
+  .Z6b--a_separator {
     color: var(--timer-separator-color, var(--color-muted-foreground));
   }
 
-  ._3h2dHW_control {
+  .Z6b--a_control {
     align-items: center;
     gap: var(--timer-control-gap, var(--spacing-2));
     flex-wrap: wrap;
     display: inline-flex;
   }
 
-  ._3h2dHW_actionTrigger {
+  .Z6b--a_actionTrigger {
     box-sizing: border-box;
     justify-content: center;
     align-items: center;

package/dist/components/timer/Timer.module.js

@@ -1,12 +1,12 @@
 import './Timer.css';
 //#region src/components/timer/Timer.module.css
 var Timer_module_default = {
-	"actionTrigger": "_3h2dHW_actionTrigger",
-	"area": "_3h2dHW_area",
-	"control": "_3h2dHW_control",
-	"item": "_3h2dHW_item",
-	"root": "_3h2dHW_root",
-	"separator": "_3h2dHW_separator"
+	"actionTrigger": "Z6b--a_actionTrigger",
+	"area": "Z6b--a_area",
+	"control": "Z6b--a_control",
+	"item": "Z6b--a_item",
+	"root": "Z6b--a_root",
+	"separator": "Z6b--a_separator"
 };
 //#endregion
 export { Timer_module_default as default };

package/dist/components/toast/Toast.css

@@ -1,9 +1,9 @@
 @layer ui.components {
-  .h6KXRa_toaster {
+  .o69bxG_toaster {
     z-index: var(--toast-z-index, var(--z-toast));
   }
 
-  .h6KXRa_root {
+  .o69bxG_root {
     --toast-trigger-bg-default: transparent;
     --toast-trigger-bg-hover-default: var(--color-accent);
     --toast-trigger-border-color-default: var(--color-border);
@@ -69,7 +69,7 @@
     }
   }
 
-  .h6KXRa_title {
+  .o69bxG_title {
     align-items: center;
     gap: var(--toast-title-gap, .5rem);
     color: inherit;
@@ -80,14 +80,14 @@
     display: flex;
   }
 
-  .h6KXRa_description {
+  .o69bxG_description {
     color: var(--toast-description-color, var(--toast-description-color-default, var(--color-muted-foreground)));
     font-size: var(--toast-description-font-size, var(--text-sm));
     line-height: var(--toast-description-line-height, var(--line-height-text-sm));
     margin: 0;
   }
 
-  .h6KXRa_actionTrigger {
+  .o69bxG_actionTrigger {
     justify-content: center;
     align-items: center;
     gap: var(--toast-action-gap, var(--spacing-2));
@@ -123,7 +123,7 @@
     }
   }
 
-  .h6KXRa_closeTrigger {
+  .o69bxG_closeTrigger {
     --close-button-size: var(--toast-close-size, 28px);
     --close-button-icon-size: var(--toast-close-icon-size, 12px);
     --close-button-radius: var(--toast-close-radius, var(--radius-sm));
@@ -141,11 +141,11 @@
   }
 
   @media (width <= 40rem) {
-    .h6KXRa_toaster {
+    .o69bxG_toaster {
       width: 100%;
     }
 
-    .h6KXRa_root {
+    .o69bxG_root {
       width: calc(100% - (var(--gap) * 2));
       max-width: none;
       inset-inline: 0;