moduix 0.11.0 → 0.11.1

package/dist/components/Autocomplete/Autocomplete.css

@@ -0,0 +1,454 @@
+@layer ui.components {
+  .TIf05q_inputGroup {
+    width: var(--autocomplete-width, 16rem);
+    min-height: var(--autocomplete-control-height, var(--size-lg));
+    padding-inline: var(--autocomplete-input-group-padding-x, 0);
+    border: var(--autocomplete-border-width, var(--border-width-sm)) solid
+      var(--autocomplete-border-color, var(--color-border));
+    border-radius: var(--autocomplete-radius, var(--radius-md));
+    background-color: var(--autocomplete-bg, var(--color-background));
+    color: var(--autocomplete-color, var(--color-foreground));
+    outline: var(--autocomplete-focus-ring-width, var(--autocomplete-border-width, var(--border-width-sm)))
+      solid transparent;
+    outline-offset: calc(var(--autocomplete-focus-ring-offset, var(--autocomplete-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(--autocomplete-focus-ring-color, var(--color-ring));
+      outline-color: var(--autocomplete-focus-ring-color, var(--color-ring));
+    }
+
+    &:has( > [data-slot="autocomplete-input"][data-disabled],  > [data-slot="autocomplete-input"]:disabled) {
+      opacity: var(--opacity-disabled);
+    }
+  }
+
+  .TIf05q_input {
+    box-sizing: border-box;
+    width: 100%;
+    min-width: 0;
+    height: var(--autocomplete-control-height, var(--size-lg));
+    border-radius: inherit;
+    padding-inline: var(--autocomplete-input-padding-x-start, .875rem)
+      var(--autocomplete-input-padding-x-end, .875rem);
+    color: inherit;
+    font: inherit;
+    background: none;
+    border: 0;
+    outline: 0;
+    margin: 0;
+
+    &::placeholder {
+      color: var(--autocomplete-input-placeholder-color, var(--color-muted-foreground));
+    }
+  }
+
+  .TIf05q_inputGroup:has( > [data-slot="autocomplete-control-actions"]) {
+    & .TIf05q_input {
+      padding-inline-end: var(--autocomplete-input-padding-x-end-with-actions, 3.25rem);
+    }
+  }
+
+  .TIf05q_trigger, .TIf05q_clear {
+    box-sizing: border-box;
+    width: var(--autocomplete-action-size, 1.5rem);
+    height: var(--autocomplete-action-size, 1.5rem);
+    border-radius: var(--autocomplete-action-radius, var(--radius-sm));
+    color: var(--autocomplete-icon-color, var(--color-muted-foreground));
+    cursor: pointer;
+    transition: background-color var(--transition-default),
+      color var(--transition-default);
+    background: none;
+    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(--autocomplete-action-bg-hover, var(--color-muted));
+      color: var(--autocomplete-action-color-hover, var(--color-foreground));
+    }
+
+    &:focus-visible {
+      outline: var(--autocomplete-focus-ring-width, var(--autocomplete-border-width, var(--border-width-sm)))
+        solid var(--autocomplete-focus-ring-color, var(--color-ring));
+      outline-offset: var(--autocomplete-focus-ring-offset, var(--autocomplete-border-width, var(--border-width-sm)));
+    }
+
+    &:is(:disabled, [data-disabled]) {
+      cursor: not-allowed;
+    }
+  }
+
+  .TIf05q_icon {
+    width: var(--autocomplete-icon-size, .875rem);
+    height: var(--autocomplete-icon-size, .875rem);
+    color: var(--autocomplete-icon-color, var(--color-muted-foreground));
+    flex-shrink: 0;
+    justify-content: center;
+    align-items: center;
+    display: inline-flex;
+  }
+
+  .TIf05q_iconSvg {
+    width: var(--autocomplete-icon-svg-size, 1rem);
+    height: var(--autocomplete-icon-svg-size, 1rem);
+  }
+
+  .TIf05q_backdrop {
+    z-index: var(--z-backdrop);
+    background-color: var(--autocomplete-backdrop-bg, var(--backdrop-bg, var(--color-overlay)));
+    min-height: 100dvh;
+    backdrop-filter: var(--backdrop-filter, blur(var(--autocomplete-backdrop-blur, 4px)));
+    transition: opacity var(--autocomplete-backdrop-transition, var(--transition-default)),
+      backdrop-filter var(--autocomplete-backdrop-transition, var(--transition-default));
+    position: fixed;
+    inset: 0;
+
+    &[data-starting-style], &[data-ending-style] {
+      opacity: 0;
+      backdrop-filter: none;
+    }
+  }
+
+  .TIf05q_positioner {
+    z-index: var(--z-popup);
+    outline: 0;
+  }
+
+  .TIf05q_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(--autocomplete-popup-max-height, 24rem), var(--available-height));
+    border-radius: var(--autocomplete-radius, var(--radius-md));
+    background-color: var(--autocomplete-popup-bg, var(--color-popover));
+    color: var(--autocomplete-color, var(--color-popover-foreground));
+    outline: var(--autocomplete-popup-border-width, var(--border-width-sm)) solid
+      var(--autocomplete-popup-border-color, var(--color-border));
+    box-shadow: var(--autocomplete-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));
+    }
+
+    &:has( > [data-slot="autocomplete-inline-input-container"]) {
+      --autocomplete-inline-input-container-height: calc(var(--autocomplete-control-height, var(--size-lg)) +
+          var(--autocomplete-inline-input-container-padding-top, var(--spacing-2)) +
+          var(--autocomplete-inline-input-container-padding-bottom, var(--spacing-2)) +
+          var(--autocomplete-inline-input-divider-width, var(--border-width-sm)));
+    }
+  }
+
+  .TIf05q_arrow {
+    color: var(--autocomplete-popup-bg, var(--color-popover));
+    display: flex;
+
+    &[data-side="top"] {
+      bottom: calc(var(--autocomplete-arrow-size, 8px) * -1);
+      rotate: 180deg;
+    }
+
+    &[data-side="bottom"] {
+      top: calc(var(--autocomplete-arrow-size, 8px) * -1);
+      rotate: 0deg;
+    }
+
+    &[data-side="left"] {
+      right: calc(var(--autocomplete-arrow-inline-offset, 13px) * -1);
+      rotate: 90deg;
+    }
+
+    &[data-side="right"] {
+      left: calc(var(--autocomplete-arrow-inline-offset, 13px) * -1);
+      rotate: -90deg;
+    }
+  }
+
+  .TIf05q_arrowSvg {
+    width: var(--autocomplete-arrow-width, 1.25rem);
+    height: var(--autocomplete-arrow-height, .625rem);
+    display: block;
+    overflow: visible;
+  }
+
+  .TIf05q_arrowFill {
+    fill: currentColor;
+  }
+
+  .TIf05q_arrowOuterStroke {
+    fill: var(--autocomplete-arrow-stroke-color, var(--autocomplete-popup-border-color, var(--color-border)));
+  }
+
+  .TIf05q_arrowInnerStroke {
+    fill: var(--autocomplete-popup-bg, var(--color-popover));
+  }
+
+  .TIf05q_status {
+    margin: 0;
+    padding: 0;
+
+    &:not(:empty) {
+      align-items: center;
+      gap: var(--autocomplete-status-gap, var(--spacing-1));
+      padding: var(--autocomplete-status-padding-y, .5rem)
+        var(--autocomplete-status-padding-x, .75rem);
+      border-bottom: var(--autocomplete-status-divider-width, var(--border-width-sm)) solid
+        var(--autocomplete-status-divider-color, var(--autocomplete-popup-border-color, var(--color-border)));
+      font-size: var(--autocomplete-status-font-size, var(--text-xs));
+      line-height: var(--autocomplete-status-line-height, var(--line-height-text-xs));
+      color: var(--autocomplete-status-color, var(--autocomplete-empty-color, var(--color-muted-foreground)));
+      display: flex;
+    }
+  }
+
+  .TIf05q_empty {
+    margin: 0;
+    padding: 0;
+
+    &:not(:empty) {
+      padding: var(--autocomplete-empty-padding-y, .75rem)
+        var(--autocomplete-empty-padding-x, 1rem);
+      font-size: var(--autocomplete-empty-font-size, var(--text-sm));
+      line-height: var(--autocomplete-empty-line-height, var(--line-height-text-sm));
+      color: var(--autocomplete-empty-color, var(--color-muted-foreground));
+    }
+  }
+
+  .TIf05q_list {
+    box-sizing: border-box;
+    max-height: min(var(--autocomplete-list-max-height, var(--autocomplete-popup-max-height, 24rem)),
+      var(--available-height));
+    overscroll-behavior: contain;
+    padding-block: var(--autocomplete-list-padding-y, var(--popup-list-padding-y, .25rem));
+    scroll-padding-block: var(--autocomplete-list-scroll-padding-y, var(--popup-list-padding-y, .25rem));
+    outline: 0;
+    overflow-y: auto;
+
+    &[data-empty] {
+      padding: 0;
+    }
+
+    [data-slot="autocomplete-inline-input-container"] + & {
+      max-height: min(calc(var(--autocomplete-list-max-height, var(--autocomplete-popup-max-height, 24rem)) -
+            var(--autocomplete-inline-input-container-height, 0px)),
+        calc(var(--available-height) - var(--autocomplete-inline-input-container-height, 0px)));
+      padding-top: var(--autocomplete-inline-list-padding-top, .375rem);
+      padding-bottom: var(--autocomplete-inline-list-padding-bottom, .5rem);
+      scroll-padding-top: var(--autocomplete-inline-list-scroll-padding-top, .375rem);
+      scroll-padding-bottom: var(--autocomplete-inline-list-scroll-padding-bottom, .5rem);
+    }
+  }
+
+  .TIf05q_row {
+    align-items: center;
+    gap: var(--autocomplete-row-gap, var(--spacing-1));
+    padding-inline: var(--autocomplete-row-padding-x, var(--spacing-1));
+    display: flex;
+
+    & > .TIf05q_item {
+      width: var(--autocomplete-grid-item-width, 2.5rem);
+      min-height: var(--autocomplete-grid-item-min-height, 2.5rem);
+      padding-inline: var(--autocomplete-grid-item-padding-x, var(--spacing-2));
+      justify-content: center;
+
+      &[data-highlighted]:before {
+        inset-inline: 0;
+      }
+    }
+  }
+
+  .TIf05q_item {
+    box-sizing: border-box;
+    width: 100%;
+    min-height: var(--autocomplete-item-min-height, var(--popup-item-min-height, 2rem));
+    padding-block: var(--autocomplete-item-padding-y, var(--popup-item-padding-y, .5rem));
+    padding-inline: var(--autocomplete-item-padding-x, var(--popup-item-padding-x-start, 1rem))
+      var(--autocomplete-item-padding-x-end, var(--popup-item-padding-x-end, 1rem));
+    cursor: default;
+    user-select: none;
+    font: inherit;
+    font-size: var(--autocomplete-item-font-size, var(--popup-item-font-size, var(--text-sm)));
+    line-height: var(--autocomplete-item-line-height, var(--popup-item-line-height, var(--line-height-text-sm)));
+    color: var(--autocomplete-item-color, var(--autocomplete-color, var(--color-foreground)));
+    border-radius: 0;
+    outline: 0;
+    align-items: center;
+    display: flex;
+    position: relative;
+
+    &[data-highlighted] {
+      z-index: 0;
+      color: var(--autocomplete-highlight-color, var(--color-background));
+    }
+
+    &[data-highlighted]:before {
+      content: "";
+      z-index: -1;
+      inset-block: 0;
+      inset-inline: var(--autocomplete-highlight-inset-x, var(--popup-highlight-inset-x, var(--spacing-1)));
+      border-radius: var(--autocomplete-highlight-radius, var(--popup-highlight-radius, var(--radius-sm)));
+      background-color: var(--autocomplete-highlight-bg, var(--color-foreground));
+      position: absolute;
+    }
+
+    &[data-disabled] {
+      opacity: var(--opacity-disabled);
+      pointer-events: none;
+    }
+  }
+
+  .TIf05q_separator {
+    height: var(--autocomplete-separator-size, var(--border-width-sm));
+    margin: var(--autocomplete-separator-margin-y, var(--popup-separator-margin-y, .375rem))
+      var(--autocomplete-separator-margin-x, var(--popup-separator-margin-x-start, 1rem));
+    background-color: var(--autocomplete-border-color, var(--color-border));
+  }
+
+  .TIf05q_group {
+    padding-bottom: var(--autocomplete-group-padding-bottom, var(--spacing-1));
+  }
+
+  .TIf05q_groupLabel {
+    z-index: 1;
+    padding: var(--autocomplete-group-label-padding-top, var(--popup-group-label-padding-y, .35rem))
+      var(--autocomplete-group-label-padding-x, var(--popup-group-label-padding-x-start, .625rem))
+      var(--autocomplete-group-label-padding-bottom, var(--popup-group-label-padding-y, .35rem));
+    background-color: var(--autocomplete-group-label-bg, var(--autocomplete-popup-bg, var(--color-popover)));
+    color: var(--autocomplete-group-label-color, var(--color-muted-foreground));
+    font-size: var(--autocomplete-group-label-font-size, var(--popup-group-label-font-size, var(--text-xs)));
+    font-weight: var(--autocomplete-group-label-font-weight, var(--weight-semibold));
+    line-height: var(--autocomplete-group-label-line-height, var(--popup-group-label-line-height, var(--line-height-text-xs)));
+    margin: 0;
+    display: block;
+    position: sticky;
+    top: 0;
+  }
+
+  .TIf05q_field {
+    gap: var(--autocomplete-field-gap, .375rem);
+    flex-direction: column;
+    display: inline-flex;
+  }
+
+  .TIf05q_fieldLabel {
+    font-size: var(--autocomplete-label-font-size, var(--text-sm));
+    line-height: var(--autocomplete-label-line-height, var(--line-height-text-sm));
+    font-weight: var(--autocomplete-label-font-weight, var(--weight-medium));
+    color: var(--autocomplete-color, var(--color-foreground));
+    cursor: default;
+    align-items: center;
+    display: inline-flex;
+  }
+
+  .TIf05q_controlActions {
+    right: var(--autocomplete-actions-offset-right, .5rem);
+    align-items: center;
+    gap: var(--autocomplete-actions-gap, .125rem);
+    display: inline-flex;
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+  }
+
+  .TIf05q_itemText {
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    min-width: 0;
+    overflow: hidden;
+  }
+
+  .TIf05q_itemTextContent {
+    align-items: center;
+    gap: var(--autocomplete-item-text-content-gap, var(--spacing-2));
+    vertical-align: top;
+    min-width: 0;
+    max-width: 100%;
+    display: inline-flex;
+  }
+
+  .TIf05q_itemTextIcon {
+    width: var(--autocomplete-item-text-icon-size, 1rem);
+    height: var(--autocomplete-item-text-icon-size, 1rem);
+    color: var(--autocomplete-item-text-icon-color, currentColor);
+    flex-shrink: 0;
+    justify-content: center;
+    align-items: center;
+    display: inline-flex;
+  }
+
+  .TIf05q_itemTextLabel {
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    min-width: 0;
+    overflow: hidden;
+  }
+
+  .TIf05q_fieldTrigger {
+    width: var(--autocomplete-width, 16rem);
+    min-height: var(--autocomplete-control-height, var(--size-lg));
+    justify-content: space-between;
+    align-items: center;
+    gap: var(--autocomplete-trigger-gap, .75rem);
+    padding: 0 var(--autocomplete-trigger-padding-x, .875rem);
+    border: var(--autocomplete-border-width, var(--border-width-sm)) solid
+      var(--autocomplete-border-color, var(--color-border));
+    border-radius: var(--autocomplete-radius, var(--radius-md));
+    background-color: var(--autocomplete-bg, var(--color-background));
+    color: var(--autocomplete-color, var(--color-foreground));
+    outline: var(--autocomplete-focus-ring-width, var(--autocomplete-border-width, var(--border-width-sm)))
+      solid transparent;
+    outline-offset: calc(var(--autocomplete-focus-ring-offset, var(--autocomplete-border-width, var(--border-width-sm))) *
+        -1);
+    transition: background-color var(--transition-default),
+      border-color var(--transition-default),
+      outline-color var(--transition-default);
+    display: inline-flex;
+
+    &[data-popup-open] {
+      background-color: var(--autocomplete-field-trigger-bg-open, var(--color-muted));
+    }
+
+    &:focus-visible {
+      border-color: var(--autocomplete-focus-ring-color, var(--color-ring));
+      outline-color: var(--autocomplete-focus-ring-color, var(--color-ring));
+    }
+
+    &:is([disabled], [data-disabled]) {
+      opacity: var(--opacity-disabled);
+      cursor: not-allowed;
+    }
+  }
+
+  .TIf05q_inlineInputContainer {
+    box-sizing: border-box;
+    padding: var(--autocomplete-inline-input-container-padding-top, var(--spacing-2))
+      var(--autocomplete-inline-input-container-padding-x, var(--spacing-2))
+      var(--autocomplete-inline-input-container-padding-bottom, var(--spacing-2));
+    border-bottom-width: var(--autocomplete-inline-input-divider-width, var(--border-width-sm));
+    border-bottom-style: var(--autocomplete-inline-input-divider-style, solid);
+    border-bottom-color: var(--autocomplete-inline-input-divider-color, var(--autocomplete-border-color, var(--color-border)));
+
+    & > .TIf05q_input {
+      padding-inline: var(--autocomplete-inline-input-padding-x, .75rem);
+      border: var(--autocomplete-inline-input-border-width, var(--border-width-sm)) solid
+        var(--autocomplete-border-color, var(--color-border));
+      border-radius: var(--autocomplete-inline-input-radius, var(--radius-sm));
+    }
+  }
+}

package/dist/components/Autocomplete/Autocomplete.d.ts

@@ -1,38 +1,41 @@
-import { Autocomplete as AutocompletePrimitive } from '@base-ui/react/autocomplete';
-declare const Autocomplete: typeof AutocompletePrimitive.Root;
-declare const AutocompleteField: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const AutocompleteInlineInputContainer: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const AutocompleteFieldLabel: 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 AutocompleteValue(props: AutocompletePrimitive.Value.Props): import("react").JSX.Element;
-declare const AutocompleteInputGroup: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompleteInputGroupProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const AutocompleteInput: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompleteInputProps, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
-declare const AutocompleteControlActions: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const AutocompleteTrigger: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompleteTriggerProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
-declare const AutocompleteFieldTrigger: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompleteTriggerProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
-declare const AutocompleteIcon: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompleteIconProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
-declare const AutocompleteClear: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompleteClearProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
-declare const AutocompletePortal: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompletePortalProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const AutocompleteBackdrop: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompleteBackdropProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const AutocompletePositioner: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompletePositionerProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const AutocompletePopup: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompletePopupProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const AutocompleteArrow: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompleteArrowProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-type AutocompleteContentProps = AutocompletePrimitive.Popup.Props & Pick<AutocompletePrimitive.Positioner.Props, 'side' | 'sideOffset' | 'align' | 'alignOffset' | 'arrowPadding' | 'collisionAvoidance' | 'collisionBoundary' | 'collisionPadding'> & {
-    showArrow?: boolean;
+import { Autocomplete } from "@base-ui/react/autocomplete";
+
+//#region src/components/Autocomplete/Autocomplete.d.ts
+declare const Autocomplete$1: typeof Autocomplete.Root;
+declare const AutocompleteField: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const AutocompleteInlineInputContainer: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const AutocompleteFieldLabel: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").ComboboxLabelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare function AutocompleteValue(props: Autocomplete.Value.Props): import("react").JSX.Element;
+declare const AutocompleteInputGroup: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompleteInputGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const AutocompleteInput: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompleteInputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+declare const AutocompleteControlActions: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const AutocompleteTrigger: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompleteTriggerProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+declare const AutocompleteFieldTrigger: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompleteTriggerProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+declare const AutocompleteIcon: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompleteIconProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+declare const AutocompleteClear: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompleteClearProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+declare const AutocompletePortal: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompletePortalProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const AutocompleteBackdrop: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompleteBackdropProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const AutocompletePositioner: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompletePositionerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const AutocompletePopup: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompletePopupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const AutocompleteArrow: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompleteArrowProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type AutocompleteContentProps = Autocomplete.Popup.Props & Pick<Autocomplete.Positioner.Props, 'side' | 'sideOffset' | 'align' | 'alignOffset' | 'arrowPadding' | 'collisionAvoidance' | 'collisionBoundary' | 'collisionPadding'> & {
+  showArrow?: boolean;
 };
-declare const AutocompleteContent: import('react').ForwardRefExoticComponent<Omit<AutocompleteContentProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const AutocompleteStatus: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompleteStatusProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const AutocompleteEmpty: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompleteEmptyProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const AutocompleteList: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompleteListProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const AutocompleteRow: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompleteRowProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const AutocompleteItem: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompleteItemProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const AutocompleteItemText: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
-declare const AutocompleteItemTextContent: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
-declare const AutocompleteItemTextIcon: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
-declare const AutocompleteItemTextLabel: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
-declare const AutocompleteSeparator: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').SeparatorProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const AutocompleteGroup: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompleteGroupProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const AutocompleteGroupLabel: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompleteGroupLabelProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare function AutocompleteCollection(props: AutocompletePrimitive.Collection.Props): import("react").JSX.Element;
-declare const useAutocompleteFilter: typeof import('@base-ui/react/internals/filter').getFilter;
-declare const useAutocompleteFilteredItems: typeof AutocompletePrimitive.useFilteredItems;
-export { Autocomplete, AutocompleteField, AutocompleteInlineInputContainer, AutocompleteFieldLabel, AutocompleteValue, AutocompleteInputGroup, AutocompleteInput, AutocompleteControlActions, AutocompleteTrigger, AutocompleteFieldTrigger, AutocompleteIcon, AutocompleteClear, AutocompletePortal, AutocompleteBackdrop, AutocompletePositioner, AutocompletePopup, AutocompleteArrow, AutocompleteContent, AutocompleteStatus, AutocompleteEmpty, AutocompleteList, AutocompleteRow, AutocompleteItem, AutocompleteItemText, AutocompleteItemTextContent, AutocompleteItemTextIcon, AutocompleteItemTextLabel, AutocompleteSeparator, AutocompleteGroup, AutocompleteGroupLabel, AutocompleteCollection, useAutocompleteFilter, useAutocompleteFilteredItems, };
+declare const AutocompleteContent: import("react").ForwardRefExoticComponent<Omit<AutocompleteContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const AutocompleteStatus: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompleteStatusProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const AutocompleteEmpty: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompleteEmptyProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const AutocompleteList: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompleteListProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const AutocompleteRow: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompleteRowProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const AutocompleteItem: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompleteItemProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const AutocompleteItemText: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+declare const AutocompleteItemTextContent: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+declare const AutocompleteItemTextIcon: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+declare const AutocompleteItemTextLabel: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+declare const AutocompleteSeparator: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").SeparatorProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const AutocompleteGroup: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompleteGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const AutocompleteGroupLabel: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompleteGroupLabelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare function AutocompleteCollection(props: Autocomplete.Collection.Props): import("react").JSX.Element;
+declare const useAutocompleteFilter: typeof import("@base-ui/react/internals/filter").getFilter;
+declare const useAutocompleteFilteredItems: typeof Autocomplete.useFilteredItems;
+//#endregion
+export { Autocomplete$1 as Autocomplete, AutocompleteArrow, AutocompleteBackdrop, AutocompleteClear, AutocompleteCollection, AutocompleteContent, AutocompleteControlActions, AutocompleteEmpty, AutocompleteField, AutocompleteFieldLabel, AutocompleteFieldTrigger, AutocompleteGroup, AutocompleteGroupLabel, AutocompleteIcon, AutocompleteInlineInputContainer, AutocompleteInput, AutocompleteInputGroup, AutocompleteItem, AutocompleteItemText, AutocompleteItemTextContent, AutocompleteItemTextIcon, AutocompleteItemTextLabel, AutocompleteList, AutocompletePopup, AutocompletePortal, AutocompletePositioner, AutocompleteRow, AutocompleteSeparator, AutocompleteStatus, AutocompleteTrigger, AutocompleteValue, useAutocompleteFilter, useAutocompleteFilteredItems };