moduix 0.11.0 → 0.11.1

package/dist/components/Combobox/Combobox.css

@@ -0,0 +1,497 @@
+@layer ui.components {
+  .IweP1a_fieldLabel {
+    font-size: var(--combobox-label-font-size, var(--text-sm));
+    line-height: var(--combobox-label-line-height, var(--line-height-text-sm));
+    font-weight: var(--combobox-label-font-weight, var(--weight-medium));
+    color: var(--combobox-color, var(--color-foreground));
+    cursor: default;
+    align-items: center;
+    display: inline-flex;
+  }
+
+  .IweP1a_inputGroup {
+    width: var(--combobox-width, 16rem);
+    min-height: var(--combobox-control-height, var(--size-lg));
+    padding-inline: var(--combobox-input-group-padding-x, 0);
+    border: var(--combobox-border-width, var(--border-width-sm)) solid
+      var(--combobox-border-color, var(--color-border));
+    border-radius: var(--combobox-radius, var(--radius-md));
+    background-color: var(--combobox-bg, var(--color-background));
+    color: var(--combobox-color, var(--color-foreground));
+    outline: var(--combobox-border-width, var(--border-width-sm)) solid transparent;
+    outline-offset: calc(var(--combobox-border-width, var(--border-width-sm)) * -1);
+    transition: border-color var(--transition-default),
+      outline-color var(--transition-default);
+    align-items: center;
+    display: flex;
+    position: relative;
+
+    &:focus-within {
+      border-color: var(--combobox-focus-ring-color, var(--color-ring));
+      outline-color: var(--combobox-focus-ring-color, var(--color-ring));
+    }
+
+    &:has( > [data-slot="combobox-input"][data-disabled],  > [data-slot="combobox-input"]:disabled) {
+      opacity: var(--opacity-disabled);
+    }
+  }
+
+  .IweP1a_input {
+    box-sizing: border-box;
+    width: 100%;
+    min-width: 0;
+    height: var(--combobox-control-height, var(--size-lg));
+    border-radius: inherit;
+    padding-inline: var(--combobox-input-padding-x-start, .875rem)
+      var(--combobox-input-padding-x-end, 3.25rem);
+    color: inherit;
+    font: inherit;
+    background: none;
+    border: 0;
+    outline: 0;
+    margin: 0;
+
+    &::placeholder {
+      color: var(--combobox-input-placeholder-color, var(--color-muted-foreground));
+    }
+  }
+
+  .IweP1a_trigger, .IweP1a_clear {
+    box-sizing: border-box;
+    width: var(--combobox-action-size, 1.5rem);
+    height: var(--combobox-action-size, 1.5rem);
+    border-radius: var(--combobox-action-radius, var(--radius-sm));
+    background: var(--combobox-action-bg, transparent);
+    color: var(--combobox-icon-color, var(--color-muted-foreground));
+    cursor: pointer;
+    transition: background-color var(--transition-default),
+      color var(--transition-default);
+    border: 0;
+    flex-shrink: 0;
+    justify-content: center;
+    align-items: center;
+    margin: 0;
+    padding: 0;
+    display: inline-flex;
+
+    &:hover:not(:disabled):not([data-disabled]) {
+      background-color: var(--combobox-action-bg-hover, var(--color-muted));
+      color: var(--combobox-action-color-hover, var(--color-foreground));
+    }
+
+    &:focus-visible {
+      outline: var(--border-width-sm) solid var(--combobox-focus-ring-color, var(--color-ring));
+      outline-offset: var(--border-width-sm);
+    }
+
+    &:is(:disabled, [data-disabled]) {
+      cursor: not-allowed;
+    }
+  }
+
+  .IweP1a_icon {
+    width: var(--combobox-icon-size, .875rem);
+    height: var(--combobox-icon-size, .875rem);
+    color: var(--combobox-icon-color, var(--color-muted-foreground));
+    flex-shrink: 0;
+    justify-content: center;
+    align-items: center;
+    display: inline-flex;
+  }
+
+  .IweP1a_iconSvg {
+    width: var(--combobox-icon-svg-size, 1rem);
+    height: var(--combobox-icon-svg-size, 1rem);
+  }
+
+  .IweP1a_fieldTrigger {
+    width: var(--combobox-width, 16rem);
+    min-height: var(--combobox-control-height, var(--size-lg));
+    border: var(--combobox-border-width, var(--border-width-sm)) solid
+      var(--combobox-border-color, var(--color-border));
+    border-radius: var(--combobox-radius, var(--radius-md));
+    background-color: var(--combobox-bg, var(--color-background));
+    color: var(--combobox-color, var(--color-foreground));
+    outline: var(--combobox-border-width, var(--border-width-sm)) solid transparent;
+    outline-offset: calc(var(--combobox-border-width, var(--border-width-sm)) * -1);
+    transition: background-color var(--transition-default),
+      border-color var(--transition-default),
+      outline-color var(--transition-default);
+    justify-content: space-between;
+    align-items: center;
+    gap: .75rem;
+    padding: 0 .875rem;
+    display: inline-flex;
+
+    &[data-popup-open] {
+      background-color: var(--color-muted);
+    }
+
+    &:focus-visible {
+      border-color: var(--combobox-focus-ring-color, var(--color-ring));
+      outline-color: var(--combobox-focus-ring-color, var(--color-ring));
+    }
+
+    &:is([disabled], [data-disabled]) {
+      opacity: var(--opacity-disabled);
+      cursor: not-allowed;
+    }
+  }
+
+  .IweP1a_backdrop {
+    z-index: var(--z-backdrop);
+    background-color: var(--combobox-backdrop-bg, var(--backdrop-bg, var(--color-overlay)));
+    min-height: 100dvh;
+    backdrop-filter: var(--backdrop-filter, blur(var(--combobox-backdrop-blur, 4px)));
+    transition: opacity var(--combobox-backdrop-transition, var(--transition-default)),
+      backdrop-filter var(--combobox-backdrop-transition, var(--transition-default));
+    position: fixed;
+    inset: 0;
+
+    &[data-starting-style], &[data-ending-style] {
+      opacity: 0;
+      backdrop-filter: none;
+    }
+  }
+
+  .IweP1a_positioner {
+    z-index: var(--z-popup);
+    outline: 0;
+  }
+
+  .IweP1a_popup {
+    box-sizing: border-box;
+    width: var(--anchor-width);
+    min-width: min(var(--anchor-width), var(--available-width));
+    max-width: var(--available-width);
+    max-height: min(var(--combobox-popup-max-height, 24rem), var(--available-height));
+    border-radius: var(--combobox-radius, var(--radius-md));
+    background-color: var(--combobox-popup-bg, var(--color-popover));
+    color: var(--combobox-color, var(--color-popover-foreground));
+    outline: var(--border-width-sm) solid var(--combobox-popup-border-color, var(--color-border));
+    box-shadow: var(--combobox-shadow, var(--shadow-lg));
+    transform-origin: var(--transform-origin);
+    transition: opacity var(--transition-default),
+      transform var(--transition-default);
+    border: 0;
+    overflow: visible;
+
+    &[data-starting-style], &[data-ending-style] {
+      opacity: 0;
+      transform: scale(var(--scale-popup));
+    }
+  }
+
+  .IweP1a_arrow {
+    color: var(--combobox-popup-bg, var(--color-popover));
+    display: flex;
+
+    &[data-side="top"] {
+      bottom: calc(var(--combobox-arrow-size, 8px) * -1);
+      rotate: 180deg;
+    }
+
+    &[data-side="bottom"] {
+      top: calc(var(--combobox-arrow-size, 8px) * -1);
+      rotate: 0deg;
+    }
+
+    &[data-side="left"] {
+      right: calc(var(--combobox-arrow-inline-offset, 13px) * -1);
+      rotate: 90deg;
+    }
+
+    &[data-side="right"] {
+      left: calc(var(--combobox-arrow-inline-offset, 13px) * -1);
+      rotate: -90deg;
+    }
+  }
+
+  .IweP1a_arrowSvg {
+    width: var(--combobox-arrow-width, 1.25rem);
+    height: var(--combobox-arrow-height, .625rem);
+    display: block;
+    overflow: visible;
+  }
+
+  .IweP1a_arrowFill {
+    fill: currentColor;
+  }
+
+  .IweP1a_arrowOuterStroke {
+    fill: var(--combobox-arrow-stroke-color, var(--combobox-popup-border-color, var(--color-border)));
+  }
+
+  .IweP1a_arrowInnerStroke {
+    fill: var(--combobox-popup-bg, var(--color-popover));
+  }
+
+  .IweP1a_status {
+    margin: 0;
+
+    &:not(:empty) {
+      align-items: center;
+      gap: var(--combobox-status-gap, var(--spacing-1));
+      padding: var(--combobox-status-padding-y, .5rem) var(--combobox-status-padding-x, .75rem);
+      border-bottom: var(--combobox-status-divider-width, var(--border-width-sm)) solid
+        var(--combobox-status-divider-color, var(--combobox-popup-border-color, var(--color-border)));
+      font-size: var(--combobox-status-font-size, var(--text-xs));
+      line-height: var(--combobox-status-line-height, var(--line-height-text-xs));
+      color: var(--combobox-status-color, var(--combobox-empty-color, var(--color-muted-foreground)));
+      display: flex;
+    }
+  }
+
+  .IweP1a_empty {
+    margin: 0;
+
+    &:not(:empty) {
+      padding: var(--combobox-empty-padding-y, .75rem) var(--combobox-empty-padding-x, 1rem);
+      font-size: var(--combobox-empty-font-size, var(--text-sm));
+      line-height: var(--combobox-empty-line-height, var(--line-height-text-sm));
+      color: var(--combobox-empty-color, var(--color-muted-foreground));
+    }
+  }
+
+  .IweP1a_list {
+    box-sizing: border-box;
+    max-height: min(var(--combobox-list-max-height, var(--combobox-popup-max-height, 24rem)),
+      var(--available-height));
+    overscroll-behavior: contain;
+    padding-block: var(--combobox-list-padding-y, var(--popup-list-padding-y, .25rem));
+    scroll-padding-block: var(--combobox-list-scroll-padding-y, var(--popup-list-padding-y, .25rem));
+    outline: 0;
+    overflow-y: auto;
+
+    &[data-empty] {
+      padding: 0;
+    }
+  }
+
+  .IweP1a_row {
+    display: contents;
+  }
+
+  .IweP1a_item {
+    box-sizing: border-box;
+    grid-template-columns: var(--combobox-item-indicator-size, var(--popup-check-indicator-size, .75rem))
+      minmax(0, 1fr);
+    align-items: center;
+    gap: var(--combobox-item-gap, var(--spacing-2));
+    min-height: var(--combobox-item-min-height, var(--popup-item-min-height, 2rem));
+    width: 100%;
+    padding-block: var(--combobox-item-padding-y, var(--popup-item-padding-y, .5rem));
+    padding-inline: var(--combobox-check-padding-x-start, var(--popup-check-padding-x-start, .625rem))
+      var(--combobox-item-padding-x-end, var(--popup-item-padding-x-end, 1rem));
+    border: var(--combobox-item-border-width, 0) solid
+      var(--combobox-item-border-color, transparent);
+    border-radius: var(--combobox-item-border-radius, 0);
+    background-color: var(--combobox-item-bg, transparent);
+    cursor: default;
+    user-select: none;
+    font: inherit;
+    font-size: var(--combobox-item-font-size, var(--popup-item-font-size, var(--text-sm)));
+    line-height: var(--combobox-item-line-height, var(--popup-item-line-height, var(--line-height-text-sm)));
+    color: var(--combobox-item-color, var(--combobox-color, var(--color-foreground)));
+    outline: 0;
+    display: grid;
+    position: relative;
+
+    &[data-highlighted] {
+      z-index: 0;
+      color: var(--combobox-highlight-color, var(--color-background));
+    }
+
+    &[data-highlighted]:before {
+      content: "";
+      z-index: -1;
+      inset-block: 0;
+      inset-inline: var(--combobox-highlight-inset-x, var(--popup-highlight-inset-x, var(--spacing-1)));
+      border-radius: var(--combobox-highlight-radius, var(--popup-highlight-radius, var(--radius-sm)));
+      background-color: var(--combobox-highlight-bg, var(--color-foreground));
+      position: absolute;
+    }
+
+    &[data-disabled] {
+      opacity: var(--opacity-disabled);
+      pointer-events: none;
+    }
+
+    &[data-indicator-position="end"] {
+      grid-template-columns: minmax(0, 1fr)
+        var(--combobox-item-indicator-size, var(--popup-check-indicator-size, .75rem));
+
+      & > .IweP1a_itemIndicator {
+        grid-column-start: 2;
+        justify-self: end;
+      }
+
+      & > .IweP1a_itemText {
+        grid-column-start: 1;
+      }
+    }
+  }
+
+  .IweP1a_itemIndicator {
+    padding: var(--combobox-item-indicator-padding, 0);
+    width: var(--combobox-item-indicator-size, var(--popup-check-indicator-size, .75rem));
+    height: var(--combobox-item-indicator-size, var(--popup-check-indicator-size, .75rem));
+    border: var(--combobox-item-indicator-border-width, 0) solid
+      var(--combobox-item-indicator-border-color, transparent);
+    border-radius: var(--combobox-item-indicator-radius, 0);
+    background-color: var(--combobox-item-indicator-bg, transparent);
+    grid-column-start: 1;
+    justify-content: center;
+    align-items: center;
+    display: inline-flex;
+  }
+
+  .IweP1a_itemIndicatorIcon {
+    width: var(--combobox-item-indicator-icon-size, .75rem);
+    height: var(--combobox-item-indicator-icon-size, .75rem);
+  }
+
+  .IweP1a_separator {
+    height: var(--border-width-sm);
+    margin: var(--combobox-separator-margin-y, var(--popup-separator-margin-y, .375rem))
+      var(--combobox-separator-margin-x, var(--popup-separator-margin-x-start, 1rem));
+    background-color: var(--combobox-border-color, var(--color-border));
+  }
+
+  .IweP1a_group {
+    padding-bottom: var(--combobox-group-padding-bottom, var(--spacing-1));
+  }
+
+  .IweP1a_groupLabel {
+    z-index: 1;
+    padding: var(--combobox-group-label-padding-top, var(--popup-group-label-padding-y, .35rem))
+      var(--combobox-group-label-padding-x, var(--popup-group-label-padding-x-start, .625rem))
+      var(--combobox-group-label-padding-bottom, var(--popup-group-label-padding-y, .35rem));
+    background-color: var(--combobox-group-label-bg, var(--combobox-popup-bg, var(--color-popover)));
+    color: var(--combobox-group-label-color, var(--color-muted-foreground));
+    font-size: var(--combobox-group-label-font-size, var(--popup-group-label-font-size, var(--text-xs)));
+    font-weight: var(--combobox-group-label-font-weight, var(--weight-semibold));
+    line-height: var(--combobox-group-label-line-height, var(--popup-group-label-line-height, var(--line-height-text-xs)));
+    margin: 0;
+    display: block;
+    position: sticky;
+    top: 0;
+  }
+
+  .IweP1a_chips {
+    align-items: center;
+    gap: var(--combobox-chips-gap, var(--spacing-1));
+    width: 100%;
+    padding: var(--combobox-chips-padding, var(--spacing-1));
+    cursor: text;
+    flex-wrap: wrap;
+    display: flex;
+  }
+
+  .IweP1a_chip {
+    align-items: center;
+    gap: var(--combobox-chip-gap, var(--spacing-1));
+    min-height: var(--combobox-chip-min-height, 1.625rem);
+    max-width: 100%;
+    padding: var(--combobox-chip-padding-y, .1875rem) var(--combobox-chip-padding-right, .375rem)
+      var(--combobox-chip-padding-y, .1875rem) var(--combobox-chip-padding-left, .5rem);
+    border-radius: var(--combobox-chip-radius, var(--radius-sm));
+    background: var(--combobox-chip-bg, var(--color-muted));
+    color: var(--combobox-chip-color, var(--color-foreground));
+    font-size: var(--combobox-chip-font-size, var(--text-sm));
+    line-height: var(--combobox-chip-line-height, var(--line-height-text-sm));
+    display: inline-flex;
+
+    &[data-highlighted] {
+      background-color: var(--combobox-highlight-bg, var(--color-accent));
+      color: var(--combobox-highlight-color, var(--color-accent-foreground));
+    }
+
+    &:has([disabled]) {
+      opacity: var(--opacity-disabled);
+      pointer-events: none;
+    }
+  }
+
+  .IweP1a_chipRemove {
+    width: var(--combobox-chip-remove-size, 1rem);
+    height: var(--combobox-chip-remove-size, 1rem);
+    border-radius: var(--combobox-chip-remove-radius, var(--radius-sm));
+    color: inherit;
+    cursor: pointer;
+    background: none;
+    border: 0;
+    justify-content: center;
+    align-items: center;
+    margin: 0;
+    padding: 0;
+    display: inline-flex;
+
+    &:hover {
+      background-color: var(--combobox-chip-remove-bg-hover, var(--color-overlay-foreground));
+    }
+  }
+
+  .IweP1a_chipRemoveIcon {
+    width: var(--combobox-chip-remove-icon-size, .75rem);
+    height: var(--combobox-chip-remove-icon-size, .75rem);
+  }
+
+  .IweP1a_chipsInput {
+    flex: 1 1 var(--combobox-chips-input-min-width, 4rem);
+    min-width: var(--combobox-chips-input-min-width, 4rem);
+    height: var(--combobox-chips-input-height, 1.75rem);
+    padding: 0 var(--combobox-chips-input-padding-x, .5rem);
+    border-radius: var(--radius-sm);
+    color: inherit;
+    font: inherit;
+    background: none;
+    border: 0;
+    outline: 0;
+    margin: 0;
+
+    &::placeholder {
+      color: var(--combobox-input-placeholder-color, var(--color-muted-foreground));
+    }
+  }
+
+  .IweP1a_field {
+    gap: var(--combobox-field-gap, .375rem);
+    flex-direction: column;
+    display: inline-flex;
+  }
+
+  .IweP1a_controlActions {
+    right: var(--combobox-actions-offset-right, .5rem);
+    align-items: center;
+    gap: var(--combobox-actions-gap, .125rem);
+    display: inline-flex;
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+  }
+
+  .IweP1a_itemText {
+    grid-column-start: 2;
+    min-width: 0;
+    overflow: hidden;
+  }
+
+  .IweP1a_chipText {
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+  }
+
+  .IweP1a_inlineInputContainer {
+    box-sizing: border-box;
+    padding: var(--spacing-2);
+    border-bottom: var(--border-width-sm) solid var(--combobox-border-color, var(--color-border));
+
+    & > .IweP1a_input {
+      border: var(--border-width-sm) solid var(--combobox-border-color, var(--color-border));
+      border-radius: var(--radius-sm);
+      padding-inline: .75rem;
+    }
+  }
+}

package/dist/components/Combobox/Combobox.d.ts

@@ -1,45 +1,60 @@
-import { ComponentProps } from 'react';
-import { Combobox as ComboboxPrimitive } from '@base-ui/react/combobox';
+import { ComponentProps } from "react";
+import { Combobox } from "@base-ui/react/combobox";
+
+//#region src/components/Combobox/Combobox.d.ts
 type IndicatorPosition = 'start' | 'end';
-type ComboboxContentProps = ComboboxPrimitive.Popup.Props & Pick<ComboboxPrimitive.Positioner.Props, 'side' | 'sideOffset' | 'align' | 'alignOffset' | 'arrowPadding' | 'collisionAvoidance' | 'collisionBoundary' | 'collisionPadding'> & {
-    showArrow?: boolean;
+type ComboboxContentProps = Combobox.Popup.Props & Pick<Combobox.Positioner.Props, 'side' | 'sideOffset' | 'align' | 'alignOffset' | 'arrowPadding' | 'collisionAvoidance' | 'collisionBoundary' | 'collisionPadding'> & {
+  showArrow?: boolean;
 };
-declare const Combobox: typeof ComboboxPrimitive.Root;
-declare function ComboboxField({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
-declare const ComboboxFieldLabel: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ComboboxLabelProps & Pick<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "htmlFor">, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare function ComboboxValue(props: ComboboxPrimitive.Value.Props): import("react").JSX.Element;
-declare const ComboboxInlineInputContainer: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const ComboboxInputGroup: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ComboboxInputGroupProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const ComboboxInput: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompleteInputProps, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
-declare function ComboboxControlActions({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
-declare const ComboboxTrigger: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ComboboxTriggerProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
-declare const ComboboxFieldTrigger: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ComboboxTriggerProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
-declare const ComboboxIcon: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompleteIconProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
-declare const ComboboxClear: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompleteClearProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
-declare const ComboboxPortal: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompletePortalProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const ComboboxBackdrop: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompleteBackdropProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const ComboboxPositioner: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompletePositionerProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const ComboboxPopup: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompletePopupProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const ComboboxArrow: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompleteArrowProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const ComboboxContent: import('react').ForwardRefExoticComponent<Omit<ComboboxContentProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const ComboboxStatus: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompleteStatusProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const ComboboxEmpty: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompleteEmptyProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const ComboboxList: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompleteListProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const ComboboxRow: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompleteRowProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const ComboboxItem: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ComboboxItemProps & {
-    indicator?: IndicatorPosition;
-}, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const ComboboxItemIndicator: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ComboboxItemIndicatorProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
-declare function ComboboxItemText({ className, ...props }: ComponentProps<'span'>): import("react").JSX.Element;
-declare const ComboboxSeparator: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').SeparatorProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const ComboboxGroup: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompleteGroupProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const ComboboxGroupLabel: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompleteGroupLabelProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare function ComboboxCollection(props: ComboboxPrimitive.Collection.Props): import("react").JSX.Element;
-declare const ComboboxChips: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ComboboxChipsProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const ComboboxChip: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ComboboxChipProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const ComboboxChipRemove: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ComboboxChipRemoveProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
-declare function ComboboxChipText({ className, ...props }: ComponentProps<'span'>): import("react").JSX.Element;
-declare const ComboboxChipsInput: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompleteInputProps, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
-declare const useComboboxFilter: typeof ComboboxPrimitive.useFilter;
-declare const useComboboxFilteredItems: typeof ComboboxPrimitive.useFilteredItems;
-export { Combobox, ComboboxField, ComboboxFieldLabel, ComboboxValue, ComboboxInlineInputContainer, ComboboxInputGroup, ComboboxInput, ComboboxControlActions, ComboboxTrigger, ComboboxFieldTrigger, ComboboxIcon, ComboboxClear, ComboboxPortal, ComboboxBackdrop, ComboboxPositioner, ComboboxPopup, ComboboxContent, ComboboxArrow, ComboboxStatus, ComboboxEmpty, ComboboxList, ComboboxRow, ComboboxItem, ComboboxItemIndicator, ComboboxItemText, ComboboxSeparator, ComboboxGroup, ComboboxGroupLabel, ComboboxCollection, ComboboxChips, ComboboxChip, ComboboxChipRemove, ComboboxChipText, ComboboxChipsInput, useComboboxFilter, useComboboxFilteredItems, };
+declare const Combobox$1: typeof Combobox.Root;
+declare function ComboboxField({
+  className,
+  ...props
+}: ComponentProps<'div'>): import("react").JSX.Element;
+declare const ComboboxFieldLabel: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").ComboboxLabelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare function ComboboxValue(props: Combobox.Value.Props): import("react").JSX.Element;
+declare const ComboboxInlineInputContainer: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const ComboboxInputGroup: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").ComboboxInputGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const ComboboxInput: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompleteInputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+declare function ComboboxControlActions({
+  className,
+  ...props
+}: ComponentProps<'div'>): import("react").JSX.Element;
+declare const ComboboxTrigger: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").ComboboxTriggerProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+declare const ComboboxFieldTrigger: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").ComboboxTriggerProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+declare const ComboboxIcon: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompleteIconProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+declare const ComboboxClear: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompleteClearProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+declare const ComboboxPortal: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompletePortalProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const ComboboxBackdrop: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompleteBackdropProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const ComboboxPositioner: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompletePositionerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const ComboboxPopup: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompletePopupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const ComboboxArrow: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompleteArrowProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const ComboboxContent: import("react").ForwardRefExoticComponent<Omit<ComboboxContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const ComboboxStatus: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompleteStatusProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const ComboboxEmpty: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompleteEmptyProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const ComboboxList: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompleteListProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const ComboboxRow: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompleteRowProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const ComboboxItem: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").ComboboxItemProps & {
+  indicator?: IndicatorPosition;
+}, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const ComboboxItemIndicator: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").ComboboxItemIndicatorProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+declare function ComboboxItemText({
+  className,
+  ...props
+}: ComponentProps<'span'>): import("react").JSX.Element;
+declare const ComboboxSeparator: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").SeparatorProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const ComboboxGroup: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompleteGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const ComboboxGroupLabel: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompleteGroupLabelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare function ComboboxCollection(props: Combobox.Collection.Props): import("react").JSX.Element;
+declare const ComboboxChips: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").ComboboxChipsProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const ComboboxChip: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").ComboboxChipProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const ComboboxChipRemove: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").ComboboxChipRemoveProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+declare function ComboboxChipText({
+  className,
+  ...props
+}: ComponentProps<'span'>): import("react").JSX.Element;
+declare const ComboboxChipsInput: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompleteInputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+declare const useComboboxFilter: typeof Combobox.useFilter;
+declare const useComboboxFilteredItems: typeof Combobox.useFilteredItems;
+//#endregion
+export { Combobox$1 as Combobox, ComboboxArrow, ComboboxBackdrop, ComboboxChip, ComboboxChipRemove, ComboboxChipText, ComboboxChips, ComboboxChipsInput, ComboboxClear, ComboboxCollection, ComboboxContent, ComboboxControlActions, ComboboxEmpty, ComboboxField, ComboboxFieldLabel, ComboboxFieldTrigger, ComboboxGroup, ComboboxGroupLabel, ComboboxIcon, ComboboxInlineInputContainer, ComboboxInput, ComboboxInputGroup, ComboboxItem, ComboboxItemIndicator, ComboboxItemText, ComboboxList, ComboboxPopup, ComboboxPortal, ComboboxPositioner, ComboboxRow, ComboboxSeparator, ComboboxStatus, ComboboxTrigger, ComboboxValue, useComboboxFilter, useComboboxFilteredItems };