@jobber/components 9.5.3 → 9.6.0

package/Combobox.d.ts

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

package/Combobox.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true,
+});
+
+var Combobox = require("./dist/Combobox");
+
+Object.keys(Combobox).forEach(function(key) {
+  if (key === "default" || key === "__esModule") return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return Combobox[key];
+    },
+  });
+});

package/dist/Autocomplete/index.cjs

@@ -3,10 +3,8 @@
 var Autocomplete = require('../Autocomplete-cjs.js');
 require('react');
 require('../floating-ui.react-cjs.js');
-require('../floating-ui.utils-cjs.js');
 require('react/jsx-runtime');
 require('react-dom');
-require('../floating-ui.react-dom-cjs.js');
 require('classnames');
 require('@jobber/design');
 require('@jobber/hooks');

package/dist/Autocomplete/index.mjs

@@ -1,10 +1,8 @@
 export { A as Autocomplete } from '../Autocomplete-es.js';
 import 'react';
 import '../floating-ui.react-es.js';
-import '../floating-ui.utils-es.js';
 import 'react/jsx-runtime';
 import 'react-dom';
-import '../floating-ui.react-dom-es.js';
 import 'classnames';
 import '@jobber/design';
 import '@jobber/hooks';

package/dist/Autocomplete-cjs.js

@@ -6,7 +6,6 @@ var classnames = require('classnames');
 var design = require('@jobber/design');
 var jobberHooks = require('@jobber/hooks');
 var maxHeight = require('./maxHeight-cjs.js');
-var floatingUi_reactDom = require('./floating-ui.react-dom-cjs.js');
 var Heading = require('./Heading-cjs.js');
 var Text = require('./Text-cjs.js');
 var Typography = require('./Typography-cjs.js');
@@ -136,7 +135,7 @@ function useAutocompleteListNav({ navigableCount, shouldResetActiveIndexOnClose,
     const listRef = React.useRef([]);
     const { refs, floatingStyles, context } = floatingUi_react.useFloating({
         placement: "bottom",
-        whileElementsMounted: floatingUi_reactDom.autoUpdate,
+        whileElementsMounted: floatingUi_react.autoUpdate,
         open,
         onOpenChange: (isOpen, _event, reason) => {
             setOpen(isOpen);
@@ -151,9 +150,9 @@ function useAutocompleteListNav({ navigableCount, shouldResetActiveIndexOnClose,
             }
         },
         middleware: [
-            floatingUi_reactDom.offset(MENU_OFFSET),
-            floatingUi_reactDom.flip({ fallbackPlacements: ["top"] }),
-            floatingUi_reactDom.size({
+            floatingUi_react.offset(MENU_OFFSET),
+            floatingUi_react.flip({ fallbackPlacements: ["top"] }),
+            floatingUi_react.size({
                 apply({ availableHeight, rects, elements }) {
                     const maxHeight$1 = maxHeight.calculateMaxHeight(availableHeight, {
                         maxHeight: AUTOCOMPLETE_MAX_HEIGHT,

package/dist/Autocomplete-es.js

@@ -1,10 +1,9 @@
 import React__default, { useState, useRef, useEffect, useCallback, useMemo, forwardRef } from 'react';
-import { u as useFloating, k as useClick, g as useListNavigation, c as useDismiss, d as useInteractions, F as FloatingPortal, i as FloatingFocusManager, l as useTransitionStyles } from './floating-ui.react-es.js';
+import { u as useFloating, b as autoUpdate, o as offset, f as flip, m as size, t as useClick, n as useListNavigation, e as useDismiss, g as useInteractions, F as FloatingPortal, q as FloatingFocusManager, v as useTransitionStyles } from './floating-ui.react-es.js';
 import classnames from 'classnames';
 import { tokens } from '@jobber/design';
 import { useCallbackRef, useDebounce } from '@jobber/hooks';
 import { c as calculateMaxHeight } from './maxHeight-es.js';
-import { b as autoUpdate, o as offset, f as flip, d as size } from './floating-ui.react-dom-es.js';
 import { H as Heading } from './Heading-es.js';
 import { T as Text } from './Text-es.js';
 import { T as Typography } from './Typography-es.js';

package/dist/Card/index.cjs

@@ -14,10 +14,8 @@ require('../Menu-cjs.js');
 require('@jobber/hooks');
 require('framer-motion');
 require('../floating-ui.react-cjs.js');
-require('../floating-ui.utils-cjs.js');
 require('react/jsx-runtime');
 require('react-dom');
-require('../floating-ui.react-dom-cjs.js');
 require('../useAtlantisI18n-cjs.js');
 require('../AtlantisContext-cjs.js');
 require('../useFormFieldFocus-cjs.js');
@@ -30,9 +28,11 @@ require('../BottomSheet-cjs.js');
 require('../ScrollAreaViewport-cjs.js');
 require('../useScrollLock-cjs.js');
 require('../scrollEdges-cjs.js');
+require('../scrollable-cjs.js');
 require('../HelperText-cjs.js');
 require('../Text-cjs.js');
 require('../SelectPrimitive-cjs.js');
+require('../mergeClassName-cjs.js');
 require('../SelectGroupLabel-cjs.js');
 require('../useCompositeListItem-cjs.js');
 require('../DrawerTitle-cjs.js');

package/dist/Card/index.mjs

@@ -12,10 +12,8 @@ import '../Menu-es.js';
 import '@jobber/hooks';
 import 'framer-motion';
 import '../floating-ui.react-es.js';
-import '../floating-ui.utils-es.js';
 import 'react/jsx-runtime';
 import 'react-dom';
-import '../floating-ui.react-dom-es.js';
 import '../useAtlantisI18n-es.js';
 import '../AtlantisContext-es.js';
 import '../useFormFieldFocus-es.js';
@@ -28,9 +26,11 @@ import '../BottomSheet-es.js';
 import '../ScrollAreaViewport-es.js';
 import '../useScrollLock-es.js';
 import '../scrollEdges-es.js';
+import '../scrollable-es.js';
 import '../HelperText-es.js';
 import '../Text-es.js';
 import '../SelectPrimitive-es.js';
+import '../mergeClassName-es.js';
 import '../SelectGroupLabel-es.js';
 import '../useCompositeListItem-es.js';
 import '../DrawerTitle-es.js';

package/dist/Chip/index.cjs

@@ -16,10 +16,8 @@ require('../AtlantisContext-cjs.js');
 require('../Typography-cjs.js');
 require('../Tooltip-cjs.js');
 require('../floating-ui.react-cjs.js');
-require('../floating-ui.utils-cjs.js');
 require('react/jsx-runtime');
 require('react-dom');
-require('../floating-ui.react-dom-cjs.js');
 require('framer-motion');
 
 

package/dist/Chip/index.mjs

@@ -14,8 +14,6 @@ import '../AtlantisContext-es.js';
 import '../Typography-es.js';
 import '../Tooltip-es.js';
 import '../floating-ui.react-es.js';
-import '../floating-ui.utils-es.js';
 import 'react/jsx-runtime';
 import 'react-dom';
-import '../floating-ui.react-dom-es.js';
 import 'framer-motion';

package/dist/Chips/InternalChipDismissible/hooks/index.cjs

@@ -19,10 +19,8 @@ require('../../../debounce-cjs.js');
 require('../../../Icon-cjs.js');
 require('@jobber/design');
 require('../../../floating-ui.react-cjs.js');
-require('../../../floating-ui.utils-cjs.js');
 require('react/jsx-runtime');
 require('react-dom');
-require('../../../floating-ui.react-dom-cjs.js');
 require('../../../maxHeight-cjs.js');
 
 

package/dist/Chips/InternalChipDismissible/hooks/index.mjs

@@ -17,8 +17,6 @@ import '../../../debounce-es.js';
 import '../../../Icon-es.js';
 import '@jobber/design';
 import '../../../floating-ui.react-es.js';
-import '../../../floating-ui.utils-es.js';
 import 'react/jsx-runtime';
 import 'react-dom';
-import '../../../floating-ui.react-dom-es.js';
 import '../../../maxHeight-es.js';

package/dist/Chips/InternalChipDismissible/index.cjs

@@ -20,10 +20,8 @@ require('../../debounce-cjs.js');
 require('../../Icon-cjs.js');
 require('@jobber/design');
 require('../../floating-ui.react-cjs.js');
-require('../../floating-ui.utils-cjs.js');
 require('react/jsx-runtime');
 require('react-dom');
-require('../../floating-ui.react-dom-cjs.js');
 require('../../maxHeight-cjs.js');
 require('classnames');
 require('../../Text-cjs.js');

package/dist/Chips/InternalChipDismissible/index.mjs

@@ -18,10 +18,8 @@ import '../../debounce-es.js';
 import '../../Icon-es.js';
 import '@jobber/design';
 import '../../floating-ui.react-es.js';
-import '../../floating-ui.utils-es.js';
 import 'react/jsx-runtime';
 import 'react-dom';
-import '../../floating-ui.react-dom-es.js';
 import '../../maxHeight-es.js';
 import 'classnames';
 import '../../Text-es.js';

package/dist/Chips/index.cjs

@@ -22,10 +22,8 @@ require('../debounce-cjs.js');
 require('../Icon-cjs.js');
 require('@jobber/design');
 require('../floating-ui.react-cjs.js');
-require('../floating-ui.utils-cjs.js');
 require('react/jsx-runtime');
 require('react-dom');
-require('../floating-ui.react-dom-cjs.js');
 require('../maxHeight-cjs.js');
 require('classnames');
 require('../Text-cjs.js');

package/dist/Chips/index.mjs

@@ -20,10 +20,8 @@ import '../debounce-es.js';
 import '../Icon-es.js';
 import '@jobber/design';
 import '../floating-ui.react-es.js';
-import '../floating-ui.utils-es.js';
 import 'react/jsx-runtime';
 import 'react-dom';
-import '../floating-ui.react-dom-es.js';
 import '../maxHeight-es.js';
 import 'classnames';
 import '../Text-es.js';

package/dist/Combobox/Combobox.contentSlots.d.ts

@@ -0,0 +1,5 @@
+import { type ComboboxSlotComponent } from "./Combobox.slotFactory";
+export type ComboboxContentSlotName = "empty" | "actions" | "footer" | "loading";
+export type ComboboxContentSlotComponent<Props, Slot extends ComboboxContentSlotName = ComboboxContentSlotName> = ComboboxSlotComponent<Props, "comboboxContentSlot", Slot>;
+export declare const assignComboboxContentSlot: <Props, Slot extends ComboboxContentSlotName>(component: import("react").FC<Props>, slot: Slot) => ComboboxSlotComponent<Props, "comboboxContentSlot", Slot>;
+export declare const isComboboxContentSlotElement: <Props = unknown>(child: React.ReactNode) => child is import("react").ReactElement<Props, ComboboxSlotComponent<Props, "comboboxContentSlot", ComboboxContentSlotName>>;

package/dist/Combobox/Combobox.context.d.ts

@@ -0,0 +1,34 @@
+import React from "react";
+import type { ReactNode } from "react";
+import type { ComboboxResponsiveConfig } from "./Combobox.responsive";
+import type { ComboboxSize } from "./Combobox.types";
+export declare const ComboboxContext: React.Context<{
+    disabled: boolean;
+    label?: ReactNode;
+    multiple: boolean;
+    positionerAnchor: Element | null;
+    readOnly: boolean;
+    responsive: ComboboxResponsiveConfig;
+    setPositionerAnchor: (anchor: Element | null) => void;
+    size: ComboboxSize;
+} | null>;
+export declare function useOptionalComboboxContext(): {
+    disabled: boolean;
+    label?: ReactNode;
+    multiple: boolean;
+    positionerAnchor: Element | null;
+    readOnly: boolean;
+    responsive: ComboboxResponsiveConfig;
+    setPositionerAnchor: (anchor: Element | null) => void;
+    size: ComboboxSize;
+} | null;
+export declare function useComboboxContext(): {
+    disabled: boolean;
+    label?: ReactNode;
+    multiple: boolean;
+    positionerAnchor: Element | null;
+    readOnly: boolean;
+    responsive: ComboboxResponsiveConfig;
+    setPositionerAnchor: (anchor: Element | null) => void;
+    size: ComboboxSize;
+};

package/dist/Combobox/Combobox.d.ts

@@ -0,0 +1,69 @@
+import React from "react";
+import type { ComboboxChipsProps, ComboboxClearProps, ComboboxContentProps, ComboboxDescriptionProps, ComboboxEmptyProps, ComboboxErrorProps, ComboboxFilterOptions, ComboboxInputGroupProps, ComboboxInputProps, ComboboxLabelNoteProps, ComboboxLabelProps, ComboboxLoadingProps, ComboboxRootProps, ComboboxTriggerInputProps, ComboboxTriggerMultipleValueProps, ComboboxTriggerMultipleWithInputProps, ComboboxTriggerProps, ComboboxTriggerValueProps } from "./Combobox.types";
+import { getNextSelectAllValues, getSelectAllState } from "./Combobox.selectAll";
+import { ComboboxClearSelection, ComboboxSelectAll, ComboboxSelectedCount } from "./Combobox.footer";
+import { ComboboxAction, ComboboxCollection, ComboboxGroup, ComboboxGroupLabel, ComboboxItem, ComboboxList, ComboboxRow, ComboboxSeparator } from "./Combobox.items";
+import { ComboboxPrimitive } from "../primitives/ComboboxPrimitive";
+declare function useFilter(options?: ComboboxFilterOptions): import("@base-ui/react").AutocompleteFilter;
+declare function ComboboxRoot<Value, Multiple extends boolean | undefined = false>({ children, className, description, disabled, error, invalid, label, modal, style, multiple, readOnly, size, ...rootProps }: ComboboxRootProps<Value, Multiple>): React.JSX.Element;
+declare function ComboboxLabel({ className, ...labelProps }: ComboboxLabelProps): React.JSX.Element;
+declare function ComboboxLabelNote({ className, ...labelNoteProps }: ComboboxLabelNoteProps): React.JSX.Element;
+declare function ComboboxDescription({ children, className, ...descriptionProps }: ComboboxDescriptionProps): React.JSX.Element | null;
+declare function ComboboxError({ children, className, match, ...errorProps }: ComboboxErrorProps): React.JSX.Element | null;
+declare function ComboboxInputGroup({ className, ...inputGroupProps }: ComboboxInputGroupProps): React.JSX.Element;
+declare function ComboboxInput({ className, ...inputProps }: ComboboxInputProps): React.JSX.Element;
+declare function ComboboxTrigger({ className, render, ...triggerProps }: ComboboxTriggerProps): React.JSX.Element;
+declare function ComboboxClear({ className, ...clearProps }: ComboboxClearProps): React.JSX.Element;
+declare function ComboboxTriggerInput({ className, clearLabel, showOptionsLabel, ...inputProps }: ComboboxTriggerInputProps): React.JSX.Element;
+declare function ComboboxTriggerValue({ children, className, placeholder, ...triggerProps }: ComboboxTriggerValueProps): React.JSX.Element;
+declare function ComboboxTriggerMultipleWithInput<Value = unknown>({ className, getItemLabel, getRemoveLabel, renderItem, showOptionsLabel, ...inputProps }: ComboboxTriggerMultipleWithInputProps<Value>): React.JSX.Element;
+declare function ComboboxTriggerMultipleValue<Value = unknown>({ getItemLabel, getRemoveLabel, placeholder, renderItem, showOptionsLabel, ...chipsProps }: ComboboxTriggerMultipleValueProps<Value>): React.JSX.Element;
+declare function ComboboxContent({ ariaLabel, children, className, empty, style, }: ComboboxContentProps): React.JSX.Element;
+declare function ComboboxChips({ className, ...chipsProps }: ComboboxChipsProps): React.JSX.Element;
+declare const Combobox: typeof ComboboxRoot & {
+    Label: typeof ComboboxLabel;
+    LabelNote: typeof ComboboxLabelNote;
+    Description: typeof ComboboxDescription;
+    Error: typeof ComboboxError;
+    Value: typeof ComboboxPrimitive.Value;
+    InputGroup: typeof ComboboxInputGroup;
+    Input: typeof ComboboxInput;
+    Trigger: typeof ComboboxTrigger;
+    TriggerInput: typeof ComboboxTriggerInput;
+    TriggerValue: typeof ComboboxTriggerValue;
+    TriggerMultipleWithInput: typeof ComboboxTriggerMultipleWithInput;
+    TriggerMultipleValue: typeof ComboboxTriggerMultipleValue;
+    Icon: typeof ComboboxPrimitive.Icon;
+    Clear: typeof ComboboxClear;
+    Content: typeof ComboboxContent;
+    List: typeof ComboboxList;
+    Item: typeof ComboboxItem;
+    ItemDescription: import("./Combobox.slotFactory").ComboboxSlotComponent<import("./Combobox.types").ComboboxItemDescriptionProps, "comboboxItemSlot", "label" | "prefix" | "suffix" | "description">;
+    ItemLabel: import("./Combobox.slotFactory").ComboboxSlotComponent<import("./Combobox.types").ComboboxItemLabelProps, "comboboxItemSlot", "label" | "prefix" | "suffix" | "description">;
+    ItemPrefix: import("./Combobox.slotFactory").ComboboxSlotComponent<import("./Combobox.types").ComboboxItemPrefixProps, "comboboxItemSlot", "label" | "prefix" | "suffix" | "description">;
+    ItemSuffix: import("./Combobox.slotFactory").ComboboxSlotComponent<import("./Combobox.types").ComboboxItemSuffixProps, "comboboxItemSlot", "label" | "prefix" | "suffix" | "description">;
+    ActionPrefix: import("./Combobox.slotFactory").ComboboxSlotComponent<import("./Combobox.types").ComboboxActionPrefixProps, "comboboxActionSlot", "label" | "prefix">;
+    ActionLabel: import("./Combobox.slotFactory").ComboboxSlotComponent<import("./Combobox.types").ComboboxActionLabelProps, "comboboxActionSlot", "label" | "prefix">;
+    Row: typeof ComboboxRow;
+    Collection: typeof ComboboxCollection;
+    Chips: typeof ComboboxChips;
+    Chip: typeof ComboboxPrimitive.Chip;
+    ChipRemove: typeof ComboboxPrimitive.ChipRemove;
+    Group: typeof ComboboxGroup;
+    GroupLabel: typeof ComboboxGroupLabel;
+    Separator: typeof ComboboxSeparator;
+    Status: typeof ComboboxPrimitive.Status;
+    Empty: import("./Combobox.slotFactory").ComboboxSlotComponent<ComboboxEmptyProps, "comboboxContentSlot", "empty">;
+    Loading: import("./Combobox.slotFactory").ComboboxSlotComponent<ComboboxLoadingProps, "comboboxContentSlot", "loading">;
+    Actions: import("./Combobox.slotFactory").ComboboxSlotComponent<import("./Combobox.types").ComboboxActionsProps, "comboboxContentSlot", "actions">;
+    Action: typeof ComboboxAction;
+    Footer: import("./Combobox.slotFactory").ComboboxSlotComponent<import("./Combobox.types").ComboboxFooterProps<unknown>, "comboboxContentSlot", "footer">;
+    SelectionFooter: import("./Combobox.slotFactory").ComboboxSlotComponent<import("./Combobox.types").ComboboxSelectionFooterProps, "comboboxContentSlot", "footer">;
+    SelectedCount: typeof ComboboxSelectedCount;
+    ClearSelection: typeof ComboboxClearSelection;
+    SelectAll: typeof ComboboxSelectAll;
+    useFilter: typeof useFilter;
+    getSelectAllState: typeof getSelectAllState;
+    getNextSelectAllValues: typeof getNextSelectAllValues;
+};
+export { Combobox };

package/dist/Combobox/Combobox.footer.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { ComboboxClearSelectionProps, ComboboxFooterProps, ComboboxSelectAllProps, ComboboxSelectedCountProps, ComboboxSelectionFooterProps } from "./Combobox.types";
+export declare const ComboboxFooter: import("./Combobox.slotFactory").ComboboxSlotComponent<ComboboxFooterProps<unknown>, "comboboxContentSlot", "footer">;
+export declare function ComboboxSelectedCount({ children, className, }: ComboboxSelectedCountProps): React.JSX.Element;
+export declare const ComboboxSelectionFooter: import("./Combobox.slotFactory").ComboboxSlotComponent<ComboboxSelectionFooterProps, "comboboxContentSlot", "footer">;
+export declare function ComboboxClearSelection({ children, label, tabIndex, ...clearProps }: ComboboxClearSelectionProps): React.JSX.Element;
+export declare function ComboboxSelectAll({ children, label, ...buttonProps }: ComboboxSelectAllProps): React.JSX.Element | null;

package/dist/Combobox/Combobox.items.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+import type { ComboboxActionLabelProps, ComboboxActionPrefixProps, ComboboxActionProps, ComboboxActionsProps, ComboboxCollectionProps, ComboboxGroupLabelProps, ComboboxGroupProps, ComboboxItemDescriptionProps, ComboboxItemLabelProps, ComboboxItemPrefixProps, ComboboxItemProps, ComboboxItemSuffixProps, ComboboxListProps, ComboboxRowProps, ComboboxSeparatorProps } from "./Combobox.types";
+import { type ComboboxSlotComponent } from "./Combobox.slotFactory";
+export declare function ComboboxList({ className, ...listProps }: ComboboxListProps): React.JSX.Element;
+export declare function ComboboxItem({ children, ...itemProps }: ComboboxItemProps): React.JSX.Element;
+declare const ComboboxItemPrefixComponent: ComboboxSlotComponent<ComboboxItemPrefixProps, "comboboxItemSlot", "label" | "prefix" | "suffix" | "description">;
+export { ComboboxItemPrefixComponent as ComboboxItemPrefix };
+declare const ComboboxItemLabelComponent: ComboboxSlotComponent<ComboboxItemLabelProps, "comboboxItemSlot", "label" | "prefix" | "suffix" | "description">;
+export { ComboboxItemLabelComponent as ComboboxItemLabel };
+declare const ComboboxItemDescriptionComponent: ComboboxSlotComponent<ComboboxItemDescriptionProps, "comboboxItemSlot", "label" | "prefix" | "suffix" | "description">;
+export { ComboboxItemDescriptionComponent as ComboboxItemDescription };
+declare const ComboboxItemSuffixComponent: ComboboxSlotComponent<ComboboxItemSuffixProps, "comboboxItemSlot", "label" | "prefix" | "suffix" | "description">;
+export { ComboboxItemSuffixComponent as ComboboxItemSuffix };
+declare const ComboboxActionPrefixComponent: ComboboxSlotComponent<ComboboxActionPrefixProps, "comboboxActionSlot", "label" | "prefix">;
+export { ComboboxActionPrefixComponent as ComboboxActionPrefix };
+declare const ComboboxActionLabelComponent: ComboboxSlotComponent<ComboboxActionLabelProps, "comboboxActionSlot", "label" | "prefix">;
+export { ComboboxActionLabelComponent as ComboboxActionLabel };
+export declare function ComboboxRow(props: ComboboxRowProps): React.JSX.Element;
+export declare function ComboboxCollection(props: ComboboxCollectionProps): React.JSX.Element;
+export declare function ComboboxGroup(props: ComboboxGroupProps): React.JSX.Element;
+export declare function ComboboxGroupLabel(props: ComboboxGroupLabelProps): React.JSX.Element;
+export declare function ComboboxSeparator(props: ComboboxSeparatorProps): React.JSX.Element;
+declare const ComboboxActionsComponent: ComboboxSlotComponent<ComboboxActionsProps, "comboboxContentSlot", "actions">;
+export { ComboboxActionsComponent as ComboboxActions };
+export declare function ComboboxAction({ children, className, onClick, ...buttonProps }: ComboboxActionProps): React.JSX.Element;

package/dist/Combobox/Combobox.responsive.d.ts

@@ -0,0 +1,54 @@
+import type React from "react";
+import type { Button } from "../Button";
+import type { ComboboxPrimitivePositionerProps } from "../primitives/ComboboxPrimitive";
+export type ComboboxFooterActionButtonRecipe = Pick<React.ComponentProps<typeof Button>, "size" | "type" | "variation">;
+type ComboboxPositionerResponsiveProps = Pick<ComboboxPrimitivePositionerProps, "align" | "positionMethod" | "side" | "sideOffset" | "style">;
+export interface ComboboxResponsiveConfig {
+    readonly defaultModal: boolean;
+    readonly footerActionButtonRecipe: ComboboxFooterActionButtonRecipe;
+    readonly positionerProps: ComboboxPositionerResponsiveProps;
+    readonly showChipRemove: boolean;
+}
+export declare const DEFAULT_COMBOBOX_RESPONSIVE_CONFIG: {
+    defaultModal: false;
+    footerActionButtonRecipe: {
+        size: "small";
+        type: "secondary";
+        variation: "work";
+    };
+    positionerProps: {};
+    showChipRemove: true;
+};
+export declare function getComboboxResponsiveConfig(width: number | undefined): {
+    defaultModal: false;
+    footerActionButtonRecipe: {
+        size: "small";
+        type: "secondary";
+        variation: "work";
+    };
+    positionerProps: {};
+    showChipRemove: true;
+} | {
+    defaultModal: true;
+    footerActionButtonRecipe: {
+        size: "base";
+        type: "secondary";
+        variation: "work";
+    };
+    positionerProps: {
+        align: "center";
+        positionMethod: "fixed";
+        side: "bottom";
+        sideOffset: number;
+        style: {
+            position: "fixed";
+            width: string;
+            maxWidth: string;
+            margin: number;
+            transform: "none";
+            inset: string;
+        };
+    };
+    showChipRemove: false;
+};
+export {};

package/dist/Combobox/Combobox.selectAll.d.ts

@@ -0,0 +1,4 @@
+import type { ComboboxSelectAllOptions, ComboboxSelectAllState } from "./Combobox.types";
+declare function getSelectAllState<Value>({ candidateValues, isItemEqual, selectedValues, }: ComboboxSelectAllOptions<Value>): ComboboxSelectAllState;
+declare function getNextSelectAllValues<Value>({ candidateValues, isItemEqual, selectedValues, }: ComboboxSelectAllOptions<Value>): Value[];
+export { getNextSelectAllValues, getSelectAllState };

package/dist/Combobox/Combobox.slotFactory.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+export type ComboboxSlotComponent<Props, MarkerKey extends string, Slot extends string> = React.FC<Props> & Record<MarkerKey, Slot>;
+export declare function createComboboxSlotSystem<MarkerKey extends string, SlotName extends string>(markerKey: MarkerKey): {
+    assignSlot: <Props, Slot extends SlotName>(component: React.FC<Props>, slot: Slot) => ComboboxSlotComponent<Props, MarkerKey, Slot>;
+    createSlot: <Props, Slot extends SlotName = SlotName>(slot: Slot) => ComboboxSlotComponent<Props, MarkerKey, Slot>;
+    isSlotElement: <Props = unknown>(child: React.ReactNode) => child is React.ReactElement<Props, ComboboxSlotComponent<Props, MarkerKey, SlotName>>;
+};

package/dist/Combobox/Combobox.testUtils.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+interface TestComboboxProps {
+    readonly children?: React.ReactNode;
+    readonly multiple?: true;
+    readonly defaultValue?: string | string[];
+    readonly defaultOpen?: boolean;
+}
+declare function TestCombobox({ children, multiple, defaultValue, defaultOpen, }: TestComboboxProps): React.JSX.Element;
+declare function TestComboboxContent({ children, }: {
+    readonly children?: React.ReactNode;
+}): React.JSX.Element;
+export { TestCombobox, TestComboboxContent };

package/dist/Combobox/Combobox.types.d.ts

@@ -0,0 +1,166 @@
+import type React from "react";
+import type { ComponentPropsWithRef, ReactNode } from "react";
+import type { FieldErrorProps } from "@base-ui/react/field";
+import type { Button } from "../Button";
+import type { ComboboxPrimitiveChipProps, ComboboxPrimitiveChipRemoveProps, ComboboxPrimitiveChipsProps, ComboboxPrimitiveClearProps, ComboboxPrimitiveCollectionProps, ComboboxPrimitiveFilter, ComboboxPrimitiveFilterOptions, ComboboxPrimitiveGroupLabelProps, ComboboxPrimitiveGroupProps, ComboboxPrimitiveIconProps, ComboboxPrimitiveInputGroupProps, ComboboxPrimitiveInputProps, ComboboxPrimitiveItemProps, ComboboxPrimitiveListProps, ComboboxPrimitiveRootProps, ComboboxPrimitiveRowProps, ComboboxPrimitiveSeparatorProps, ComboboxPrimitiveStatusProps, ComboboxPrimitiveTriggerProps, ComboboxPrimitiveValueProps } from "../primitives/ComboboxPrimitive";
+export type ComboboxSize = "small" | "base" | "large";
+export type ComboboxRootProps<Value, Multiple extends boolean | undefined = false> = ComboboxPrimitiveRootProps<Value, Multiple> & {
+    readonly className?: string;
+    readonly description?: string;
+    readonly error?: string;
+    readonly invalid?: boolean;
+    readonly label?: ReactNode;
+    readonly size?: ComboboxSize;
+    readonly style?: React.CSSProperties;
+};
+export type ComboboxLabelProps = Omit<ComponentPropsWithRef<"label">, "color">;
+export type ComboboxLabelNoteProps = ComponentPropsWithRef<"span">;
+export interface ComboboxDescriptionProps extends Omit<ComponentPropsWithRef<"p">, "children"> {
+    readonly children?: string;
+}
+export interface ComboboxErrorProps extends Omit<ComponentPropsWithRef<"div">, "children"> {
+    readonly children?: string;
+    readonly match?: FieldErrorProps["match"];
+}
+export type ComboboxValueProps = ComboboxPrimitiveValueProps;
+export type ComboboxInputGroupProps = ComboboxPrimitiveInputGroupProps;
+export type ComboboxInputProps = ComboboxPrimitiveInputProps;
+export type ComboboxTriggerProps = ComboboxPrimitiveTriggerProps;
+export type ComboboxIconProps = ComboboxPrimitiveIconProps;
+export type ComboboxListProps = ComboboxPrimitiveListProps;
+export type ComboboxItemProps = ComboboxPrimitiveItemProps;
+export interface ComboboxItemPrefixProps {
+    readonly children: ReactNode;
+    readonly className?: string;
+    readonly style?: React.CSSProperties;
+}
+export interface ComboboxItemLabelProps {
+    readonly children: ReactNode;
+    readonly className?: string;
+    readonly style?: React.CSSProperties;
+}
+export interface ComboboxItemDescriptionProps {
+    readonly children: ReactNode;
+    readonly className?: string;
+    readonly style?: React.CSSProperties;
+}
+export interface ComboboxItemSuffixProps {
+    readonly children: ReactNode;
+    readonly className?: string;
+    readonly style?: React.CSSProperties;
+}
+export type ComboboxRowProps = ComboboxPrimitiveRowProps;
+export type ComboboxCollectionProps = ComboboxPrimitiveCollectionProps;
+export type ComboboxChipsProps = ComboboxPrimitiveChipsProps;
+export type ComboboxChipProps = ComboboxPrimitiveChipProps;
+export type ComboboxChipRemoveProps = ComboboxPrimitiveChipRemoveProps;
+export type ComboboxGroupProps = ComboboxPrimitiveGroupProps;
+export type ComboboxGroupLabelProps = ComboboxPrimitiveGroupLabelProps;
+export type ComboboxSeparatorProps = ComboboxPrimitiveSeparatorProps;
+export type ComboboxClearProps = ComboboxPrimitiveClearProps;
+export type ComboboxStatusProps = ComboboxPrimitiveStatusProps;
+export type ComboboxFilter = ComboboxPrimitiveFilter;
+export type ComboboxFilterOptions = ComboboxPrimitiveFilterOptions;
+export interface ComboboxContentProps {
+    readonly children: ReactNode;
+    readonly className?: string;
+    readonly empty?: ReactNode;
+    readonly style?: React.CSSProperties;
+    readonly ariaLabel?: string;
+}
+export interface ComboboxActionsProps {
+    readonly children: ReactNode;
+    readonly className?: string;
+    readonly style?: React.CSSProperties;
+}
+export type ComboboxActionProps = Omit<ComponentPropsWithRef<"button">, "type">;
+export interface ComboboxActionPrefixProps {
+    readonly children?: ReactNode;
+    readonly className?: string;
+    readonly style?: React.CSSProperties;
+}
+export interface ComboboxActionLabelProps {
+    readonly children?: ReactNode;
+    readonly className?: string;
+    readonly style?: React.CSSProperties;
+}
+export interface ComboboxEmptyProps {
+    readonly children?: ReactNode;
+    readonly className?: string;
+    readonly style?: React.CSSProperties;
+}
+export interface ComboboxLoadingProps extends Omit<ComponentPropsWithRef<"div">, "children"> {
+    readonly children?: ReactNode;
+    readonly rows?: number;
+}
+export interface ComboboxFooterRenderState<Value = unknown> {
+    readonly selectedCount: number;
+    readonly selectedValue: Value | Value[] | null | undefined;
+    readonly selectedValues: Value[];
+    readonly hasSelection: boolean;
+    readonly canClearSelection: boolean;
+    readonly multiple: boolean;
+}
+export interface ComboboxFooterProps<Value = unknown> {
+    readonly children: ReactNode | ((state: ComboboxFooterRenderState<Value>) => ReactNode);
+    readonly className?: string;
+    readonly style?: React.CSSProperties;
+}
+export interface ComboboxSelectedCountProps {
+    readonly className?: string;
+    readonly children?: (count: number) => ReactNode;
+}
+export interface ComboboxClearSelectionProps extends ComboboxFooterActionProps {
+    readonly children?: ReactNode;
+    readonly label?: string;
+}
+export interface ComboboxSelectionFooterProps {
+    readonly className?: string;
+    readonly style?: React.CSSProperties;
+    readonly showSelectedCount?: boolean;
+    readonly selectAllLabel?: string;
+    readonly selectAllState?: ComboboxSelectAllState;
+    readonly onSelectAll?: React.MouseEventHandler<HTMLButtonElement>;
+}
+type ButtonWithChildrenRuntimeProps = Extract<React.ComponentProps<typeof Button>, {
+    readonly children: ReactNode;
+}>;
+export type ComboboxFooterActionProps = Omit<ButtonWithChildrenRuntimeProps, "children" | "external" | "label" | "name" | "size" | "submit" | "to" | "type" | "url" | "value" | "variation">;
+export interface ComboboxTriggerInputProps extends Omit<ComboboxInputProps, "children"> {
+    readonly clearLabel?: string;
+    readonly showOptionsLabel?: string;
+}
+export interface ComboboxTriggerValueProps extends Omit<ComboboxTriggerProps, "children"> {
+    readonly children?: ComboboxValueProps["children"];
+    readonly placeholder?: ComboboxValueProps["placeholder"];
+}
+export interface ComboboxTriggerMultipleWithInputProps<Value> extends Omit<ComboboxInputProps, "children"> {
+    readonly getItemLabel?: (value: Value) => string;
+    readonly getRemoveLabel?: (value: Value) => string;
+    readonly renderItem?: (value: Value) => ReactNode;
+    readonly showOptionsLabel?: string;
+}
+export interface ComboboxTriggerMultipleValueProps<Value> extends Omit<ComboboxChipsProps, "children"> {
+    readonly getItemLabel?: (value: Value) => string;
+    readonly getRemoveLabel?: (value: Value) => string;
+    readonly placeholder?: ComboboxValueProps["placeholder"];
+    readonly renderItem?: (value: Value) => ReactNode;
+    readonly showOptionsLabel?: string;
+}
+export interface ComboboxSelectAllProps extends ComboboxFooterActionProps {
+    readonly children?: ReactNode;
+    readonly label?: string;
+}
+export interface ComboboxSelectAllState {
+    readonly checked: boolean;
+    readonly indeterminate: boolean;
+    readonly selectedCandidateCount: number;
+    readonly candidateCount: number;
+}
+export type ComboboxSelectAllItemComparer<Value> = (candidateValue: Value, selectedValue: Value) => boolean;
+export interface ComboboxSelectAllOptions<Value> {
+    readonly selectedValues: readonly Value[];
+    readonly candidateValues: readonly Value[];
+    readonly isItemEqual?: ComboboxSelectAllItemComparer<Value>;
+}
+export {};