@moduix/react 2.1.0 → 2.2.4

package/dist/components/combobox/Combobox_module.css

@@ -0,0 +1,336 @@
+@layer moduix.components {
+  @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)
+        var(--moduix-popup-motion-starting-translate-y, 0);
+      transform: scale(var(--moduix-combobox-content-closed-scale, var(--moduix-popup-motion-starting-scale, var(--moduix-scale-popup))));
+    }
+
+    to {
+      opacity: 1;
+      transform: scale(1);
+    }
+  }
+
+  @keyframes combobox-content-closed-gKQ97t {
+    from {
+      opacity: 1;
+      transform: scale(1);
+    }
+
+    to {
+      opacity: var(--moduix-combobox-content-closed-opacity, var(--moduix-popup-motion-ending-opacity, 0));
+      translate: var(--moduix-popup-motion-ending-translate-x, 0)
+        var(--moduix-popup-motion-ending-translate-y, 0);
+      transform: scale(var(--moduix-combobox-content-closed-scale, var(--moduix-popup-motion-ending-scale, var(--moduix-scale-popup))));
+    }
+  }
+
+  .root-f2t7iX {
+    box-sizing: border-box;
+    width: var(--moduix-combobox-width, 16rem);
+    max-width: var(--moduix-combobox-max-width, 100%);
+    gap: var(--moduix-combobox-root-gap, var(--moduix-spacing-1-5));
+    min-width: 0;
+    color: var(--moduix-combobox-color, var(--moduix-color-foreground));
+    flex-direction: column;
+    display: flex;
+  }
+
+  .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;
+  }
+
+  .label-Cy20V6[data-disabled] {
+    opacity: var(--moduix-combobox-disabled-opacity, var(--moduix-opacity-disabled));
+  }
+
+  .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));
+    background-color: var(--moduix-combobox-bg, var(--moduix-color-background));
+    width: 100%;
+    min-width: 0;
+    color: var(--moduix-combobox-color, var(--moduix-color-foreground));
+    outline: var(--moduix-combobox-focus-ring-width, var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm)))
+      solid transparent;
+    outline-offset: calc(var(--moduix-combobox-focus-ring-width, var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm))) *
+        -1);
+    transition: background-color var(--moduix-combobox-transition, var(--moduix-transition-default)),
+      border-color var(--moduix-combobox-transition, var(--moduix-transition-default)),
+      outline-color var(--moduix-combobox-transition, var(--moduix-transition-default));
+    align-items: center;
+    display: flex;
+    position: relative;
+  }
+
+  .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));
+  }
+
+  .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));
+  }
+
+  .control-sZTteb[data-disabled] {
+    opacity: var(--moduix-combobox-disabled-opacity, var(--moduix-opacity-disabled));
+  }
+
+  .input-GKpq83 {
+    box-sizing: border-box;
+    width: 100%;
+    min-width: 0;
+    height: var(--moduix-combobox-control-height, var(--moduix-size-md));
+    border-radius: inherit;
+    padding-inline: var(--moduix-combobox-input-padding-x-start, var(--moduix-spacing-3-5))
+      var(--moduix-combobox-input-padding-x-end, var(--moduix-spacing-3-5));
+    color: inherit;
+    font: inherit;
+    background: none;
+    border: 0;
+    outline: 0;
+    margin: 0;
+  }
+
+  .input-GKpq83::placeholder {
+    color: var(--moduix-combobox-input-placeholder-color, var(--moduix-color-muted-foreground));
+  }
+
+  .control-sZTteb:has(.trigger-HAivxO) .input-GKpq83 {
+    padding-inline-end: var(--moduix-combobox-input-padding-x-end-with-trigger, 2.75rem);
+  }
+
+  .control-sZTteb:has(.clearTrigger-C2UA1L) .input-GKpq83 {
+    padding-inline-end: var(--moduix-combobox-input-padding-x-end-with-clear, 4.375rem);
+  }
+
+  .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));
+    border-radius: var(--moduix-combobox-action-radius, var(--moduix-radius-sm));
+    background: var(--moduix-combobox-action-bg, transparent);
+    color: var(--moduix-combobox-icon-color, var(--moduix-color-muted-foreground));
+    cursor: pointer;
+    transition: background-color var(--moduix-combobox-transition, var(--moduix-transition-default)),
+      color var(--moduix-combobox-transition, var(--moduix-transition-default)),
+      opacity var(--moduix-combobox-transition, var(--moduix-transition-default));
+    border: 0;
+    flex-shrink: 0;
+    justify-content: center;
+    align-items: center;
+    margin: 0;
+    padding: 0;
+    line-height: 0;
+    display: inline-flex;
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+  }
+
+  .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;
+  }
+
+  .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));
+  }
+
+  @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));
+    }
+  }
+
+  .trigger-HAivxO:is([disabled], [data-disabled]) {
+    cursor: default;
+  }
+
+  .trigger-HAivxO {
+    inset-inline-end: var(--moduix-combobox-action-offset-right, var(--moduix-spacing-2));
+  }
+
+  .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));
+    --moduix-close-button-bg: var(--moduix-combobox-action-bg, transparent);
+    --moduix-close-button-bg-hover: var(--moduix-combobox-action-bg-hover, var(--moduix-color-muted));
+    --moduix-close-button-color: var(--moduix-combobox-icon-color, var(--moduix-color-muted-foreground));
+    --moduix-close-button-color-hover: var(--moduix-combobox-action-color-hover, var(--moduix-color-foreground));
+    --moduix-close-button-focus-ring-width: var(--moduix-combobox-focus-ring-width, var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm)));
+    --moduix-close-button-focus-ring-color: var(--moduix-combobox-focus-ring-color, var(--moduix-color-ring));
+    --moduix-close-button-focus-ring-offset: var(--moduix-combobox-focus-ring-offset, var(--moduix-border-width-sm));
+    --moduix-close-button-transition: var(--moduix-combobox-transition, var(--moduix-transition-default));
+    top: 50%;
+    position: absolute;
+    inset-inline-end: calc(var(--moduix-combobox-action-offset-right, var(--moduix-spacing-2)) +
+        var(--moduix-combobox-action-size, var(--moduix-size-xs)) +
+        var(--moduix-combobox-action-gap, var(--moduix-spacing-0-5)));
+    transform: translateY(-50%);
+  }
+
+  .clearTrigger-C2UA1L[hidden] {
+    display: none;
+  }
+
+  .positioner-Zt8pWe {
+    z-index: var(--z-index);
+    outline: 0;
+  }
+
+  .content-nFctlF {
+    box-sizing: border-box;
+    z-index: calc(var(--moduix-z-popup) + var(--layer-index, 0));
+    min-width: var(--reference-width);
+    max-width: var(--available-width);
+    max-height: min(var(--moduix-combobox-content-max-height, 24rem), var(--available-height));
+    border: var(--moduix-combobox-content-border-width, var(--moduix-border-width-sm)) solid
+      var(--moduix-combobox-content-border-color, var(--moduix-color-border));
+    border-radius: var(--moduix-combobox-radius, var(--moduix-radius-md));
+    padding-block: var(--moduix-combobox-content-padding-y, var(--moduix-popup-list-padding-y, var(--moduix-spacing-1)));
+    background-color: var(--moduix-combobox-content-bg, var(--moduix-color-popover));
+    box-shadow: var(--moduix-combobox-content-shadow, var(--moduix-shadow-lg));
+    color: var(--moduix-combobox-content-color, var(--moduix-color-popover-foreground));
+    transform-origin: var(--transform-origin);
+    overscroll-behavior: contain;
+    scroll-padding-block: var(--moduix-combobox-content-padding-y, var(--moduix-spacing-1));
+    outline: 0;
+    flex-direction: column;
+    display: flex;
+    overflow: auto;
+  }
+
+  .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)));
+  }
+
+  .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)));
+  }
+
+  .list-n0fySc {
+    outline: 0;
+    flex-direction: column;
+    min-height: 0;
+    display: flex;
+  }
+
+  .list-n0fySc[data-empty] {
+    display: none;
+  }
+
+  .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));
+  }
+
+  .itemGroup-yxILwV {
+    flex-direction: column;
+    display: flex;
+  }
+
+  .itemGroup-yxILwV + .itemGroup-yxILwV {
+    margin-top: var(--moduix-combobox-item-group-gap, var(--moduix-spacing-2));
+  }
+
+  .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));
+    background-color: var(--moduix-combobox-content-bg, var(--moduix-color-popover));
+    color: var(--moduix-combobox-item-group-label-color, var(--moduix-popup-group-label-color, var(--moduix-color-muted-foreground)));
+    font-size: var(--moduix-combobox-item-group-label-font-size, var(--moduix-popup-group-label-font-size, var(--moduix-text-xs)));
+    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;
+  }
+
+  .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)));
+    justify-content: space-between;
+    align-items: center;
+    gap: var(--moduix-combobox-item-gap, var(--moduix-spacing-2));
+    margin-inline: calc(var(--moduix-combobox-item-inset-x, var(--moduix-spacing-2)) / 2);
+    border: var(--moduix-combobox-item-border-width, 0) solid
+      var(--moduix-combobox-item-border-color, transparent);
+    border-radius: var(--moduix-combobox-item-radius, var(--moduix-radius-sm));
+    padding-block: var(--moduix-combobox-item-padding-y, var(--moduix-popup-item-padding-y, var(--moduix-spacing-1)));
+    padding-inline: var(--moduix-combobox-item-padding-x, var(--moduix-popup-item-padding-x-start, var(--moduix-spacing-3)));
+    background-color: var(--moduix-combobox-item-bg, transparent);
+    color: var(--moduix-combobox-item-color, var(--moduix-combobox-content-color, var(--moduix-color-foreground)));
+    font: inherit;
+    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;
+  }
+
+  .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));
+  }
+
+  .item-edZk83[data-state="checked"] {
+    color: var(--moduix-combobox-item-checked-color, var(--moduix-combobox-item-color, var(--moduix-color-foreground)));
+  }
+
+  .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;
+  }
+
+  .itemText-en1Owy {
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    flex: 1;
+    min-width: 0;
+    overflow: hidden;
+  }
+
+  .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;
+  }
+
+  .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 };