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

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,2CA0D3B;yBA1Ee,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,0CA2JjC,CAAA;AAED,eAAO,MAAM,2BAA2B,qKAYvC,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,20 @@
+import { useComboboxSelectedOptions } from '../use-selected-options';
+import type { HTMLAttributes } from 'react';
+export declare namespace ComboboxSelectedContent {
+    interface Props extends HTMLAttributes<HTMLSpanElement> {
+        /**
+         * 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({ defaultOptions: defaultOptionsProp, listboxId, }: ComboboxSelectedContent.Props): string | undefined;
+//# 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,MAAM,OAAO,CAAA;AAE3C,yBAAiB,uBAAuB,CAAC;IACvC,UAAiB,KAAM,SAAQ,cAAc,CAAC,eAAe,CAAC;QAC5D;;;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,cAAc,EAAE,kBAAkB,EAClC,SAAS,GACV,EAAE,uBAAuB,CAAC,KAAK,sBAI/B"}