@moduix/react 2.2.0 → 2.2.4

package/dist/components/sidebar/Sidebar.module.js

@@ -1,29 +1,27 @@
-import './Sidebar.css';
-//#region src/components/sidebar/Sidebar.module.css
-var Sidebar_module_default = {
-	"content": "_3sukta_content",
-	"footer": "_3sukta_footer",
-	"group": "_3sukta_group",
-	"groupAction": "_3sukta_groupAction",
-	"groupContent": "_3sukta_groupContent",
-	"groupLabel": "_3sukta_groupLabel",
-	"header": "_3sukta_header",
-	"input": "_3sukta_input",
-	"inset": "_3sukta_inset",
-	"label": "_3sukta_label",
-	"menu": "_3sukta_menu",
-	"menuAction": "_3sukta_menuAction",
-	"menuBadge": "_3sukta_menuBadge",
-	"menuButton": "_3sukta_menuButton",
-	"menuItem": "_3sukta_menuItem",
-	"menuSub": "_3sukta_menuSub",
-	"menuSubButton": "_3sukta_menuSubButton",
-	"menuSubItem": "_3sukta_menuSubItem",
-	"panel": "_3sukta_panel",
-	"resizeTrigger": "_3sukta_resizeTrigger",
-	"root": "_3sukta_root",
-	"separator": "_3sukta_separator",
-	"trigger": "_3sukta_trigger"
+import "./Sidebar_module.css";
+const Sidebar_module = {
+    root: "root-TgY_3s",
+    panel: "panel-l44YAX",
+    header: "header-YkNEAV",
+    footer: "footer-RydM38",
+    group: "group-cwd3z7",
+    content: "content-v0UxPJ",
+    label: "label-trHnso",
+    groupLabel: "groupLabel-IvBtsR",
+    menuSub: "menuSub-xn2r86",
+    groupAction: "groupAction-aoQPc4",
+    menuAction: "menuAction-_BDfHY",
+    menuBadge: "menuBadge-GKf4u4",
+    input: "input-nqDU3w",
+    menuButton: "menuButton-OAl6eQ",
+    inset: "inset-FQP9mn",
+    resizeTrigger: "resizeTrigger-xFDgel",
+    trigger: "trigger-_fUcgc",
+    groupContent: "groupContent-_s9yul",
+    menu: "menu-UwagMF",
+    menuItem: "menuItem-ktGhRk",
+    menuSubItem: "menuSubItem-NeKVH5",
+    menuSubButton: "menuSubButton-MjeEfX",
+    separator: "separator-KuEG4k"
 };
-//#endregion
-export { Sidebar_module_default as default };
+export default Sidebar_module;

package/dist/components/sidebar/{Sidebar.css → Sidebar_module.css}

@@ -1,5 +1,5 @@
 @layer moduix.components {
-  ._3sukta_root {
+  .root-TgY_3s {
     --moduix-splitter-width: var(--moduix-sidebar-width, 100%);
     --moduix-splitter-height: var(--moduix-sidebar-height, 100dvh);
     --moduix-splitter-min-height: var(--moduix-sidebar-min-height, 24rem);
@@ -15,7 +15,7 @@
     isolation: isolate;
   }
 
-  ._3sukta_panel {
+  .panel-l44YAX {
     background-color: var(--moduix-sidebar-bg, var(--moduix-color-card));
     color: var(--moduix-sidebar-color, var(--moduix-color-card-foreground));
     transition: background-color var(--moduix-sidebar-transition, var(--moduix-transition-default)),
@@ -24,66 +24,64 @@
     display: flex;
     position: relative;
     overflow: hidden;
+  }
+
+  .panel-l44YAX[data-state="collapsed"] .header-YkNEAV, .panel-l44YAX[data-state="collapsed"] .footer-RydM38, .panel-l44YAX[data-state="collapsed"] .group-cwd3z7 {
+    padding-inline: var(--moduix-sidebar-collapsed-padding-x, var(--moduix-spacing-1));
+  }
+
+  .panel-l44YAX[data-state="collapsed"] .header-YkNEAV, .panel-l44YAX[data-state="collapsed"] .footer-RydM38 {
+    justify-content: center;
+  }
 
-    &[data-state="collapsed"] {
-      & ._3sukta_header, & ._3sukta_footer, & ._3sukta_group {
-        padding-inline: var(--moduix-sidebar-collapsed-padding-x, var(--moduix-spacing-1));
-      }
-
-      & ._3sukta_header, & ._3sukta_footer {
-        justify-content: center;
-      }
-
-      & ._3sukta_content {
-        scrollbar-gutter: auto;
-        scrollbar-width: none;
-        overflow: hidden auto;
-      }
-
-      & ._3sukta_label, & ._3sukta_groupLabel {
-        white-space: nowrap;
-        clip-path: inset(50%);
-        border: 0;
-        width: 1px;
-        height: 1px;
-        margin: -1px;
-        padding: 0;
-        position: absolute;
-        overflow: hidden;
-      }
-
-      & ._3sukta_menuSub, & ._3sukta_groupAction, & ._3sukta_menuAction, & ._3sukta_menuBadge {
-        display: none;
-      }
-
-      & ._3sukta_menuButton {
-        width: var(--moduix-sidebar-collapsed-item-size, var(--moduix-size-md));
-        min-height: var(--moduix-sidebar-collapsed-item-size, var(--moduix-size-md));
-        box-shadow: none;
-        background-color: #0000;
-        border-color: #0000;
-        justify-content: center;
-        margin-inline: auto;
-        padding-inline: 0;
-
-        & > :not(svg):not([data-sidebar-icon]):not([data-slot="sidebar-label"]) {
-          display: none;
-        }
-
-        & > svg, & > [data-sidebar-icon] {
-          margin-inline: auto;
-        }
-
-        @media (hover: hover) {
-          &:hover {
-            background-color: #0000;
-          }
-        }
-      }
+  .panel-l44YAX[data-state="collapsed"] .content-v0UxPJ {
+    scrollbar-gutter: auto;
+    scrollbar-width: none;
+    overflow: hidden auto;
+  }
+
+  .panel-l44YAX[data-state="collapsed"] .label-trHnso, .panel-l44YAX[data-state="collapsed"] .groupLabel-IvBtsR {
+    white-space: nowrap;
+    clip-path: inset(50%);
+    border: 0;
+    width: 1px;
+    height: 1px;
+    margin: -1px;
+    padding: 0;
+    position: absolute;
+    overflow: hidden;
+  }
+
+  .panel-l44YAX[data-state="collapsed"] .menuSub-xn2r86, .panel-l44YAX[data-state="collapsed"] .groupAction-aoQPc4, .panel-l44YAX[data-state="collapsed"] .menuAction-_BDfHY, .panel-l44YAX[data-state="collapsed"] .menuBadge-GKf4u4, .panel-l44YAX[data-state="collapsed"] .input-nqDU3w {
+    display: none;
+  }
+
+  .panel-l44YAX[data-state="collapsed"] .menuButton-OAl6eQ {
+    width: var(--moduix-sidebar-collapsed-item-size, var(--moduix-size-md));
+    min-height: var(--moduix-sidebar-collapsed-item-size, var(--moduix-size-md));
+    box-shadow: none;
+    background-color: #0000;
+    border-color: #0000;
+    justify-content: center;
+    margin-inline: auto;
+    padding-inline: 0;
+  }
+
+  .panel-l44YAX[data-state="collapsed"] .menuButton-OAl6eQ > :not(svg):not([data-sidebar-icon]):not([data-slot="sidebar-label"]) {
+    display: none;
+  }
+
+  .panel-l44YAX[data-state="collapsed"] .menuButton-OAl6eQ > svg, .panel-l44YAX[data-state="collapsed"] .menuButton-OAl6eQ > [data-sidebar-icon] {
+    margin-inline: auto;
+  }
+
+  @media (hover: hover) {
+    .panel-l44YAX[data-state="collapsed"] .menuButton-OAl6eQ:hover {
+      background-color: #0000;
     }
   }
 
-  ._3sukta_inset {
+  .inset-FQP9mn {
     background-color: var(--moduix-sidebar-inset-bg, var(--moduix-color-background));
     min-width: 0;
     color: var(--moduix-sidebar-inset-color, var(--moduix-color-foreground));
@@ -91,11 +89,15 @@
     overflow: auto;
   }
 
-  ._3sukta_resizeTrigger {
+  .resizeTrigger-xFDgel {
     z-index: 2;
   }
 
-  ._3sukta_trigger {
+  .resizeTrigger-xFDgel:focus-visible:not([data-dragging]):before {
+    background-color: var(--moduix-sidebar-focus-ring-color, var(--moduix-color-ring));
+  }
+
+  .trigger-_fUcgc {
     box-sizing: border-box;
     width: var(--moduix-sidebar-trigger-size, var(--moduix-spacing-7));
     min-width: var(--moduix-sidebar-trigger-size, var(--moduix-spacing-7));
@@ -114,32 +116,32 @@
     align-items: center;
     padding: 0;
     display: inline-flex;
+  }
 
-    & > svg {
-      width: var(--moduix-sidebar-icon-size, var(--moduix-spacing-4));
-      height: var(--moduix-sidebar-icon-size, var(--moduix-spacing-4));
-    }
+  .trigger-_fUcgc > svg {
+    width: var(--moduix-sidebar-icon-size, var(--moduix-spacing-4));
+    height: var(--moduix-sidebar-icon-size, var(--moduix-spacing-4));
+  }
 
-    &:focus-visible {
-      outline: var(--moduix-sidebar-focus-ring-width, var(--moduix-focus-ring-width, var(--moduix-border-width-md)))
+  .trigger-_fUcgc:focus-visible {
+    outline: var(--moduix-sidebar-focus-ring-width, var(--moduix-focus-ring-width, var(--moduix-border-width-md)))
         solid var(--moduix-sidebar-focus-ring-color, var(--moduix-color-ring));
-      outline-offset: var(--moduix-sidebar-focus-ring-offset, var(--moduix-focus-ring-offset));
-    }
+    outline-offset: var(--moduix-sidebar-focus-ring-offset, var(--moduix-focus-ring-offset));
+  }
 
-    &:disabled, &[aria-disabled="true"] {
-      opacity: var(--moduix-sidebar-disabled-opacity, var(--moduix-opacity-disabled));
-      pointer-events: none;
-    }
+  .trigger-_fUcgc:disabled, .trigger-_fUcgc[aria-disabled="true"] {
+    opacity: var(--moduix-sidebar-disabled-opacity, var(--moduix-opacity-disabled));
+    pointer-events: none;
+  }
 
-    @media (hover: hover) {
-      &:hover {
-        background-color: var(--moduix-sidebar-accent-bg, var(--moduix-color-accent));
-        color: var(--moduix-sidebar-accent-color, var(--moduix-color-accent-foreground));
-      }
+  @media (hover: hover) {
+    .trigger-_fUcgc:hover {
+      background-color: var(--moduix-sidebar-accent-bg, var(--moduix-color-accent));
+      color: var(--moduix-sidebar-accent-color, var(--moduix-color-accent-foreground));
     }
   }
 
-  ._3sukta_trigger {
+  .trigger-_fUcgc {
     z-index: 4;
     margin-block-start: var(--moduix-sidebar-trigger-offset-y, var(--moduix-spacing-4));
     margin-inline: calc(var(--moduix-sidebar-trigger-size, var(--moduix-spacing-7)) * -.5);
@@ -150,21 +152,21 @@
     box-shadow: var(--moduix-sidebar-trigger-shadow, var(--moduix-shadow-sm));
     align-self: flex-start;
     position: relative;
+  }
 
-    &[data-side="left"][data-state="collapsed"] > svg, &[data-side="right"][data-state="expanded"] > svg {
-      transform: rotate(180deg);
-    }
+  .trigger-_fUcgc[data-side="left"][data-state="collapsed"] > svg, .trigger-_fUcgc[data-side="right"][data-state="expanded"] > svg {
+    transform: rotate(180deg);
+  }
 
-    & > svg {
-      transition: transform var(--moduix-sidebar-transition, var(--moduix-transition-default));
-    }
+  .trigger-_fUcgc > svg {
+    transition: transform var(--moduix-sidebar-transition, var(--moduix-transition-default));
   }
 
-  ._3sukta_label {
+  .label-trHnso {
     min-width: 0;
   }
 
-  ._3sukta_header, ._3sukta_footer {
+  .header-YkNEAV, .footer-RydM38 {
     align-items: center;
     gap: var(--moduix-sidebar-gap, var(--moduix-spacing-2));
     padding: var(--moduix-sidebar-header-footer-padding, var(--moduix-spacing-3));
@@ -172,17 +174,17 @@
     display: flex;
   }
 
-  ._3sukta_header {
+  .header-YkNEAV {
     border-block-end: var(--moduix-sidebar-section-border-width, 0) solid
       var(--moduix-sidebar-border-color, var(--moduix-color-border));
   }
 
-  ._3sukta_footer {
+  .footer-RydM38 {
     border-block-start: var(--moduix-sidebar-section-border-width, 0) solid
       var(--moduix-sidebar-border-color, var(--moduix-color-border));
   }
 
-  ._3sukta_content {
+  .content-v0UxPJ {
     overscroll-behavior: contain;
     scrollbar-gutter: stable;
     flex-direction: column;
@@ -192,14 +194,14 @@
     overflow: auto;
   }
 
-  ._3sukta_group {
+  .group-cwd3z7 {
     gap: var(--moduix-sidebar-group-gap, var(--moduix-spacing-1));
     padding: var(--moduix-sidebar-group-padding, var(--moduix-spacing-3));
     flex-direction: column;
     display: flex;
   }
 
-  ._3sukta_groupLabel {
+  .groupLabel-IvBtsR {
     min-width: 0;
     padding-inline: var(--moduix-sidebar-group-label-padding-x, var(--moduix-spacing-2));
     color: var(--moduix-sidebar-muted-color, var(--moduix-color-muted-foreground));
@@ -210,7 +212,7 @@
     margin: 0;
   }
 
-  ._3sukta_groupAction {
+  .groupAction-aoQPc4 {
     width: var(--moduix-sidebar-group-action-size, var(--moduix-size-xs));
     height: var(--moduix-sidebar-group-action-size, var(--moduix-size-xs));
     border-radius: var(--moduix-sidebar-menu-button-radius, var(--moduix-radius-md));
@@ -225,52 +227,52 @@
     align-items: center;
     padding: 0;
     display: inline-flex;
+  }
 
-    & > svg {
-      width: var(--moduix-sidebar-icon-size, var(--moduix-spacing-4));
-      height: var(--moduix-sidebar-icon-size, var(--moduix-spacing-4));
-    }
+  .groupAction-aoQPc4 > svg {
+    width: var(--moduix-sidebar-icon-size, var(--moduix-spacing-4));
+    height: var(--moduix-sidebar-icon-size, var(--moduix-spacing-4));
+  }
 
-    &:focus-visible {
-      outline: var(--moduix-sidebar-focus-ring-width, var(--moduix-focus-ring-width, var(--moduix-border-width-md)))
+  .groupAction-aoQPc4:focus-visible {
+    outline: var(--moduix-sidebar-focus-ring-width, var(--moduix-focus-ring-width, var(--moduix-border-width-md)))
         solid var(--moduix-sidebar-focus-ring-color, var(--moduix-color-ring));
-      outline-offset: var(--moduix-sidebar-focus-ring-offset, var(--moduix-focus-ring-offset));
-    }
+    outline-offset: var(--moduix-sidebar-focus-ring-offset, var(--moduix-focus-ring-offset));
+  }
 
-    @media (hover: hover) {
-      &:hover {
-        background-color: var(--moduix-sidebar-accent-bg, var(--moduix-color-accent));
-        color: var(--moduix-sidebar-accent-color, var(--moduix-color-accent-foreground));
-      }
+  @media (hover: hover) {
+    .groupAction-aoQPc4:hover {
+      background-color: var(--moduix-sidebar-accent-bg, var(--moduix-color-accent));
+      color: var(--moduix-sidebar-accent-color, var(--moduix-color-accent-foreground));
     }
   }
 
-  ._3sukta_group:has(._3sukta_groupAction) {
+  .group-cwd3z7:has(.groupAction-aoQPc4) {
     column-gap: var(--moduix-sidebar-gap, var(--moduix-spacing-2));
     row-gap: var(--moduix-sidebar-group-gap, var(--moduix-spacing-1));
     grid-template-columns: minmax(0, 1fr) auto;
     display: grid;
   }
 
-  ._3sukta_group:has(._3sukta_groupAction) ._3sukta_groupLabel {
+  .group-cwd3z7:has(.groupAction-aoQPc4) .groupLabel-IvBtsR {
     grid-column: 1;
   }
 
-  ._3sukta_group:has(._3sukta_groupAction) ._3sukta_groupAction {
+  .group-cwd3z7:has(.groupAction-aoQPc4) .groupAction-aoQPc4 {
     grid-column: 2;
     align-self: center;
   }
 
-  ._3sukta_groupContent {
+  .groupContent-_s9yul {
     width: 100%;
     min-width: 0;
   }
 
-  ._3sukta_group:has(._3sukta_groupAction) ._3sukta_groupContent {
+  .group-cwd3z7:has(.groupAction-aoQPc4) .groupContent-_s9yul {
     grid-column: 1 / -1;
   }
 
-  ._3sukta_menu, ._3sukta_menuSub {
+  .menu-UwagMF, .menuSub-xn2r86 {
     gap: var(--moduix-sidebar-menu-gap, var(--moduix-spacing-1));
     flex-direction: column;
     width: 100%;
@@ -281,12 +283,12 @@
     display: flex;
   }
 
-  ._3sukta_menuItem, ._3sukta_menuSubItem {
+  .menuItem-ktGhRk, .menuSubItem-NeKVH5 {
     min-width: 0;
     position: relative;
   }
 
-  ._3sukta_menuButton, ._3sukta_menuSubButton {
+  .menuButton-OAl6eQ, .menuSubButton-MjeEfX {
     box-sizing: border-box;
     border: var(--moduix-sidebar-menu-button-border-width, 0) solid transparent;
     border-radius: var(--moduix-sidebar-menu-button-radius, var(--moduix-radius-md));
@@ -305,76 +307,76 @@
     align-items: center;
     text-decoration: none;
     display: flex;
+  }
 
-    & > svg {
-      width: var(--moduix-sidebar-icon-size, var(--moduix-spacing-4));
-      height: var(--moduix-sidebar-icon-size, var(--moduix-spacing-4));
-      flex: none;
-    }
+  :is(.menuButton-OAl6eQ, .menuSubButton-MjeEfX) > svg {
+    width: var(--moduix-sidebar-icon-size, var(--moduix-spacing-4));
+    height: var(--moduix-sidebar-icon-size, var(--moduix-spacing-4));
+    flex: none;
+  }
 
-    & > [data-sidebar-icon] {
-      flex: none;
-    }
+  :is(.menuButton-OAl6eQ, .menuSubButton-MjeEfX) > [data-sidebar-icon] {
+    flex: none;
+  }
 
-    & > span:last-child {
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      min-width: 0;
-      overflow: hidden;
-    }
+  :is(.menuButton-OAl6eQ, .menuSubButton-MjeEfX) > span:last-child {
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    min-width: 0;
+    overflow: hidden;
+  }
 
-    &:focus-visible {
-      outline: var(--moduix-sidebar-focus-ring-width, var(--moduix-focus-ring-width, var(--moduix-border-width-md)))
+  :is(.menuButton-OAl6eQ, .menuSubButton-MjeEfX):focus-visible {
+    outline: var(--moduix-sidebar-focus-ring-width, var(--moduix-focus-ring-width, var(--moduix-border-width-md)))
         solid var(--moduix-sidebar-focus-ring-color, var(--moduix-color-ring));
-      outline-offset: var(--moduix-sidebar-focus-ring-offset, var(--moduix-focus-ring-offset));
-    }
+    outline-offset: var(--moduix-sidebar-focus-ring-offset, var(--moduix-focus-ring-offset));
+  }
 
-    &:disabled, &[aria-disabled="true"] {
-      opacity: var(--moduix-sidebar-disabled-opacity, var(--moduix-opacity-disabled));
-      pointer-events: none;
-    }
+  :is(.menuButton-OAl6eQ, .menuSubButton-MjeEfX):disabled, :is(.menuButton-OAl6eQ, .menuSubButton-MjeEfX)[aria-disabled="true"] {
+    opacity: var(--moduix-sidebar-disabled-opacity, var(--moduix-opacity-disabled));
+    pointer-events: none;
+  }
 
-    &[data-active] {
+  :is(.menuButton-OAl6eQ, .menuSubButton-MjeEfX)[data-active] {
+    background-color: var(--moduix-sidebar-accent-bg, var(--moduix-color-accent));
+    color: var(--moduix-sidebar-accent-color, var(--moduix-color-accent-foreground));
+    font-weight: var(--moduix-sidebar-active-font-weight, var(--moduix-weight-medium));
+  }
+
+  @media (hover: hover) {
+    :is(.menuButton-OAl6eQ, .menuSubButton-MjeEfX):hover:not(:disabled, [aria-disabled="true"]) {
       background-color: var(--moduix-sidebar-accent-bg, var(--moduix-color-accent));
       color: var(--moduix-sidebar-accent-color, var(--moduix-color-accent-foreground));
-      font-weight: var(--moduix-sidebar-active-font-weight, var(--moduix-weight-medium));
-    }
-
-    @media (hover: hover) {
-      &:hover:not(:disabled, [aria-disabled="true"]) {
-        background-color: var(--moduix-sidebar-accent-bg, var(--moduix-color-accent));
-        color: var(--moduix-sidebar-accent-color, var(--moduix-color-accent-foreground));
-      }
     }
   }
 
-  ._3sukta_menuButton {
+  .menuButton-OAl6eQ {
     gap: var(--moduix-sidebar-menu-button-gap, var(--moduix-spacing-2));
     min-height: var(--moduix-sidebar-menu-button-height, var(--moduix-size-md));
     padding-block: var(--moduix-sidebar-menu-button-padding-y, var(--moduix-spacing-1));
     padding-inline: var(--moduix-sidebar-menu-button-padding-x, var(--moduix-spacing-2));
     font-size: var(--moduix-sidebar-menu-button-font-size, var(--moduix-text-sm));
     line-height: var(--moduix-sidebar-menu-button-line-height, var(--moduix-line-height-text-sm));
+  }
 
-    &[data-size="sm"] {
-      min-height: var(--moduix-sidebar-menu-button-height-sm, var(--moduix-size-sm));
-      font-size: var(--moduix-sidebar-menu-button-font-size-sm, var(--moduix-text-xs));
-    }
+  .menuButton-OAl6eQ[data-size="sm"] {
+    min-height: var(--moduix-sidebar-menu-button-height-sm, var(--moduix-size-sm));
+    font-size: var(--moduix-sidebar-menu-button-font-size-sm, var(--moduix-text-xs));
+  }
 
-    &[data-size="lg"] {
-      min-height: var(--moduix-sidebar-menu-button-height-lg, var(--moduix-size-lg));
-    }
+  .menuButton-OAl6eQ[data-size="lg"] {
+    min-height: var(--moduix-sidebar-menu-button-height-lg, var(--moduix-size-lg));
+  }
 
-    & > [data-slot="collapsible-indicator"], & > [data-slot="menu-indicator"] {
-      margin-inline-start: auto;
-    }
+  .menuButton-OAl6eQ > [data-slot="collapsible-indicator"], .menuButton-OAl6eQ > [data-slot="menu-indicator"] {
+    margin-inline-start: auto;
   }
 
-  ._3sukta_panel ._3sukta_menuButton {
+  .panel-l44YAX .menuButton-OAl6eQ {
     justify-content: flex-start;
   }
 
-  ._3sukta_menuAction {
+  .menuAction-_BDfHY {
     z-index: 1;
     width: var(--moduix-sidebar-menu-action-size, var(--moduix-size-xs));
     height: var(--moduix-sidebar-menu-action-size, var(--moduix-size-xs));
@@ -395,27 +397,27 @@
           var(--moduix-sidebar-menu-action-size, var(--moduix-size-xs))) /
         2);
     inset-inline-end: var(--moduix-sidebar-menu-button-padding-x, var(--moduix-spacing-2));
+  }
 
-    & > svg {
-      width: var(--moduix-sidebar-icon-size, var(--moduix-spacing-4));
-      height: var(--moduix-sidebar-icon-size, var(--moduix-spacing-4));
-    }
+  .menuAction-_BDfHY > svg {
+    width: var(--moduix-sidebar-icon-size, var(--moduix-spacing-4));
+    height: var(--moduix-sidebar-icon-size, var(--moduix-spacing-4));
+  }
 
-    &:focus-visible {
-      outline: var(--moduix-sidebar-focus-ring-width, var(--moduix-focus-ring-width, var(--moduix-border-width-md)))
+  .menuAction-_BDfHY:focus-visible {
+    outline: var(--moduix-sidebar-focus-ring-width, var(--moduix-focus-ring-width, var(--moduix-border-width-md)))
         solid var(--moduix-sidebar-focus-ring-color, var(--moduix-color-ring));
-      outline-offset: var(--moduix-sidebar-focus-ring-offset, var(--moduix-focus-ring-offset));
-    }
+    outline-offset: var(--moduix-sidebar-focus-ring-offset, var(--moduix-focus-ring-offset));
+  }
 
-    @media (hover: hover) {
-      &:hover {
-        background-color: var(--moduix-sidebar-accent-bg, var(--moduix-color-accent));
-        color: var(--moduix-sidebar-accent-color, var(--moduix-color-accent-foreground));
-      }
+  @media (hover: hover) {
+    .menuAction-_BDfHY:hover {
+      background-color: var(--moduix-sidebar-accent-bg, var(--moduix-color-accent));
+      color: var(--moduix-sidebar-accent-color, var(--moduix-color-accent-foreground));
     }
   }
 
-  ._3sukta_menuBadge {
+  .menuBadge-GKf4u4 {
     z-index: 1;
     min-width: var(--moduix-sidebar-menu-badge-min-width, 1.5rem);
     min-height: var(--moduix-sidebar-menu-badge-min-width, 1.5rem);
@@ -436,16 +438,16 @@
     inset-inline-end: var(--moduix-sidebar-menu-button-padding-x, var(--moduix-spacing-2));
   }
 
-  ._3sukta_menuItem:has(._3sukta_menuAction) ._3sukta_menuButton, ._3sukta_menuItem:has(._3sukta_menuBadge) ._3sukta_menuButton {
+  :is(.menuItem-ktGhRk:has(.menuAction-_BDfHY) .menuButton-OAl6eQ, .menuItem-ktGhRk:has(.menuBadge-GKf4u4) .menuButton-OAl6eQ) {
     padding-inline-end: calc(var(--moduix-sidebar-menu-action-size, var(--moduix-size-xs)) +
         var(--moduix-sidebar-menu-button-padding-x, var(--moduix-spacing-2)) * 2);
   }
 
-  ._3sukta_panel[data-state="collapsed"] ._3sukta_menuItem:has(._3sukta_menuAction) ._3sukta_menuButton, ._3sukta_panel[data-state="collapsed"] ._3sukta_menuItem:has(._3sukta_menuBadge) ._3sukta_menuButton {
+  :is(.panel-l44YAX[data-state="collapsed"] .menuItem-ktGhRk:has(.menuAction-_BDfHY) .menuButton-OAl6eQ, .panel-l44YAX[data-state="collapsed"] .menuItem-ktGhRk:has(.menuBadge-GKf4u4) .menuButton-OAl6eQ) {
     padding-inline-end: 0;
   }
 
-  ._3sukta_menuSub {
+  .menuSub-xn2r86 {
     box-sizing: border-box;
     width: auto;
     border-inline-start: var(--moduix-sidebar-menu-sub-border-width, var(--moduix-border-width-sm))
@@ -455,7 +457,7 @@
     padding-inline-start: var(--moduix-sidebar-menu-sub-padding-x, var(--moduix-spacing-2));
   }
 
-  ._3sukta_menuSubButton {
+  .menuSubButton-MjeEfX {
     gap: var(--moduix-sidebar-menu-sub-button-gap, var(--moduix-spacing-2));
     min-height: var(--moduix-sidebar-menu-sub-button-height, var(--moduix-size-sm));
     padding-inline: var(--moduix-sidebar-menu-sub-button-padding-x, var(--moduix-spacing-2));
@@ -463,17 +465,18 @@
     line-height: var(--moduix-sidebar-menu-sub-button-line-height, var(--moduix-line-height-text-sm));
   }
 
-  ._3sukta_input {
+  .input-nqDU3w {
     width: 100%;
   }
 
-  ._3sukta_separator {
+  .separator-KuEG4k {
     --moduix-separator-color: var(--moduix-sidebar-border-color, var(--moduix-color-border));
   }
 
   @media (prefers-reduced-motion: reduce) {
-    ._3sukta_panel, ._3sukta_trigger, ._3sukta_groupAction, ._3sukta_menuButton, ._3sukta_menuAction, ._3sukta_menuSubButton {
+    .panel-l44YAX, .trigger-_fUcgc, .groupAction-aoQPc4, .menuButton-OAl6eQ, .menuAction-_BDfHY, .menuSubButton-MjeEfX {
       transition: none;
     }
   }
 }
+

package/dist/components/sidebar/index.d.ts

@@ -1,2 +1 @@
-import { Sidebar, useSidebar } from "./Sidebar.js";
-export { Sidebar, useSidebar };
+export { Sidebar, useSidebar } from './Sidebar.js';

package/dist/components/sidebar/index.js

@@ -0,0 +1 @@
+export { Sidebar, useSidebar } from "./Sidebar.js";