@moduix/react 2.1.0 → 2.2.4

package/dist/components/command-palette/CommandPalette.module.js

@@ -1,41 +1,42 @@
-import './CommandPalette.css';
-//#region src/components/command-palette/CommandPalette.module.css
-var CommandPalette_module_default = {
-	"backdrop": "_4OfG0a_backdrop",
-	"body": "_4OfG0a_body",
-	"clearTrigger": "_4OfG0a_clearTrigger",
-	"combobox": "_4OfG0a_combobox",
-	"command-palette-backdrop-in": "_4OfG0a_command-palette-backdrop-in",
-	"command-palette-backdrop-out": "_4OfG0a_command-palette-backdrop-out",
-	"command-palette-content-in": "_4OfG0a_command-palette-content-in",
-	"command-palette-content-out": "_4OfG0a_command-palette-content-out",
-	"content": "_4OfG0a_content",
-	"control": "_4OfG0a_control",
-	"description": "_4OfG0a_description",
-	"empty": "_4OfG0a_empty",
-	"footer": "_4OfG0a_footer",
-	"header": "_4OfG0a_header",
-	"iconSvg": "_4OfG0a_iconSvg",
-	"input": "_4OfG0a_input",
-	"item": "_4OfG0a_item",
-	"itemDescription": "_4OfG0a_itemDescription",
-	"itemGroup": "_4OfG0a_itemGroup",
-	"itemGroupLabel": "_4OfG0a_itemGroupLabel",
-	"itemIcon": "_4OfG0a_itemIcon",
-	"itemIndicator": "_4OfG0a_itemIndicator",
-	"itemLabel": "_4OfG0a_itemLabel",
-	"itemMeta": "_4OfG0a_itemMeta",
-	"itemText": "_4OfG0a_itemText",
-	"kbd": "_4OfG0a_kbd",
-	"list": "_4OfG0a_list",
-	"positioner": "_4OfG0a_positioner",
-	"scrollArea": "_4OfG0a_scrollArea",
-	"scrollbar": "_4OfG0a_scrollbar",
-	"scrollContent": "_4OfG0a_scrollContent",
-	"scrollViewport": "_4OfG0a_scrollViewport",
-	"separator": "_4OfG0a_separator",
-	"title": "_4OfG0a_title",
-	"trigger": "_4OfG0a_trigger"
+import "./CommandPalette_module.css";
+const CommandPalette_module = {
+    trigger: "trigger-A2LbwA",
+    backdrop: "backdrop-Y8_IJU",
+    "command-palette-backdrop-in": "command-palette-backdrop-in-Ek7l_5",
+    commandPaletteBackdropIn: "command-palette-backdrop-in-Ek7l_5",
+    "command-palette-backdrop-out": "command-palette-backdrop-out-VddYcZ",
+    commandPaletteBackdropOut: "command-palette-backdrop-out-VddYcZ",
+    positioner: "positioner-zclaSi",
+    content: "content-EVNfnh",
+    "command-palette-content-in": "command-palette-content-in-H3MDBP",
+    commandPaletteContentIn: "command-palette-content-in-H3MDBP",
+    "command-palette-content-out": "command-palette-content-out-DB_hNm",
+    commandPaletteContentOut: "command-palette-content-out-DB_hNm",
+    header: "header-DzsYPc",
+    title: "title-_2PBZ4",
+    description: "description-iLzHFD",
+    clearTrigger: "clearTrigger-n6fuk6",
+    body: "body-rUeEOS",
+    combobox: "combobox-d2AD5U",
+    control: "control-CmJJhf",
+    input: "input-drywue",
+    empty: "empty-h08cM3",
+    list: "list-SIDFoj",
+    scrollArea: "scrollArea-ncZoUD",
+    scrollViewport: "scrollViewport-Fh34Bl",
+    scrollContent: "scrollContent-Xew5ld",
+    scrollbar: "scrollbar-hnOYgf",
+    itemGroup: "itemGroup-glHNMl",
+    itemGroupLabel: "itemGroupLabel-JWv82S",
+    item: "item-UA3NPh",
+    itemIcon: "itemIcon-EO6ViN",
+    itemIndicator: "itemIndicator-nhPwW2",
+    itemText: "itemText-GJOzaT",
+    itemLabel: "itemLabel-moAIzY",
+    itemDescription: "itemDescription-V6o1s7",
+    itemMeta: "itemMeta-iyRBoc",
+    separator: "separator-TPz3wl",
+    footer: "footer-_H5dy8",
+    kbd: "kbd-cxY4sj"
 };
-//#endregion
-export { CommandPalette_module_default as default };
+export default CommandPalette_module;

package/dist/components/command-palette/CommandPalette_module.css

@@ -0,0 +1,460 @@
+@layer moduix.components {
+  .trigger-A2LbwA {
+    box-sizing: border-box;
+    justify-content: center;
+    align-items: center;
+    gap: var(--moduix-command-palette-trigger-gap, var(--moduix-spacing-2));
+    min-height: var(--moduix-command-palette-trigger-height, var(--moduix-size-md));
+    padding: var(--moduix-command-palette-trigger-padding-y, var(--moduix-spacing-1))
+      var(--moduix-command-palette-trigger-padding-x, var(--moduix-spacing-3-5));
+    border: var(--moduix-command-palette-trigger-border-width, var(--moduix-border-width-sm)) solid
+      var(--moduix-command-palette-trigger-border-color, var(--moduix-color-border));
+    border-radius: var(--moduix-command-palette-trigger-radius, var(--moduix-radius-md));
+    background-color: var(--moduix-command-palette-trigger-bg, var(--moduix-color-background));
+    color: var(--moduix-command-palette-trigger-color, var(--moduix-color-foreground));
+    font: inherit;
+    font-size: var(--moduix-command-palette-trigger-font-size, var(--moduix-text-md));
+    line-height: var(--moduix-command-palette-trigger-line-height, var(--moduix-line-height-text-md));
+    cursor: pointer;
+    -webkit-user-select: none;
+    user-select: none;
+    transition: background-color var(--moduix-transition-default),
+      border-color var(--moduix-transition-default),
+      color var(--moduix-transition-default);
+    margin: 0;
+    display: inline-flex;
+  }
+
+  @media (hover: hover) {
+    .trigger-A2LbwA:hover {
+      background-color: var(--moduix-command-palette-trigger-bg-hover, var(--moduix-color-accent));
+    }
+  }
+
+  .trigger-A2LbwA:focus-visible {
+    outline: var(--moduix-command-palette-focus-ring-width, var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm)))
+        solid var(--moduix-command-palette-focus-ring-color, var(--moduix-color-ring));
+    outline-offset: calc(var(--moduix-command-palette-focus-ring-width, var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm))) *
+          -1);
+  }
+
+  .backdrop-Y8_IJU {
+    z-index: calc(var(--moduix-z-backdrop) + var(--layer-index, 0));
+    background-color: var(--moduix-command-palette-backdrop-bg, var(--moduix-backdrop-bg, var(--moduix-color-overlay)));
+    min-height: 100dvh;
+    -webkit-backdrop-filter: var(--moduix-backdrop-filter, blur(var(--moduix-command-palette-backdrop-blur, 4px)));
+    backdrop-filter: var(--moduix-backdrop-filter, blur(var(--moduix-command-palette-backdrop-blur, 4px)));
+    position: fixed;
+    inset: 0;
+  }
+
+  .backdrop-Y8_IJU[data-state="open"] {
+    animation: command-palette-backdrop-in-Ek7l_5
+        var(--moduix-command-palette-backdrop-transition, var(--moduix-transition-default));
+  }
+
+  .backdrop-Y8_IJU[data-state="closed"] {
+    animation: command-palette-backdrop-out-VddYcZ
+        var(--moduix-command-palette-backdrop-transition, var(--moduix-transition-default));
+    animation-fill-mode: forwards;
+  }
+
+  .positioner-zclaSi {
+    box-sizing: border-box;
+    z-index: calc(var(--moduix-z-modal) + var(--layer-index, 0));
+    overscroll-behavior: contain;
+    padding: var(--moduix-command-palette-positioner-padding, 10dvh var(--moduix-spacing-4) var(--moduix-spacing-4));
+    place-items: start center;
+    display: grid;
+    position: fixed;
+    inset: 0;
+    overflow: hidden;
+  }
+
+  .content-EVNfnh {
+    box-sizing: border-box;
+    width: min(var(--moduix-command-palette-width, 37.5rem),
+      var(--moduix-command-palette-max-width, calc(100vw - var(--moduix-spacing-8, 2rem))));
+    max-height: min(var(--moduix-command-palette-max-height, 34rem), calc(100dvh - 5rem));
+    border: var(--moduix-command-palette-border-width, var(--moduix-border-width-sm)) solid
+      var(--moduix-command-palette-border-color, color-mix(in oklab, var(--moduix-color-border) 84%, transparent));
+    border-radius: var(--moduix-command-palette-radius, var(--moduix-radius-lg));
+    background: linear-gradient(180deg,
+      var(--moduix-command-palette-top-bg, color-mix(in oklab, var(--moduix-color-popover) 96%, white 4%)),
+      var(--moduix-command-palette-bg, var(--moduix-color-popover)) 7rem);
+    color: var(--moduix-command-palette-color, var(--moduix-color-popover-foreground));
+    box-shadow: var(--moduix-command-palette-shadow, var(--moduix-shadow-lg));
+    transform-origin: top;
+    outline: 0;
+    flex-direction: column;
+    display: flex;
+    overflow: hidden;
+  }
+
+  .content-EVNfnh[data-state="open"] {
+    animation: command-palette-content-in-H3MDBP
+        var(--moduix-command-palette-transition, var(--moduix-popup-motion-duration, var(--moduix-duration-normal))
+            var(--moduix-popup-motion-easing, var(--moduix-ease-in-out)));
+  }
+
+  .content-EVNfnh[data-state="closed"] {
+    animation: command-palette-content-out-DB_hNm
+        var(--moduix-command-palette-transition, var(--moduix-popup-motion-duration, var(--moduix-duration-normal))
+            var(--moduix-popup-motion-easing, var(--moduix-ease-in-out)));
+    animation-fill-mode: forwards;
+  }
+
+  .header-DzsYPc {
+    gap: var(--moduix-command-palette-header-gap, var(--moduix-spacing-1));
+    padding: var(--moduix-command-palette-header-padding-y, var(--moduix-spacing-4))
+      var(--moduix-command-palette-header-padding-x, var(--moduix-spacing-4)) 0;
+    display: grid;
+  }
+
+  .title-_2PBZ4 {
+    color: var(--moduix-command-palette-title-color, var(--moduix-command-palette-color, var(--moduix-color-popover-foreground)));
+    font-size: var(--moduix-command-palette-title-font-size, var(--moduix-text-md));
+    font-weight: var(--moduix-command-palette-title-font-weight, var(--moduix-weight-semibold));
+    line-height: var(--moduix-command-palette-title-line-height, var(--moduix-line-height-text-md));
+    margin: 0;
+  }
+
+  .description-iLzHFD {
+    color: var(--moduix-command-palette-description-color, var(--moduix-color-muted-foreground));
+    font-size: var(--moduix-command-palette-description-font-size, var(--moduix-text-sm));
+    line-height: var(--moduix-command-palette-description-line-height, var(--moduix-line-height-text-sm));
+    margin: 0;
+  }
+
+  .clearTrigger-n6fuk6 {
+    --moduix-close-button-size: var(--moduix-command-palette-clear-size, var(--moduix-size-sm));
+    --moduix-close-button-radius: var(--moduix-command-palette-clear-radius, var(--moduix-radius-md));
+    --moduix-close-button-icon-size: var(--moduix-command-palette-icon-size, var(--moduix-spacing-4));
+    --moduix-close-button-bg: transparent;
+    --moduix-close-button-bg-hover: var(--moduix-command-palette-clear-bg-hover, var(--moduix-color-accent));
+    --moduix-close-button-color: var(--moduix-command-palette-muted-color, var(--moduix-color-muted-foreground));
+    --moduix-close-button-color-hover: var(--moduix-command-palette-color, var(--moduix-color-popover-foreground));
+    --moduix-close-button-focus-ring-width: var(--moduix-command-palette-focus-ring-width, var(--moduix-border-width-sm));
+    --moduix-close-button-focus-ring-color: var(--moduix-command-palette-focus-ring-color, var(--moduix-color-ring));
+    --moduix-close-button-focus-ring-offset: var(--moduix-command-palette-focus-ring-offset, var(--moduix-border-width-sm));
+  }
+
+  .body-rUeEOS {
+    flex-direction: column;
+    flex: auto;
+    min-height: 0;
+    display: flex;
+  }
+
+  .combobox-d2AD5U {
+    flex-direction: column;
+    flex: auto;
+    min-height: 0;
+    display: flex;
+    overflow: hidden;
+  }
+
+  .control-CmJJhf {
+    box-sizing: border-box;
+    align-items: center;
+    gap: var(--moduix-command-palette-input-gap, var(--moduix-spacing-2));
+    min-height: var(--moduix-command-palette-input-height, var(--moduix-size-md));
+    margin: var(--moduix-command-palette-control-margin-y, var(--moduix-spacing-2))
+      var(--moduix-command-palette-control-margin-x, var(--moduix-spacing-4))
+      var(--moduix-command-palette-control-margin-bottom, var(--moduix-spacing-2));
+    border: var(--moduix-command-palette-input-border-width, var(--moduix-border-width-sm)) solid
+      var(--moduix-command-palette-input-border-color, var(--moduix-color-border));
+    border-radius: var(--moduix-command-palette-input-radius, var(--moduix-radius-md));
+    padding: var(--moduix-command-palette-control-padding-y, var(--moduix-spacing-1))
+      var(--moduix-command-palette-control-padding-x, var(--moduix-spacing-3));
+    background-color: var(--moduix-command-palette-input-bg, var(--moduix-color-background));
+    color: var(--moduix-command-palette-input-color, var(--moduix-color-foreground));
+    transition: background-color var(--moduix-transition-default),
+      border-color var(--moduix-transition-default);
+    flex: none;
+    display: flex;
+    position: relative;
+  }
+
+  .control-CmJJhf:has(.input-drywue:is([data-invalid], [aria-invalid="true"])) {
+    border-color: var(--moduix-command-palette-input-border-color-invalid, var(--moduix-color-destructive));
+  }
+
+  .input-drywue {
+    box-sizing: border-box;
+    width: 100%;
+    min-width: 0;
+    height: var(--moduix-command-palette-input-control-height, auto);
+    color: inherit;
+    font: inherit;
+    font-size: var(--moduix-command-palette-input-font-size, var(--moduix-text-sm));
+    line-height: var(--moduix-command-palette-input-line-height, var(--moduix-line-height-text-sm));
+    background: none;
+    border: 0;
+    outline: 0;
+    margin: 0;
+    padding: 0;
+  }
+
+  .input-drywue::placeholder {
+    color: var(--moduix-command-palette-input-placeholder-color, var(--moduix-color-muted-foreground));
+  }
+
+  .input-drywue[data-invalid] {
+    color: var(--moduix-color-destructive);
+  }
+
+  .empty-h08cM3 {
+    margin: 0;
+    padding: 0;
+  }
+
+  .empty-h08cM3:not(:empty) {
+    padding: var(--moduix-command-palette-empty-padding-y, var(--moduix-spacing-3))
+        var(--moduix-command-palette-empty-padding-x, var(--moduix-spacing-4));
+    color: var(--moduix-command-palette-muted-color, var(--moduix-color-muted-foreground));
+    font-size: var(--moduix-command-palette-empty-font-size, var(--moduix-text-sm));
+    line-height: var(--moduix-command-palette-empty-line-height, var(--moduix-line-height-text-sm));
+  }
+
+  .list-SIDFoj {
+    box-sizing: border-box;
+    outline: 0;
+    flex: auto;
+    min-height: 0;
+    display: flex;
+    overflow: hidden;
+  }
+
+  .scrollArea-ncZoUD {
+    --moduix-scroll-area-radius: 0;
+    --moduix-scroll-area-scrollbar-margin: var(--moduix-command-palette-scrollbar-margin, var(--moduix-spacing-1));
+    --moduix-scroll-area-scrollbar-size: var(--moduix-command-palette-scrollbar-size, var(--moduix-spacing-1-5));
+    --moduix-scroll-area-thumb-bg: var(--moduix-command-palette-scrollbar-thumb-bg, var(--moduix-color-border));
+    --moduix-scroll-area-content-padding: var(--moduix-command-palette-list-padding-y, var(--moduix-spacing-2))
+      calc(var(--moduix-command-palette-list-padding-x, var(--moduix-spacing-2)) +
+          var(--moduix-scroll-area-scrollbar-size) + var(--moduix-scroll-area-scrollbar-margin))
+      var(--moduix-command-palette-list-padding-y, var(--moduix-spacing-2))
+      var(--moduix-command-palette-list-padding-x, var(--moduix-spacing-2));
+    --moduix-scroll-area-height: auto;
+    width: 100%;
+    min-height: 0;
+    color: inherit;
+    flex: auto;
+  }
+
+  .scrollViewport-Fh34Bl {
+    scroll-padding-block: var(--moduix-command-palette-list-scroll-padding-y, var(--moduix-spacing-2));
+  }
+
+  .scrollContent-Xew5ld {
+    min-height: 100%;
+  }
+
+  .list-SIDFoj[data-empty] .scrollContent-Xew5ld {
+    padding: 0;
+  }
+
+  .scrollbar-hnOYgf {
+    --moduix-scroll-area-scrollbar-bg: transparent;
+  }
+
+  .itemGroup-glHNMl {
+    gap: var(--moduix-command-palette-group-gap, var(--moduix-spacing-1));
+    display: grid;
+  }
+
+  .itemGroup-glHNMl:not(:last-child) {
+    padding-bottom: var(--moduix-command-palette-group-padding-bottom, var(--moduix-spacing-2));
+  }
+
+  .itemGroupLabel-JWv82S {
+    z-index: 1;
+    padding: var(--moduix-command-palette-group-label-padding-y, var(--moduix-popup-group-label-padding-y, var(--moduix-spacing-1)))
+      var(--moduix-command-palette-group-label-padding-x, var(--moduix-spacing-3));
+    background-color: var(--moduix-command-palette-bg, var(--moduix-color-popover));
+    color: var(--moduix-command-palette-group-label-color, var(--moduix-popup-group-label-color, var(--moduix-command-palette-muted-color, var(--moduix-color-muted-foreground))));
+    font-size: var(--moduix-command-palette-group-label-font-size, var(--moduix-popup-group-label-font-size, var(--moduix-text-xs)));
+    font-weight: var(--moduix-command-palette-group-label-font-weight, var(--moduix-popup-group-label-font-weight, var(--moduix-weight-regular)));
+    line-height: var(--moduix-command-palette-group-label-line-height, var(--moduix-popup-group-label-line-height, var(--moduix-line-height-text-xs)));
+    margin: 0;
+    display: block;
+    position: sticky;
+    top: 0;
+  }
+
+  .item-UA3NPh {
+    box-sizing: border-box;
+    z-index: 0;
+    align-items: center;
+    gap: var(--moduix-command-palette-item-gap, var(--moduix-spacing-3));
+    min-height: var(--moduix-command-palette-item-min-height, var(--moduix-popup-item-min-height, var(--moduix-size-sm)));
+    padding: var(--moduix-command-palette-item-padding-y, var(--moduix-popup-item-padding-y, var(--moduix-spacing-1)))
+      var(--moduix-command-palette-item-padding-x, var(--moduix-popup-item-padding-x-start, var(--moduix-spacing-3)));
+    border-radius: var(--moduix-command-palette-item-radius, var(--moduix-radius-md));
+    color: var(--moduix-command-palette-item-color, var(--moduix-command-palette-color, var(--moduix-color-foreground)));
+    font: inherit;
+    font-size: var(--moduix-command-palette-item-font-size, var(--moduix-popup-item-font-size, var(--moduix-text-sm)));
+    line-height: var(--moduix-command-palette-item-line-height, var(--moduix-popup-item-line-height, var(--moduix-line-height-text-sm)));
+    cursor: default;
+    -webkit-user-select: none;
+    user-select: none;
+    outline: 0;
+    grid-template-columns: auto minmax(0, 1fr) auto auto;
+    display: grid;
+    position: relative;
+  }
+
+  .item-UA3NPh[data-highlighted] {
+    color: var(--moduix-command-palette-highlight-color, var(--moduix-color-foreground));
+  }
+
+  .item-UA3NPh[data-highlighted]:before {
+    content: "";
+    z-index: -1;
+    border-radius: inherit;
+    background-color: var(--moduix-command-palette-highlight-bg, var(--moduix-color-accent));
+    position: absolute;
+    inset: 0;
+  }
+
+  .item-UA3NPh[data-state="checked"] {
+    color: var(--moduix-command-palette-selected-color, var(--moduix-command-palette-highlight-color, inherit));
+  }
+
+  .item-UA3NPh[data-disabled] {
+    opacity: var(--moduix-opacity-disabled);
+    pointer-events: none;
+  }
+
+  .itemIcon-EO6ViN, .itemIndicator-nhPwW2 {
+    width: var(--moduix-command-palette-item-icon-box-size, var(--moduix-spacing-8));
+    height: var(--moduix-command-palette-item-icon-box-size, var(--moduix-spacing-8));
+    border: var(--moduix-command-palette-item-icon-border-width, var(--moduix-border-width-sm))
+      solid var(--moduix-command-palette-item-icon-border-color, var(--moduix-color-border));
+    border-radius: var(--moduix-command-palette-item-icon-radius, var(--moduix-radius-md));
+    background-color: var(--moduix-command-palette-item-icon-bg, var(--moduix-color-muted));
+    color: var(--moduix-command-palette-item-icon-color, var(--moduix-color-muted-foreground));
+    justify-content: center;
+    align-items: center;
+    display: inline-flex;
+  }
+
+  :is(.itemIcon-EO6ViN, .itemIndicator-nhPwW2) > svg {
+    width: var(--moduix-command-palette-item-icon-size, var(--moduix-spacing-4));
+    height: var(--moduix-command-palette-item-icon-size, var(--moduix-spacing-4));
+  }
+
+  .itemIndicator-nhPwW2 {
+    background-color: #0000;
+    border-color: #0000;
+    justify-self: end;
+  }
+
+  .itemIndicator-nhPwW2 > svg {
+    width: var(--moduix-command-palette-item-icon-size, var(--moduix-spacing-4));
+    height: var(--moduix-command-palette-item-icon-size, var(--moduix-spacing-4));
+  }
+
+  .itemText-GJOzaT {
+    gap: var(--moduix-command-palette-item-text-gap, var(--moduix-spacing-1));
+    min-width: 0;
+    display: grid;
+  }
+
+  .itemText-GJOzaT > .itemLabel-moAIzY, .itemText-GJOzaT > .itemDescription-V6o1s7 {
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    min-width: 0;
+    overflow: hidden;
+  }
+
+  .itemLabel-moAIzY {
+    font-weight: var(--moduix-command-palette-item-label-font-weight, var(--moduix-weight-medium));
+  }
+
+  .itemDescription-V6o1s7 {
+    color: var(--moduix-command-palette-muted-color, var(--moduix-color-muted-foreground));
+    font-size: var(--moduix-command-palette-item-description-font-size, var(--moduix-text-xs));
+    line-height: var(--moduix-command-palette-item-description-line-height, var(--moduix-line-height-text-xs));
+  }
+
+  .itemMeta-iyRBoc {
+    color: var(--moduix-command-palette-muted-color, var(--moduix-color-muted-foreground));
+    font-size: var(--moduix-command-palette-item-meta-font-size, var(--moduix-text-xs));
+    line-height: var(--moduix-command-palette-item-meta-line-height, var(--moduix-line-height-text-xs));
+    white-space: nowrap;
+    justify-self: end;
+  }
+
+  .separator-TPz3wl {
+    height: var(--moduix-command-palette-divider-width, var(--moduix-border-width-sm));
+    margin: var(--moduix-command-palette-separator-margin-y, var(--moduix-spacing-2))
+      var(--moduix-command-palette-separator-margin-x, var(--moduix-spacing-2));
+    background-color: var(--moduix-command-palette-divider-color, var(--moduix-color-border));
+  }
+
+  .footer-_H5dy8 {
+    justify-content: space-between;
+    align-items: center;
+    gap: var(--moduix-command-palette-footer-gap, var(--moduix-spacing-3));
+    padding: var(--moduix-command-palette-footer-padding-y, var(--moduix-spacing-2))
+      var(--moduix-command-palette-footer-padding-x, var(--moduix-spacing-4));
+    border-top: var(--moduix-command-palette-divider-width, var(--moduix-border-width-sm)) solid
+      var(--moduix-command-palette-divider-color, var(--moduix-color-border));
+    color: var(--moduix-command-palette-muted-color, var(--moduix-color-muted-foreground));
+    font-size: var(--moduix-command-palette-footer-font-size, var(--moduix-text-xs));
+    line-height: var(--moduix-command-palette-footer-line-height, var(--moduix-line-height-text-xs));
+    flex: none;
+    display: flex;
+  }
+
+  .kbd-cxY4sj {
+    --moduix-kbd-bg: var(--moduix-command-palette-kbd-bg, var(--moduix-color-muted));
+    --moduix-kbd-border-color: var(--moduix-command-palette-kbd-border-color, var(--moduix-color-border));
+    --moduix-kbd-border-width: var(--moduix-command-palette-kbd-border-width, var(--moduix-border-width-sm));
+    --moduix-kbd-color: var(--moduix-command-palette-kbd-color, var(--moduix-color-muted-foreground));
+    --moduix-kbd-font-family: var(--moduix-command-palette-kbd-font-family, var(--moduix-font-mono));
+    --moduix-kbd-font-size: var(--moduix-command-palette-kbd-font-size, var(--moduix-text-xs));
+    --moduix-kbd-height: var(--moduix-command-palette-kbd-height, 1.25rem);
+    --moduix-kbd-line-height: var(--moduix-command-palette-kbd-line-height, 1rem);
+    --moduix-kbd-min-width: var(--moduix-command-palette-kbd-min-width, 1.25rem);
+    --moduix-kbd-padding-x: var(--moduix-command-palette-kbd-padding-x, var(--moduix-spacing-1));
+    --moduix-kbd-radius: var(--moduix-command-palette-kbd-radius, var(--moduix-radius-sm));
+  }
+
+  @keyframes command-palette-backdrop-in-Ek7l_5 {
+    from {
+      opacity: var(--moduix-command-palette-backdrop-starting-opacity, 0);
+      -webkit-backdrop-filter: var(--moduix-command-palette-backdrop-starting-blur, none);
+      backdrop-filter: var(--moduix-command-palette-backdrop-starting-blur, none);
+    }
+  }
+
+  @keyframes command-palette-backdrop-out-VddYcZ {
+    to {
+      opacity: var(--moduix-command-palette-backdrop-ending-opacity, 0);
+      -webkit-backdrop-filter: var(--moduix-command-palette-backdrop-ending-blur, none);
+      backdrop-filter: var(--moduix-command-palette-backdrop-ending-blur, none);
+    }
+  }
+
+  @keyframes command-palette-content-in-H3MDBP {
+    from {
+      opacity: var(--moduix-command-palette-content-starting-opacity, var(--moduix-popup-motion-starting-opacity, 0));
+      translate: var(--moduix-command-palette-content-starting-translate-x, var(--moduix-popup-motion-starting-translate-x, 0))
+        var(--moduix-command-palette-content-starting-translate-y, var(--moduix-popup-motion-starting-translate-y, -.75rem));
+      scale: var(--moduix-command-palette-content-starting-scale, var(--moduix-popup-motion-starting-scale, var(--moduix-scale-popup)));
+    }
+  }
+
+  @keyframes command-palette-content-out-DB_hNm {
+    to {
+      opacity: var(--moduix-command-palette-content-ending-opacity, var(--moduix-popup-motion-ending-opacity, 0));
+      translate: var(--moduix-command-palette-content-ending-translate-x, var(--moduix-popup-motion-ending-translate-x, 0))
+        var(--moduix-command-palette-content-ending-translate-y, var(--moduix-popup-motion-ending-translate-y, -.75rem));
+      scale: var(--moduix-command-palette-content-ending-scale, var(--moduix-popup-motion-ending-scale, var(--moduix-scale-popup)));
+    }
+  }
+}
+

package/dist/components/command-palette/index.d.ts

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

package/dist/components/command-palette/index.js

@@ -0,0 +1 @@
+export * from "./CommandPalette.js";

package/dist/components/container/Container.d.ts

@@ -1,14 +1,12 @@
-//#region src/components/container/Container.d.ts
 type ContainerSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
 type ContainerGutter = 'none' | 'sm' | 'md' | 'lg';
 declare const Container: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
-  size?: ContainerSize;
-  gutter?: ContainerGutter;
-} & import("react").RefAttributes<HTMLDivElement>> & {
-  Root: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
     size?: ContainerSize;
     gutter?: ContainerGutter;
-  } & import("react").RefAttributes<HTMLDivElement>>;
+} & import("react").RefAttributes<HTMLDivElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
+        size?: ContainerSize;
+        gutter?: ContainerGutter;
+    } & import("react").RefAttributes<HTMLDivElement>>;
 };
-//#endregion
-export { Container };
+export { Container };

package/dist/components/container/Container.js

@@ -1,22 +1,22 @@
-import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
-import Container_module_default from "./Container.module.js";
+import { jsx } from "react/jsx-runtime";
 import { ark } from "@ark-ui/react/factory";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/container/Container.tsx
-const ContainerRoot = forwardRef(function ContainerRoot({ size = "lg", gutter = "md", className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.div, {
-		...props,
-		ref,
-		"data-scope": "container",
-		"data-part": "root",
-		"data-slot": "container-root",
-		"data-size": size,
-		"data-gutter": gutter,
-		className: clsx(Container_module_default.root, normalizeClassName(className))
-	});
+import { normalizeClassName } from "../../internal/normalizeClassName.js";
+import Container_module from "./Container.module.js";
+const Container_ContainerRoot = /*#__PURE__*/ forwardRef(function({ size = 'lg', gutter = 'md', className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.div, {
+        ...props,
+        ref: ref,
+        "data-scope": "container",
+        "data-part": "root",
+        "data-slot": "container-root",
+        "data-size": size,
+        "data-gutter": gutter,
+        className: clsx(Container_module.root, normalizeClassName(className))
+    });
+});
+const Container = Object.assign(Container_ContainerRoot, {
+    Root: Container_ContainerRoot
 });
-const Container = Object.assign(ContainerRoot, { Root: ContainerRoot });
-//#endregion
 export { Container };

package/dist/components/container/Container.module.js

@@ -1,5 +1,5 @@
-import './Container.css';
-//#region src/components/container/Container.module.css
-var Container_module_default = { "root": "o47Mga_root" };
-//#endregion
-export { Container_module_default as default };
+import "./Container_module.css";
+const Container_module = {
+    root: "root-U4_b43"
+};
+export default Container_module;