@moduix/react 1.1.0 → 1.1.1

package/dist/components/toast/Toast.module.js

@@ -1,12 +1,12 @@
 import './Toast.css';
 //#region src/components/toast/Toast.module.css
 var Toast_module_default = {
-	"actionTrigger": "h6KXRa_actionTrigger",
-	"closeTrigger": "h6KXRa_closeTrigger",
-	"description": "h6KXRa_description",
-	"root": "h6KXRa_root",
-	"title": "h6KXRa_title",
-	"toaster": "h6KXRa_toaster"
+	"actionTrigger": "o69bxG_actionTrigger",
+	"closeTrigger": "o69bxG_closeTrigger",
+	"description": "o69bxG_description",
+	"root": "o69bxG_root",
+	"title": "o69bxG_title",
+	"toaster": "o69bxG_toaster"
 };
 //#endregion
 export { Toast_module_default as default };

package/dist/components/toggle/Toggle.css

@@ -1,5 +1,5 @@
 @layer ui.components {
-  .HKHPeq_root {
+  .aGZbbW_root {
     box-sizing: border-box;
     justify-content: center;
     align-items: center;
@@ -158,7 +158,7 @@
     }
   }
 
-  .HKHPeq_indicator {
+  .aGZbbW_indicator {
     color: inherit;
     justify-content: center;
     align-items: center;

package/dist/components/toggle/Toggle.module.js

@@ -1,8 +1,8 @@
 import './Toggle.css';
 //#region src/components/toggle/Toggle.module.css
 var Toggle_module_default = {
-	"indicator": "HKHPeq_indicator",
-	"root": "HKHPeq_root"
+	"indicator": "aGZbbW_indicator",
+	"root": "aGZbbW_root"
 };
 //#endregion
 export { Toggle_module_default as default };

package/dist/components/toggle-group/ToggleGroup.css

@@ -1,5 +1,5 @@
 @layer ui.components {
-  ._7gmn9G_root {
+  .un9nBW_root {
     box-sizing: border-box;
     align-items: center;
     gap: var(--toggle-group-gap, var(--border-width-sm));
@@ -15,7 +15,7 @@
       flex-direction: column;
       align-items: stretch;
 
-      & > ._7gmn9G_item {
+      & > .un9nBW_item {
         justify-content: flex-start;
         width: 100%;
       }
@@ -32,7 +32,7 @@
     }
   }
 
-  ._7gmn9G_item {
+  .un9nBW_item {
     border-radius: var(--toggle-group-item-radius, var(--radius-md));
     --toggle-default-color: var(--toggle-group-color, var(--color-foreground));
     --toggle-ghost-color: var(--toggle-group-color, var(--color-foreground));

package/dist/components/toggle-group/ToggleGroup.module.js

@@ -1,8 +1,8 @@
 import './ToggleGroup.css';
 //#region src/components/toggle-group/ToggleGroup.module.css
 var ToggleGroup_module_default = {
-	"item": "_7gmn9G_item",
-	"root": "_7gmn9G_root"
+	"item": "un9nBW_item",
+	"root": "un9nBW_root"
 };
 //#endregion
 export { ToggleGroup_module_default as default };

package/dist/components/tooltip/Tooltip.css

@@ -1,5 +1,5 @@
 @layer ui.components {
-  .DqDdfq_trigger {
+  ._7levaW_trigger {
     box-sizing: border-box;
     min-height: var(--tooltip-trigger-height, var(--size-lg));
     padding: var(--tooltip-trigger-padding-y, .5rem) var(--tooltip-trigger-padding-x, .875rem);
@@ -44,13 +44,13 @@
     }
   }
 
-  .DqDdfq_positioner {
+  ._7levaW_positioner {
     z-index: var(--z-index, var(--z-popup));
     max-width: var(--available-width);
     max-height: var(--available-height);
   }
 
-  .DqDdfq_content {
+  ._7levaW_content {
     --arrow-background: var(--tooltip-arrow-background, var(--tooltip-bg, var(--color-popover)));
     --arrow-size: var(--tooltip-arrow-size, .625rem);
     box-sizing: border-box;
@@ -71,11 +71,11 @@
     position: relative;
 
     &[data-state="open"] {
-      animation: DqDdfq_tooltip-content-in var(--tooltip-transition, var(--duration-fast)) ease-out;
+      animation: _7levaW_tooltip-content-in var(--tooltip-transition, var(--duration-fast)) ease-out;
     }
 
     &[data-state="closed"] {
-      animation: DqDdfq_tooltip-content-out var(--tooltip-transition, var(--duration-fast)) ease-in;
+      animation: _7levaW_tooltip-content-out var(--tooltip-transition, var(--duration-fast)) ease-in;
     }
 
     &[data-instant] {
@@ -83,19 +83,19 @@
     }
   }
 
-  .DqDdfq_arrow {
+  ._7levaW_arrow {
     --arrow-background: var(--tooltip-arrow-background, var(--tooltip-bg, var(--color-popover)));
     --arrow-size: var(--tooltip-arrow-size, .625rem);
   }
 
-  .DqDdfq_arrowTip {
+  ._7levaW_arrowTip {
     border-top: var(--tooltip-border-width, var(--border-width-sm)) solid
       var(--tooltip-arrow-stroke-color, var(--tooltip-border-color, var(--color-border)));
     border-left: var(--tooltip-border-width, var(--border-width-sm)) solid
       var(--tooltip-arrow-stroke-color, var(--tooltip-border-color, var(--color-border)));
   }
 
-  @keyframes DqDdfq_tooltip-content-in {
+  @keyframes _7levaW_tooltip-content-in {
     from {
       opacity: var(--tooltip-popup-starting-opacity, 0);
       translate: var(--tooltip-popup-starting-translate-x, 0)
@@ -109,7 +109,7 @@
     }
   }
 
-  @keyframes DqDdfq_tooltip-content-out {
+  @keyframes _7levaW_tooltip-content-out {
     from {
       opacity: 1;
       transform: scale(1);

package/dist/components/tooltip/Tooltip.module.js

@@ -1,13 +1,13 @@
 import './Tooltip.css';
 //#region src/components/tooltip/Tooltip.module.css
 var Tooltip_module_default = {
-	"arrow": "DqDdfq_arrow",
-	"arrowTip": "DqDdfq_arrowTip",
-	"content": "DqDdfq_content",
-	"positioner": "DqDdfq_positioner",
-	"tooltip-content-in": "DqDdfq_tooltip-content-in",
-	"tooltip-content-out": "DqDdfq_tooltip-content-out",
-	"trigger": "DqDdfq_trigger"
+	"arrow": "_7levaW_arrow",
+	"arrowTip": "_7levaW_arrowTip",
+	"content": "_7levaW_content",
+	"positioner": "_7levaW_positioner",
+	"tooltip-content-in": "_7levaW_tooltip-content-in",
+	"tooltip-content-out": "_7levaW_tooltip-content-out",
+	"trigger": "_7levaW_trigger"
 };
 //#endregion
 export { Tooltip_module_default as default };

package/dist/components/tour/Tour.css

@@ -1,24 +1,24 @@
 @layer ui.components {
-  .vsTV1G_backdrop {
+  ._5wc7ja_backdrop {
     z-index: calc(var(--tour-z-index, var(--z-modal)) + var(--layer-index, 0));
     background-color: var(--tour-backdrop-bg, var(--backdrop-bg, var(--color-overlay)));
     backdrop-filter: var(--backdrop-filter, blur(var(--tour-backdrop-blur, 4px)));
 
     &[data-state="open"] {
-      animation: vsTV1G_tour-backdrop-in var(--tour-backdrop-transition, var(--transition-default));
+      animation: _5wc7ja_tour-backdrop-in var(--tour-backdrop-transition, var(--transition-default));
     }
 
     &[data-state="closed"] {
-      animation: vsTV1G_tour-backdrop-out var(--tour-backdrop-transition, var(--transition-default));
+      animation: _5wc7ja_tour-backdrop-out var(--tour-backdrop-transition, var(--transition-default));
     }
   }
 
-  .vsTV1G_spotlight {
+  ._5wc7ja_spotlight {
     z-index: calc(var(--tour-z-index, var(--z-modal)) + var(--tour-layer, 0));
     box-shadow: var(--tour-spotlight-shadow, 0 0 0 var(--tour-spotlight-ring-width, 2px) var(--color-ring));
   }
 
-  .vsTV1G_positioner {
+  ._5wc7ja_positioner {
     z-index: var(--z-index, var(--tour-z-index, var(--z-modal)));
     max-width: var(--available-width);
     max-height: var(--available-height);
@@ -57,7 +57,7 @@
     }
   }
 
-  .vsTV1G_content {
+  ._5wc7ja_content {
     --arrow-background: var(--tour-arrow-background, var(--tour-bg, var(--color-popover)));
     --arrow-size: var(--tour-arrow-size, .625rem);
     box-sizing: border-box;
@@ -82,11 +82,11 @@
     overflow: visible;
 
     &[data-state="open"] {
-      animation: vsTV1G_tour-content-in var(--tour-transition, var(--transition-default)) both;
+      animation: _5wc7ja_tour-content-in var(--tour-transition, var(--transition-default)) both;
     }
 
     &[data-state="closed"] {
-      animation: vsTV1G_tour-content-out var(--tour-transition, var(--transition-default)) both;
+      animation: _5wc7ja_tour-content-out var(--tour-transition, var(--transition-default)) both;
     }
 
     &[data-type="dialog"] {
@@ -100,19 +100,19 @@
     }
   }
 
-  .vsTV1G_arrow {
+  ._5wc7ja_arrow {
     --arrow-background: var(--tour-arrow-background, var(--tour-bg, var(--color-popover)));
     --arrow-size: var(--tour-arrow-size, .625rem);
   }
 
-  .vsTV1G_arrowTip {
+  ._5wc7ja_arrowTip {
     border-top: var(--tour-border-width, var(--border-width-sm)) solid
       var(--tour-arrow-stroke-color, var(--tour-border-color, var(--color-border)));
     border-left: var(--tour-border-width, var(--border-width-sm)) solid
       var(--tour-arrow-stroke-color, var(--tour-border-color, var(--color-border)));
   }
 
-  .vsTV1G_title {
+  ._5wc7ja_title {
     margin: var(--tour-title-margin, 0);
     color: var(--tour-title-color, var(--tour-color, var(--color-popover-foreground)));
     font-size: var(--tour-title-font-size, var(--text-md));
@@ -121,14 +121,14 @@
     padding-inline-end: var(--tour-title-padding-inline-end, var(--spacing-6));
   }
 
-  .vsTV1G_description {
+  ._5wc7ja_description {
     margin: var(--tour-description-margin, 0);
     color: var(--tour-description-color, var(--color-muted-foreground));
     font-size: var(--tour-description-font-size, var(--text-sm));
     line-height: var(--tour-description-line-height, var(--line-height-text-sm));
   }
 
-  .vsTV1G_progressText {
+  ._5wc7ja_progressText {
     margin-top: var(--tour-progress-text-margin-top, var(--spacing-2));
     color: var(--tour-progress-text-color, var(--color-muted-foreground));
     font-size: var(--tour-progress-text-font-size, var(--text-xs));
@@ -136,7 +136,7 @@
     order: 1;
   }
 
-  .vsTV1G_closeTrigger {
+  ._5wc7ja_closeTrigger {
     box-sizing: border-box;
     width: var(--tour-close-trigger-size, 1.75rem);
     height: var(--tour-close-trigger-size, 1.75rem);
@@ -174,7 +174,7 @@
     }
   }
 
-  .vsTV1G_closeIcon {
+  ._5wc7ja_closeIcon {
     --close-button-size: var(--tour-close-trigger-size, 1.75rem);
     --close-button-radius: var(--tour-close-trigger-radius, var(--radius-md));
     --close-button-icon-size: var(--tour-close-trigger-icon-size, .875rem);
@@ -190,7 +190,7 @@
     inset-inline-end: var(--tour-close-trigger-offset, var(--spacing-2));
   }
 
-  .vsTV1G_control {
+  ._5wc7ja_control {
     justify-content: flex-end;
     gap: var(--tour-control-gap, var(--spacing-2));
     margin-top: var(--tour-control-margin-top, var(--spacing-3));
@@ -199,7 +199,7 @@
     display: flex;
   }
 
-  .vsTV1G_actionTrigger {
+  ._5wc7ja_actionTrigger {
     box-sizing: border-box;
     min-height: var(--tour-action-height, 2rem);
     justify-content: center;
@@ -253,21 +253,21 @@
     }
   }
 
-  @keyframes vsTV1G_tour-backdrop-in {
+  @keyframes _5wc7ja_tour-backdrop-in {
     from {
       opacity: var(--tour-backdrop-starting-opacity, 0);
       backdrop-filter: var(--tour-backdrop-starting-blur, none);
     }
   }
 
-  @keyframes vsTV1G_tour-backdrop-out {
+  @keyframes _5wc7ja_tour-backdrop-out {
     to {
       opacity: var(--tour-backdrop-ending-opacity, 0);
       backdrop-filter: var(--tour-backdrop-ending-blur, none);
     }
   }
 
-  @keyframes vsTV1G_tour-content-in {
+  @keyframes _5wc7ja_tour-content-in {
     from {
       opacity: var(--tour-content-starting-opacity, 0);
       translate: var(--tour-content-starting-translate-x, 0)
@@ -276,7 +276,7 @@
     }
   }
 
-  @keyframes vsTV1G_tour-content-out {
+  @keyframes _5wc7ja_tour-content-out {
     to {
       opacity: var(--tour-content-ending-opacity, 0);
       translate: var(--tour-content-ending-translate-x, 0) var(--tour-content-ending-translate-y, 0);

package/dist/components/tour/Tour.module.js

@@ -1,23 +1,23 @@
 import './Tour.css';
 //#region src/components/tour/Tour.module.css
 var Tour_module_default = {
-	"actionTrigger": "vsTV1G_actionTrigger",
-	"arrow": "vsTV1G_arrow",
-	"arrowTip": "vsTV1G_arrowTip",
-	"backdrop": "vsTV1G_backdrop",
-	"closeIcon": "vsTV1G_closeIcon",
-	"closeTrigger": "vsTV1G_closeTrigger",
-	"content": "vsTV1G_content",
-	"control": "vsTV1G_control",
-	"description": "vsTV1G_description",
-	"positioner": "vsTV1G_positioner",
-	"progressText": "vsTV1G_progressText",
-	"spotlight": "vsTV1G_spotlight",
-	"title": "vsTV1G_title",
-	"tour-backdrop-in": "vsTV1G_tour-backdrop-in",
-	"tour-backdrop-out": "vsTV1G_tour-backdrop-out",
-	"tour-content-in": "vsTV1G_tour-content-in",
-	"tour-content-out": "vsTV1G_tour-content-out"
+	"actionTrigger": "_5wc7ja_actionTrigger",
+	"arrow": "_5wc7ja_arrow",
+	"arrowTip": "_5wc7ja_arrowTip",
+	"backdrop": "_5wc7ja_backdrop",
+	"closeIcon": "_5wc7ja_closeIcon",
+	"closeTrigger": "_5wc7ja_closeTrigger",
+	"content": "_5wc7ja_content",
+	"control": "_5wc7ja_control",
+	"description": "_5wc7ja_description",
+	"positioner": "_5wc7ja_positioner",
+	"progressText": "_5wc7ja_progressText",
+	"spotlight": "_5wc7ja_spotlight",
+	"title": "_5wc7ja_title",
+	"tour-backdrop-in": "_5wc7ja_tour-backdrop-in",
+	"tour-backdrop-out": "_5wc7ja_tour-backdrop-out",
+	"tour-content-in": "_5wc7ja_tour-content-in",
+	"tour-content-out": "_5wc7ja_tour-content-out"
 };
 //#endregion
 export { Tour_module_default as default };

package/dist/components/tree-view/TreeView.css

@@ -1,5 +1,5 @@
 @layer ui.components {
-  .A1SkAG_root {
+  .-ZBX5W_root {
     box-sizing: border-box;
     width: var(--tree-view-width, 20rem);
     max-width: var(--tree-view-max-width, 100%);
@@ -14,7 +14,7 @@
     }
   }
 
-  .A1SkAG_label {
+  .-ZBX5W_label {
     color: var(--tree-view-label-color, var(--tree-view-color, var(--color-foreground)));
     font-size: var(--tree-view-label-font-size, var(--text-sm));
     font-weight: var(--tree-view-label-font-weight, var(--weight-medium));
@@ -22,7 +22,7 @@
     user-select: none;
   }
 
-  .A1SkAG_tree {
+  .-ZBX5W_tree {
     min-width: 0;
     color: var(--tree-view-color, var(--color-foreground));
     font-size: var(--tree-view-item-font-size, var(--text-sm));
@@ -31,12 +31,12 @@
     display: flex;
   }
 
-  .A1SkAG_branch {
+  .-ZBX5W_branch {
     min-width: 0;
     position: relative;
   }
 
-  .A1SkAG_branchControl, .A1SkAG_item {
+  .-ZBX5W_branchControl, .-ZBX5W_item {
     box-sizing: border-box;
     width: 100%;
     min-width: 0;
@@ -86,7 +86,7 @@
     }
   }
 
-  .A1SkAG_branchTrigger, .A1SkAG_branchIndicator, .A1SkAG_itemIndicator {
+  .-ZBX5W_branchTrigger, .-ZBX5W_branchIndicator, .-ZBX5W_itemIndicator {
     width: var(--tree-view-indicator-size, 1rem);
     height: var(--tree-view-indicator-size, 1rem);
     flex: 0 0 var(--tree-view-indicator-size, 1rem);
@@ -101,7 +101,7 @@
     }
   }
 
-  .A1SkAG_branchTrigger, .A1SkAG_branchIndicator {
+  .-ZBX5W_branchTrigger, .-ZBX5W_branchIndicator {
     transition: transform var(--tree-view-transition, var(--transition-default));
 
     &[data-state="open"] {
@@ -109,7 +109,7 @@
     }
   }
 
-  .A1SkAG_branchText, .A1SkAG_itemText {
+  .-ZBX5W_branchText, .-ZBX5W_itemText {
     align-items: center;
     gap: var(--tree-view-item-text-gap, var(--spacing-2));
     text-overflow: ellipsis;
@@ -126,23 +126,23 @@
     }
   }
 
-  .A1SkAG_branchContent {
+  .-ZBX5W_branchContent {
     min-width: 0;
     position: relative;
     overflow: hidden;
 
     &[data-state="open"] {
-      animation: A1SkAG_tree-view-slide-down var(--tree-view-content-transition-duration, .15s) ease-out,
-        A1SkAG_tree-view-fade-in var(--tree-view-content-transition-duration, .15s) ease-out;
+      animation: -ZBX5W_tree-view-slide-down var(--tree-view-content-transition-duration, .15s) ease-out,
+        -ZBX5W_tree-view-fade-in var(--tree-view-content-transition-duration, .15s) ease-out;
     }
 
     &[data-state="closed"] {
-      animation: A1SkAG_tree-view-slide-up var(--tree-view-content-transition-duration, .15s) ease-out,
-        A1SkAG_tree-view-fade-out var(--tree-view-content-transition-duration, .15s) ease-out;
+      animation: -ZBX5W_tree-view-slide-up var(--tree-view-content-transition-duration, .15s) ease-out,
+        -ZBX5W_tree-view-fade-out var(--tree-view-content-transition-duration, .15s) ease-out;
     }
   }
 
-  .A1SkAG_branchIndentGuide {
+  .-ZBX5W_branchIndentGuide {
     z-index: 1;
     width: var(--tree-view-indent-guide-width, var(--border-width-sm));
     background-color: var(--tree-view-indent-guide-color, var(--color-border));
@@ -154,7 +154,7 @@
         (var(--tree-view-indicator-size, 1rem) / 2));
   }
 
-  .A1SkAG_nodeCheckbox {
+  .-ZBX5W_nodeCheckbox {
     box-sizing: border-box;
     width: var(--tree-view-checkbox-size, 1rem);
     height: var(--tree-view-checkbox-size, 1rem);
@@ -193,13 +193,13 @@
     }
   }
 
-  .A1SkAG_nodeCheckboxIndicator {
+  .-ZBX5W_nodeCheckboxIndicator {
     justify-content: center;
     align-items: center;
     display: inline-flex;
   }
 
-  .A1SkAG_nodeRenameInput {
+  .-ZBX5W_nodeRenameInput {
     box-sizing: border-box;
     border: var(--tree-view-rename-input-border-width, var(--border-width-sm)) solid
       var(--tree-view-rename-input-border-color, var(--color-ring));
@@ -219,7 +219,7 @@
     }
   }
 
-  @keyframes A1SkAG_tree-view-slide-down {
+  @keyframes -ZBX5W_tree-view-slide-down {
     from {
       height: 0;
     }
@@ -229,7 +229,7 @@
     }
   }
 
-  @keyframes A1SkAG_tree-view-slide-up {
+  @keyframes -ZBX5W_tree-view-slide-up {
     from {
       height: var(--height);
     }
@@ -239,7 +239,7 @@
     }
   }
 
-  @keyframes A1SkAG_tree-view-fade-in {
+  @keyframes -ZBX5W_tree-view-fade-in {
     from {
       opacity: .01;
     }
@@ -249,7 +249,7 @@
     }
   }
 
-  @keyframes A1SkAG_tree-view-fade-out {
+  @keyframes -ZBX5W_tree-view-fade-out {
     from {
       opacity: 1;
     }

package/dist/components/tree-view/TreeView.module.js

@@ -1,26 +1,26 @@
 import './TreeView.css';
 //#region src/components/tree-view/TreeView.module.css
 var TreeView_module_default = {
-	"branch": "A1SkAG_branch",
-	"branchContent": "A1SkAG_branchContent",
-	"branchControl": "A1SkAG_branchControl",
-	"branchIndentGuide": "A1SkAG_branchIndentGuide",
-	"branchIndicator": "A1SkAG_branchIndicator",
-	"branchText": "A1SkAG_branchText",
-	"branchTrigger": "A1SkAG_branchTrigger",
-	"item": "A1SkAG_item",
-	"itemIndicator": "A1SkAG_itemIndicator",
-	"itemText": "A1SkAG_itemText",
-	"label": "A1SkAG_label",
-	"nodeCheckbox": "A1SkAG_nodeCheckbox",
-	"nodeCheckboxIndicator": "A1SkAG_nodeCheckboxIndicator",
-	"nodeRenameInput": "A1SkAG_nodeRenameInput",
-	"root": "A1SkAG_root",
-	"tree": "A1SkAG_tree",
-	"tree-view-fade-in": "A1SkAG_tree-view-fade-in",
-	"tree-view-fade-out": "A1SkAG_tree-view-fade-out",
-	"tree-view-slide-down": "A1SkAG_tree-view-slide-down",
-	"tree-view-slide-up": "A1SkAG_tree-view-slide-up"
+	"branch": "-ZBX5W_branch",
+	"branchContent": "-ZBX5W_branchContent",
+	"branchControl": "-ZBX5W_branchControl",
+	"branchIndentGuide": "-ZBX5W_branchIndentGuide",
+	"branchIndicator": "-ZBX5W_branchIndicator",
+	"branchText": "-ZBX5W_branchText",
+	"branchTrigger": "-ZBX5W_branchTrigger",
+	"item": "-ZBX5W_item",
+	"itemIndicator": "-ZBX5W_itemIndicator",
+	"itemText": "-ZBX5W_itemText",
+	"label": "-ZBX5W_label",
+	"nodeCheckbox": "-ZBX5W_nodeCheckbox",
+	"nodeCheckboxIndicator": "-ZBX5W_nodeCheckboxIndicator",
+	"nodeRenameInput": "-ZBX5W_nodeRenameInput",
+	"root": "-ZBX5W_root",
+	"tree": "-ZBX5W_tree",
+	"tree-view-fade-in": "-ZBX5W_tree-view-fade-in",
+	"tree-view-fade-out": "-ZBX5W_tree-view-fade-out",
+	"tree-view-slide-down": "-ZBX5W_tree-view-slide-down",
+	"tree-view-slide-up": "-ZBX5W_tree-view-slide-up"
 };
 //#endregion
 export { TreeView_module_default as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moduix/react",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "description": "React implementation of the moduix component system, built on Ark UI primitives.",
   "keywords": [
     "accessible",