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

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

@@ -2,6 +2,8 @@ import { ComboboxOptionAdditionalInfo } from './option-additional-info';
 import type { ButtonHTMLAttributes, ReactNode } from 'react';
 type AttributesToOmit = 'role';
 export declare namespace ComboboxOption {
+    interface AdditionalInfoProps extends ComboboxOptionAdditionalInfo.Props {
+    }
     interface Props extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, AttributesToOmit> {
         /** Badge displayed after the label */
         badge?: ReactNode;
@@ -9,6 +11,8 @@ export declare namespace ComboboxOption {
         children?: ReactNode;
         /** Additional info lines. Pass one or more `Combobox.OptionAdditionalInfo` */
         additionalInfo?: ReactNode;
+        /** Option size. Influences the option's label text. */
+        size?: 'medium' | 'large';
         /** Option value */
         value: string;
     }
@@ -16,7 +20,7 @@ export declare namespace ComboboxOption {
 /**
  * A Combobox option. Use via `Combobox.Option`.
  */
-export declare function ComboboxOption({ badge, children, additionalInfo, ...rest }: ComboboxOption.Props): import("react/jsx-runtime").JSX.Element;
+export declare function ComboboxOption({ badge, children, additionalInfo, size, ...rest }: ComboboxOption.Props): import("react/jsx-runtime").JSX.Element;
 export declare namespace ComboboxOption {
     var getOptionLabel: typeof import("./get-option-label").getOptionLabel;
     var AdditionalInfo: typeof ComboboxOptionAdditionalInfo;

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

@@ -1 +1 @@
-{"version":3,"file":"option.d.ts","sourceRoot":"/","sources":["core/combobox/option/option.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,4BAA4B,EAAE,MAAM,0BAA0B,CAAA;AAIvE,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,sCAAsC;QACtC,KAAK,CAAC,EAAE,SAAS,CAAA;QACjB,wBAAwB;QACxB,QAAQ,CAAC,EAAE,SAAS,CAAA;QACpB,8EAA8E;QAC9E,cAAc,CAAC,EAAE,SAAS,CAAA;QAC1B,mBAAmB;QACnB,KAAK,EAAE,MAAM,CAAA;KACd;CACF;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,KAAK,2CAwBhG;yBAxBe,cAAc"}
+{"version":3,"file":"option.d.ts","sourceRoot":"/","sources":["core/combobox/option/option.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,4BAA4B,EAAE,MAAM,0BAA0B,CAAA;AAIvE,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAG5D,KAAK,gBAAgB,GAAG,MAAM,CAAA;AAE9B,yBAAiB,cAAc,CAAC;IAC9B,UAAiB,mBAAoB,SAAQ,4BAA4B,CAAC,KAAK;KAAG;IAElF,UAAiB,KAAM,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,gBAAgB,CAAC;QAC5F,sCAAsC;QACtC,KAAK,CAAC,EAAE,SAAS,CAAA;QACjB,wBAAwB;QACxB,QAAQ,CAAC,EAAE,SAAS,CAAA;QACpB,8EAA8E;QAC9E,cAAc,CAAC,EAAE,SAAS,CAAA;QAC1B,uDAAuD;QACvD,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;QACzB,mBAAmB;QACnB,KAAK,EAAE,MAAM,CAAA;KACd;CACF;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,IAAe,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,KAAK,2CA+BjH;yBA/Be,cAAc"}

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

@@ -38,6 +38,10 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Example: Story;
+/**
+ *
+ */
+export declare const Sizes: Story;
 /**
  * Each option manages its selection state internally. Single-select comboboxes use the
  * `aria-selected` attribute to mark selected options.

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

@@ -1 +1 @@
-{"version":3,"file":"option.stories.d.ts","sourceRoot":"/","sources":["core/combobox/option/option.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAKzC,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwD6B,CAAA;AAEvC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KASrB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAK/B,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,KAkDtB,CAAA"}
+{"version":3,"file":"option.stories.d.ts","sourceRoot":"/","sources":["core/combobox/option/option.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAKzC,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwD6B,CAAA;AAEvC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,KAAK,EAAE,KAoBnB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAK/B,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,KAkDtB,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"/","sources":["core/combobox/option/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB,iLA0C5B,CAAA;AAED,eAAO,MAAM,kCAAkC,uKAa9C,CAAA;AAED,eAAO,MAAM,qBAAqB,uKAIjC,CAAA;AAED,eAAO,MAAM,6BAA6B,uKAIzC,CAAA;AAED,eAAO,MAAM,8BAA8B,uKAG1C,CAAA;AAED,eAAO,MAAM,uCAAuC,uKAUnD,CAAA;AAED,eAAO,MAAM,8BAA8B,uKAI1C,CAAA;AAED,eAAO,MAAM,2CAA2C,uKAYvD,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"/","sources":["core/combobox/option/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB,iLA0D5B,CAAA;AAED,eAAO,MAAM,kCAAkC,uKAa9C,CAAA;AAED,eAAO,MAAM,qBAAqB,uKAIjC,CAAA;AAED,eAAO,MAAM,6BAA6B,uKAIzC,CAAA;AAED,eAAO,MAAM,8BAA8B,uKAG1C,CAAA;AAED,eAAO,MAAM,uCAAuC,uKAUnD,CAAA;AAED,eAAO,MAAM,8BAA8B,uKAI1C,CAAA;AAED,eAAO,MAAM,2CAA2C,uKAYvD,CAAA"}

package/dist/types/core/combobox/popup-dialog/__tests__/close-button.test.d.ts

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

package/dist/types/core/combobox/popup-dialog/__tests__/close-button.test.d.ts.map

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

package/dist/types/core/combobox/popup-dialog/__tests__/event-handlers.test.d.ts

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

package/dist/types/core/combobox/popup-dialog/__tests__/event-handlers.test.d.ts.map

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

package/dist/types/core/combobox/popup-dialog/close-button.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Close button for the combobox popup. Uses a form element with the
+ * `formMethod="dialog"` attribute to close the dialog. See
+ * [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#formmethod)
+ * for more information.
+ */
+export declare function ComboboxPopupDialogCloseButton(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=close-button.d.ts.map

package/dist/types/core/combobox/popup-dialog/close-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"close-button.d.ts","sourceRoot":"/","sources":["core/combobox/popup-dialog/close-button.tsx"],"names":[],"mappings":"AAGA;;;;;GAKG;AACH,wBAAgB,8BAA8B,4CAa7C"}

package/dist/types/core/combobox/popup-dialog/context.d.ts

@@ -11,7 +11,7 @@ export declare namespace ComboboxPopupDialogContext {
 }
 /**
  * Context that ComboboxPopupDialog provides to descendants.
- * Exposes the popup dialog's variant so child components can adapt their behavior
+ * Exposes the popup dialog's variant so child components can adapt their behaviour
  * based on whether the popup is displayed as a popover, drawer, or auto.
  */
 export declare const ComboboxPopupDialogContext: import("react").Context<ComboboxPopupDialogContext.Value | null>;

package/dist/types/core/combobox/popup-dialog/event-handlers.d.ts

@@ -0,0 +1,73 @@
+import type { MouseEvent, SyntheticEvent } from 'react';
+/**
+ * Valid values for the closeOnSelection behaviour.
+ */
+export declare const CLOSE_ON_SELECTION: {
+    readonly AUTO: "auto";
+    readonly ALWAYS: "always";
+    readonly NEVER: "never";
+};
+export type CloseOnSelection = (typeof CLOSE_ON_SELECTION)[keyof typeof CLOSE_ON_SELECTION];
+/**
+ * Closes the combobox popup when an option is clicked, based on the closeOnSelection setting.
+ *
+ * This function handles three modes:
+ * - **never**: Never closes on selection
+ * - **always**: Always closes on selection
+ * - **auto**: Closes only for single-select listboxes
+ *
+ * @param event The click event from the dialog element
+ *
+ * @example
+ * const handleClick = (event: MouseEvent<HTMLDialogElement>) => {
+ *   maybeCloseOnSelection(event)
+ * }
+ */
+export declare function maybeCloseOnSelection(event: MouseEvent<HTMLDialogElement>): void;
+/**
+ * Closes the dialog when clicking on the backdrop (Safari workaround).
+ *
+ * Safari doesn't support the closedby attribute, so we handle backdrop clicks manually.
+ * This function checks if the click target is the dialog element itself (not its children),
+ * which indicates a backdrop click.
+ *
+ * @param event The click event from the dialog element
+ *
+ * @example
+ * const handleClick = (event: MouseEvent<HTMLDialogElement>) => {
+ *   closeOnBackdropClick(event)
+ * }
+ */
+export declare function closeOnBackdropClick(event: MouseEvent<HTMLDialogElement>): void;
+/**
+ * Finds the closest option element from a click target.
+ *
+ * Searches up the DOM tree from the given element to find an element with
+ * `role="option"`. This allows clicks on option descendants (like icons or text)
+ * to be properly handled.
+ *
+ * @param element The element to search from (typically event.target)
+ * @returns The option element if found, null otherwise
+ *
+ * @example
+ * const optionElement = getOptionElement(event.target)
+ * if (optionElement) {
+ *   // Handle option click
+ * }
+ */
+export declare function getOptionElement(element: unknown): HTMLElement | null;
+/**
+ * Clears the search input when the popup closes, unless opted out.
+ *
+ * This function searches for a search input within the popup dialog
+ * and clears its value. It respects the `data-preserve-search-on-close` attribute.
+ *
+ * @param event The close event from the dialog element
+ *
+ * @example
+ * const handleClose = (event: SyntheticEvent<HTMLDialogElement>) => {
+ *   clearSearchInputOnClose(event)
+ * }
+ */
+export declare function clearSearchInputOnClose(event: SyntheticEvent<HTMLDialogElement>): void;
+//# sourceMappingURL=event-handlers.d.ts.map

package/dist/types/core/combobox/popup-dialog/event-handlers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"event-handlers.d.ts","sourceRoot":"/","sources":["core/combobox/popup-dialog/event-handlers.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAEvD;;GAEG;AACH,eAAO,MAAM,kBAAkB;;;;CAIrB,CAAA;AAEV,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,OAAO,kBAAkB,CAAC,CAAA;AAE3F;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,GAAG,IAAI,CAoChF;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,GAAG,IAAI,CAO/E;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,OAAO,GAAG,WAAW,GAAG,IAAI,CAKrE;AAuBD;;;;;;;;;;;;GAYG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,cAAc,CAAC,iBAAiB,CAAC,GAAG,IAAI,CAgBtF"}

package/dist/types/core/combobox/popup-dialog/index.d.ts

@@ -1,9 +1,9 @@
+export * from './event-handlers';
 export * from './close-popup';
 export * from './context';
 export * from './open-popup';
 export * from './popup-dialog';
 export * from './styles';
-export * from './use-close-on-click';
 export * from './use-popup-observer';
 export * from './use-popup-state';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/core/combobox/popup-dialog/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"/","sources":["core/combobox/popup-dialog/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAC7B,cAAc,WAAW,CAAA;AACzB,cAAc,cAAc,CAAA;AAC5B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,UAAU,CAAA;AACxB,cAAc,sBAAsB,CAAA;AACpC,cAAc,sBAAsB,CAAA;AACpC,cAAc,mBAAmB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"/","sources":["core/combobox/popup-dialog/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,eAAe,CAAA;AAC7B,cAAc,WAAW,CAAA;AACzB,cAAc,cAAc,CAAA;AAC5B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,UAAU,CAAA;AACxB,cAAc,sBAAsB,CAAA;AACpC,cAAc,mBAAmB,CAAA"}

package/dist/types/core/combobox/popup-dialog/popup-dialog.d.ts

@@ -1,7 +1,7 @@
 import { closeComboboxPopup } from './close-popup';
 import { ComboboxPopupDialogContext, useComboboxPopupDialogContext } from './context';
 import { openComboboxPopup } from './open-popup';
-import type { CloseOnSelection } from './use-close-on-click';
+import type { CloseOnSelection } from './event-handlers';
 import type { DialogHTMLAttributes, ReactNode } from 'react';
 export declare namespace ComboboxPopupDialog {
     interface Props extends DialogHTMLAttributes<HTMLDialogElement> {
@@ -21,6 +21,16 @@ export declare namespace ComboboxPopupDialog {
         maxHeight?: string;
         /** Maximum width. By default, the popover is slightly wider than the anchor. */
         maxWidth?: string;
+        /** Minimum width. By default, the popover is slightly wider than the anchor. */
+        minWidth?: string;
+        /**
+         * Whether to preserve (keep) the search input value when the popup closes.
+         * When false (default), the search input, if present, will be cleared on close.
+         * @default false
+         */
+        preserveSearchOnClose?: boolean;
+        /** Optional search input component for filtering options (typically Combobox.SearchInput). */
+        search?: ReactNode;
         /**
          * Variant type:
          * - **auto**: The default. Displays as a drawer on XS breakpoint, popover on SM and above
@@ -30,6 +40,9 @@ export declare namespace ComboboxPopupDialog {
         variant?: 'popover' | 'drawer' | 'auto';
     }
 }
+export declare const defaultPopupWidth = "calc(anchor-size(width) + 2 * var(--combobox-popup-padding))";
+export declare const defaultPopupInsetLeft = "calc(anchor(left) - var(--combobox-popup-padding))";
+export declare const defaultPopupInsetTop = "calc(anchor(top) - var(--combobox-popup-padding))";
 /**
  * Combobox popup dialog that can be displayed as a popover, drawer, or auto.
  * Uses a native HTML dialog element shown as a modal.
@@ -41,7 +54,7 @@ export declare namespace ComboboxPopupDialog {
  * Use via `Combobox.Popup` so that the `aria-labelledby` and `id` props are automatically
  * wired up via the `Combobox.Context`.
  */
-export declare function ComboboxPopupDialog({ 'aria-labelledby': ariaLabelledBy, children, className, closeOnSelection, id, maxHeight, maxWidth, onClick, style, variant, ...rest }: ComboboxPopupDialog.Props): import("react/jsx-runtime").JSX.Element;
+export declare function ComboboxPopupDialog({ 'aria-labelledby': ariaLabelledBy, children, className, closeOnSelection, id, maxHeight, maxWidth, minWidth, onClose, onClick, preserveSearchOnClose, search, style, variant, ...rest }: ComboboxPopupDialog.Props): import("react/jsx-runtime").JSX.Element;
 export declare namespace ComboboxPopupDialog {
     var Context: import("react").Context<ComboboxPopupDialogContext.Value | null>;
     var useContext: typeof useComboboxPopupDialogContext;

package/dist/types/core/combobox/popup-dialog/popup-dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popup-dialog.d.ts","sourceRoot":"/","sources":["core/combobox/popup-dialog/popup-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAClD,OAAO,EAAE,0BAA0B,EAAE,6BAA6B,EAAE,MAAM,WAAW,CAAA;AAGrF,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA;AAIhD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAC5D,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE5D,yBAAiB,mBAAmB,CAAC;IACnC,UAAiB,KAAM,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;QACpE,+CAA+C;QAC/C,iBAAiB,EAAE,MAAM,CAAA;QACzB,qBAAqB;QACrB,QAAQ,EAAE,SAAS,CAAA;QACnB;;;;WAIG;QACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAA;QACnC,+BAA+B;QAC/B,EAAE,EAAE,MAAM,CAAA;QACV,4EAA4E;QAC5E,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,gFAAgF;QAChF,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB;;;;;WAKG;QACH,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAA;KACxC;CACF;AAUD;;;;;;;;;;GAUG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,iBAAiB,EAAE,cAAc,EACjC,QAAQ,EACR,SAAS,EACT,gBAAyB,EACzB,EAAE,EACF,SAAS,EACT,QAAQ,EACR,OAAO,EACP,KAAK,EACL,OAAgB,EAChB,GAAG,IAAI,EACR,EAAE,mBAAmB,CAAC,KAAK,2CA6C3B;yBAzDe,mBAAmB"}
+{"version":3,"file":"popup-dialog.d.ts","sourceRoot":"/","sources":["core/combobox/popup-dialog/popup-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAElD,OAAO,EAAE,0BAA0B,EAAE,6BAA6B,EAAE,MAAM,WAAW,CAAA;AAIrF,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA;AAGhD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,KAAK,EAAE,oBAAoB,EAAwC,SAAS,EAAE,MAAM,OAAO,CAAA;AAElG,yBAAiB,mBAAmB,CAAC;IACnC,UAAiB,KAAM,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;QACpE,+CAA+C;QAC/C,iBAAiB,EAAE,MAAM,CAAA;QACzB,qBAAqB;QACrB,QAAQ,EAAE,SAAS,CAAA;QACnB;;;;WAIG;QACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAA;QACnC,+BAA+B;QAC/B,EAAE,EAAE,MAAM,CAAA;QACV,4EAA4E;QAC5E,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,gFAAgF;QAChF,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB,gFAAgF;QAChF,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB;;;;WAIG;QACH,qBAAqB,CAAC,EAAE,OAAO,CAAA;QAC/B,8FAA8F;QAC9F,MAAM,CAAC,EAAE,SAAS,CAAA;QAClB;;;;;WAKG;QACH,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAA;KACxC;CACF;AAGD,eAAO,MAAM,iBAAiB,iEAAiE,CAAA;AAC/F,eAAO,MAAM,qBAAqB,uDAAuD,CAAA;AACzF,eAAO,MAAM,oBAAoB,sDAAsD,CAAA;AAEvF;;;;;;;;;;GAUG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,iBAAiB,EAAE,cAAc,EACjC,QAAQ,EACR,SAAS,EACT,gBAAyB,EACzB,EAAE,EACF,SAAS,EACT,QAA4B,EAC5B,QAA4B,EAC5B,OAAO,EACP,OAAO,EACP,qBAA6B,EAC7B,MAAM,EACN,KAAK,EACL,OAAgB,EAChB,GAAG,IAAI,EACR,EAAE,mBAAmB,CAAC,KAAK,2CA8D3B;yBA9Ee,mBAAmB"}

package/dist/types/core/combobox/popup-dialog/popup-dialog.stories.d.ts

@@ -7,9 +7,6 @@ declare const meta: {
         'aria-labelledby': {
             control: false;
         };
-        id: {
-            control: false;
-        };
         children: {
             control: "select";
             options: string[];
@@ -20,15 +17,25 @@ declare const meta: {
                 'Multi-select': import("react/jsx-runtime").JSX.Element[];
             };
         };
+        id: {
+            control: false;
+        };
         maxWidth: {
             control: "text";
         };
+        search: {
+            control: "boolean";
+            mapping: {
+                true: import("react/jsx-runtime").JSX.Element;
+                false: null;
+            };
+        };
         variant: {
             control: "radio";
             options: string[];
         };
     };
-    render: (args: ComboboxPopupDialog.Props) => import("react/jsx-runtime").JSX.Element;
+    render: (args: ComboboxPopupDialog.Props, { parameters }: import("storybook/internal/csf").StoryContext<import("@storybook/react-vite").ReactRenderer, ComboboxPopupDialog.Props>) => import("react/jsx-runtime").JSX.Element;
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
@@ -40,8 +47,9 @@ type Story = StoryObj<typeof meta>;
 export declare const Example: Story;
 /**
  * By default, popover-style popups are slightly wider than their anchor element to accommodate
- * padding. This width can be overridden by setting `maxWidth` to a valid CSS length. A `--size-*`
- * CSS variable is typically preferred.
+ * padding. This width can be overridden by setting `maxWidth` to a valid CSS length. Any `--size-*`
+ * CSS variable or intrinsic size keywords (e.g., `fit-content`, `min-content`, `max-content`) will
+ * typically be preferred.
  */
 export declare const MaxWidth: Story;
 /**
@@ -67,4 +75,9 @@ export declare const Filterable: Story;
  * - `never`: Never closes on selection; the user must explicitly close the popup.
  */
 export declare const Closing: Story;
+/**
+ * By default, the search input, if present, will be cleared when the popup is closed. This can be
+ * prevented using `preserveSearchOnClose`.
+ */
+export declare const PreserveSearch: Story;
 //# sourceMappingURL=popup-dialog.stories.d.ts.map

package/dist/types/core/combobox/popup-dialog/popup-dialog.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popup-dialog.stories.d.ts","sourceRoot":"/","sources":["core/combobox/popup-dialog/popup-dialog.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAIpD,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsHkC,CAAA;AAE5C,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC;;;;GAIG;AACH,eAAO,MAAM,OAAO,EAAE,KASrB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,IAAI,EAAE,KAKlB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAA;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAA"}
+{"version":3,"file":"popup-dialog.stories.d.ts","sourceRoot":"/","sources":["core/combobox/popup-dialog/popup-dialog.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAIpD,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqIkC,CAAA;AAE5C,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC;;;;GAIG;AACH,eAAO,MAAM,OAAO,EAAE,KASrB,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,IAAI,EAAE,KAKlB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KASxB,CAAA;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,KAQ5B,CAAA"}

package/dist/types/core/combobox/popup-dialog/styles.d.ts

@@ -1,2 +1,4 @@
 export declare const elComboboxPopupDialog: import("@linaria/core").LinariaClassName;
+export declare const ElComboboxPopupDialogHeader: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const ElComboboxPopupDialogListboxContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 //# sourceMappingURL=styles.d.ts.map

package/dist/types/core/combobox/popup-dialog/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"/","sources":["core/combobox/popup-dialog/styles.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,qBAAqB,0CAsJjC,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"/","sources":["core/combobox/popup-dialog/styles.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,qBAAqB,0CA+JjC,CAAA;AAED,eAAO,MAAM,2BAA2B,qKAavC,CAAA;AAED,eAAO,MAAM,qCAAqC,qKAYjD,CAAA"}

package/dist/types/core/combobox/search-input/search-input.d.ts

@@ -18,8 +18,10 @@ export declare namespace ComboboxSearchInput {
  * ```tsx
  * <Combobox>
  *   <Combobox.AutocompleteButton />
- *   <Combobox.Popup variant="popover">
- *     <Combobox.SearchInput placeholder="Search options..." />
+ *   <Combobox.Popup
+ *     search={<Combobox.SearchInput placeholder="Search options..." />}
+ *     variant="popover"
+ *   >
  *     <Combobox.Listbox>
  *       <Combobox.Option value="1">Option 1</Combobox.Option>
  *     </Combobox.Listbox>

package/dist/types/core/combobox/search-input/search-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"search-input.d.ts","sourceRoot":"/","sources":["core/combobox/search-input/search-input.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAOpD,KAAK,gBAAgB,GAAG,OAAO,CAAC,MAAM,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC,CAAA;AAE5E,yBAAiB,mBAAmB,CAAC;IACnC,UAAiB,KAAM,SAAQ,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,gBAAgB,CAAC;QACtE,iDAAiD;QACjD,YAAY,EAAE,MAAM,CAAA;KACrB;CACF;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,mBAAmB,CAAC,KAAK,2CASnE;yBATe,mBAAmB"}
+{"version":3,"file":"search-input.d.ts","sourceRoot":"/","sources":["core/combobox/search-input/search-input.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAOpD,KAAK,gBAAgB,GAAG,OAAO,CAAC,MAAM,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC,CAAA;AAE5E,yBAAiB,mBAAmB,CAAC;IACnC,UAAiB,KAAM,SAAQ,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,gBAAgB,CAAC;QACtE,iDAAiD;QACjD,YAAY,EAAE,MAAM,CAAA;KACrB;CACF;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,mBAAmB,CAAC,KAAK,2CASnE;yBATe,mBAAmB"}

package/dist/types/core/combobox/search-input/search-input.stories.d.ts

@@ -299,8 +299,8 @@ declare const meta: {
         min?: number | string | undefined | undefined;
         src?: string | undefined | undefined;
         step?: number | string | undefined | undefined;
-        maxWidth?: string | undefined;
         isBusy?: boolean | undefined;
+        maxWidth?: string | undefined;
     }>, { parameters }: import("storybook/internal/csf").StoryContext<import("@storybook/react-vite").ReactRenderer, {
         'aria-label': string;
         form?: string | undefined | undefined;
@@ -597,8 +597,8 @@ declare const meta: {
         min?: number | string | undefined | undefined;
         src?: string | undefined | undefined;
         step?: number | string | undefined | undefined;
-        maxWidth?: string | undefined;
         isBusy?: boolean | undefined;
+        maxWidth?: string | undefined;
     }>) => import("react/jsx-runtime").JSX.Element)[];
 };
 export default meta;

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

@@ -0,0 +1,2 @@
+export * from './selected-content';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"/","sources":["core/combobox/selected-content/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA"}

package/dist/types/core/combobox/selected-content/selected-content.d.ts

@@ -0,0 +1,24 @@
+import { useComboboxSelectedOptions } from '../use-selected-options';
+import type { HTMLAttributes, ReactNode } from 'react';
+type AttributesToOmit = 'children';
+export declare namespace ComboboxSelectedContent {
+    interface Props extends Omit<HTMLAttributes<HTMLSpanElement>, AttributesToOmit> {
+        /** Render-prop function to customise selected content rendering. */
+        children?: (options: readonly useComboboxSelectedOptions.Option[]) => ReactNode;
+        /**
+         * Selected option to be displayed on first render. Necessary when the initial selected option
+         * is not present in the DOM.
+         */
+        defaultOptions?: readonly useComboboxSelectedOptions.Option[];
+        /** ID of the combobox listbox */
+        listboxId: string;
+    }
+}
+/**
+ * Renders the label text of the selected option. Renders nothing when no option is selected.
+ *
+ * **Intended for use in single-select combobox experiences.**
+ */
+export declare function ComboboxSelectedContent({ children, defaultOptions: defaultOptionsProp, listboxId, }: ComboboxSelectedContent.Props): string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | undefined;
+export {};
+//# sourceMappingURL=selected-content.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"selected-content.d.ts","sourceRoot":"/","sources":["core/combobox/selected-content/selected-content.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAA;AAEpE,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtD,KAAK,gBAAgB,GAAG,UAAU,CAAA;AAElC,yBAAiB,uBAAuB,CAAC;IACvC,UAAiB,KAAM,SAAQ,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,gBAAgB,CAAC;QACpF,oEAAoE;QACpE,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,0BAA0B,CAAC,MAAM,EAAE,KAAK,SAAS,CAAA;QAC/E;;;WAGG;QACH,cAAc,CAAC,EAAE,SAAS,0BAA0B,CAAC,MAAM,EAAE,CAAA;QAC7D,iCAAiC;QACjC,SAAS,EAAE,MAAM,CAAA;KAClB;CACF;AAED;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,QAAQ,EACR,cAAc,EAAE,kBAAkB,EAClC,SAAS,GACV,EAAE,uBAAuB,CAAC,KAAK,wJAI/B"}