@moduix/react 1.1.0 → 1.1.1

package/dist/components/lightbox/Lightbox.css

@@ -1,5 +1,5 @@
 @layer ui.components {
-  .Jmwb8W_trigger {
+  .BCq4HG_trigger {
     cursor: zoom-in;
 
     &:focus-visible {
@@ -9,7 +9,7 @@
     }
   }
 
-  .Jmwb8W_backdrop {
+  .BCq4HG_backdrop {
     z-index: calc(var(--z-backdrop) + var(--layer-index, 0));
     background-color: var(--lightbox-backdrop-bg, var(--backdrop-bg, var(--color-overlay)));
     min-height: 100dvh;
@@ -18,16 +18,16 @@
     inset: 0;
 
     &[data-state="open"] {
-      animation: Jmwb8W_lightbox-backdrop-in var(--lightbox-backdrop-transition, var(--transition-default));
+      animation: BCq4HG_lightbox-backdrop-in var(--lightbox-backdrop-transition, var(--transition-default));
     }
 
     &[data-state="closed"] {
-      animation: Jmwb8W_lightbox-backdrop-out
+      animation: BCq4HG_lightbox-backdrop-out
         var(--lightbox-backdrop-transition, var(--transition-default));
     }
   }
 
-  .Jmwb8W_positioner {
+  .BCq4HG_positioner {
     box-sizing: border-box;
     z-index: calc(var(--z-modal) + var(--layer-index, 0));
     overscroll-behavior: contain;
@@ -39,7 +39,7 @@
     overflow: hidden;
   }
 
-  .Jmwb8W_content {
+  .BCq4HG_content {
     box-sizing: border-box;
     gap: var(--lightbox-content-gap, var(--spacing-3));
     width: fit-content;
@@ -52,15 +52,15 @@
     position: relative;
 
     &[data-state="open"] {
-      animation: Jmwb8W_lightbox-content-in var(--lightbox-transition, .22s ease);
+      animation: BCq4HG_lightbox-content-in var(--lightbox-transition, .22s ease);
     }
 
     &[data-state="closed"] {
-      animation: Jmwb8W_lightbox-content-out var(--lightbox-transition, .22s ease);
+      animation: BCq4HG_lightbox-content-out var(--lightbox-transition, .22s ease);
     }
   }
 
-  .Jmwb8W_title {
+  .BCq4HG_title {
     color: var(--lightbox-title-color, var(--color-foreground));
     font-size: var(--lightbox-title-font-size, var(--text-md));
     font-weight: var(--lightbox-title-font-weight, var(--weight-semibold));
@@ -68,24 +68,24 @@
     margin: 0;
   }
 
-  .Jmwb8W_description {
+  .BCq4HG_description {
     color: var(--lightbox-description-color, var(--color-muted-foreground));
     font-size: var(--lightbox-description-font-size, var(--text-sm));
     line-height: var(--lightbox-description-line-height, var(--line-height-text-sm));
     margin: 0;
   }
 
-  .Jmwb8W_header {
+  .BCq4HG_header {
     gap: var(--lightbox-header-gap, var(--spacing-1));
     display: grid;
   }
 
-  .Jmwb8W_body {
+  .BCq4HG_body {
     gap: var(--lightbox-body-gap, var(--spacing-3));
     display: grid;
   }
 
-  .Jmwb8W_footer {
+  .BCq4HG_footer {
     align-items: center;
     justify-content: var(--lightbox-footer-justify, flex-end);
     gap: var(--lightbox-footer-gap, var(--spacing-2));
@@ -95,7 +95,7 @@
     display: flex;
   }
 
-  .Jmwb8W_image {
+  .BCq4HG_image {
     max-width: min(var(--lightbox-media-max-width, 80vw), 100%);
     max-height: min(var(--lightbox-media-max-height, 80dvh), 100%);
     object-fit: contain;
@@ -109,7 +109,7 @@
     }
   }
 
-  .Jmwb8W_gallery {
+  .BCq4HG_gallery {
     --carousel-gap: var(--lightbox-gallery-gap, var(--spacing-4));
     width: auto;
     max-width: min(var(--lightbox-gallery-max-width, 72rem),
@@ -182,7 +182,7 @@
     }
   }
 
-  .Jmwb8W_closeIcon {
+  .BCq4HG_closeIcon {
     --close-button-size: var(--lightbox-close-icon-size, 2rem);
     --close-button-radius: var(--lightbox-close-icon-radius, var(--radius-sm));
     --close-button-icon-size: var(--lightbox-close-icon-glyph-size, .875rem);
@@ -208,21 +208,21 @@
     }
   }
 
-  @keyframes Jmwb8W_lightbox-backdrop-in {
+  @keyframes BCq4HG_lightbox-backdrop-in {
     from {
       opacity: var(--lightbox-backdrop-starting-opacity, 0);
       backdrop-filter: var(--lightbox-backdrop-starting-blur, none);
     }
   }
 
-  @keyframes Jmwb8W_lightbox-backdrop-out {
+  @keyframes BCq4HG_lightbox-backdrop-out {
     to {
       opacity: var(--lightbox-backdrop-ending-opacity, 0);
       backdrop-filter: var(--lightbox-backdrop-ending-blur, none);
     }
   }
 
-  @keyframes Jmwb8W_lightbox-content-in {
+  @keyframes BCq4HG_lightbox-content-in {
     from {
       opacity: var(--lightbox-content-starting-opacity, 0);
       translate: var(--lightbox-content-starting-translate-x, 0)
@@ -231,7 +231,7 @@
     }
   }
 
-  @keyframes Jmwb8W_lightbox-content-out {
+  @keyframes BCq4HG_lightbox-content-out {
     to {
       opacity: var(--lightbox-content-ending-opacity, 0);
       translate: var(--lightbox-content-ending-translate-x, 0)

package/dist/components/lightbox/Lightbox.module.js

@@ -1,22 +1,22 @@
 import './Lightbox.css';
 //#region src/components/lightbox/Lightbox.module.css
 var Lightbox_module_default = {
-	"backdrop": "Jmwb8W_backdrop",
-	"body": "Jmwb8W_body",
-	"closeIcon": "Jmwb8W_closeIcon",
-	"content": "Jmwb8W_content",
-	"description": "Jmwb8W_description",
-	"footer": "Jmwb8W_footer",
-	"gallery": "Jmwb8W_gallery",
-	"header": "Jmwb8W_header",
-	"image": "Jmwb8W_image",
-	"lightbox-backdrop-in": "Jmwb8W_lightbox-backdrop-in",
-	"lightbox-backdrop-out": "Jmwb8W_lightbox-backdrop-out",
-	"lightbox-content-in": "Jmwb8W_lightbox-content-in",
-	"lightbox-content-out": "Jmwb8W_lightbox-content-out",
-	"positioner": "Jmwb8W_positioner",
-	"title": "Jmwb8W_title",
-	"trigger": "Jmwb8W_trigger"
+	"backdrop": "BCq4HG_backdrop",
+	"body": "BCq4HG_body",
+	"closeIcon": "BCq4HG_closeIcon",
+	"content": "BCq4HG_content",
+	"description": "BCq4HG_description",
+	"footer": "BCq4HG_footer",
+	"gallery": "BCq4HG_gallery",
+	"header": "BCq4HG_header",
+	"image": "BCq4HG_image",
+	"lightbox-backdrop-in": "BCq4HG_lightbox-backdrop-in",
+	"lightbox-backdrop-out": "BCq4HG_lightbox-backdrop-out",
+	"lightbox-content-in": "BCq4HG_lightbox-content-in",
+	"lightbox-content-out": "BCq4HG_lightbox-content-out",
+	"positioner": "BCq4HG_positioner",
+	"title": "BCq4HG_title",
+	"trigger": "BCq4HG_trigger"
 };
 //#endregion
 export { Lightbox_module_default as default };

package/dist/components/list/List.css

@@ -1,5 +1,5 @@
 @layer ui.components {
-  .tX0ceq_root[data-scope="list"][data-part="root"] {
+  .dG8Cea_root[data-scope="list"][data-part="root"] {
     --_list-color: var(--list-color, var(--list-default-color, var(--color-foreground)));
     --_list-font-size: var(--list-font-size, var(--list-font-size-md, var(--text-md)));
     --_list-gap: var(--list-gap, var(--list-gap-sm, var(--spacing-2)));

package/dist/components/list/List.module.js

@@ -1,5 +1,5 @@
 import './List.css';
 //#region src/components/list/List.module.css
-var List_module_default = { "root": "tX0ceq_root" };
+var List_module_default = { "root": "dG8Cea_root" };
 //#endregion
 export { List_module_default as default };

package/dist/components/listbox/Listbox.css

@@ -1,5 +1,5 @@
 @layer ui.components {
-  .-yleua_root {
+  .SHhhXW_root {
     box-sizing: border-box;
     width: var(--listbox-width, 16rem);
     max-width: var(--listbox-max-width, 100%);
@@ -14,7 +14,7 @@
     }
   }
 
-  .-yleua_label {
+  .SHhhXW_label {
     color: var(--listbox-label-color, var(--listbox-color, var(--color-foreground)));
     font-size: var(--listbox-label-font-size, var(--text-sm));
     font-weight: var(--listbox-label-font-weight, var(--weight-medium));
@@ -22,7 +22,7 @@
     user-select: none;
   }
 
-  .-yleua_input {
+  .SHhhXW_input {
     box-sizing: border-box;
     width: 100%;
     min-height: var(--listbox-input-height, var(--size-lg));
@@ -60,7 +60,7 @@
     }
   }
 
-  .-yleua_content {
+  .SHhhXW_content {
     box-sizing: border-box;
     min-height: 0;
     max-height: var(--listbox-content-max-height, 14rem);
@@ -97,7 +97,7 @@
     }
   }
 
-  .-yleua_empty {
+  .SHhhXW_empty {
     padding-block: var(--listbox-empty-padding-y, var(--spacing-3));
     padding-inline: var(--listbox-empty-padding-x, var(--spacing-3));
     color: var(--listbox-empty-color, var(--color-muted-foreground));
@@ -106,7 +106,7 @@
     text-align: center;
   }
 
-  .-yleua_itemGroup {
+  .SHhhXW_itemGroup {
     flex-direction: column;
     display: flex;
 
@@ -115,7 +115,7 @@
     }
   }
 
-  .-yleua_itemGroupLabel {
+  .SHhhXW_itemGroupLabel {
     padding-block: var(--listbox-item-group-label-padding-y, var(--spacing-1));
     padding-inline: var(--listbox-item-group-label-padding-x, var(--spacing-2));
     color: var(--listbox-item-group-label-color, var(--color-muted-foreground));
@@ -125,7 +125,7 @@
     user-select: none;
   }
 
-  .-yleua_item {
+  .SHhhXW_item {
     box-sizing: border-box;
     width: calc(100% - var(--listbox-item-inset-x, var(--spacing-2)));
     min-height: var(--listbox-item-min-height, 2rem);
@@ -174,13 +174,13 @@
     }
   }
 
-  .-yleua_content[data-orientation="horizontal"]:not([data-layout="grid"]) .-yleua_item {
+  .SHhhXW_content[data-orientation="horizontal"]:not([data-layout="grid"]) .SHhhXW_item {
     width: var(--listbox-horizontal-item-width, 11rem);
     min-width: var(--listbox-horizontal-item-width, 11rem);
     align-items: flex-start;
   }
 
-  .-yleua_content[data-layout="grid"] .-yleua_item {
+  .SHhhXW_content[data-layout="grid"] .SHhhXW_item {
     text-align: center;
     grid-template-columns: minmax(0, 1fr);
     justify-items: center;
@@ -194,7 +194,7 @@
     }
   }
 
-  .-yleua_itemText {
+  .SHhhXW_itemText {
     text-overflow: ellipsis;
     white-space: nowrap;
     flex: 1;
@@ -202,7 +202,7 @@
     overflow: hidden;
   }
 
-  .-yleua_itemIndicator {
+  .SHhhXW_itemIndicator {
     width: var(--listbox-item-indicator-size, 1rem);
     height: var(--listbox-item-indicator-size, 1rem);
     color: var(--listbox-item-indicator-color, currentColor);
@@ -221,13 +221,13 @@
     }
   }
 
-  .-yleua_valueText {
+  .SHhhXW_valueText {
     color: var(--listbox-value-text-color, var(--color-muted-foreground));
     font-size: var(--listbox-value-text-font-size, var(--text-sm));
     line-height: var(--listbox-value-text-line-height, var(--line-height-text-sm));
   }
 
-  .-yleua_itemTextContent {
+  .SHhhXW_itemTextContent {
     align-items: center;
     gap: var(--listbox-item-text-content-gap, var(--spacing-2));
     vertical-align: top;
@@ -236,7 +236,7 @@
     display: inline-flex;
   }
 
-  .-yleua_itemTextIcon {
+  .SHhhXW_itemTextIcon {
     width: var(--listbox-item-text-icon-size, 1rem);
     height: var(--listbox-item-text-icon-size, 1rem);
     color: var(--listbox-item-text-icon-color, currentColor);
@@ -246,7 +246,7 @@
     display: inline-flex;
   }
 
-  .-yleua_itemTextLabel {
+  .SHhhXW_itemTextLabel {
     text-overflow: ellipsis;
     white-space: nowrap;
     min-width: 0;

package/dist/components/listbox/Listbox.module.js

@@ -1,20 +1,20 @@
 import './Listbox.css';
 //#region src/components/listbox/Listbox.module.css
 var Listbox_module_default = {
-	"content": "-yleua_content",
-	"empty": "-yleua_empty",
-	"input": "-yleua_input",
-	"item": "-yleua_item",
-	"itemGroup": "-yleua_itemGroup",
-	"itemGroupLabel": "-yleua_itemGroupLabel",
-	"itemIndicator": "-yleua_itemIndicator",
-	"itemText": "-yleua_itemText",
-	"itemTextContent": "-yleua_itemTextContent",
-	"itemTextIcon": "-yleua_itemTextIcon",
-	"itemTextLabel": "-yleua_itemTextLabel",
-	"label": "-yleua_label",
-	"root": "-yleua_root",
-	"valueText": "-yleua_valueText"
+	"content": "SHhhXW_content",
+	"empty": "SHhhXW_empty",
+	"input": "SHhhXW_input",
+	"item": "SHhhXW_item",
+	"itemGroup": "SHhhXW_itemGroup",
+	"itemGroupLabel": "SHhhXW_itemGroupLabel",
+	"itemIndicator": "SHhhXW_itemIndicator",
+	"itemText": "SHhhXW_itemText",
+	"itemTextContent": "SHhhXW_itemTextContent",
+	"itemTextIcon": "SHhhXW_itemTextIcon",
+	"itemTextLabel": "SHhhXW_itemTextLabel",
+	"label": "SHhhXW_label",
+	"root": "SHhhXW_root",
+	"valueText": "SHhhXW_valueText"
 };
 //#endregion
 export { Listbox_module_default as default };

package/dist/components/marquee/Marquee.css

@@ -1,5 +1,5 @@
 @layer ui.components {
-  ._7_2lUa_root {
+  .MH_pgW_root {
     box-sizing: border-box;
     width: var(--marquee-width, 100%);
     height: var(--marquee-height, auto);
@@ -11,26 +11,26 @@
       height: var(--marquee-vertical-height, var(--marquee-height, 15rem));
     }
 
-    &[data-paused] ._7_2lUa_content {
+    &[data-paused] .MH_pgW_content {
       animation-play-state: paused;
     }
   }
 
-  ._7_2lUa_viewport {
+  .MH_pgW_viewport {
     box-sizing: border-box;
     width: 100%;
     height: 100%;
   }
 
-  ._7_2lUa_content {
-    animation-name: _7_2lUa_marquee-x;
+  .MH_pgW_content {
+    animation-name: MH_pgW_marquee-x;
     animation-duration: var(--marquee-duration);
     animation-delay: var(--marquee-delay);
     animation-timing-function: linear;
     animation-iteration-count: var(--marquee-loop-count);
 
     &[data-side="top"], &[data-side="bottom"] {
-      animation-name: _7_2lUa_marquee-y;
+      animation-name: MH_pgW_marquee-y;
     }
 
     &[data-reverse] {
@@ -42,12 +42,12 @@
     }
   }
 
-  ._7_2lUa_item {
+  .MH_pgW_item {
     box-sizing: border-box;
     flex-shrink: 0;
   }
 
-  ._7_2lUa_edge {
+  .MH_pgW_edge {
     z-index: var(--marquee-edge-z-index, 1);
     pointer-events: none;
 
@@ -92,7 +92,7 @@
     }
   }
 
-  @keyframes _7_2lUa_marquee-x {
+  @keyframes MH_pgW_marquee-x {
     from {
       transform: translateX(0%);
     }
@@ -102,7 +102,7 @@
     }
   }
 
-  @keyframes _7_2lUa_marquee-y {
+  @keyframes MH_pgW_marquee-y {
     from {
       transform: translateY(0%);
     }

package/dist/components/marquee/Marquee.module.js

@@ -1,13 +1,13 @@
 import './Marquee.css';
 //#region src/components/marquee/Marquee.module.css
 var Marquee_module_default = {
-	"content": "_7_2lUa_content",
-	"edge": "_7_2lUa_edge",
-	"item": "_7_2lUa_item",
-	"marquee-x": "_7_2lUa_marquee-x",
-	"marquee-y": "_7_2lUa_marquee-y",
-	"root": "_7_2lUa_root",
-	"viewport": "_7_2lUa_viewport"
+	"content": "MH_pgW_content",
+	"edge": "MH_pgW_edge",
+	"item": "MH_pgW_item",
+	"marquee-x": "MH_pgW_marquee-x",
+	"marquee-y": "MH_pgW_marquee-y",
+	"root": "MH_pgW_root",
+	"viewport": "MH_pgW_viewport"
 };
 //#endregion
 export { Marquee_module_default as default };