@moduix/react 2.2.0 → 2.2.4

package/dist/components/menu/{Menu.css → Menu_module.css}

@@ -1,5 +1,5 @@
 @layer moduix.components {
-  .AJ5G3W_trigger, .AJ5G3W_contextTrigger {
+  .trigger-GnJcCa, .contextTrigger-jyrQRV {
     box-sizing: border-box;
     justify-content: center;
     align-items: center;
@@ -16,6 +16,7 @@
     font-size: var(--moduix-menu-trigger-font-size, var(--moduix-text-sm));
     font-weight: var(--moduix-menu-trigger-font-weight, var(--moduix-weight-medium));
     line-height: var(--moduix-menu-trigger-line-height, var(--moduix-line-height-text-sm));
+    -webkit-user-select: none;
     user-select: none;
     cursor: pointer;
     transition: background-color var(--moduix-menu-transition, var(--moduix-transition-default)),
@@ -24,37 +25,31 @@
     outline: 0;
     margin: 0;
     display: inline-flex;
+  }
 
-    @media (hover: hover) {
-      &:hover {
-        background-color: var(--moduix-menu-trigger-bg-hover);
-      }
+  @media (hover: hover) {
+    :is(.trigger-GnJcCa, .contextTrigger-jyrQRV):hover {
+      background-color: var(--moduix-menu-trigger-bg-hover);
     }
+  }
 
-    &:active, &[data-state="open"] {
-      background-color: var(--moduix-menu-trigger-bg-active, var(--moduix-menu-trigger-bg-hover));
-    }
+  :is(.trigger-GnJcCa, .contextTrigger-jyrQRV):active, :is(.trigger-GnJcCa, .contextTrigger-jyrQRV)[data-current][data-state="open"] {
+    background-color: var(--moduix-menu-trigger-bg-active, var(--moduix-menu-trigger-bg-hover));
+  }
 
-    &:focus-visible {
-      outline: var(--moduix-menu-focus-ring-width, var(--moduix-menu-trigger-border-width, var(--moduix-border-width-sm)))
+  :is(.trigger-GnJcCa, .contextTrigger-jyrQRV):focus-visible {
+    outline: var(--moduix-menu-focus-ring-width, var(--moduix-menu-trigger-border-width, var(--moduix-border-width-sm)))
         solid var(--moduix-menu-focus-ring-color, var(--moduix-color-ring));
-      outline-offset: calc(var(--moduix-menu-focus-ring-width, var(--moduix-menu-trigger-border-width, var(--moduix-border-width-sm))) *
+    outline-offset: calc(var(--moduix-menu-focus-ring-width, var(--moduix-menu-trigger-border-width, var(--moduix-border-width-sm))) *
           -1);
-    }
-
-    &[data-disabled], &:disabled {
-      pointer-events: none;
-      opacity: var(--moduix-menu-disabled-opacity, var(--moduix-opacity-disabled));
-    }
   }
 
-  .AJ5G3W_contextTrigger {
-    width: var(--moduix-menu-context-trigger-width, 15rem);
-    min-height: var(--moduix-menu-context-trigger-height, 10rem);
-    border-style: var(--moduix-menu-context-trigger-border-style, dashed);
+  :is(.trigger-GnJcCa, .contextTrigger-jyrQRV)[data-disabled], :is(.trigger-GnJcCa, .contextTrigger-jyrQRV):disabled {
+    pointer-events: none;
+    opacity: var(--moduix-menu-disabled-opacity, var(--moduix-opacity-disabled));
   }
 
-  .AJ5G3W_triggerIcon, .AJ5G3W_indicator {
+  .triggerIcon-N7XJst, .indicator-E0mVnS {
     box-sizing: border-box;
     width: var(--moduix-menu-trigger-icon-size, var(--moduix-spacing-4));
     height: var(--moduix-menu-trigger-icon-size, var(--moduix-spacing-4));
@@ -65,26 +60,26 @@
     display: inline-flex;
   }
 
-  .AJ5G3W_iconSvg, .AJ5G3W_indicator > svg {
+  .iconSvg-BqAnRB, .indicator-E0mVnS > svg {
     width: 100%;
     height: 100%;
   }
 
-  .AJ5G3W_positioner {
+  .positioner-Dxj8G1 {
     z-index: var(--z-index);
     width: var(--positioner-width, auto);
     max-width: var(--available-width);
     outline: 0;
   }
 
-  .AJ5G3W_content {
+  .content-yFF7GN {
     --arrow-size: var(--moduix-menu-arrow-size, var(--moduix-spacing-2-5));
     --arrow-background: var(--moduix-menu-popup-bg, var(--moduix-color-popover));
     box-sizing: border-box;
     min-width: min(max(var(--reference-width, 0px), var(--moduix-menu-popup-min-width, 12rem)),
       var(--available-width, 100vw));
     max-width: min(var(--moduix-menu-popup-max-width, 20rem), var(--available-width, 100vw));
-    max-height: min(var(--moduix-menu-popup-max-height, 24rem), var(--available-height, 100dvh));
+    overflow: var(--moduix-menu-popup-overflow, visible);
     padding-block: var(--moduix-menu-popup-padding-y, var(--moduix-popup-list-padding-y, var(--moduix-spacing-1)));
     border-radius: var(--moduix-menu-popup-radius, var(--moduix-radius-md));
     background-color: var(--moduix-menu-popup-bg, var(--moduix-color-popover));
@@ -97,34 +92,39 @@
     flex-direction: column;
     display: flex;
     position: relative;
-    overflow: auto;
+  }
 
-    &[data-state="open"] {
-      animation: AJ5G3W_menuContentIn
+  .content-yFF7GN[data-state="open"] {
+    animation: menuContentIn-XDpUnW
         var(--moduix-menu-transition, var(--moduix-popup-motion-duration, var(--moduix-duration-normal))
             var(--moduix-popup-motion-easing, var(--moduix-ease-in-out)));
-    }
+  }
 
-    &[data-state="closed"] {
-      animation: AJ5G3W_menuContentOut
+  .content-yFF7GN .contentViewport-GpY3ZX {
+    max-height: min(var(--moduix-menu-popup-max-height, 24rem), var(--available-height, 100dvh));
+    flex-direction: column;
+    display: flex;
+    overflow: auto;
+  }
+
+  .content-yFF7GN[data-state="closed"] {
+    animation: menuContentOut-Q7Drkj
         var(--moduix-menu-transition, var(--moduix-popup-motion-duration, var(--moduix-duration-normal))
             var(--moduix-popup-motion-easing, var(--moduix-ease-in-out)));
-    }
   }
 
-  .AJ5G3W_arrow {
+  .arrow-sziCms {
     --arrow-background: var(--moduix-menu-popup-bg, var(--moduix-color-popover));
-    z-index: -1;
   }
 
-  .AJ5G3W_arrowTip {
+  .arrowTip-h3KKa6 {
     border-block-start: var(--moduix-menu-popup-border-width, var(--moduix-border-width-sm)) solid
       var(--moduix-menu-arrow-stroke-color, var(--moduix-menu-popup-border-color, var(--moduix-color-border)));
     border-inline-start: var(--moduix-menu-popup-border-width, var(--moduix-border-width-sm)) solid
       var(--moduix-menu-arrow-stroke-color, var(--moduix-menu-popup-border-color, var(--moduix-color-border)));
   }
 
-  .AJ5G3W_item, .AJ5G3W_triggerItem, .AJ5G3W_radioItem, .AJ5G3W_checkboxItem {
+  .item-DZSt0x, .triggerItem-hvuoWI, .radioItem-dEpPt0, .checkboxItem-fPj1rO {
     box-sizing: border-box;
     min-height: var(--moduix-menu-item-height, var(--moduix-popup-item-min-height, var(--moduix-size-sm)));
     border-radius: var(--moduix-menu-item-radius, var(--moduix-radius-sm));
@@ -133,6 +133,7 @@
     font: inherit;
     font-size: var(--moduix-menu-item-font-size, var(--moduix-popup-item-font-size, var(--moduix-text-sm)));
     line-height: var(--moduix-menu-item-line-height, var(--moduix-popup-item-line-height, var(--moduix-line-height-text-sm)));
+    -webkit-user-select: none;
     user-select: none;
     cursor: default;
     border: 0;
@@ -140,50 +141,50 @@
     margin: 0;
     text-decoration: none;
     position: relative;
+  }
 
-    &:is([data-highlighted], [data-state="open"]) {
-      z-index: 0;
-
-      &:before {
-        content: "";
-        z-index: -1;
-        inset-block: 0;
-        inset-inline: var(--moduix-menu-highlight-inset-x, var(--moduix-popup-highlight-inset-x, var(--moduix-spacing-1)));
-        border-radius: var(--moduix-menu-highlight-radius, var(--moduix-popup-highlight-radius, var(--moduix-radius-sm)));
-        background-color: var(--moduix-menu-submenu-open-bg, var(--moduix-color-accent));
-        position: absolute;
-      }
-    }
+  :is(.item-DZSt0x, .triggerItem-hvuoWI, .radioItem-dEpPt0, .checkboxItem-fPj1rO):is([data-highlighted], [data-state="open"]) {
+    z-index: 0;
+  }
 
-    &[data-highlighted] {
-      color: var(--moduix-menu-highlight-color, var(--moduix-color-accent-foreground));
-    }
+  :is(.item-DZSt0x, .triggerItem-hvuoWI, .radioItem-dEpPt0, .checkboxItem-fPj1rO):is([data-highlighted], [data-state="open"]):before {
+    content: "";
+    z-index: -1;
+    inset-block: 0;
+    inset-inline: var(--moduix-menu-highlight-inset-x, var(--moduix-popup-highlight-inset-x, var(--moduix-spacing-1)));
+    border-radius: var(--moduix-menu-highlight-radius, var(--moduix-popup-highlight-radius, var(--moduix-radius-sm)));
+    background-color: var(--moduix-menu-submenu-open-bg, var(--moduix-color-accent));
+    position: absolute;
+  }
 
-    &[data-highlighted]:before {
-      background-color: var(--moduix-menu-highlight-bg, var(--moduix-color-accent));
-    }
+  :is(.item-DZSt0x, .triggerItem-hvuoWI, .radioItem-dEpPt0, .checkboxItem-fPj1rO)[data-highlighted] {
+    color: var(--moduix-menu-highlight-color, var(--moduix-color-accent-foreground));
+  }
 
-    &[data-disabled] {
-      pointer-events: none;
-      background-color: var(--moduix-menu-item-bg-disabled, var(--moduix-menu-item-bg, transparent));
-      color: var(--moduix-menu-item-disabled-color, var(--moduix-color-muted-foreground));
-      cursor: default;
-    }
+  :is(.item-DZSt0x, .triggerItem-hvuoWI, .radioItem-dEpPt0, .checkboxItem-fPj1rO)[data-highlighted]:before {
+    background-color: var(--moduix-menu-highlight-bg, var(--moduix-color-accent));
+  }
 
-    &[data-tone="destructive"] {
-      color: var(--moduix-menu-item-destructive-color, var(--moduix-color-destructive));
+  :is(.item-DZSt0x, .triggerItem-hvuoWI, .radioItem-dEpPt0, .checkboxItem-fPj1rO)[data-disabled] {
+    pointer-events: none;
+    background-color: var(--moduix-menu-item-bg-disabled, var(--moduix-menu-item-bg, transparent));
+    color: var(--moduix-menu-item-disabled-color, var(--moduix-color-muted-foreground));
+    cursor: default;
+  }
 
-      &[data-highlighted] {
-        color: var(--moduix-menu-item-destructive-highlight-color, var(--moduix-menu-item-destructive-color, var(--moduix-color-destructive)));
+  :is(.item-DZSt0x, .triggerItem-hvuoWI, .radioItem-dEpPt0, .checkboxItem-fPj1rO)[data-tone="destructive"] {
+    color: var(--moduix-menu-item-destructive-color, var(--moduix-color-destructive));
+  }
 
-        &:before {
-          background-color: var(--moduix-menu-item-destructive-highlight-bg, color-mix(in oklab, var(--moduix-color-destructive) 12%, transparent));
-        }
-      }
-    }
+  :is(.item-DZSt0x, .triggerItem-hvuoWI, .radioItem-dEpPt0, .checkboxItem-fPj1rO)[data-tone="destructive"][data-highlighted] {
+    color: var(--moduix-menu-item-destructive-highlight-color, var(--moduix-menu-item-destructive-color, var(--moduix-color-destructive)));
   }
 
-  .AJ5G3W_item {
+  :is(.item-DZSt0x, .triggerItem-hvuoWI, .radioItem-dEpPt0, .checkboxItem-fPj1rO)[data-tone="destructive"][data-highlighted]:before {
+    background-color: var(--moduix-menu-item-destructive-highlight-bg, color-mix(in oklab, var(--moduix-color-destructive) 12%, transparent));
+  }
+
+  .item-DZSt0x {
     align-items: center;
     gap: var(--moduix-menu-item-gap, var(--moduix-spacing-2));
     padding-block: var(--moduix-menu-item-padding-y, var(--moduix-popup-item-padding-y, var(--moduix-spacing-1)));
@@ -192,7 +193,7 @@
     display: flex;
   }
 
-  .AJ5G3W_triggerItem {
+  .triggerItem-hvuoWI {
     justify-content: space-between;
     align-items: center;
     gap: var(--moduix-menu-trigger-item-gap, var(--moduix-spacing-3));
@@ -202,7 +203,7 @@
     display: flex;
   }
 
-  .AJ5G3W_triggerItemIcon {
+  .triggerItemIcon-hMUDIf {
     box-sizing: border-box;
     width: var(--moduix-menu-trigger-item-icon-size, var(--moduix-spacing-3-5));
     height: var(--moduix-menu-trigger-item-icon-size, var(--moduix-spacing-3-5));
@@ -211,12 +212,16 @@
     display: inline-flex;
   }
 
-  .AJ5G3W_itemGroup {
+  .triggerItemIcon-hMUDIf:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
+    transform: scaleX(-1);
+  }
+
+  .itemGroup-XRBydJ {
     padding-block: var(--moduix-menu-group-padding-y, 0);
     display: grid;
   }
 
-  .AJ5G3W_itemGroupLabel {
+  .itemGroupLabel-xvJRDv {
     padding-block: var(--moduix-menu-group-label-padding-y, var(--moduix-popup-group-label-padding-y, var(--moduix-spacing-1)));
     padding-inline: var(--moduix-menu-group-label-padding-x-start, var(--moduix-popup-group-label-padding-x-start, var(--moduix-spacing-2-5)))
       var(--moduix-menu-group-label-padding-x-end, var(--moduix-popup-group-label-padding-x-end, var(--moduix-spacing-3)));
@@ -224,16 +229,17 @@
     font-size: var(--moduix-menu-group-label-font-size, var(--moduix-popup-group-label-font-size, var(--moduix-text-xs)));
     font-weight: var(--moduix-menu-group-label-font-weight, var(--moduix-popup-group-label-font-weight, var(--moduix-weight-regular)));
     line-height: var(--moduix-menu-group-label-line-height, var(--moduix-popup-group-label-line-height, var(--moduix-line-height-text-xs)));
+    -webkit-user-select: none;
     user-select: none;
     cursor: default;
     margin: 0;
   }
 
-  .AJ5G3W_radioItemGroup {
+  .radioItemGroup-EzfpoY {
     display: grid;
   }
 
-  .AJ5G3W_radioItem, .AJ5G3W_checkboxItem {
+  .radioItem-dEpPt0, .checkboxItem-fPj1rO {
     align-items: center;
     gap: var(--moduix-menu-check-gap, var(--moduix-popup-check-gap, var(--moduix-spacing-2)));
     grid-template-columns: var(--moduix-menu-check-indicator-size, var(--moduix-popup-check-indicator-size, var(--moduix-spacing-3)))
@@ -242,43 +248,41 @@
     padding-inline: var(--moduix-menu-check-padding-x-start, var(--moduix-popup-check-padding-x-start, var(--moduix-spacing-2-5)))
       var(--moduix-menu-item-padding-x-end, var(--moduix-popup-item-padding-x-end, var(--moduix-spacing-3)));
     display: grid;
+  }
 
-    &[data-indicator-position="none"] {
-      grid-template-columns: minmax(0, 1fr);
-      padding-inline-start: var(--moduix-menu-item-padding-x-start, var(--moduix-popup-item-padding-x-start, var(--moduix-spacing-3)));
+  :is(.radioItem-dEpPt0, .checkboxItem-fPj1rO)[data-indicator-position="none"] {
+    grid-template-columns: minmax(0, 1fr);
+    padding-inline-start: var(--moduix-menu-item-padding-x-start, var(--moduix-popup-item-padding-x-start, var(--moduix-spacing-3)));
+  }
 
-      & > .AJ5G3W_itemIndicator {
-        display: none;
-      }
+  :is(.radioItem-dEpPt0, .checkboxItem-fPj1rO)[data-indicator-position="none"] > .itemIndicator-hAUfu1 {
+    display: none;
+  }
 
-      & > .AJ5G3W_itemText {
-        grid-column-start: 1;
-      }
-    }
+  :is(.radioItem-dEpPt0, .checkboxItem-fPj1rO)[data-indicator-position="none"] > .itemText-bAw_c1 {
+    grid-column-start: 1;
+  }
 
-    &[data-indicator-position="end"] {
-      grid-template-columns: minmax(0, 1fr)
+  :is(.radioItem-dEpPt0, .checkboxItem-fPj1rO)[data-indicator-position="end"] {
+    grid-template-columns: minmax(0, 1fr)
         var(--moduix-menu-check-indicator-size, var(--moduix-popup-check-indicator-size, var(--moduix-spacing-3)));
+  }
 
-      & > .AJ5G3W_itemText {
-        grid-column-start: 1;
-      }
+  :is(.radioItem-dEpPt0, .checkboxItem-fPj1rO)[data-indicator-position="end"] > .itemText-bAw_c1 {
+    grid-column-start: 1;
+  }
 
-      & > .AJ5G3W_itemIndicator {
-        grid-column-start: 2;
-        justify-self: end;
-      }
-    }
+  :is(.radioItem-dEpPt0, .checkboxItem-fPj1rO)[data-indicator-position="end"] > .itemIndicator-hAUfu1 {
+    grid-column-start: 2;
+    justify-self: end;
   }
 
-  .AJ5G3W_checkboxItem[data-state="checked"] {
-    & > .AJ5G3W_itemIndicator {
-      background-color: var(--moduix-menu-checkbox-indicator-bg-checked, var(--moduix-menu-checkbox-indicator-bg, transparent));
-      border-color: var(--moduix-menu-checkbox-indicator-border-color-checked, var(--moduix-menu-checkbox-indicator-border-color, currentColor));
-    }
+  .checkboxItem-fPj1rO[data-state="checked"] > .itemIndicator-hAUfu1 {
+    background-color: var(--moduix-menu-checkbox-indicator-bg-checked, var(--moduix-menu-checkbox-indicator-bg, transparent));
+    border-color: var(--moduix-menu-checkbox-indicator-border-color-checked, var(--moduix-menu-checkbox-indicator-border-color, currentColor));
   }
 
-  .AJ5G3W_itemIndicator {
+  .itemIndicator-hAUfu1 {
     width: var(--moduix-menu-check-indicator-size, var(--moduix-popup-check-indicator-size, var(--moduix-spacing-3)));
     height: var(--moduix-menu-check-indicator-size, var(--moduix-popup-check-indicator-size, var(--moduix-spacing-3)));
     border: var(--moduix-menu-checkbox-indicator-border-width, 0) solid
@@ -289,24 +293,24 @@
     justify-content: center;
     align-items: center;
     display: inline-flex;
+  }
 
-    &[data-state="checked"] {
-      color: var(--moduix-menu-item-indicator-color-checked, currentColor);
-    }
+  .itemIndicator-hAUfu1[data-state="checked"] {
+    color: var(--moduix-menu-item-indicator-color-checked, currentColor);
   }
 
-  .AJ5G3W_itemIndicatorIcon {
+  .itemIndicatorIcon-GDT0ww {
     width: 100%;
     height: 100%;
   }
 
-  .AJ5G3W_itemText {
+  .itemText-bAw_c1 {
     grid-column-start: 2;
     min-width: 0;
     overflow: hidden;
   }
 
-  .AJ5G3W_itemTextContent {
+  .itemTextContent-n45S95 {
     align-items: center;
     gap: var(--moduix-menu-item-text-content-gap, var(--moduix-spacing-2));
     vertical-align: top;
@@ -315,7 +319,7 @@
     display: inline-flex;
   }
 
-  .AJ5G3W_itemTextIcon {
+  .itemTextIcon-VvwPBT {
     width: var(--moduix-menu-item-text-icon-size, var(--moduix-spacing-4));
     height: var(--moduix-menu-item-text-icon-size, var(--moduix-spacing-4));
     color: var(--moduix-menu-item-text-icon-color, currentColor);
@@ -325,14 +329,14 @@
     display: inline-flex;
   }
 
-  .AJ5G3W_itemTextLabel {
+  .itemTextLabel-o2rZzl {
     text-overflow: ellipsis;
     white-space: nowrap;
     min-width: 0;
     overflow: hidden;
   }
 
-  .AJ5G3W_itemShortcut {
+  .itemShortcut-sUTFok {
     color: var(--moduix-menu-item-shortcut-color, var(--moduix-color-muted-foreground));
     font-size: var(--moduix-menu-item-shortcut-font-size, var(--moduix-text-xs));
     line-height: var(--moduix-menu-item-shortcut-line-height, var(--moduix-line-height-text-xs));
@@ -341,7 +345,7 @@
     padding-inline-start: var(--moduix-menu-item-shortcut-padding-x-start, var(--moduix-spacing-4));
   }
 
-  .AJ5G3W_separator {
+  .separator-gjooPr {
     box-sizing: border-box;
     height: var(--moduix-menu-separator-height, var(--moduix-border-width-sm));
     margin-block: var(--moduix-menu-separator-margin-y, var(--moduix-popup-separator-margin-y, var(--moduix-spacing-1-5)));
@@ -351,7 +355,7 @@
     border: 0;
   }
 
-  @keyframes AJ5G3W_menuContentIn {
+  @keyframes menuContentIn-XDpUnW {
     from {
       opacity: var(--moduix-menu-popup-starting-opacity, var(--moduix-popup-motion-starting-opacity, 0));
       translate: var(--moduix-menu-popup-starting-translate-x, var(--moduix-popup-motion-starting-translate-x, 0))
@@ -365,7 +369,7 @@
     }
   }
 
-  @keyframes AJ5G3W_menuContentOut {
+  @keyframes menuContentOut-Q7Drkj {
     from {
       opacity: 1;
       transform: scale(1);
@@ -379,3 +383,4 @@
     }
   }
 }
+

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

@@ -1,2 +1 @@
-import { Menu, useMenu } from "./Menu.js";
-export { Menu, useMenu };
+export { Menu, useMenu, useMenuContext, useMenuItemContext } from './Menu.js';

package/dist/components/menu/index.js

@@ -0,0 +1 @@
+export { Menu, useMenu, useMenuContext, useMenuItemContext } from "./Menu.js";

package/dist/components/native-select/NativeSelect.d.ts

@@ -1,12 +1,9 @@
-import { ComponentProps } from "react";
-import { Field } from "@ark-ui/react/field";
-
-//#region src/components/native-select/NativeSelect.d.ts
-type NativeSelectRootProps = ComponentProps<typeof Field.Select> & {
-  controlProps?: ComponentProps<'span'>;
+import { Field as FieldPrimitive } from '@ark-ui/react/field';
+import type { ComponentProps } from 'react';
+type NativeSelectRootProps = ComponentProps<typeof FieldPrimitive.Select> & {
+    controlProps?: ComponentProps<'span'>;
 };
 declare const NativeSelect: import("react").ForwardRefExoticComponent<Omit<NativeSelectRootProps, "ref"> & import("react").RefAttributes<HTMLSelectElement>> & {
-  Root: import("react").ForwardRefExoticComponent<Omit<NativeSelectRootProps, "ref"> & import("react").RefAttributes<HTMLSelectElement>>;
+    Root: import("react").ForwardRefExoticComponent<Omit<NativeSelectRootProps, "ref"> & import("react").RefAttributes<HTMLSelectElement>>;
 };
-//#endregion
-export { NativeSelect };
+export { NativeSelect };

package/dist/components/native-select/NativeSelect.js

@@ -1,33 +1,36 @@
-import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
-import { ChevronDownIcon } from "../../lib/moduix/icons/ui/Icons.js";
-import NativeSelect_module_default from "./NativeSelect.module.js";
-import { clsx } from "clsx";
-import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Field } from "@ark-ui/react/field";
-//#region src/components/native-select/NativeSelect.tsx
-const NativeSelectRoot = forwardRef(function NativeSelectRoot({ className, controlProps, ...props }, ref) {
-	return /* @__PURE__ */ jsxs("span", {
-		...controlProps,
-		"data-scope": "native-select",
-		"data-part": "control",
-		"data-slot": "native-select-control",
-		className: clsx(NativeSelect_module_default.control, normalizeClassName(controlProps?.className)),
-		children: [/* @__PURE__ */ jsx(Field.Select, {
-			...props,
-			ref,
-			"data-slot": "native-select-root",
-			className: clsx(NativeSelect_module_default.root, normalizeClassName(className))
-		}), /* @__PURE__ */ jsx("span", {
-			"aria-hidden": "true",
-			"data-scope": "native-select",
-			"data-part": "indicator",
-			"data-slot": "native-select-indicator",
-			className: NativeSelect_module_default.indicator,
-			children: /* @__PURE__ */ jsx(ChevronDownIcon, {})
-		})]
-	});
+import { clsx } from "clsx";
+import { forwardRef } from "react";
+import { ChevronDownIcon } from "../../internal/icons/ui/index.js";
+import { normalizeClassName } from "../../internal/normalizeClassName.js";
+import NativeSelect_module from "./NativeSelect.module.js";
+const NativeSelect_NativeSelectRoot = /*#__PURE__*/ forwardRef(function({ className, controlProps, ...props }, ref) {
+    return /*#__PURE__*/ jsxs("span", {
+        ...controlProps,
+        "data-scope": "native-select",
+        "data-part": "control",
+        "data-slot": "native-select-control",
+        className: clsx(NativeSelect_module.control, normalizeClassName(controlProps?.className)),
+        children: [
+            /*#__PURE__*/ jsx(Field.Select, {
+                ...props,
+                ref: ref,
+                "data-slot": "native-select-root",
+                className: clsx(NativeSelect_module.root, normalizeClassName(className))
+            }),
+            /*#__PURE__*/ jsx("span", {
+                "aria-hidden": "true",
+                "data-scope": "native-select",
+                "data-part": "indicator",
+                "data-slot": "native-select-indicator",
+                className: NativeSelect_module.indicator,
+                children: /*#__PURE__*/ jsx(ChevronDownIcon, {})
+            })
+        ]
+    });
+});
+const NativeSelect = Object.assign(NativeSelect_NativeSelectRoot, {
+    Root: NativeSelect_NativeSelectRoot
 });
-const NativeSelect = Object.assign(NativeSelectRoot, { Root: NativeSelectRoot });
-//#endregion
 export { NativeSelect };

package/dist/components/native-select/NativeSelect.module.js

@@ -1,9 +1,7 @@
-import './NativeSelect.css';
-//#region src/components/native-select/NativeSelect.module.css
-var NativeSelect_module_default = {
-	"control": "mei8Eq_control",
-	"indicator": "mei8Eq_indicator",
-	"root": "mei8Eq_root"
+import "./NativeSelect_module.css";
+const NativeSelect_module = {
+    control: "control-D7osAi",
+    root: "root-ZCXVuV",
+    indicator: "indicator-oW5rXf"
 };
-//#endregion
-export { NativeSelect_module_default as default };
+export default NativeSelect_module;