@moduix/react 2.2.0 → 2.2.4

package/dist/components/combobox/{Combobox.css → Combobox_module.css}

@@ -1,5 +1,5 @@
 @layer moduix.components {
-  @keyframes mcW7mG_combobox-content-open {
+  @keyframes combobox-content-open-lEj2k4 {
     from {
       opacity: var(--moduix-combobox-content-closed-opacity, var(--moduix-popup-motion-starting-opacity, 0));
       translate: var(--moduix-popup-motion-starting-translate-x, 0)
@@ -13,7 +13,7 @@
     }
   }
 
-  @keyframes mcW7mG_combobox-content-closed {
+  @keyframes combobox-content-closed-gKQ97t {
     from {
       opacity: 1;
       transform: scale(1);
@@ -27,7 +27,7 @@
     }
   }
 
-  .mcW7mG_root {
+  .root-f2t7iX {
     box-sizing: border-box;
     width: var(--moduix-combobox-width, 16rem);
     max-width: var(--moduix-combobox-max-width, 100%);
@@ -38,21 +38,22 @@
     display: flex;
   }
 
-  .mcW7mG_label {
+  .label-Cy20V6 {
     color: var(--moduix-combobox-label-color, var(--moduix-combobox-color, var(--moduix-color-foreground)));
     font-size: var(--moduix-combobox-label-font-size, var(--moduix-text-sm));
     font-weight: var(--moduix-combobox-label-font-weight, var(--moduix-weight-medium));
     line-height: var(--moduix-combobox-label-line-height, var(--moduix-line-height-text-sm));
+    -webkit-user-select: none;
     user-select: none;
     align-items: center;
     display: inline-flex;
+  }
 
-    &[data-disabled] {
-      opacity: var(--moduix-combobox-disabled-opacity, var(--moduix-opacity-disabled));
-    }
+  .label-Cy20V6[data-disabled] {
+    opacity: var(--moduix-combobox-disabled-opacity, var(--moduix-opacity-disabled));
   }
 
-  .mcW7mG_control {
+  .control-sZTteb {
     border: var(--moduix-combobox-border-width, var(--moduix-border-width-sm)) solid
       var(--moduix-combobox-border-color, var(--moduix-color-border));
     border-radius: var(--moduix-combobox-radius, var(--moduix-radius-md));
@@ -70,23 +71,23 @@
     align-items: center;
     display: flex;
     position: relative;
+  }
 
-    &[data-state="open"], &[data-focus] {
-      border-color: var(--moduix-combobox-focus-ring-color, var(--moduix-color-ring));
-      outline-color: var(--moduix-combobox-focus-ring-color, var(--moduix-color-ring));
-    }
+  .control-sZTteb[data-state="open"], .control-sZTteb[data-focus] {
+    border-color: var(--moduix-combobox-focus-ring-color, var(--moduix-color-ring));
+    outline-color: var(--moduix-combobox-focus-ring-color, var(--moduix-color-ring));
+  }
 
-    &[data-invalid] {
-      border-color: var(--moduix-combobox-invalid-color, var(--moduix-color-destructive));
-      outline-color: var(--moduix-combobox-invalid-color, var(--moduix-color-destructive));
-    }
+  .control-sZTteb[data-invalid] {
+    border-color: var(--moduix-combobox-invalid-color, var(--moduix-color-destructive));
+    outline-color: var(--moduix-combobox-invalid-color, var(--moduix-color-destructive));
+  }
 
-    &[data-disabled] {
-      opacity: var(--moduix-combobox-disabled-opacity, var(--moduix-opacity-disabled));
-    }
+  .control-sZTteb[data-disabled] {
+    opacity: var(--moduix-combobox-disabled-opacity, var(--moduix-opacity-disabled));
   }
 
-  .mcW7mG_input {
+  .input-GKpq83 {
     box-sizing: border-box;
     width: 100%;
     min-width: 0;
@@ -100,21 +101,21 @@
     border: 0;
     outline: 0;
     margin: 0;
+  }
 
-    &::placeholder {
-      color: var(--moduix-combobox-input-placeholder-color, var(--moduix-color-muted-foreground));
-    }
+  .input-GKpq83::placeholder {
+    color: var(--moduix-combobox-input-placeholder-color, var(--moduix-color-muted-foreground));
   }
 
-  .mcW7mG_control:has(.mcW7mG_trigger) .mcW7mG_input {
+  .control-sZTteb:has(.trigger-HAivxO) .input-GKpq83 {
     padding-inline-end: var(--moduix-combobox-input-padding-x-end-with-trigger, 2.75rem);
   }
 
-  .mcW7mG_control:has(.mcW7mG_clearTrigger) .mcW7mG_input {
+  .control-sZTteb:has(.clearTrigger-C2UA1L) .input-GKpq83 {
     padding-inline-end: var(--moduix-combobox-input-padding-x-end-with-clear, 4.375rem);
   }
 
-  .mcW7mG_trigger {
+  .trigger-HAivxO {
     box-sizing: border-box;
     width: var(--moduix-combobox-action-size, var(--moduix-size-xs));
     height: var(--moduix-combobox-action-size, var(--moduix-size-xs));
@@ -136,38 +137,36 @@
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
+  }
 
-    & > svg {
-      width: var(--moduix-combobox-icon-size, var(--moduix-spacing-4));
-      height: var(--moduix-combobox-icon-size, var(--moduix-spacing-4));
-      display: block;
-    }
+  .trigger-HAivxO > svg {
+    width: var(--moduix-combobox-icon-size, var(--moduix-spacing-4));
+    height: var(--moduix-combobox-icon-size, var(--moduix-spacing-4));
+    display: block;
+  }
 
-    &:focus-visible {
-      outline: var(--moduix-combobox-focus-ring-width, var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm)))
+  .trigger-HAivxO:focus-visible {
+    outline: var(--moduix-combobox-focus-ring-width, var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm)))
         solid var(--moduix-combobox-focus-ring-color, var(--moduix-color-ring));
-      outline-offset: var(--moduix-combobox-focus-ring-offset, var(--moduix-border-width-sm));
-    }
+    outline-offset: var(--moduix-combobox-focus-ring-offset, var(--moduix-border-width-sm));
+  }
 
-    &:not(:is([disabled], [data-disabled])) {
-      @media (hover: hover) {
-        &:hover {
-          background-color: var(--moduix-combobox-action-bg-hover, var(--moduix-color-muted));
-          color: var(--moduix-combobox-action-color-hover, var(--moduix-color-foreground));
-        }
-      }
+  @media (hover: hover) {
+    .trigger-HAivxO:not(:is([disabled], [data-disabled])):hover {
+      background-color: var(--moduix-combobox-action-bg-hover, var(--moduix-color-muted));
+      color: var(--moduix-combobox-action-color-hover, var(--moduix-color-foreground));
     }
+  }
 
-    &:is([disabled], [data-disabled]) {
-      cursor: default;
-    }
+  .trigger-HAivxO:is([disabled], [data-disabled]) {
+    cursor: default;
   }
 
-  .mcW7mG_trigger {
+  .trigger-HAivxO {
     inset-inline-end: var(--moduix-combobox-action-offset-right, var(--moduix-spacing-2));
   }
 
-  .mcW7mG_clearTrigger {
+  .clearTrigger-C2UA1L {
     --moduix-close-button-size: var(--moduix-combobox-action-size, var(--moduix-size-xs));
     --moduix-close-button-icon-size: var(--moduix-combobox-icon-size, var(--moduix-spacing-4));
     --moduix-close-button-radius: var(--moduix-combobox-action-radius, var(--moduix-radius-sm));
@@ -187,12 +186,16 @@
     transform: translateY(-50%);
   }
 
-  .mcW7mG_positioner {
+  .clearTrigger-C2UA1L[hidden] {
+    display: none;
+  }
+
+  .positioner-Zt8pWe {
     z-index: var(--z-index);
     outline: 0;
   }
 
-  .mcW7mG_content {
+  .content-nFctlF {
     box-sizing: border-box;
     z-index: calc(var(--moduix-z-popup) + var(--layer-index, 0));
     min-width: var(--reference-width);
@@ -212,52 +215,50 @@
     flex-direction: column;
     display: flex;
     overflow: auto;
+  }
 
-    &[data-state="open"] {
-      animation: mcW7mG_combobox-content-open
+  .content-nFctlF[data-state="open"] {
+    animation: combobox-content-open-lEj2k4
         var(--moduix-combobox-transition, var(--moduix-popup-motion-duration, var(--moduix-duration-normal))
             var(--moduix-popup-motion-easing, var(--moduix-ease-in-out)));
-    }
+  }
 
-    &[data-state="closed"] {
-      animation: mcW7mG_combobox-content-closed
+  .content-nFctlF[data-state="closed"] {
+    animation: combobox-content-closed-gKQ97t
         var(--moduix-combobox-transition, var(--moduix-popup-motion-duration, var(--moduix-duration-normal))
             var(--moduix-popup-motion-easing, var(--moduix-ease-in-out)));
-    }
   }
 
-  .mcW7mG_list {
-    overscroll-behavior: contain;
-    min-height: 0;
-    scroll-padding-block: var(--moduix-combobox-content-padding-y, var(--moduix-spacing-1));
+  .list-n0fySc {
     outline: 0;
     flex-direction: column;
+    min-height: 0;
     display: flex;
-    overflow-y: auto;
+  }
 
-    &[data-empty] {
-      display: none;
-    }
+  .list-n0fySc[data-empty] {
+    display: none;
   }
 
-  .mcW7mG_empty {
-    padding-block: var(--moduix-combobox-empty-padding-y, var(--moduix-spacing-3));
+  .empty-gOWGeH, .status-KiR6k9 {
+    padding-block: var(--moduix-combobox-empty-padding-y, var(--moduix-spacing-1));
     padding-inline: var(--moduix-combobox-empty-padding-x, var(--moduix-spacing-4));
     color: var(--moduix-combobox-empty-color, var(--moduix-color-muted-foreground));
     font-size: var(--moduix-combobox-empty-font-size, var(--moduix-text-sm));
     line-height: var(--moduix-combobox-empty-line-height, var(--moduix-line-height-text-sm));
   }
 
-  .mcW7mG_itemGroup {
+  .itemGroup-yxILwV {
     flex-direction: column;
     display: flex;
+  }
 
-    & + & {
-      margin-top: var(--moduix-combobox-item-group-gap, var(--moduix-spacing-2));
-    }
+  .itemGroup-yxILwV + .itemGroup-yxILwV {
+    margin-top: var(--moduix-combobox-item-group-gap, var(--moduix-spacing-2));
   }
 
-  .mcW7mG_itemGroupLabel {
+  .itemGroupLabel-XrjPai {
+    top: calc(-1 * var(--moduix-combobox-content-padding-y, var(--moduix-spacing-1)));
     z-index: 1;
     padding-block: var(--moduix-combobox-item-group-label-padding-y, var(--moduix-popup-group-label-padding-y, var(--moduix-spacing-1)));
     padding-inline: var(--moduix-combobox-item-group-label-padding-x, var(--moduix-spacing-2-5));
@@ -267,10 +268,9 @@
     font-weight: var(--moduix-combobox-item-group-label-font-weight, var(--moduix-popup-group-label-font-weight, var(--moduix-weight-regular)));
     line-height: var(--moduix-combobox-item-group-label-line-height, var(--moduix-popup-group-label-line-height, var(--moduix-line-height-text-xs)));
     position: sticky;
-    top: 0;
   }
 
-  .mcW7mG_item {
+  .item-edZk83 {
     box-sizing: border-box;
     width: calc(100% - var(--moduix-combobox-item-inset-x, var(--moduix-spacing-2)));
     min-height: var(--moduix-combobox-item-min-height, var(--moduix-popup-item-min-height, var(--moduix-size-sm)));
@@ -289,28 +289,29 @@
     font-size: var(--moduix-combobox-item-font-size, var(--moduix-popup-item-font-size, var(--moduix-text-sm)));
     line-height: var(--moduix-combobox-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;
     display: flex;
     position: relative;
+  }
 
-    &[data-highlighted] {
-      background-color: var(--moduix-combobox-highlight-bg, var(--moduix-color-accent));
-      color: var(--moduix-combobox-highlight-color, var(--moduix-color-accent-foreground));
-    }
+  .item-edZk83[data-highlighted] {
+    background-color: var(--moduix-combobox-highlight-bg, var(--moduix-color-accent));
+    color: var(--moduix-combobox-highlight-color, var(--moduix-color-accent-foreground));
+  }
 
-    &[data-state="checked"] {
-      color: var(--moduix-combobox-item-checked-color, var(--moduix-combobox-item-color, var(--moduix-color-foreground)));
-    }
+  .item-edZk83[data-state="checked"] {
+    color: var(--moduix-combobox-item-checked-color, var(--moduix-combobox-item-color, var(--moduix-color-foreground)));
+  }
 
-    &[data-disabled] {
-      color: var(--moduix-combobox-item-disabled-color, var(--moduix-color-muted-foreground));
-      opacity: var(--moduix-combobox-disabled-opacity, var(--moduix-opacity-disabled));
-      pointer-events: none;
-    }
+  .item-edZk83[data-disabled] {
+    color: var(--moduix-combobox-item-disabled-color, var(--moduix-color-muted-foreground));
+    opacity: var(--moduix-combobox-disabled-opacity, var(--moduix-opacity-disabled));
+    pointer-events: none;
   }
 
-  .mcW7mG_itemText {
+  .itemText-en1Owy {
     text-overflow: ellipsis;
     white-space: nowrap;
     flex: 1;
@@ -318,17 +319,18 @@
     overflow: hidden;
   }
 
-  .mcW7mG_itemIndicator {
+  .itemIndicator-VZJZFM {
     width: var(--moduix-combobox-item-indicator-size, var(--moduix-spacing-3));
     height: var(--moduix-combobox-item-indicator-size, var(--moduix-spacing-3));
     flex-shrink: 0;
     justify-content: center;
     align-items: center;
     display: inline-flex;
+  }
 
-    & > svg {
-      width: 100%;
-      height: 100%;
-    }
+  .itemIndicator-VZJZFM > svg {
+    width: 100%;
+    height: 100%;
   }
 }
+

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

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

package/dist/components/combobox/index.js

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

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

@@ -1,81 +1,56 @@
-import { CloseButton } from "../close-button/CloseButton.js";
-import { OverlayPortalProps } from "../../lib/moduix/overlayPortal.js";
-import { Kbd } from "../kbd/Kbd.js";
-import { ComponentProps } from "react";
-import { Combobox } from "@ark-ui/react/combobox";
-import { Dialog } from "@ark-ui/react/dialog";
-
-//#region src/components/command-palette/CommandPalette.d.ts
-type CommandPaletteRootProps = ComponentProps<typeof Dialog.Root> & {
-  shortcut?: false | string;
-  shortcutTarget?: Document | HTMLElement | null;
+import { Combobox as ComboboxPrimitive } from '@ark-ui/react/combobox';
+import { Dialog as DialogPrimitive } from '@ark-ui/react/dialog';
+import type { ComponentProps } from 'react';
+import { type OverlayPortalProps } from '../../internal/overlayPortal';
+import { CloseButton } from '../close-button';
+import { Kbd } from '../kbd';
+type CommandPaletteRootProps = ComponentProps<typeof DialogPrimitive.Root> & {
+    shortcut?: false | string;
+    shortcutTarget?: Document | HTMLElement | null;
 } & OverlayPortalProps;
-type CommandPaletteRootProviderProps = ComponentProps<typeof Dialog.RootProvider> & OverlayPortalProps;
-type CommandPaletteSearchProps = ComponentProps<typeof Combobox.Input> & {
-  controlProps?: ComponentProps<typeof Combobox.Control>;
-  clearTriggerProps?: ComponentProps<typeof CloseButton.Root>;
+type CommandPaletteRootProviderProps = ComponentProps<typeof DialogPrimitive.RootProvider> & OverlayPortalProps;
+type CommandPaletteSearchProps = ComponentProps<typeof ComboboxPrimitive.Input> & {
+    controlProps?: ComponentProps<typeof ComboboxPrimitive.Control>;
+    clearTriggerProps?: ComponentProps<typeof CloseButton.Root>;
 };
-declare function CommandPaletteRoot({
-  shortcut,
-  shortcutTarget,
-  lazyMount,
-  unmountOnExit,
-  immediate,
-  onExitComplete,
-  portalled,
-  present,
-  portalRef,
-  skipAnimationOnMount,
-  children,
-  ...props
-}: CommandPaletteRootProps): import("react").JSX.Element;
-declare function CommandPaletteRootProvider({
-  lazyMount,
-  portalled,
-  portalRef,
-  unmountOnExit,
-  ...props
-}: CommandPaletteRootProviderProps): import("react").JSX.Element;
-declare function CommandPaletteKbd({
-  className,
-  ...props
-}: ComponentProps<typeof Kbd.Root>): import("react").JSX.Element;
+declare function CommandPaletteRoot({ shortcut, shortcutTarget, lazyMount, unmountOnExit, immediate, onExitComplete, portalled, present, portalRef, skipAnimationOnMount, children, ...props }: CommandPaletteRootProps): import("react").JSX.Element;
+declare function CommandPaletteRootProvider({ lazyMount, portalled, portalRef, unmountOnExit, ...props }: CommandPaletteRootProviderProps): import("react").JSX.Element;
+declare function CommandPaletteKbd({ className, ...props }: ComponentProps<typeof Kbd.Root>): import("react").JSX.Element;
 declare const CommandPalette: typeof CommandPaletteRoot & {
-  Root: typeof CommandPaletteRoot;
-  RootProvider: typeof CommandPaletteRootProvider;
-  Trigger: import("react").ForwardRefExoticComponent<Omit<Dialog.TriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-  Backdrop: import("react").ForwardRefExoticComponent<Omit<Dialog.BackdropProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Positioner: import("react").ForwardRefExoticComponent<Omit<Dialog.PositionerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Content: import("react").ForwardRefExoticComponent<Omit<Dialog.ContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Panel: import("react").ForwardRefExoticComponent<Omit<Dialog.ContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Title: import("react").ForwardRefExoticComponent<Omit<Dialog.TitleProps & import("react").RefAttributes<HTMLHeadingElement>, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
-  Description: import("react").ForwardRefExoticComponent<Omit<Dialog.DescriptionProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Header: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLDivElement>>;
-  Body: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLDivElement>>;
-  Combobox: Combobox.RootComponent;
-  Control: import("react").ForwardRefExoticComponent<Omit<Combobox.ControlProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Input: import("react").ForwardRefExoticComponent<Omit<Combobox.InputProps & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
-  Search: import("react").ForwardRefExoticComponent<Omit<CommandPaletteSearchProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
-  ClearTrigger: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
-    'data-disabled'?: string;
-    'data-part'?: string;
-    'data-scope'?: string;
-    'data-slot'?: string;
-  } & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-  List: import("react").ForwardRefExoticComponent<Omit<Combobox.ContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Empty: import("react").ForwardRefExoticComponent<Omit<Combobox.EmptyProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  ItemGroup: import("react").ForwardRefExoticComponent<Omit<Combobox.ItemGroupProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  ItemGroupLabel: import("react").ForwardRefExoticComponent<Omit<Combobox.ItemGroupLabelProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Item: import("react").ForwardRefExoticComponent<Omit<Combobox.ItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  ItemText: import("react").ForwardRefExoticComponent<Omit<Combobox.ItemTextProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  ItemIndicator: import("react").ForwardRefExoticComponent<Omit<Combobox.ItemIndicatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  ItemIcon: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLSpanElement>>;
-  ItemLabel: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLSpanElement>>;
-  ItemDescription: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLSpanElement>>;
-  ItemMeta: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLSpanElement>>;
-  Separator: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLDivElement>>;
-  Footer: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLDivElement>>;
-  Kbd: typeof CommandPaletteKbd;
+    Root: typeof CommandPaletteRoot;
+    RootProvider: typeof CommandPaletteRootProvider;
+    Trigger: import("react").ForwardRefExoticComponent<Omit<DialogPrimitive.TriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    Backdrop: import("react").ForwardRefExoticComponent<Omit<DialogPrimitive.BackdropProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Positioner: import("react").ForwardRefExoticComponent<Omit<DialogPrimitive.PositionerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Content: import("react").ForwardRefExoticComponent<Omit<DialogPrimitive.ContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Panel: import("react").ForwardRefExoticComponent<Omit<DialogPrimitive.ContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Title: import("react").ForwardRefExoticComponent<Omit<DialogPrimitive.TitleProps & import("react").RefAttributes<HTMLHeadingElement>, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+    Description: import("react").ForwardRefExoticComponent<Omit<DialogPrimitive.DescriptionProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Header: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLDivElement>>;
+    Body: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLDivElement>>;
+    Combobox: ComboboxPrimitive.RootComponent;
+    Control: import("react").ForwardRefExoticComponent<Omit<ComboboxPrimitive.ControlProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Input: import("react").ForwardRefExoticComponent<Omit<ComboboxPrimitive.InputProps & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+    Search: import("react").ForwardRefExoticComponent<Omit<CommandPaletteSearchProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+    ClearTrigger: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
+        'data-disabled'?: string;
+        'data-part'?: string;
+        'data-scope'?: string;
+        'data-slot'?: string;
+    } & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    List: import("react").ForwardRefExoticComponent<Omit<ComboboxPrimitive.ContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Empty: import("react").ForwardRefExoticComponent<Omit<ComboboxPrimitive.EmptyProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    ItemGroup: import("react").ForwardRefExoticComponent<Omit<ComboboxPrimitive.ItemGroupProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    ItemGroupLabel: import("react").ForwardRefExoticComponent<Omit<ComboboxPrimitive.ItemGroupLabelProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Item: import("react").ForwardRefExoticComponent<Omit<ComboboxPrimitive.ItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    ItemText: import("react").ForwardRefExoticComponent<Omit<ComboboxPrimitive.ItemTextProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    ItemIndicator: import("react").ForwardRefExoticComponent<Omit<ComboboxPrimitive.ItemIndicatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    ItemIcon: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLSpanElement>>;
+    ItemLabel: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLSpanElement>>;
+    ItemDescription: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLSpanElement>>;
+    ItemMeta: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLSpanElement>>;
+    Separator: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLDivElement>>;
+    Footer: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLDivElement>>;
+    Kbd: typeof CommandPaletteKbd;
 };
-//#endregion
-export { CommandPalette };
+export { CommandPalette };