@moduix/react 1.1.0 → 1.1.1

package/dist/components/pin-input/PinInput.module.js

@@ -1,11 +1,11 @@
 import './PinInput.css';
 //#region src/components/pin-input/PinInput.module.css
 var PinInput_module_default = {
-	"control": "WDSDQW_control",
-	"input": "WDSDQW_input",
-	"label": "WDSDQW_label",
-	"root": "WDSDQW_root",
-	"separator": "WDSDQW_separator"
+	"control": "d_HHPW_control",
+	"input": "d_HHPW_input",
+	"label": "d_HHPW_label",
+	"root": "d_HHPW_root",
+	"separator": "d_HHPW_separator"
 };
 //#endregion
 export { PinInput_module_default as default };

package/dist/components/popover/Popover.css

@@ -1,5 +1,5 @@
 @layer ui.components {
-  .xEBSjq_trigger, .xEBSjq_closeTrigger {
+  .Qww_tG_trigger, .Qww_tG_closeTrigger {
     box-sizing: border-box;
     min-height: var(--popover-control-height, var(--size-lg));
     padding: var(--popover-control-padding-y, .5rem) var(--popover-control-padding-x, .875rem);
@@ -45,13 +45,13 @@
     }
   }
 
-  .xEBSjq_positioner {
+  .Qww_tG_positioner {
     z-index: var(--z-index, var(--z-popup));
     max-width: var(--available-width);
     outline: 0;
   }
 
-  .xEBSjq_content {
+  .Qww_tG_content {
     --popover-close-icon-size-effective: var(--popover-close-icon-size, 1.75rem);
     --popover-close-icon-offset-effective: var(--popover-close-icon-offset, var(--spacing-3));
     --popover-header-padding-inline-end-effective: var(--popover-header-padding-inline-end, calc(var(--popover-close-icon-size-effective) + var(--popover-close-icon-offset-effective)));
@@ -75,27 +75,27 @@
     overflow: visible;
 
     &[data-state="open"] {
-      animation: xEBSjq_popover-enter var(--popover-transition, var(--duration-fast)) both;
+      animation: Qww_tG_popover-enter var(--popover-transition, var(--duration-fast)) both;
     }
 
     &[data-state="closed"] {
-      animation: xEBSjq_popover-exit var(--popover-transition, var(--duration-fast)) both;
+      animation: Qww_tG_popover-exit var(--popover-transition, var(--duration-fast)) both;
     }
   }
 
-  .xEBSjq_arrow {
+  .Qww_tG_arrow {
     --arrow-size: var(--popover-arrow-size, .625rem);
     --arrow-background: var(--popover-bg, var(--color-popover));
   }
 
-  .xEBSjq_arrowTip {
+  .Qww_tG_arrowTip {
     border-top: var(--popover-border-width, var(--border-width-sm)) solid
       var(--popover-arrow-stroke-color, var(--popover-border-color, var(--color-border)));
     border-left: var(--popover-border-width, var(--border-width-sm)) solid
       var(--popover-arrow-stroke-color, var(--popover-border-color, var(--color-border)));
   }
 
-  .xEBSjq_title {
+  .Qww_tG_title {
     color: var(--popover-title-color, var(--popover-color, var(--color-popover-foreground)));
     font-size: var(--popover-title-font-size, var(--text-md));
     font-weight: var(--popover-title-font-weight, var(--weight-semibold));
@@ -103,14 +103,14 @@
     margin: 0;
   }
 
-  .xEBSjq_description {
+  .Qww_tG_description {
     margin: var(--popover-description-margin, 0);
     color: var(--popover-description-color, var(--color-muted-foreground));
     font-size: var(--popover-description-font-size, var(--text-sm));
     line-height: var(--popover-description-line-height, var(--line-height-text-sm));
   }
 
-  .xEBSjq_closeIcon {
+  .Qww_tG_closeIcon {
     --close-button-size: var(--popover-close-icon-size-effective);
     --close-button-radius: var(--popover-close-icon-radius, var(--radius-sm));
     --close-button-icon-size: var(--popover-close-icon-glyph-size, .875rem);
@@ -124,17 +124,17 @@
     inset-inline-end: var(--popover-close-icon-offset-effective);
   }
 
-  .xEBSjq_header {
+  .Qww_tG_header {
     gap: var(--popover-header-gap, var(--spacing-1));
     padding-inline-end: var(--popover-header-padding-inline-end-effective);
     display: grid;
   }
 
-  .xEBSjq_body {
+  .Qww_tG_body {
     margin: var(--popover-body-margin, 0);
   }
 
-  .xEBSjq_footer {
+  .Qww_tG_footer {
     align-items: center;
     justify-content: var(--popover-footer-justify, flex-end);
     gap: var(--popover-footer-gap, var(--spacing-2));
@@ -142,7 +142,7 @@
     display: flex;
   }
 
-  @keyframes xEBSjq_popover-enter {
+  @keyframes Qww_tG_popover-enter {
     from {
       opacity: var(--popover-content-starting-opacity, 0);
       translate: var(--popover-content-starting-translate-x, 0)
@@ -151,7 +151,7 @@
     }
   }
 
-  @keyframes xEBSjq_popover-exit {
+  @keyframes Qww_tG_popover-exit {
     to {
       opacity: var(--popover-content-ending-opacity, 0);
       translate: var(--popover-content-ending-translate-x, 0)

package/dist/components/popover/Popover.module.js

@@ -1,20 +1,20 @@
 import './Popover.css';
 //#region src/components/popover/Popover.module.css
 var Popover_module_default = {
-	"arrow": "xEBSjq_arrow",
-	"arrowTip": "xEBSjq_arrowTip",
-	"body": "xEBSjq_body",
-	"closeIcon": "xEBSjq_closeIcon",
-	"closeTrigger": "xEBSjq_closeTrigger",
-	"content": "xEBSjq_content",
-	"description": "xEBSjq_description",
-	"footer": "xEBSjq_footer",
-	"header": "xEBSjq_header",
-	"popover-enter": "xEBSjq_popover-enter",
-	"popover-exit": "xEBSjq_popover-exit",
-	"positioner": "xEBSjq_positioner",
-	"title": "xEBSjq_title",
-	"trigger": "xEBSjq_trigger"
+	"arrow": "Qww_tG_arrow",
+	"arrowTip": "Qww_tG_arrowTip",
+	"body": "Qww_tG_body",
+	"closeIcon": "Qww_tG_closeIcon",
+	"closeTrigger": "Qww_tG_closeTrigger",
+	"content": "Qww_tG_content",
+	"description": "Qww_tG_description",
+	"footer": "Qww_tG_footer",
+	"header": "Qww_tG_header",
+	"popover-enter": "Qww_tG_popover-enter",
+	"popover-exit": "Qww_tG_popover-exit",
+	"positioner": "Qww_tG_positioner",
+	"title": "Qww_tG_title",
+	"trigger": "Qww_tG_trigger"
 };
 //#endregion
 export { Popover_module_default as default };

package/dist/components/progress-circular/ProgressCircular.css

@@ -1,5 +1,5 @@
 @layer ui.components {
-  .Y0NE0q_root {
+  .ElFLgq_root {
     box-sizing: border-box;
     justify-items: center;
     gap: var(--progress-circular-gap, .5rem);
@@ -8,14 +8,14 @@
     display: inline-grid;
   }
 
-  .Y0NE0q_label {
+  .ElFLgq_label {
     font-size: var(--progress-circular-label-font-size, var(--text-sm));
     font-weight: var(--progress-circular-label-font-weight, var(--weight-regular));
     line-height: var(--progress-circular-label-line-height, var(--line-height-text-sm));
     color: var(--progress-circular-label-color, currentColor);
   }
 
-  .Y0NE0q_valueText {
+  .ElFLgq_valueText {
     font-size: var(--progress-circular-value-text-font-size, var(--text-sm));
     font-weight: var(--progress-circular-value-text-font-weight, var(--weight-medium));
     line-height: var(--progress-circular-value-text-line-height, var(--line-height-text-sm));
@@ -23,18 +23,18 @@
     text-align: center;
   }
 
-  .Y0NE0q_circle {
+  .ElFLgq_circle {
     --size: var(--progress-circular-size, 3rem);
     --thickness: var(--progress-circular-thickness, .4rem);
     display: block;
     overflow: visible;
   }
 
-  .Y0NE0q_circleTrack {
+  .ElFLgq_circleTrack {
     stroke: var(--progress-circular-track-bg, var(--color-muted));
   }
 
-  .Y0NE0q_circleRange {
+  .ElFLgq_circleRange {
     stroke: var(--progress-circular-range-bg, var(--color-primary));
     stroke-linecap: var(--progress-circular-range-linecap, round);
     transition: stroke-dashoffset
@@ -52,11 +52,11 @@
     }
   }
 
-  .Y0NE0q_view {
+  .ElFLgq_view {
     display: contents;
   }
 
-  @keyframes Y0NE0q_progress-circular-indeterminate {
+  @keyframes ElFLgq_progress-circular-indeterminate {
     from {
       transform: rotate(-90deg);
     }

package/dist/components/progress-circular/ProgressCircular.module.js

@@ -1,14 +1,14 @@
 import './ProgressCircular.css';
 //#region src/components/progress-circular/ProgressCircular.module.css
 var ProgressCircular_module_default = {
-	"circle": "Y0NE0q_circle",
-	"circleRange": "Y0NE0q_circleRange",
-	"circleTrack": "Y0NE0q_circleTrack",
-	"label": "Y0NE0q_label",
-	"progress-circular-indeterminate": "Y0NE0q_progress-circular-indeterminate",
-	"root": "Y0NE0q_root",
-	"valueText": "Y0NE0q_valueText",
-	"view": "Y0NE0q_view"
+	"circle": "ElFLgq_circle",
+	"circleRange": "ElFLgq_circleRange",
+	"circleTrack": "ElFLgq_circleTrack",
+	"label": "ElFLgq_label",
+	"progress-circular-indeterminate": "ElFLgq_progress-circular-indeterminate",
+	"root": "ElFLgq_root",
+	"valueText": "ElFLgq_valueText",
+	"view": "ElFLgq_view"
 };
 //#endregion
 export { ProgressCircular_module_default as default };

package/dist/components/progress-linear/ProgressLinear.css

@@ -1,5 +1,5 @@
 @layer ui.components {
-  .fteJNa_root {
+  .Z1JBTG_root {
     box-sizing: border-box;
     gap: var(--progress-linear-gap, .5rem);
     width: var(--progress-linear-width, 12rem);
@@ -15,14 +15,14 @@
     }
   }
 
-  .fteJNa_label {
+  .Z1JBTG_label {
     font-size: var(--progress-linear-label-font-size, var(--text-sm));
     font-weight: var(--progress-linear-label-font-weight, var(--weight-regular));
     line-height: var(--progress-linear-label-line-height, var(--line-height-text-sm));
     color: var(--progress-linear-label-color, currentColor);
   }
 
-  .fteJNa_valueText {
+  .Z1JBTG_valueText {
     font-size: var(--progress-linear-value-text-font-size, var(--text-sm));
     font-weight: var(--progress-linear-value-text-font-weight, var(--weight-regular));
     line-height: var(--progress-linear-value-text-line-height, var(--line-height-text-sm));
@@ -31,7 +31,7 @@
     justify-self: end;
   }
 
-  .fteJNa_track {
+  .Z1JBTG_track {
     width: 100%;
     height: var(--progress-linear-track-height, .5rem);
     border-radius: var(--progress-linear-track-radius, var(--radius-full));
@@ -50,7 +50,7 @@
     }
   }
 
-  .fteJNa_range {
+  .Z1JBTG_range {
     border-radius: var(--progress-linear-range-radius, inherit);
     background-color: var(--progress-linear-range-bg, var(--color-primary));
     height: 100%;
@@ -80,11 +80,11 @@
     }
   }
 
-  .fteJNa_view {
+  .Z1JBTG_view {
     display: contents;
   }
 
-  @keyframes fteJNa_progress-linear-indeterminate {
+  @keyframes Z1JBTG_progress-linear-indeterminate {
     from {
       transform: translateX(-100%);
     }
@@ -94,7 +94,7 @@
     }
   }
 
-  @keyframes fteJNa_progress-linear-indeterminate-vertical {
+  @keyframes Z1JBTG_progress-linear-indeterminate-vertical {
     from {
       transform: translateY(100%);
     }

package/dist/components/progress-linear/ProgressLinear.module.js

@@ -1,14 +1,14 @@
 import './ProgressLinear.css';
 //#region src/components/progress-linear/ProgressLinear.module.css
 var ProgressLinear_module_default = {
-	"label": "fteJNa_label",
-	"progress-linear-indeterminate": "fteJNa_progress-linear-indeterminate",
-	"progress-linear-indeterminate-vertical": "fteJNa_progress-linear-indeterminate-vertical",
-	"range": "fteJNa_range",
-	"root": "fteJNa_root",
-	"track": "fteJNa_track",
-	"valueText": "fteJNa_valueText",
-	"view": "fteJNa_view"
+	"label": "Z1JBTG_label",
+	"progress-linear-indeterminate": "Z1JBTG_progress-linear-indeterminate",
+	"progress-linear-indeterminate-vertical": "Z1JBTG_progress-linear-indeterminate-vertical",
+	"range": "Z1JBTG_range",
+	"root": "Z1JBTG_root",
+	"track": "Z1JBTG_track",
+	"valueText": "Z1JBTG_valueText",
+	"view": "Z1JBTG_view"
 };
 //#endregion
 export { ProgressLinear_module_default as default };

package/dist/components/qr-code/QrCode.css

@@ -1,5 +1,5 @@
 @layer ui.components {
-  .B15lta_root {
+  .ZbLWjq_root {
     box-sizing: border-box;
     align-items: center;
     gap: var(--qr-code-gap, var(--spacing-3));
@@ -11,7 +11,7 @@
     position: relative;
   }
 
-  .B15lta_frame {
+  .ZbLWjq_frame {
     box-sizing: border-box;
     width: var(--qr-code-size, 8rem);
     height: var(--qr-code-size, 8rem);
@@ -20,11 +20,11 @@
     display: block;
   }
 
-  .B15lta_pattern {
+  .ZbLWjq_pattern {
     fill: inherit;
   }
 
-  .B15lta_overlay {
+  .ZbLWjq_overlay {
     box-sizing: border-box;
     width: var(--qr-code-overlay-size, 2.5rem);
     height: var(--qr-code-overlay-size, 2.5rem);
@@ -37,13 +37,13 @@
     display: inline-flex;
   }
 
-  .B15lta_overlay :where(img, svg) {
+  .ZbLWjq_overlay :where(img, svg) {
     object-fit: contain;
     width: 100%;
     height: 100%;
   }
 
-  .B15lta_downloadTrigger {
+  .ZbLWjq_downloadTrigger {
     box-sizing: border-box;
     justify-content: center;
     align-items: center;
@@ -73,19 +73,19 @@
     display: inline-flex;
   }
 
-  .B15lta_downloadTrigger :where(svg) {
+  .ZbLWjq_downloadTrigger :where(svg) {
     width: var(--qr-code-download-trigger-icon-size, var(--button-icon-size, 1rem));
     height: var(--qr-code-download-trigger-icon-size, var(--button-icon-size, 1rem));
     flex-shrink: 0;
   }
 
   @media (hover: hover) {
-    .B15lta_downloadTrigger:hover:not(:disabled, [data-disabled]) {
+    .ZbLWjq_downloadTrigger:hover:not(:disabled, [data-disabled]) {
       background-color: var(--qr-code-download-trigger-bg-hover, var(--button-outline-bg-hover, var(--color-accent)));
     }
   }
 
-  .B15lta_downloadTrigger:focus-visible {
+  .ZbLWjq_downloadTrigger:focus-visible {
     outline: var(--qr-code-download-trigger-focus-ring-width, var(--button-focus-ring-width, var(--border-width-md)))
       solid
       var(--qr-code-download-trigger-focus-ring-color, var(--button-focus-ring-color, var(--color-ring)));
@@ -93,7 +93,7 @@
         -1);
   }
 
-  .B15lta_downloadTrigger:disabled, .B15lta_downloadTrigger[data-disabled] {
+  .ZbLWjq_downloadTrigger:disabled, .ZbLWjq_downloadTrigger[data-disabled] {
     pointer-events: none;
     opacity: var(--qr-code-disabled-opacity, var(--button-disabled-opacity, var(--opacity-disabled)));
   }

package/dist/components/qr-code/QrCode.module.js

@@ -1,11 +1,11 @@
 import './QrCode.css';
 //#region src/components/qr-code/QrCode.module.css
 var QrCode_module_default = {
-	"downloadTrigger": "B15lta_downloadTrigger",
-	"frame": "B15lta_frame",
-	"overlay": "B15lta_overlay",
-	"pattern": "B15lta_pattern",
-	"root": "B15lta_root"
+	"downloadTrigger": "ZbLWjq_downloadTrigger",
+	"frame": "ZbLWjq_frame",
+	"overlay": "ZbLWjq_overlay",
+	"pattern": "ZbLWjq_pattern",
+	"root": "ZbLWjq_root"
 };
 //#endregion
 export { QrCode_module_default as default };

package/dist/components/radio-group/RadioGroup.css

@@ -1,5 +1,5 @@
 @layer ui.components {
-  ._6pRuhq_root {
+  .ECSf4W_root {
     gap: var(--radio-group-gap, var(--spacing-2));
     color: var(--radio-group-color, var(--color-foreground));
     flex-direction: column;
@@ -11,14 +11,14 @@
     }
   }
 
-  ._6pRuhq_label {
+  .ECSf4W_label {
     color: var(--radio-group-label-color, var(--radio-group-color, var(--color-foreground)));
     font-size: var(--radio-group-label-font-size, var(--text-sm));
     font-weight: var(--radio-group-label-font-weight, var(--weight-semibold));
     line-height: var(--radio-group-label-line-height, var(--line-height-text-sm));
   }
 
-  ._6pRuhq_item {
+  .ECSf4W_item {
     align-items: center;
     gap: var(--radio-gap, var(--spacing-2));
     vertical-align: middle;
@@ -32,7 +32,7 @@
     }
   }
 
-  ._6pRuhq_itemControl {
+  .ECSf4W_itemControl {
     box-sizing: border-box;
     -webkit-appearance: none;
     appearance: none;
@@ -124,14 +124,14 @@
     }
   }
 
-  ._6pRuhq_itemText {
+  .ECSf4W_itemText {
     color: var(--radio-label-color, var(--color-foreground));
     font-size: var(--radio-label-font-size, var(--text-sm));
     font-weight: var(--radio-label-font-weight, var(--weight-medium));
     line-height: var(--radio-label-line-height, var(--line-height-text-sm));
   }
 
-  ._6pRuhq_indicator {
+  .ECSf4W_indicator {
     top: var(--top);
     left: var(--left);
     width: var(--width);

package/dist/components/radio-group/RadioGroup.module.js

@@ -1,12 +1,12 @@
 import './RadioGroup.css';
 //#region src/components/radio-group/RadioGroup.module.css
 var RadioGroup_module_default = {
-	"indicator": "_6pRuhq_indicator",
-	"item": "_6pRuhq_item",
-	"itemControl": "_6pRuhq_itemControl",
-	"itemText": "_6pRuhq_itemText",
-	"label": "_6pRuhq_label",
-	"root": "_6pRuhq_root"
+	"indicator": "ECSf4W_indicator",
+	"item": "ECSf4W_item",
+	"itemControl": "ECSf4W_itemControl",
+	"itemText": "ECSf4W_itemText",
+	"label": "ECSf4W_label",
+	"root": "ECSf4W_root"
 };
 //#endregion
 export { RadioGroup_module_default as default };

package/dist/components/rating-group/RatingGroup.css

@@ -1,5 +1,5 @@
 @layer ui.components {
-  ._6aTNoq_root {
+  .Jh_n9a_root {
     gap: var(--rating-group-root-gap, var(--spacing-1));
     color: var(--rating-group-color, var(--color-muted-foreground));
     flex-direction: column;
@@ -26,7 +26,7 @@
     }
   }
 
-  ._6aTNoq_label {
+  .Jh_n9a_label {
     color: var(--rating-group-label-color, var(--color-foreground));
     font-size: var(--rating-group-label-font-size, var(--text-sm));
     font-weight: var(--rating-group-label-font-weight, var(--weight-semibold));
@@ -38,7 +38,7 @@
     }
   }
 
-  ._6aTNoq_control {
+  .Jh_n9a_control {
     align-items: center;
     gap: var(--rating-group-gap, var(--spacing-1));
     display: inline-flex;
@@ -48,7 +48,7 @@
     }
   }
 
-  ._6aTNoq_item {
+  .Jh_n9a_item {
     border-radius: var(--radius-sm);
     color: inherit;
     cursor: pointer;
@@ -78,7 +78,7 @@
     }
   }
 
-  ._6aTNoq_itemIndicator {
+  .Jh_n9a_itemIndicator {
     width: var(--_rating-group-icon-size, var(--rating-group-icon-size-md, 1.25rem));
     height: var(--_rating-group-icon-size, var(--rating-group-icon-size-md, 1.25rem));
     color: var(--rating-group-active-color, var(--color-primary));
@@ -97,24 +97,24 @@
       flex: none;
     }
 
-    &[data-half] ._6aTNoq_iconFg {
+    &[data-half] .Jh_n9a_iconFg {
       clip-path: inset(0 50% 0 0);
     }
 
-    &:not([data-highlighted]) ._6aTNoq_iconFg {
+    &:not([data-highlighted]) .Jh_n9a_iconFg {
       clip-path: inset(0 100% 0 0);
     }
   }
 
-  ._6aTNoq_item[data-half] ._6aTNoq_iconFg {
+  .Jh_n9a_item[data-half] .Jh_n9a_iconFg {
     clip-path: inset(0 50% 0 0);
   }
 
-  ._6aTNoq_item:not([data-highlighted]) ._6aTNoq_iconFg {
+  .Jh_n9a_item:not([data-highlighted]) .Jh_n9a_iconFg {
     clip-path: inset(0 100% 0 0);
   }
 
-  ._6aTNoq_iconBg {
+  .Jh_n9a_iconBg {
     color: var(--rating-group-color, var(--color-muted-foreground));
     fill: #0000;
     stroke: currentColor;
@@ -122,7 +122,7 @@
     inset: 0;
   }
 
-  ._6aTNoq_iconFg {
+  .Jh_n9a_iconFg {
     color: var(--rating-group-active-color, var(--color-primary));
     fill: currentColor;
     stroke: currentColor;

package/dist/components/rating-group/RatingGroup.module.js

@@ -1,13 +1,13 @@
 import './RatingGroup.css';
 //#region src/components/rating-group/RatingGroup.module.css
 var RatingGroup_module_default = {
-	"control": "_6aTNoq_control",
-	"iconBg": "_6aTNoq_iconBg",
-	"iconFg": "_6aTNoq_iconFg",
-	"item": "_6aTNoq_item",
-	"itemIndicator": "_6aTNoq_itemIndicator",
-	"label": "_6aTNoq_label",
-	"root": "_6aTNoq_root"
+	"control": "Jh_n9a_control",
+	"iconBg": "Jh_n9a_iconBg",
+	"iconFg": "Jh_n9a_iconFg",
+	"item": "Jh_n9a_item",
+	"itemIndicator": "Jh_n9a_itemIndicator",
+	"label": "Jh_n9a_label",
+	"root": "Jh_n9a_root"
 };
 //#endregion
 export { RatingGroup_module_default as default };

package/dist/components/scroll-area/ScrollArea.css

@@ -1,5 +1,5 @@
 @layer ui.components {
-  ._2HrnkW_root {
+  .xqtLha_root {
     box-sizing: border-box;
     width: var(--scroll-area-width, 100%);
     height: var(--scroll-area-height, 100%);
@@ -9,7 +9,7 @@
     position: relative;
   }
 
-  ._2HrnkW_viewport {
+  .xqtLha_viewport {
     box-sizing: border-box;
     border-radius: var(--scroll-area-radius, var(--radius-md));
     background-color: var(--scroll-area-bg, transparent);
@@ -35,7 +35,7 @@
       display: none;
     }
 
-    ._2HrnkW_root[data-fade] & {
+    .xqtLha_root[data-fade] & {
       mask-image: var(--_scroll-area-block-fade-mask);
       mask-repeat: no-repeat;
     }
@@ -47,13 +47,13 @@
     }
   }
 
-  ._2HrnkW_content {
+  .xqtLha_content {
     box-sizing: border-box;
     padding: var(--scroll-area-content-padding, 0);
     display: block;
   }
 
-  ._2HrnkW_scrollbar {
+  .xqtLha_scrollbar {
     --_scroll-area-scrollbar-margin: var(--scroll-area-scrollbar-margin, var(--spacing-1));
     --_scroll-area-scrollbar-hit-area-size: var(--scroll-area-scrollbar-hit-area-size, var(--spacing-5));
     box-sizing: border-box;
@@ -139,7 +139,7 @@
     }
   }
 
-  ._2HrnkW_thumb {
+  .xqtLha_thumb {
     box-sizing: border-box;
     border-radius: var(--scroll-area-thumb-radius, var(--radius-full));
     background-color: var(--scroll-area-thumb-bg, var(--color-border));
@@ -155,7 +155,7 @@
     }
   }
 
-  ._2HrnkW_corner {
+  .xqtLha_corner {
     box-sizing: border-box;
     background-color: var(--scroll-area-corner-bg, var(--scroll-area-scrollbar-bg, transparent));
   }