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

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

@@ -0,0 +1,5 @@
+export * from './get-option-label';
+export * from './option';
+export * from './option-additional-info';
+export * from './styles';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"/","sources":["core/combobox/option/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,UAAU,CAAA;AACxB,cAAc,0BAA0B,CAAA;AACxC,cAAc,UAAU,CAAA"}

package/dist/types/core/combobox/option/option-additional-info.d.ts

@@ -0,0 +1,19 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export declare namespace ComboboxOptionAdditionalInfo {
+    interface Props extends HTMLAttributes<HTMLSpanElement> {
+        /** Badge displayed after the text. */
+        badge?: ReactNode;
+        /** Supplementary information. */
+        children: ReactNode;
+        /** Icon displayed before the text. */
+        icon?: ReactNode;
+    }
+}
+/**
+ * Additional information for a Combobox option. Use via `Combobox.OptionAdditionalInfo`.
+ */
+export declare function ComboboxOptionAdditionalInfo({ badge, children, icon, ...rest }: ComboboxOptionAdditionalInfo.Props): import("react/jsx-runtime").JSX.Element;
+export declare namespace ComboboxOptionAdditionalInfo {
+    var displayName: string;
+}
+//# sourceMappingURL=option-additional-info.d.ts.map

package/dist/types/core/combobox/option/option-additional-info.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"option-additional-info.d.ts","sourceRoot":"/","sources":["core/combobox/option/option-additional-info.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtD,yBAAiB,4BAA4B,CAAC;IAC5C,UAAiB,KAAM,SAAQ,cAAc,CAAC,eAAe,CAAC;QAC5D,sCAAsC;QACtC,KAAK,CAAC,EAAE,SAAS,CAAA;QACjB,iCAAiC;QACjC,QAAQ,EAAE,SAAS,CAAA;QACnB,sCAAsC;QACtC,IAAI,CAAC,EAAE,SAAS,CAAA;KACjB;CACF;AAED;;GAEG;AACH,wBAAgB,4BAA4B,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,EAAE,4BAA4B,CAAC,KAAK,2CAQlH;yBARe,4BAA4B"}

package/dist/types/core/combobox/option/option-additional-info.figma.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=option-additional-info.figma.d.ts.map

package/dist/types/core/combobox/option/option-additional-info.figma.d.ts.map

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

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

@@ -0,0 +1,25 @@
+import { ComboboxOptionAdditionalInfo } from './option-additional-info';
+import type { ButtonHTMLAttributes, ReactNode } from 'react';
+type AttributesToOmit = 'role';
+export declare namespace ComboboxOption {
+    interface Props extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, AttributesToOmit> {
+        /** Badge displayed after the label */
+        badge?: ReactNode;
+        /** Option label text */
+        children?: ReactNode;
+        /** Additional info lines. Pass one or more `Combobox.OptionAdditionalInfo` */
+        additionalInfo?: ReactNode;
+        /** Option value */
+        value: string;
+    }
+}
+/**
+ * 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 namespace ComboboxOption {
+    var getOptionLabel: typeof import("./get-option-label").getOptionLabel;
+    var AdditionalInfo: typeof ComboboxOptionAdditionalInfo;
+}
+export {};
+//# sourceMappingURL=option.d.ts.map

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

@@ -0,0 +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"}

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

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

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

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

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

@@ -0,0 +1,64 @@
+import { ComboboxOption } from './option';
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: typeof ComboboxOption;
+    argTypes: {
+        'aria-checked': {
+            control: "boolean";
+        };
+        'aria-selected': {
+            control: "boolean";
+        };
+        badge: {
+            control: "radio";
+            options: string[];
+            mapping: {
+                None: undefined;
+                Badge: import("react/jsx-runtime").JSX.Element;
+            };
+        };
+        children: {
+            control: false;
+        };
+        additionalInfo: {
+            control: "radio";
+            options: string[];
+            mapping: {
+                None: undefined;
+                'One line': import("react/jsx-runtime").JSX.Element;
+                'Two lines': import("react/jsx-runtime").JSX.Element[];
+            };
+        };
+        value: {
+            control: "text";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Example: Story;
+/**
+ * Each option manages its selection state internally. Single-select comboboxes use the
+ * `aria-selected` attribute to mark selected options.
+ */
+export declare const Selected: Story;
+/**
+ * Multi-select comboboxes use the `aria-checked` attribute to mark selected options.
+ */
+export declare const Checked: Story;
+/**
+ * Badges provide additional context. Place them after the option label or within supplementary info.
+ */
+export declare const Badges: Story;
+/**
+ * Supplementary information helps users choose the right option. Provide up to two lines, each with
+ * icons, text, or badges.
+ */
+export declare const SupplementaryInfo: Story;
+/**
+ * Keep labels and supplementary information concise. Text wraps to multiple lines when it exceeds
+ * available space. Badges display inline or wrap to a new line as needed.
+ */
+export declare const Wrapping: Story;
+//# sourceMappingURL=option.stories.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,9 @@
+export declare const ElComboboxOption: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;
+export declare const ElComboboxOptionCheckIconContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
+export declare const ElComboboxOptionLabel: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
+export declare const ElComboboxOptionTextContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
+export declare const ElComboboxOptionBadgeContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
+export declare const ElComboboxOptionAdditionalInfoContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
+export declare const ElComboboxOptionAdditionalInfo: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
+export declare const ElComboboxOptionAdditionalInfoIconContainer: 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/option/styles.d.ts.map

@@ -0,0 +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"}

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

@@ -0,0 +1,10 @@
+/**
+ * Fake ToggleEvent class mimicking the native popover ToggleEvent API.
+ */
+export declare class FakeToggleEvent extends Event {
+    newState: string;
+    constructor(type: string, { newState }: {
+        newState: string;
+    });
+}
+//# sourceMappingURL=FakeToggleEvent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FakeToggleEvent.d.ts","sourceRoot":"/","sources":["core/combobox/popup-dialog/__tests__/FakeToggleEvent.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,qBAAa,eAAgB,SAAQ,KAAK;IACxC,QAAQ,EAAE,MAAM,CAAA;gBAEJ,IAAI,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAA;KAAE;CAI7D"}

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/types/core/combobox/popup-dialog/__tests__/use-close-on-click.test.d.ts

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

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

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

package/dist/types/core/combobox/popup-dialog/__tests__/use-popup-observer.test.d.ts

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

package/dist/types/core/combobox/popup-dialog/__tests__/use-popup-observer.test.d.ts.map

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

package/dist/types/core/combobox/popup-dialog/__tests__/use-popup-state.test.d.ts

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

package/dist/types/core/combobox/popup-dialog/__tests__/use-popup-state.test.d.ts.map

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

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

@@ -0,0 +1,7 @@
+/**
+ * Hides a combobox popup dialog.
+ * @param elementOrId - The popup dialog element or its ID.
+ * @throws When the function cannot find the element or when the element is not an HTMLDialogElement.
+ */
+export declare function closeComboboxPopup(elementOrId: HTMLDialogElement | string): void;
+//# sourceMappingURL=close-popup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"close-popup.d.ts","sourceRoot":"/","sources":["core/combobox/popup-dialog/close-popup.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,WAAW,EAAE,iBAAiB,GAAG,MAAM,QAczE"}

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

@@ -0,0 +1,23 @@
+export declare namespace ComboboxPopupDialogContext {
+    interface Value {
+        /**
+         * Variant type:
+         * - **auto**: Displays as a drawer on XS breakpoint, popover on SM and above
+         * - **popover**: Displays as a popover anchored to the combobox button
+         * - **drawer**: Displays as a drawer (full-screen modal on mobile)
+         */
+        variant: 'popover' | 'drawer' | 'auto';
+    }
+}
+/**
+ * Context that ComboboxPopupDialog provides to descendants.
+ * Exposes the popup dialog's variant so child components can adapt their behavior
+ * based on whether the popup is displayed as a popover, drawer, or auto.
+ */
+export declare const ComboboxPopupDialogContext: import("react").Context<ComboboxPopupDialogContext.Value | null>;
+/**
+ * Returns ComboboxPopupDialogContext.Value from the nearest ComboboxPopupDialog ancestor.
+ * @throws Error when called outside a ComboboxPopupDialog component.
+ */
+export declare function useComboboxPopupDialogContext(): ComboboxPopupDialogContext.Value;
+//# sourceMappingURL=context.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"/","sources":["core/combobox/popup-dialog/context.ts"],"names":[],"mappings":"AAEA,yBAAiB,0BAA0B,CAAC;IAC1C,UAAiB,KAAK;QACpB;;;;;WAKG;QACH,OAAO,EAAE,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAA;KACvC;CACF;AAED;;;;GAIG;AACH,eAAO,MAAM,0BAA0B,kEAA+D,CAAA;AAEtG;;;GAGG;AACH,wBAAgB,6BAA6B,IAAI,0BAA0B,CAAC,KAAK,CAMhF"}

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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +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"}

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

@@ -0,0 +1,7 @@
+/**
+ * Shows a combobox popup dialog as a modal.
+ * @param elementOrId - The popup dialog element or its ID.
+ * @throws When the function cannot find the element or when the element is not an HTMLDialogElement.
+ */
+export declare function openComboboxPopup(elementOrId: HTMLDialogElement | string): void;
+//# sourceMappingURL=open-popup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"open-popup.d.ts","sourceRoot":"/","sources":["core/combobox/popup-dialog/open-popup.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,WAAW,EAAE,iBAAiB,GAAG,MAAM,QAcxE"}

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

@@ -0,0 +1,51 @@
+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 { DialogHTMLAttributes, ReactNode } from 'react';
+export declare namespace ComboboxPopupDialog {
+    interface Props extends DialogHTMLAttributes<HTMLDialogElement> {
+        /** ID of the element that labels the popup. */
+        'aria-labelledby': string;
+        /** Popup content. */
+        children: ReactNode;
+        /**
+         * Whether the popup should close when an option is selected. Default is 'auto'
+         * which will close on selection for single-select comboboxes, but not for
+         * multi-select comboboxes.
+         */
+        closeOnSelection?: CloseOnSelection;
+        /** ID of the popup element. */
+        id: string;
+        /** Maximum height. By default, the popover will grow to fit its content. */
+        maxHeight?: string;
+        /** Maximum width. By default, the popover is slightly wider than the anchor. */
+        maxWidth?: string;
+        /**
+         * Variant type:
+         * - **auto**: The default. Displays as a drawer on XS breakpoint, popover on SM and above
+         * - **popover**: Displays as a popover anchored to the combobox button
+         * - **drawer**: Displays as a drawer (full-screen modal on mobile)
+         */
+        variant?: 'popover' | 'drawer' | 'auto';
+    }
+}
+/**
+ * Combobox popup dialog that can be displayed as a popover, drawer, or auto.
+ * Uses a native HTML dialog element shown as a modal.
+ *
+ * - **auto**: The default. Displays as a drawer on XS breakpoint, popover on SM and above
+ * - **popover**: Displays as a popover anchored to the combobox button
+ * - **drawer**: Displays as a drawer (full-screen modal on mobile)
+ *
+ * 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 namespace ComboboxPopupDialog {
+    var Context: import("react").Context<ComboboxPopupDialogContext.Value | null>;
+    var useContext: typeof useComboboxPopupDialogContext;
+    var open: typeof openComboboxPopup;
+    var close: typeof closeComboboxPopup;
+}
+//# sourceMappingURL=popup-dialog.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,70 @@
+import { ComboboxPopupDialog } from './popup-dialog';
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: typeof ComboboxPopupDialog;
+    argTypes: {
+        'aria-labelledby': {
+            control: false;
+        };
+        id: {
+            control: false;
+        };
+        children: {
+            control: "select";
+            options: string[];
+            mapping: {
+                Simple: import("react/jsx-runtime").JSX.Element;
+                Detailed: import("react/jsx-runtime").JSX.Element;
+                Filterable: import("react/jsx-runtime").JSX.Element[];
+                'Multi-select': import("react/jsx-runtime").JSX.Element[];
+            };
+        };
+        maxWidth: {
+            control: "text";
+        };
+        variant: {
+            control: "radio";
+            options: string[];
+        };
+    };
+    render: (args: ComboboxPopupDialog.Props) => import("react/jsx-runtime").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Many popups will function as simple popovers that present the available options to the user.
+ * The popup automatically anchors to the element specified by `aria-labelledby`. By default,
+ * popovers are slightly wider than their anchor element to accommodate padding.
+ */
+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.
+ */
+export declare const MaxWidth: Story;
+/**
+ * In some cases, such as on devices with small viewports, it can be preferrable to have the popup
+ * function as a drawer. This can be achieved using the `drawer` variant.
+ */
+export declare const Drawer: Story;
+/**
+ * The `auto` variant displays as a drawer on XS breakpoint (< 768px) and as a popover on SM
+ * and above. This provides a responsive experience that adapts to the viewport size.
+ */
+export declare const Auto: Story;
+/**
+ * A search input can be included in the popup to allow the options to be filtered/searched.
+ */
+export declare const Filterable: Story;
+/**
+ * For single-select comboboxes, the popup will close when a selection is made. For multi-select
+ * comboboxes, it won't. This behaviour can be customised using `closeOnSelection`.
+ *
+ * - `auto` (default): Closes on selection for single-select comboboxes; remains open for multi-select.
+ * - `always`: Always closes when the user selects an option.
+ * - `never`: Never closes on selection; the user must explicitly close the popup.
+ */
+export declare const Closing: Story;
+//# sourceMappingURL=popup-dialog.stories.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,2 @@
+export declare const elComboboxPopupDialog: import("@linaria/core").LinariaClassName;
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"/","sources":["core/combobox/popup-dialog/styles.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,qBAAqB,0CAsJjC,CAAA"}

package/dist/types/core/combobox/popup-dialog/use-close-on-click.d.ts

@@ -0,0 +1,19 @@
+import type { MouseEventHandler } from 'react';
+/**
+ * Valid values for the closeOnSelection behavior.
+ */
+declare const CLOSE_ON_SELECTION: {
+    readonly NEVER: "never";
+    readonly ALWAYS: "always";
+    readonly AUTO: "auto";
+};
+export type CloseOnSelection = (typeof CLOSE_ON_SELECTION)[keyof typeof CLOSE_ON_SELECTION];
+/**
+ * Creates a click handler that closes the popup when clicking an option.
+ * Calls the provided onClick handler first to allow preventing the default close behavior.
+ * @param onClick - Optional click handler to call before closing.
+ * @returns Click handler that closes the popup on option clicks.
+ */
+export declare function useCloseComboboxPopupOnClick(onClick?: MouseEventHandler<HTMLDialogElement>): MouseEventHandler<HTMLDialogElement>;
+export {};
+//# sourceMappingURL=use-close-on-click.d.ts.map

package/dist/types/core/combobox/popup-dialog/use-close-on-click.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-close-on-click.d.ts","sourceRoot":"/","sources":["core/combobox/popup-dialog/use-close-on-click.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAE9C;;GAEG;AACH,QAAA,MAAM,kBAAkB;;;;CAId,CAAA;AAEV,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,OAAO,kBAAkB,CAAC,CAAA;AAE3F;;;;;GAKG;AACH,wBAAgB,4BAA4B,CAC1C,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,GAC7C,iBAAiB,CAAC,iBAAiB,CAAC,CAgDtC"}

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

@@ -0,0 +1,7 @@
+/**
+ * Observes a popup element's open state by subscribing to its `toggle` event.
+ * @param popupId - ID of the popup element to observe.
+ * @param callback - Callback function to be called when the popup's open state changes.
+ */
+export declare function useComboboxPopupObserver(popupId: string, callback: (event: ToggleEvent) => void): void;
+//# sourceMappingURL=use-popup-observer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-popup-observer.d.ts","sourceRoot":"/","sources":["core/combobox/popup-dialog/use-popup-observer.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,wBAAgB,wBAAwB,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,GAAG,IAAI,CA4BtG"}

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

@@ -0,0 +1,7 @@
+/**
+ * Tracks the open state of a popup element by subscribing to its `toggle` event.
+ * @param popupId - ID of the popup element to observe.
+ * @returns `true` when the popup is open, `false` when closed.
+ */
+export declare function useComboboxPopupState(popupId: string): boolean;
+//# sourceMappingURL=use-popup-state.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-popup-state.d.ts","sourceRoot":"/","sources":["core/combobox/popup-dialog/use-popup-state.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAQ9D"}

package/dist/types/core/combobox/search-input/__tests__/determine-search-input-variant.test.d.ts

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

package/dist/types/core/combobox/search-input/__tests__/determine-search-input-variant.test.d.ts.map

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

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

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

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

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

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

@@ -0,0 +1,49 @@
+import type { ComboboxPopupDialogContext } from '../popup-dialog';
+import type { SearchInput } from '#src/core/search-input';
+export declare namespace determineSearchInputVariant {
+    /**
+     * Input parameters for determining the search input variant.
+     */
+    interface Input {
+        /** Whether the viewport is at the XS breakpoint (below SM). */
+        isXSBreakpoint: boolean;
+        /** The popup variant from the ComboboxPopupDialog context. */
+        popupVariant: ComboboxPopupDialogContext.Value['variant'];
+    }
+    /** The computed variant for the SearchInput component. */
+    type Output = NonNullable<SearchInput.Props['variant']>;
+}
+/**
+ * Determines the appropriate SearchInput variant based on the popup variant and viewport width.
+ *
+ * The variant logic:
+ * - **drawer popup**: Returns 'borderless' for a seamless drawer experience
+ * - **popover popup**: Returns 'default' for a distinct input within the popover
+ * - **auto popup**: Returns 'borderless' on XS breakpoint (drawer), 'default' otherwise (popover)
+ *
+ * @param input - The popup variant and breakpoint information
+ * @returns The SearchInput variant that matches the popup's visual style
+ *
+ * @example
+ * ```tsx
+ * // Drawer popup always uses borderless
+ * determineSearchInputVariant({
+ *   isXSBreakpoint: false,
+ *   popupVariant: 'drawer'
+ * }) // Returns 'borderless'
+ *
+ * // Popover popup always uses default
+ * determineSearchInputVariant({
+ *   isXSBreakpoint: true,
+ *   popupVariant: 'popover'
+ * }) // Returns 'default'
+ *
+ * // Auto popup adapts to breakpoint
+ * determineSearchInputVariant({
+ *   isXSBreakpoint: true,
+ *   popupVariant: 'auto'
+ * }) // Returns 'borderless' (becomes drawer on XS)
+ * ```
+ */
+export declare function determineSearchInputVariant({ isXSBreakpoint, popupVariant, }: determineSearchInputVariant.Input): determineSearchInputVariant.Output;
+//# sourceMappingURL=determine-search-input-variant.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"determine-search-input-variant.d.ts","sourceRoot":"/","sources":["core/combobox/search-input/determine-search-input-variant.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,iBAAiB,CAAA;AACjE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAEzD,yBAAiB,2BAA2B,CAAC;IAC3C;;OAEG;IACH,UAAiB,KAAK;QACpB,+DAA+D;QAC/D,cAAc,EAAE,OAAO,CAAA;QACvB,8DAA8D;QAC9D,YAAY,EAAE,0BAA0B,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;KAC1D;IAED,0DAA0D;IAC1D,KAAY,MAAM,GAAG,WAAW,CAAC,WAAW,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAA;CAC/D;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,wBAAgB,2BAA2B,CAAC,EAC1C,cAAc,EACd,YAAY,GACb,EAAE,2BAA2B,CAAC,KAAK,GAAG,2BAA2B,CAAC,MAAM,CAUxE"}

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

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

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

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

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

@@ -0,0 +1,35 @@
+import { SearchInput } from '#src/core/search-input';
+type AttributesToOmit = Extract<keyof SearchInput.Props, 'type' | 'variant'>;
+export declare namespace ComboboxSearchInput {
+    interface Props extends Omit<SearchInput.Props, AttributesToOmit> {
+        /** The accessible label for the search input. */
+        'aria-label': string;
+    }
+}
+/**
+ * A search input for use within a Combobox.Popup component.
+ *
+ * This component automatically adapts its visual style based on the parent popup's variant:
+ * - When the popup is a drawer, the input uses a borderless style
+ * - When the popup is a popover, the input uses the default bordered style
+ * - When the popup is set to auto, the style changes based on the viewport width
+ *
+ * @example
+ * ```tsx
+ * <Combobox>
+ *   <Combobox.AutocompleteButton />
+ *   <Combobox.Popup variant="popover">
+ *     <Combobox.SearchInput placeholder="Search options..." />
+ *     <Combobox.Listbox>
+ *       <Combobox.Option value="1">Option 1</Combobox.Option>
+ *     </Combobox.Listbox>
+ *   </Combobox.Popup>
+ * </Combobox>
+ * ```
+ */
+export declare function ComboboxSearchInput(props: ComboboxSearchInput.Props): import("react/jsx-runtime").JSX.Element;
+export declare namespace ComboboxSearchInput {
+    var displayName: string;
+}
+export {};
+//# sourceMappingURL=search-input.d.ts.map

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

@@ -0,0 +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"}