@reapit/elements 5.0.0-beta.61 → 5.0.0-beta.63

package/dist/types/core/chip-group/chip-group.d.ts

@@ -1,21 +1,37 @@
 import { ChipGroupItem } from './chip-group-item';
-import type { HTMLAttributes, ReactNode } from 'react';
+import { ChipGroupContext, useChipGroupContext } from './context';
+import { type HTMLAttributes, type ReactNode } from 'react';
 export declare namespace ChipGroup {
+    interface ItemProps extends ChipGroupItem.Props {
+    }
     interface Props extends HTMLAttributes<HTMLUListElement> {
+        /**
+         * Whether the chips in the chip group are disabled. This can be used to make the chips appear disabled to
+         * users, but still be focusable. ARIA disabled chips, whether they are button or anchor DOM elements, will
+         * ignore click events. Using `aria-disabled` is preferred when the chip should still be focusable while
+         * it's disabled; for example, to allow a tooltip to be displayed that explains why the chip is disabled.
+         */
+        'aria-disabled'?: boolean;
         /** The chip group items. */
         children: ReactNode;
+        /** Whether the chips in the chip group are disabled. */
+        disabled?: boolean;
         /** Whether the chip group should wrap or not. */
         flow?: 'wrap' | 'nowrap';
         /** What overflow behaviour the chip group should exhibit. */
         overflow?: 'auto' | 'visible';
+        /** The variant of the chips in the chip group. */
+        variant: 'filter' | 'selection';
     }
 }
 /**
  * Groups multiple chips together. Should only be used to group chips of the same variant. By default,
  * chips will wrap within the group, though horizontal scrolling can be permitted when required.
  */
-export declare function ChipGroup({ children, flow, overflow, ...rest }: ChipGroup.Props): import("react/jsx-runtime").JSX.Element;
+export declare function ChipGroup({ 'aria-disabled': ariaDisabled, children, disabled, flow, overflow, variant, ...rest }: ChipGroup.Props): import("react/jsx-runtime").JSX.Element;
 export declare namespace ChipGroup {
+    var Context: import("react").Context<ChipGroupContext.Value | null>;
     var Item: typeof ChipGroupItem;
+    var useContext: typeof useChipGroupContext;
 }
 //# sourceMappingURL=chip-group.d.ts.map

package/dist/types/core/chip-group/chip-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chip-group.d.ts","sourceRoot":"/","sources":["core/chip-group/chip-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAGjD,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtD,yBAAiB,SAAS,CAAC;IACzB,UAAiB,KAAM,SAAQ,cAAc,CAAC,gBAAgB,CAAC;QAC7D,4BAA4B;QAC5B,QAAQ,EAAE,SAAS,CAAA;QACnB,iDAAiD;QACjD,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;QACxB,6DAA6D;QAC7D,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;KAC9B;CACF;AAED;;;GAGG;AACH,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,IAAa,EAAE,QAAoB,EAAE,GAAG,IAAI,EAAE,EAAE,SAAS,CAAC,KAAK,2CAMpG;yBANe,SAAS"}
+{"version":3,"file":"chip-group.d.ts","sourceRoot":"/","sources":["core/chip-group/chip-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAA;AAGjE,OAAO,EAAW,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAEpE,yBAAiB,SAAS,CAAC;IACzB,UAAiB,SAAU,SAAQ,aAAa,CAAC,KAAK;KAAG;IAEzD,UAAiB,KAAM,SAAQ,cAAc,CAAC,gBAAgB,CAAC;QAC7D;;;;;WAKG;QACH,eAAe,CAAC,EAAE,OAAO,CAAA;QACzB,4BAA4B;QAC5B,QAAQ,EAAE,SAAS,CAAA;QACnB,wDAAwD;QACxD,QAAQ,CAAC,EAAE,OAAO,CAAA;QAClB,iDAAiD;QACjD,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;QACxB,6DAA6D;QAC7D,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;QAC7B,kDAAkD;QAClD,OAAO,EAAE,QAAQ,GAAG,WAAW,CAAA;KAChC;CACF;AAED;;;GAGG;AACH,wBAAgB,SAAS,CAAC,EACxB,eAAe,EAAE,YAAY,EAC7B,QAAQ,EACR,QAAQ,EACR,IAAa,EACb,QAAoB,EACpB,OAAO,EACP,GAAG,IAAI,EACR,EAAE,SAAS,CAAC,KAAK,2CAWjB;yBAnBe,SAAS"}

package/dist/types/core/chip-group/chip-group.stories.d.ts

@@ -9,13 +9,17 @@ declare const meta: {
             defaultValue: string;
             options: string[];
             mapping: {
-                'Filter Chips': import("react/jsx-runtime").JSX.Element[];
-                'Selection Chips': import("react/jsx-runtime").JSX.Element[];
+                Fruit: import("react/jsx-runtime").JSX.Element[];
+                Colours: import("react/jsx-runtime").JSX.Element[];
             };
         };
         overflow: {
             control: "radio";
         };
+        variant: {
+            control: "radio";
+            options: string[];
+        };
     };
 };
 export default meta;
@@ -24,6 +28,15 @@ type Story = StoryObj<typeof meta>;
  * By default, a chip group will grow to whatever width it's parent allows.
  */
 export declare const Example: Story;
+/**
+ * All chips in the group can be disabled. Individual chips can override the group's disabled state;
+ * `aria-disabled` works the same way.
+ */
+export declare const Disabled: Story;
+/**
+ * The variant of all chips in the group can be set using `variant`.
+ */
+export declare const Variants: Story;
 /**
  * By default, chips will wrap to other lines if there is insufficient space.
  */

package/dist/types/core/chip-group/chip-group.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chip-group.stories.d.ts","sourceRoot":"/","sources":["core/chip-group/chip-group.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGxC,OAAO,KAAK,EAAmB,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAEtE,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;CAuDwB,CAAA;AAElC,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAUlC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,KAqCxB,CAAA"}
+{"version":3,"file":"chip-group.stories.d.ts","sourceRoot":"/","sources":["core/chip-group/chip-group.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGxC,OAAO,KAAK,EAAmB,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAEtE,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;CAmCwB,CAAA;AAElC,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAUlC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KASrB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,KAetB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,KAsCxB,CAAA"}

package/dist/types/core/chip-group/context.d.ts

@@ -0,0 +1,21 @@
+export declare namespace ChipGroupContext {
+    interface Value {
+        /** Whether the chip group is disabled for assistive technology */
+        ariaDisabled?: boolean;
+        /** Whether the chip group is disabled for user interaction */
+        disabled?: boolean;
+        /** The visual and functional variant of the chip group */
+        variant: 'filter' | 'selection';
+    }
+}
+/**
+ * Context that ChipGroup provides to descendants. Exposes configuration
+ * for chip behavior including disabled state and variant type.
+ */
+export declare const ChipGroupContext: import("react").Context<ChipGroupContext.Value | null>;
+/**
+ * Returns ChipGroupContext.Value from the nearest ChipGroup ancestor.
+ * @throws Error when called outside a ChipGroup component.
+ */
+export declare function useChipGroupContext(): ChipGroupContext.Value;
+//# sourceMappingURL=context.d.ts.map

package/dist/types/core/chip-group/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"/","sources":["core/chip-group/context.ts"],"names":[],"mappings":"AAEA,yBAAiB,gBAAgB,CAAC;IAChC,UAAiB,KAAK;QACpB,kEAAkE;QAClE,YAAY,CAAC,EAAE,OAAO,CAAA;QACtB,8DAA8D;QAC9D,QAAQ,CAAC,EAAE,OAAO,CAAA;QAClB,0DAA0D;QAC1D,OAAO,EAAE,QAAQ,GAAG,WAAW,CAAA;KAChC;CACF;AAED;;;GAGG;AACH,eAAO,MAAM,gBAAgB,wDAAqD,CAAA;AAElF;;;GAGG;AACH,wBAAgB,mBAAmB,IAAI,gBAAgB,CAAC,KAAK,CAM5D"}

package/dist/types/core/chip-select-control/chip-select-control.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chip-select-control.d.ts","sourceRoot":"/","sources":["core/chip-select-control/chip-select-control.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAKlD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,yBAAiB,iBAAiB,CAAC;IACjC,UAAiB,KAAM,SAAQ,UAAU,CAAC,KAAK;QAC7C,oFAAoF;QACpF,SAAS,CAAC,EAAE,SAAS,CAAA;QACrB,iFAAiF;QACjF,QAAQ,CAAC,EAAE,SAAS,CAAA;QACpB,qCAAqC;QACrC,KAAK,CAAC,EAAE,SAAS,CAAA;QACjB;;;WAGG;QACH,QAAQ,CAAC,EAAE,OAAO,CAAA;QAClB,mCAAmC;QACnC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;KACpC;CACF;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,IAAe,EACf,GAAG,IAAI,EACR,EAAE,iBAAiB,CAAC,KAAK,2CAkBzB;yBA1Be,iBAAiB"}
+{"version":3,"file":"chip-select-control.d.ts","sourceRoot":"/","sources":["core/chip-select-control/chip-select-control.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAKlD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,yBAAiB,iBAAiB,CAAC;IACjC,UAAiB,KAAM,SAAQ,UAAU,CAAC,KAAK;QAC7C,oFAAoF;QACpF,SAAS,CAAC,EAAE,SAAS,CAAA;QACrB,iFAAiF;QACjF,QAAQ,CAAC,EAAE,SAAS,CAAA;QACpB,qCAAqC;QACrC,KAAK,CAAC,EAAE,SAAS,CAAA;QACjB;;;WAGG;QACH,QAAQ,CAAC,EAAE,OAAO,CAAA;QAClB,mCAAmC;QACnC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;KACpC;CACF;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,IAAe,EACf,GAAG,IAAI,EACR,EAAE,iBAAiB,CAAC,KAAK,2CAyBzB;yBAjCe,iBAAiB"}

package/dist/types/core/combobox/__tests__/get-listbox-id.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=get-listbox-id.test.d.ts.map

package/dist/types/core/combobox/__tests__/get-listbox-id.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-listbox-id.test.d.ts","sourceRoot":"/","sources":["core/combobox/__tests__/get-listbox-id.test.ts"],"names":[],"mappings":""}

package/dist/types/core/combobox/__tests__/get-popup-id.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=get-popup-id.test.d.ts.map

package/dist/types/core/combobox/__tests__/get-popup-id.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-popup-id.test.d.ts","sourceRoot":"/","sources":["core/combobox/__tests__/get-popup-id.test.ts"],"names":[],"mappings":""}

package/dist/types/core/combobox/__tests__/use-has-selection.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=use-has-selection.test.d.ts.map

package/dist/types/core/combobox/__tests__/use-has-selection.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-has-selection.test.d.ts","sourceRoot":"/","sources":["core/combobox/__tests__/use-has-selection.test.tsx"],"names":[],"mappings":""}

package/dist/types/core/combobox/button/button.d.ts

@@ -3,6 +3,10 @@ import { ComboboxButtonOpenPopupButton } from './open-popup-button';
 import type { ButtonHTMLAttributes, ReactNode } from 'react';
 type AttributesToOmit = 'size';
 export declare namespace ComboboxButton {
+    interface ClearButtonProps extends ComboboxButtonClearButton.Props {
+    }
+    interface OpenPopupButtonProps extends ComboboxButtonOpenPopupButton.Props {
+    }
     interface Props extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, AttributesToOmit> {
         /** Secondary button displayed at the end (e.g., clear button or toggle button). */
         action?: ReactNode;
@@ -11,7 +15,7 @@ export declare namespace ComboboxButton {
         /** Whether the popup is open. */
         'aria-expanded': boolean;
         /** Current label of the button. Must be plain text. */
-        children?: string;
+        children?: ReactNode;
         /** ID of the button */
         id: string;
         /** Icon displayed at the start of the button. */
@@ -22,18 +26,16 @@ export declare namespace ComboboxButton {
         placeholder?: string;
         /** Visual size of the button. */
         size?: 'small' | 'medium' | 'large';
-        /** Whether to show validation state styling. Typically enabled after user interaction. */
-        showValidity?: boolean;
     }
 }
 /**
  * Primary button component for combobox controls. Used to open the combobox's popup. Often displays the
  * label text of the selected option and provides a secondary action to clear the selected value.
  *
- * This is a low-level component. Consider using `Combobox.SelectButton` or `Combobox.AutocompleteButton`
- * for more complete implementations.
+ * This is a low-level component and should only be used when building a more complete combobox button
+ * like `Autocomplete.Button` and `Select.Button`.
  */
-export declare function ComboboxButton({ action, 'aria-controls': ariaControls, 'aria-expanded': ariaExpanded, children, className, id, leadingIcon, placeholder, showValidity, size, style, ...rest }: ComboboxButton.Props): import("react/jsx-runtime").JSX.Element;
+export declare function ComboboxButton({ action, 'aria-controls': ariaControls, 'aria-expanded': ariaExpanded, children, className, id, leadingIcon, placeholder, size, style, ...rest }: ComboboxButton.Props): import("react/jsx-runtime").JSX.Element;
 export declare namespace ComboboxButton {
     var ClearButton: typeof ComboboxButtonClearButton;
     var OpenPopupButton: typeof ComboboxButtonOpenPopupButton;

package/dist/types/core/combobox/button/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"/","sources":["core/combobox/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAA;AAC1D,OAAO,EAAE,6BAA6B,EAAE,MAAM,qBAAqB,CAAA;AAQnE,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAG5D,KAAK,gBAAgB,GAAG,MAAM,CAAA;AAE9B,yBAAiB,cAAc,CAAC;IAC9B,UAAiB,KAAM,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,gBAAgB,CAAC;QAC5F,mFAAmF;QACnF,MAAM,CAAC,EAAE,SAAS,CAAA;QAClB,yDAAyD;QACzD,eAAe,EAAE,MAAM,CAAA;QACvB,iCAAiC;QACjC,eAAe,EAAE,OAAO,CAAA;QACxB,uDAAuD;QACvD,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB,uBAAuB;QACvB,EAAE,EAAE,MAAM,CAAA;QACV,iDAAiD;QACjD,WAAW,CAAC,EAAE,SAAS,CAAA;QACvB,gFAAgF;QAChF,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB,gFAAgF;QAChF,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,iCAAiC;QACjC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;QACnC,0FAA0F;QAC1F,YAAY,CAAC,EAAE,OAAO,CAAA;KACvB;CACF;AAED;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,eAAe,EAAE,YAAY,EAC7B,eAAe,EAAE,YAAY,EAC7B,QAAQ,EACR,SAAS,EACT,EAAE,EACF,WAAW,EACX,WAAgC,EAChC,YAAY,EACZ,IAAe,EACf,KAAK,EACL,GAAG,IAAI,EACR,EAAE,cAAc,CAAC,KAAK,2CAyBtB;yBAtCe,cAAc"}
+{"version":3,"file":"button.d.ts","sourceRoot":"/","sources":["core/combobox/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAA;AAC1D,OAAO,EAAE,6BAA6B,EAAE,MAAM,qBAAqB,CAAA;AASnE,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAG5D,KAAK,gBAAgB,GAAG,MAAM,CAAA;AAE9B,yBAAiB,cAAc,CAAC;IAC9B,UAAiB,gBAAiB,SAAQ,yBAAyB,CAAC,KAAK;KAAG;IAC5E,UAAiB,oBAAqB,SAAQ,6BAA6B,CAAC,KAAK;KAAG;IAEpF,UAAiB,KAAM,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,gBAAgB,CAAC;QAC5F,mFAAmF;QACnF,MAAM,CAAC,EAAE,SAAS,CAAA;QAClB,yDAAyD;QACzD,eAAe,EAAE,MAAM,CAAA;QACvB,iCAAiC;QACjC,eAAe,EAAE,OAAO,CAAA;QACxB,uDAAuD;QACvD,QAAQ,CAAC,EAAE,SAAS,CAAA;QACpB,uBAAuB;QACvB,EAAE,EAAE,MAAM,CAAA;QACV,iDAAiD;QACjD,WAAW,CAAC,EAAE,SAAS,CAAA;QACvB,gFAAgF;QAChF,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB,gFAAgF;QAChF,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,iCAAiC;QACjC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;KACpC;CACF;AAED;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,eAAe,EAAE,YAAY,EAC7B,eAAe,EAAE,YAAY,EAC7B,QAAQ,EACR,SAAS,EACT,EAAE,EACF,WAAW,EACX,WAAgC,EAChC,IAAe,EACf,KAAK,EACL,GAAG,IAAI,EACR,EAAE,cAAc,CAAC,KAAK,2CA2BtB;yBAvCe,cAAc"}

package/dist/types/core/combobox/button/button.stories.d.ts

@@ -21,13 +21,12 @@ declare const meta: {
         action?: import("react").ReactNode;
         'aria-controls': string;
         'aria-expanded': boolean;
-        children?: string | undefined;
+        children?: import("react").ReactNode;
         id: string;
         leadingIcon?: import("react").ReactNode;
         maxWidth?: string | undefined;
         placeholder?: string | undefined;
         size?: "small" | "medium" | "large" | undefined;
-        showValidity?: boolean | undefined;
         form?: string | undefined | undefined;
         slot?: string | undefined | undefined;
         style?: CSSProperties | undefined;
@@ -332,4 +331,13 @@ export declare const Disabled: Story;
  * visually communicate its validity via the combobox button. This behaviour is manually shown here.
  */
 export declare const Invalid: Story;
+/**
+ * By default, combobox buttons will fill their parent's width. This can be constrained by providing
+ * a `maxWidth` to the combobox.
+ */
+export declare const MaxWidth: Story;
+/**
+ * When the label text is too long, it will be truncated.
+ */
+export declare const Truncation: Story;
 //# sourceMappingURL=button.stories.d.ts.map

package/dist/types/core/combobox/button/button.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.stories.d.ts","sourceRoot":"/","sources":["core/combobox/button/button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAGzC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuB6B,CAAA;AAEvC,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC;;;;GAIG;AACH,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,KAQpB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,QAAQ,EAAE,KAuBtB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,OAAO,EAAE,KAuBrB,CAAA"}
+{"version":3,"file":"button.stories.d.ts","sourceRoot":"/","sources":["core/combobox/button/button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAIzC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuB6B,CAAA;AAEvC,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC;;;;GAIG;AACH,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,KAOpB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,QAAQ,EAAE,KAatB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,KAiBtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAA"}

package/dist/types/core/combobox/button/clear-button.d.ts

@@ -1,10 +1,10 @@
 import type { ButtonHTMLAttributes } from 'react';
 export declare namespace ComboboxButtonClearButton {
     interface Props extends ButtonHTMLAttributes<HTMLButtonElement> {
-        /** Accessible label for the button. Defaults to "Clear selection". */
-        'aria-label'?: string;
         /** ID of the combobox listbox element cleared by this button. */
         'aria-controls': string;
+        /** Accessible label for the button. Defaults to "Clear selection". */
+        'aria-label'?: string;
     }
 }
 /**

package/dist/types/core/combobox/button/clear-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"clear-button.d.ts","sourceRoot":"/","sources":["core/combobox/button/clear-button.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAqB,MAAM,OAAO,CAAA;AAEpE,yBAAiB,yBAAyB,CAAC;IACzC,UAAiB,KAAM,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;QACpE,sEAAsE;QACtE,YAAY,CAAC,EAAE,MAAM,CAAA;QACrB,iEAAiE;QACjE,eAAe,EAAE,MAAM,CAAA;KACxB;CACF;AAED;;;GAGG;AACH,wBAAgB,yBAAyB,CAAC,EACxC,YAAY,EAAE,SAA6B,EAC3C,eAAe,EAAE,YAAY,EAC7B,OAAO,EACP,GAAG,IAAI,EACR,EAAE,yBAAyB,CAAC,KAAK,2CAkBjC"}
+{"version":3,"file":"clear-button.d.ts","sourceRoot":"/","sources":["core/combobox/button/clear-button.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAqB,MAAM,OAAO,CAAA;AAEpE,yBAAiB,yBAAyB,CAAC;IACzC,UAAiB,KAAM,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;QACpE,iEAAiE;QACjE,eAAe,EAAE,MAAM,CAAA;QACvB,sEAAsE;QACtE,YAAY,CAAC,EAAE,MAAM,CAAA;KACtB;CACF;AAED;;;GAGG;AACH,wBAAgB,yBAAyB,CAAC,EACxC,YAAY,EAAE,SAA6B,EAC3C,eAAe,EAAE,YAAY,EAC7B,OAAO,EACP,GAAG,IAAI,EACR,EAAE,yBAAyB,CAAC,KAAK,2CAkBjC"}

package/dist/types/core/combobox/button/styles.d.ts

@@ -1,5 +1,6 @@
 export declare const ElComboboxButtonContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const ElComboboxButton: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;
 export declare const ElComboboxButtonIconContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
+export declare const ElComboboxButtonLabelContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
 export declare const ElComboboxButtonActionContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
 //# sourceMappingURL=styles.d.ts.map

package/dist/types/core/combobox/button/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"/","sources":["core/combobox/button/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,yBAAyB,qKA4CrC,CAAA;AAED,eAAO,MAAM,gBAAgB,iLA6C5B,CAAA;AAED,eAAO,MAAM,6BAA6B,uKAWzC,CAAA;AAED,eAAO,MAAM,+BAA+B,uKAgB3C,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"/","sources":["core/combobox/button/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,yBAAyB,qKA6CrC,CAAA;AAED,eAAO,MAAM,gBAAgB,iLAwC5B,CAAA;AAED,eAAO,MAAM,6BAA6B,uKAWzC,CAAA;AAED,eAAO,MAAM,8BAA8B,uKAW1C,CAAA;AAED,eAAO,MAAM,+BAA+B,uKAiB3C,CAAA"}

package/dist/types/core/combobox/card/__tests__/card.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=card.test.d.ts.map

package/dist/types/core/combobox/card/__tests__/card.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.test.d.ts","sourceRoot":"/","sources":["core/combobox/card/__tests__/card.test.tsx"],"names":[],"mappings":""}

package/dist/types/core/combobox/card/card.d.ts

@@ -0,0 +1,27 @@
+import type { ButtonHTMLAttributes, ReactNode } from 'react';
+export declare namespace ComboboxCard {
+    interface Props extends ButtonHTMLAttributes<HTMLButtonElement> {
+        /** Secondary button displayed at the end. Typically a clear button. */
+        action?: ReactNode;
+        /** ID of the popup element controlled by this button. */
+        'aria-controls': string;
+        /** Whether the popup is open. */
+        'aria-expanded': boolean;
+        /**
+         * Content representing the combobox's selected option. Typically rendered using
+         * `Combobox.SelectedContent`. Must be provided because the card should only be used
+         * when a selection has been made.
+         */
+        children: ReactNode;
+        /** Visual size of the button. */
+        size?: 'small' | 'medium' | 'large';
+    }
+}
+/**
+ * Card component for combobox controls. Used to display structured content about the combobox's currently
+ * selected value, typically with `Combobox.SelectedContent`. This is a low-level component and should only
+ * be used when building a more complete combobox button experience like `Autocomplete.Button` and
+ * `Select.Button`.
+ */
+export declare function ComboboxCard({ action, 'aria-controls': ariaControls, 'aria-disabled': ariaDisabled, 'aria-expanded': ariaExpanded, children, className, id, onClick, size, style, ...rest }: ComboboxCard.Props): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=card.d.ts.map

package/dist/types/core/combobox/card/card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"/","sources":["core/combobox/card/card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAqB,SAAS,EAAE,MAAM,OAAO,CAAA;AAE/E,yBAAiB,YAAY,CAAC;IAC5B,UAAiB,KAAM,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;QACpE,uEAAuE;QACvE,MAAM,CAAC,EAAE,SAAS,CAAA;QAClB,yDAAyD;QACzD,eAAe,EAAE,MAAM,CAAA;QACvB,iCAAiC;QACjC,eAAe,EAAE,OAAO,CAAA;QACxB;;;;WAIG;QACH,QAAQ,EAAE,SAAS,CAAA;QACnB,iCAAiC;QACjC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;KACpC;CACF;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,eAAe,EAAE,YAAY,EAC7B,eAAe,EAAE,YAAmB,EACpC,eAAe,EAAE,YAAY,EAC7B,QAAQ,EACR,SAAS,EACT,EAAE,EACF,OAAO,EACP,IAAe,EACf,KAAK,EACL,GAAG,IAAI,EACR,EAAE,YAAY,CAAC,KAAK,2CAkCpB"}

package/dist/types/core/combobox/card/card.stories.d.ts

@@ -0,0 +1,39 @@
+import { ComboboxCard } from './card';
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: typeof ComboboxCard;
+    argTypes: {
+        action: {
+            control: false;
+        };
+        'aria-controls': {
+            control: "text";
+        };
+        children: {
+            control: false;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Example: Story;
+/**
+ * The parent combobox provides styles to the combobox card via CSS variables. When
+ * the parent combobox is disabled, it sets these CSS variables to values that visually communicate this
+ * state via the combobox card. This behaviour is manually shown here.
+ *
+ * Care should be taken to ensure the provided `action` is also disabled.
+ */
+export declare const Disabled: Story;
+/**
+ * Likewise, when the parent combobox has an invalid state, it sets CSS variables to values that help
+ * visually communicate its validity via the combobox card. This behaviour is manually shown here.
+ */
+export declare const Invalid: Story;
+/**
+ * By default, combobox cards will fill their parent's width. This can be constrained by providing
+ * a `maxWidth` to the combobox.
+ */
+export declare const MaxWidth: Story;
+//# sourceMappingURL=card.stories.d.ts.map

package/dist/types/core/combobox/card/card.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.stories.d.ts","sourceRoot":"/","sources":["core/combobox/card/card.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAA;AAMrC,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;CAc2B,CAAA;AAErC,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAgCrB,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,QAAQ,EAAE,KAiBtB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,OAAO,EAAE,KAgBrB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,KAatB,CAAA"}

package/dist/types/core/combobox/card/index.d.ts

@@ -0,0 +1,3 @@
+export * from './card';
+export * from './styles';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/core/combobox/card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"/","sources":["core/combobox/card/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA"}

package/dist/types/core/combobox/card/styles.d.ts

@@ -0,0 +1,4 @@
+export declare const ElComboboxCard: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const ElComboboxCardButton: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;
+export declare const ElComboboxCardActionContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
+//# sourceMappingURL=styles.d.ts.map

package/dist/types/core/combobox/card/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"/","sources":["core/combobox/card/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc,qKA8C1B,CAAA;AAED,eAAO,MAAM,oBAAoB,iLAiBhC,CAAA;AAED,eAAO,MAAM,6BAA6B,uKAWzC,CAAA"}

package/dist/types/core/combobox/card-default-content/__tests__/card-default-content.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=card-default-content.test.d.ts.map

package/dist/types/core/combobox/card-default-content/__tests__/card-default-content.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-default-content.test.d.ts","sourceRoot":"/","sources":["core/combobox/card-default-content/__tests__/card-default-content.test.tsx"],"names":[],"mappings":""}

package/dist/types/core/combobox/card-default-content/card-default-content.d.ts

@@ -0,0 +1,21 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export declare namespace ComboboxCardDefaultContent {
+    interface Props extends HTMLAttributes<HTMLSpanElement> {
+        /**
+         * Optional supplementary information items to display below the label.
+         * Typically one or more `SupplementaryInfo.Item` components.
+         */
+        additionalInfo?: ReactNode;
+        /** The main label text. */
+        children: ReactNode;
+    }
+}
+/**
+ * Default content layout for combobox cards. Displays a label and optional supplementary information below.
+ * Designed to be used within `ComboboxCard`.
+ */
+export declare function ComboboxCardDefaultContent({ additionalInfo, children, ...rest }: ComboboxCardDefaultContent.Props): import("react/jsx-runtime").JSX.Element;
+export declare namespace ComboboxCardDefaultContent {
+    var displayName: string;
+}
+//# sourceMappingURL=card-default-content.d.ts.map

package/dist/types/core/combobox/card-default-content/card-default-content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-default-content.d.ts","sourceRoot":"/","sources":["core/combobox/card-default-content/card-default-content.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtD,yBAAiB,0BAA0B,CAAC;IAC1C,UAAiB,KAAM,SAAQ,cAAc,CAAC,eAAe,CAAC;QAC5D;;;WAGG;QACH,cAAc,CAAC,EAAE,SAAS,CAAA;QAC1B,2BAA2B;QAC3B,QAAQ,EAAE,SAAS,CAAA;KACpB;CACF;AAED;;;GAGG;AACH,wBAAgB,0BAA0B,CAAC,EAAE,cAAc,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,0BAA0B,CAAC,KAAK,2CAOjH;yBAPe,0BAA0B"}

package/dist/types/core/combobox/card-default-content/card-default-content.figma.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=card-default-content.figma.d.ts.map

package/dist/types/core/combobox/card-default-content/card-default-content.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-default-content.figma.d.ts","sourceRoot":"/","sources":["core/combobox/card-default-content/card-default-content.figma.tsx"],"names":[],"mappings":""}

package/dist/types/core/combobox/card-default-content/card-default-content.stories.d.ts

@@ -0,0 +1,24 @@
+import { ComboboxCardDefaultContent } from './card-default-content';
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: typeof ComboboxCardDefaultContent;
+    argTypes: {
+        children: {
+            control: "text";
+        };
+        additionalInfo: {
+            control: "radio";
+            options: string[];
+            mapping: {
+                None: undefined;
+                'One line': import("react/jsx-runtime").JSX.Element;
+                'Two lines': import("react/jsx-runtime").JSX.Element[];
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Example: Story;
+//# sourceMappingURL=card-default-content.stories.d.ts.map

package/dist/types/core/combobox/card-default-content/card-default-content.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-default-content.stories.d.ts","sourceRoot":"/","sources":["core/combobox/card-default-content/card-default-content.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,wBAAwB,CAAA;AAGnE,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;CA4ByC,CAAA;AAEnD,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAA"}

package/dist/types/core/combobox/card-default-content/index.d.ts

@@ -0,0 +1,3 @@
+export * from './card-default-content';
+export * from './styles';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/core/combobox/card-default-content/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"/","sources":["core/combobox/card-default-content/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAA;AACtC,cAAc,UAAU,CAAA"}

package/dist/types/core/combobox/card-default-content/styles.d.ts

@@ -0,0 +1,4 @@
+export declare const ElComboboxCardDefaultContent: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
+export declare const ElComboboxCardDefaultContentLabel: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
+export declare const ElComboboxCardDefaultContentAdditionalInfo: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
+//# sourceMappingURL=styles.d.ts.map

package/dist/types/core/combobox/card-default-content/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"/","sources":["core/combobox/card-default-content/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,4BAA4B,uKAUxC,CAAA;AAED,eAAO,MAAM,iCAAiC,uKAO7C,CAAA;AAED,eAAO,MAAM,0CAA0C,uKAMtD,CAAA"}

package/dist/types/core/combobox/combobox.d.ts

@@ -1,10 +1,56 @@
-import { ComboboxAutocompleteButton } from './combobox-autocomplete-button';
-import { ComboboxSelectButton } from './combobox-select-button';
+import { ComboboxButton } from './button';
+import { ComboboxCard } from './card';
+import { ComboboxCardDefaultContent } from './card-default-content';
+import { ComboboxContext, useComboboxContext } from './context';
+import { ComboboxDefaultOptionsContext, useComboboxDefaultOptionsContext } from './default-options-context';
 import { ComboboxListbox } from './listbox';
 import { ComboboxPopup } from './combobox-popup';
 import { ComboboxSearchInput } from './search-input';
+import { ComboboxSelectedContent } from './selected-content';
+import { ComboboxSelectionChips } from './selection-chips';
+import { getComboboxListboxId } from './get-listbox-id';
+import { getComboboxPopupId } from './get-popup-id';
+import { useComboboxButton } from './use-button';
+import { useComboboxHasSelection } from './use-has-selection';
+import { useComboboxSelectedOptions } from './use-selected-options';
 import type { HTMLAttributes } from 'react';
 export declare namespace Combobox {
+    interface ButtonProps extends ComboboxButton.Props {
+    }
+    interface CardProps extends ComboboxCard.Props {
+    }
+    interface CardDefaultContentProps extends ComboboxCardDefaultContent.Props {
+    }
+    interface ClearButtonProps extends ComboboxButton.ClearButtonProps {
+    }
+    interface ContextValue extends ComboboxContext.Value {
+    }
+    interface DefaultOptionsContextValue extends ComboboxDefaultOptionsContext.Value {
+    }
+    interface DividerProps extends ComboboxListbox.DividerProps {
+    }
+    interface ListboxProps extends ComboboxListbox.Props {
+    }
+    interface ListboxPlaceholderProps extends ComboboxListbox.PlaceholderProps {
+    }
+    interface OpenPopupButtonProps extends ComboboxButton.OpenPopupButtonProps {
+    }
+    interface OptgroupProps extends ComboboxListbox.OptgroupProps {
+    }
+    interface OptionProps extends ComboboxListbox.OptionProps {
+    }
+    interface OptionAdditionalInfoProps extends ComboboxListbox.OptionAdditionalInfoProps {
+    }
+    interface PopupProps extends ComboboxPopup.Props {
+    }
+    interface SearchInputProps extends ComboboxSearchInput.Props {
+    }
+    interface SelectedContentProps extends ComboboxSelectedContent.Props {
+    }
+    interface SelectionChipsProps extends ComboboxSelectionChips.Props {
+    }
+    interface SelectionChipsItemProps extends ComboboxSelectionChips.ItemProps {
+    }
     interface Props extends HTMLAttributes<HTMLElement> {
         /** Combobox button, popup, and other child components */
         children?: React.ReactNode;
@@ -12,10 +58,14 @@ export declare namespace Combobox {
         disabled?: boolean;
         /** Maximum width of the combobox. Defaults to 100% */
         maxWidth?: string;
+        /** Whether the combobox supports multiple selections. */
+        multiple?: boolean;
         /** Whether a selection is required */
         required?: boolean;
         /** Whether to show validation state styling */
         showValidity?: boolean;
+        /** Size of the combobox */
+        size?: 'small' | 'medium' | 'large';
     }
 }
 /**
@@ -23,14 +73,14 @@ export declare namespace Combobox {
  * a value for the input from a collection.
  *
  * Provides context to descendant components for managing accessibility relationships and state.
- * Use with `Combobox.SelectButton` or `Combobox.AutocompleteButton`, `Combobox.Popup`, and
- * `Combobox.Listbox` to build a complete combobox pattern.
+ * Use with `Combobox.Popup`, `Combobox.SearchInput`, `Combobox.Listbox` et al to build a
+ * complete combobox pattern.
  *
  * @example
  * ```tsx
  * <Combobox required>
- *   <Combobox.SelectButton placeholder="Select an option" />
- *   <Combobox.Popup variant="popover">
+ *   <MyComboboxButton />
+ *   <Combobox.Popup>
  *     <Combobox.Listbox>
  *       <Combobox.Option value="1">Option 1</Combobox.Option>
  *       <Combobox.Option value="2">Option 2</Combobox.Option>
@@ -39,19 +89,35 @@ export declare namespace Combobox {
  * </Combobox>
  * ```
  */
-export declare function Combobox({ children, disabled, maxWidth, required, showValidity, style, ...rest }: Combobox.Props): import("react/jsx-runtime").JSX.Element;
+export declare function Combobox({ 'aria-describedby': ariaDescribedBy, 'aria-errormessage': ariaErrorMessage, 'aria-invalid': ariaInvalid, children, disabled, id, maxWidth, multiple, required, showValidity, size, style, ...rest }: Combobox.Props): import("react/jsx-runtime").JSX.Element;
 export declare namespace Combobox {
     var getOptionLabel: typeof import("./option").getOptionLabel;
     var getListboxValue: typeof import("#src/utils/listbox").getListboxValue;
-    var AutocompleteButton: typeof ComboboxAutocompleteButton;
-    var SelectButton: typeof ComboboxSelectButton;
-    var Popup: typeof ComboboxPopup;
-    var SearchInput: typeof ComboboxSearchInput;
-    var Listbox: typeof ComboboxListbox;
-    var Option: typeof import("./listbox").ComboboxListboxOption;
-    var Optgroup: typeof import("./listbox").ComboboxListboxOptgroup;
-    var OptionSupplementaryInfo: typeof import("./option").ComboboxOptionAdditionalInfo;
+    var getListboxId: typeof getComboboxListboxId;
+    var getPopupId: typeof getComboboxPopupId;
+    var Button: typeof ComboboxButton;
+    var Card: typeof ComboboxCard;
+    var CardDefaultContent: typeof ComboboxCardDefaultContent;
+    var ClearButton: typeof import("./button").ComboboxButtonClearButton;
     var Divider: typeof import("..").Divider;
+    var Listbox: typeof ComboboxListbox;
     var ListboxPlaceholder: typeof import("./listbox").ComboboxListboxPlaceholder;
+    var OpenPopupButton: typeof import("./button").ComboboxButtonOpenPopupButton;
+    var Optgroup: typeof import("./listbox").ComboboxListboxOptgroup;
+    var Option: typeof import("./listbox").ComboboxListboxOption;
+    var OptionAdditionalInfo: typeof import("./option").ComboboxOptionAdditionalInfo;
+    var Popup: typeof ComboboxPopup;
+    var SearchInput: typeof ComboboxSearchInput;
+    var SelectedContent: typeof ComboboxSelectedContent;
+    var SelectionChips: typeof ComboboxSelectionChips;
+    var SelectionChipsItem: typeof import("./selection-chips/selection-chip").ComboboxSelectionChip;
+    var Context: import("react").Context<ComboboxContext.Value | null>;
+    var DefaultOptionsContext: import("react").Context<ComboboxDefaultOptionsContext.Value>;
+    var useButton: typeof useComboboxButton;
+    var useContext: typeof useComboboxContext;
+    var useDefaultOptionsContext: typeof useComboboxDefaultOptionsContext;
+    var useHasSelection: typeof useComboboxHasSelection;
+    var useSelectedOptions: typeof useComboboxSelectedOptions;
+    var useState: typeof import("#src/utils/listbox").useListboxState;
 }
 //# sourceMappingURL=combobox.d.ts.map