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

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

@@ -1 +1 @@
-{"version":3,"file":"combobox.d.ts","sourceRoot":"/","sources":["core/combobox/combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAA;AAC3E,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAA;AAE/D,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAKpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,yBAAiB,QAAQ,CAAC;IACxB,UAAiB,KAAM,SAAQ,cAAc,CAAC,WAAW,CAAC;QACxD,yDAAyD;QACzD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;QAC1B,uCAAuC;QACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;QAClB,sDAAsD;QACtD,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB,sCAAsC;QACtC,QAAQ,CAAC,EAAE,OAAO,CAAA;QAClB,+CAA+C;QAC/C,YAAY,CAAC,EAAE,OAAO,CAAA;KACvB;CACF;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,QAAgB,EAChB,QAAQ,EACR,QAAgB,EAChB,YAAoB,EACpB,KAAK,EACL,GAAG,IAAI,EACR,EAAE,QAAQ,CAAC,KAAK,2CAYhB;yBApBe,QAAQ"}
+{"version":3,"file":"combobox.d.ts","sourceRoot":"/","sources":["core/combobox/combobox.tsx"],"names":[],"mappings":"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"}

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

@@ -7,26 +7,52 @@ declare const meta: {
         children: {
             control: false;
         };
+        size: {
+            control: "select";
+            options: string[];
+        };
     };
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
 /**
- * Demonstrates a basic combobox with static options.
+ * Demonstrates a basic combobox with static options using the low-level ComboboxButton primitive.
  */
 export declare const Example: Story;
 /**
- * Demonstrates an autocomplete combobox that lets users filter options by typing.
+ * Demonstrates a searchable combobox that lets users filter options by typing. As the options
+ * are dynamically rendered, and the combobox allows multiple selections, the selected options are
+ * displayed using `Combobox.SelectionChips`.
  */
-export declare const Autocomplete: Story;
+export declare const DynamicOptions: Story;
 /**
  * By default, the combobox popup will switch to a drawer experience on XS breakpoints. It can also be
  * pinned to a popover or drawer using the `variant` prop.
  */
 export declare const Drawer: Story;
 /**
- * Demonstrates filtering preloaded options with a search input. To fetch options
- * dynamically, use the controlled search value in your request.
+ * Three sizes are supported: small, medium, and large. The size impacts both the combobox button and
+ * the option labels.
+ */
+export declare const Sizes: Story;
+/**
+ * `Combobox.Card` can be used to provide more details about the selected option in single-select
+ * comboboxes. The card is equivalent to `Combobox.Button` and should be used with Combobox.useButton.
+ * Unlike the standard combobox button, the card will not open the popup when clicked. It is a
+ * low-level primitive that will typically be used within a higher-level component.
+ *
+ * See `Autocomplete.Button` and `Select.Button` for examples.
+ */
+export declare const Cards: Story;
+/**
+ * The combobox's value can be controlled like any other form control. The `Combobox.useState` hook is
+ * available; it has the correct type baked-in. When responding to changes, `Combobox.getListboxValue`
+ * can be used to retrieve the appropriate value from the DOM element.
+ */
+export declare const Controlled: Story;
+/**
+ * Three sizes are supported: small, medium, and large. The size impacts both the combobox button and
+ * the option labels.
  */
-export declare const Filtering: Story;
+export declare const Forms: Story;
 //# sourceMappingURL=combobox.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"combobox.stories.d.ts","sourceRoot":"/","sources":["core/combobox/combobox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAGrC,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,QAAA,MAAM,IAAI;;;;;;;;CAQuB,CAAA;AAEjC,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAgBrB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAiB1B,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,KAiBpB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,KAmDvB,CAAA"}
+{"version":3,"file":"combobox.stories.d.ts","sourceRoot":"/","sources":["core/combobox/combobox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAOrC,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAG3D,QAAA,MAAM,IAAI;;;;;;;;;;;;CAYuB,CAAA;AAEjC,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAiBrB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,cAAc,EAAE,KAoE5B,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,KAcpB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAA;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,KAAK,EAAE,KAgCnB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,UAAU,EAAE,KAkCxB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,KAAK,EAAE,KAqBnB,CAAA"}

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

@@ -1,23 +1,30 @@
 export declare namespace ComboboxContext {
-    /**
-     * Configuration shared between Combobox subcomponents.
-     * Only includes attributes used by multiple subcomponents.
-     */
     interface Value {
-        /** Button element ID */
-        buttonId: string;
+        /** ID of element(s) describing the combobox */
+        ariaDescribedBy?: string;
+        /** ID of element providing error message for the combobox */
+        ariaErrorMessage?: string;
+        /** Whether the combobox value is invalid */
+        ariaInvalid?: boolean | 'false' | 'true' | 'grammar' | 'spelling';
+        /** Combobox element ID */
+        comboboxId: string;
         /** Whether the combobox is disabled */
         disabled: boolean;
         /** Listbox element ID */
         listboxId: string;
+        /** Whether multiple selections are allowed */
+        multiple: boolean;
         /** Popup element ID */
         popupId: string;
         /** Whether the combobox is required */
         required: boolean;
+        /** Size of the combobox */
+        size: 'small' | 'medium' | 'large';
     }
 }
 /**
- * Provides configuration to Combobox descendants for managing listbox behaviour.
+ * Context that Combobox provides to descendants. Exposes configuration for
+ * managing shared state across button, listbox, and popup components.
  */
 export declare const ComboboxContext: import("react").Context<ComboboxContext.Value | null>;
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"/","sources":["core/combobox/context.ts"],"names":[],"mappings":"AAMA,yBAAiB,eAAe,CAAC;IAC/B;;;OAGG;IACH,UAAiB,KAAK;QACpB,wBAAwB;QACxB,QAAQ,EAAE,MAAM,CAAA;QAChB,uCAAuC;QACvC,QAAQ,EAAE,OAAO,CAAA;QACjB,yBAAyB;QACzB,SAAS,EAAE,MAAM,CAAA;QACjB,uBAAuB;QACvB,OAAO,EAAE,MAAM,CAAA;QACf,uCAAuC;QACvC,QAAQ,EAAE,OAAO,CAAA;KAClB;CACF;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,uDAAoD,CAAA;AAEhF;;;;GAIG;AACH,wBAAgB,kBAAkB,IAAI,eAAe,CAAC,KAAK,CAM1D"}
+{"version":3,"file":"context.d.ts","sourceRoot":"/","sources":["core/combobox/context.ts"],"names":[],"mappings":"AAMA,yBAAiB,eAAe,CAAC;IAC/B,UAAiB,KAAK;QACpB,+CAA+C;QAC/C,eAAe,CAAC,EAAE,MAAM,CAAA;QACxB,6DAA6D;QAC7D,gBAAgB,CAAC,EAAE,MAAM,CAAA;QACzB,4CAA4C;QAC5C,WAAW,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,UAAU,CAAA;QACjE,0BAA0B;QAC1B,UAAU,EAAE,MAAM,CAAA;QAClB,uCAAuC;QACvC,QAAQ,EAAE,OAAO,CAAA;QACjB,yBAAyB;QACzB,SAAS,EAAE,MAAM,CAAA;QACjB,8CAA8C;QAC9C,QAAQ,EAAE,OAAO,CAAA;QACjB,uBAAuB;QACvB,OAAO,EAAE,MAAM,CAAA;QACf,uCAAuC;QACvC,QAAQ,EAAE,OAAO,CAAA;QACjB,2BAA2B;QAC3B,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;KACnC;CACF;AAED;;;GAGG;AACH,eAAO,MAAM,eAAe,uDAAoD,CAAA;AAEhF;;;;GAIG;AACH,wBAAgB,kBAAkB,IAAI,eAAe,CAAC,KAAK,CAM1D"}

package/dist/types/core/combobox/default-options-context.d.ts

@@ -0,0 +1,14 @@
+import type { useComboboxSelectedOptions } from './use-selected-options';
+export declare namespace ComboboxDefaultOptionsContext {
+    type Value = readonly useComboboxSelectedOptions.Option[];
+}
+/**
+ * Provides the default options for the combobox. Has a default value of an empty array.
+ */
+export declare const ComboboxDefaultOptionsContext: import("react").Context<ComboboxDefaultOptionsContext.Value>;
+/**
+ * Returns the current ComboboxDefaultOptionsContext value.
+ * @returns The combobox's default options.
+ */
+export declare function useComboboxDefaultOptionsContext(): ComboboxDefaultOptionsContext.Value;
+//# sourceMappingURL=default-options-context.d.ts.map

package/dist/types/core/combobox/default-options-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-options-context.d.ts","sourceRoot":"/","sources":["core/combobox/default-options-context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,wBAAwB,CAAA;AAExE,yBAAiB,6BAA6B,CAAC;IAC7C,KAAY,KAAK,GAAG,SAAS,0BAA0B,CAAC,MAAM,EAAE,CAAA;CACjE;AAED;;GAEG;AACH,eAAO,MAAM,6BAA6B,8DAAyD,CAAA;AAEnG;;;GAGG;AACH,wBAAgB,gCAAgC,IAAI,6BAA6B,CAAC,KAAK,CAEtF"}

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

@@ -0,0 +1,7 @@
+/**
+ * Returns the listbox element ID for the given combobox ID.
+ * @param comboboxId - The combobox button element ID
+ * @returns The listbox element ID
+ */
+export declare function getComboboxListboxId(comboboxId: string): string;
+//# sourceMappingURL=get-listbox-id.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"get-listbox-id.d.ts","sourceRoot":"/","sources":["core/combobox/get-listbox-id.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,CAE/D"}

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

@@ -0,0 +1,7 @@
+/**
+ * Returns the popup element ID for the given combobox ID.
+ * @param comboboxId - The combobox button element ID
+ * @returns The popup element ID
+ */
+export declare function getComboboxPopupId(comboboxId: string): string;
+//# sourceMappingURL=get-popup-id.d.ts.map

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

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

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

@@ -1,15 +1,17 @@
 export * from './button';
+export * from './card';
+export * from './card-default-content';
 export * from './combobox';
-export * from './combobox-autocomplete-button';
 export * from './combobox-popup';
-export * from './combobox-select-button';
 export * from './context';
+export * from './get-listbox-id';
+export * from './get-popup-id';
 export * from './listbox';
 export * from './optgroup';
 export * from './option';
 export * from './popup-dialog';
 export * from './styles';
 export * from './use-button';
+export * from './use-has-selection';
 export * from './use-selected-options';
-export * from './use-selection-summary';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"/","sources":["core/combobox/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,gCAAgC,CAAA;AAC9C,cAAc,kBAAkB,CAAA;AAChC,cAAc,0BAA0B,CAAA;AACxC,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,UAAU,CAAA;AACxB,cAAc,cAAc,CAAA;AAC5B,cAAc,wBAAwB,CAAA;AACtC,cAAc,yBAAyB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"/","sources":["core/combobox/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,wBAAwB,CAAA;AACtC,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,WAAW,CAAA;AACzB,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,UAAU,CAAA;AACxB,cAAc,cAAc,CAAA;AAC5B,cAAc,qBAAqB,CAAA;AACnC,cAAc,wBAAwB,CAAA"}

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

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

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

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

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

@@ -1,7 +1,10 @@
 import { ComboboxOption } from '../option';
 import { Listbox } from '#src/utils/listbox';
+type AttributesToOmit = 'size';
 export declare namespace ComboboxListboxOption {
-    interface Props extends Listbox.OptionProps<typeof ComboboxOption> {
+    interface AdditionalInfoProps extends ComboboxOption.AdditionalInfoProps {
+    }
+    interface Props extends Omit<ComboboxOption.Props, AttributesToOmit>, Listbox.OptionProps {
     }
 }
 /**
@@ -14,4 +17,5 @@ export declare namespace ComboboxListboxOption {
     var getLabel: typeof import("..").getOptionLabel;
     var AdditionalInfo: typeof import("..").ComboboxOptionAdditionalInfo;
 }
+export {};
 //# sourceMappingURL=listbox-option.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"listbox-option.d.ts","sourceRoot":"/","sources":["core/combobox/listbox/listbox-option.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAE5C,yBAAiB,qBAAqB,CAAC;IACrC,UAAiB,KAAM,SAAQ,OAAO,CAAC,WAAW,CAAC,OAAO,cAAc,CAAC;KAAG;CAC7E;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,qBAAqB,CAAC,KAAK,2CAEvE;yBAFe,qBAAqB"}
+{"version":3,"file":"listbox-option.d.ts","sourceRoot":"/","sources":["core/combobox/listbox/listbox-option.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAI5C,KAAK,gBAAgB,GAAG,MAAM,CAAA;AAE9B,yBAAiB,qBAAqB,CAAC;IACrC,UAAiB,mBAAoB,SAAQ,cAAc,CAAC,mBAAmB;KAAG;IAClF,UAAiB,KAAM,SAAQ,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE,gBAAgB,CAAC,EAAE,OAAO,CAAC,WAAW;KAAG;CACpG;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,qBAAqB,CAAC,KAAK,2CAIvE;yBAJe,qBAAqB"}

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

@@ -2,15 +2,25 @@ import { ComboboxListboxPlaceholder } from './listbox-placeholder';
 import { ComboboxListboxOptgroup } from './listbox-optgroup';
 import { ComboboxListboxOption } from './listbox-option';
 import { Listbox } from '#src/utils/listbox';
-type AttributesToOmit = 'aria-disabled' | 'aria-orientation' | 'aria-required' | 'id';
+type AttributesToOmit = 'as' | 'aria-disabled' | 'aria-multiselectable' | 'aria-orientation' | 'aria-required' | 'id' | 'selectionFollowsFocus';
 export declare namespace ComboboxListbox {
+    interface DividerProps extends Listbox.DividerProps {
+    }
+    interface OptgroupProps extends ComboboxListboxOptgroup.Props {
+    }
+    interface OptionProps extends ComboboxListboxOption.Props {
+    }
+    interface OptionAdditionalInfoProps extends ComboboxListboxOption.AdditionalInfoProps {
+    }
+    interface PlaceholderProps extends ComboboxListboxPlaceholder.Props {
+    }
     interface Props extends Omit<Listbox.Props, AttributesToOmit> {
     }
 }
 /**
  * A listbox for a Combobox. Built on the Listbox foundation.
  */
-export declare function ComboboxListbox(props: ComboboxListbox.Props): import("react/jsx-runtime").JSX.Element;
+export declare function ComboboxListbox({ defaultValue: defaultValueProp, ...rest }: ComboboxListbox.Props): import("react/jsx-runtime").JSX.Element;
 export declare namespace ComboboxListbox {
     var displayName: string;
     var Divider: typeof import("../..").Divider;
@@ -23,6 +33,7 @@ export declare namespace ComboboxListbox {
     var getSelectedOptions: typeof import("#src/utils/listbox").getListboxSelectedOptions;
     var getValue: typeof import("#src/utils/listbox").getListboxValue;
     var setOptionSelectedState: typeof import("#src/utils/listbox").setListboxOptionSelectedState;
+    var useState: typeof import("#src/utils/listbox").useListboxState;
 }
 export {};
 //# sourceMappingURL=listbox.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"listbox.d.ts","sourceRoot":"/","sources":["core/combobox/listbox/listbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAA;AAClE,OAAO,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAA;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAA;AAExD,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAQ5C,KAAK,gBAAgB,GAAG,eAAe,GAAG,kBAAkB,GAAG,eAAe,GAAG,IAAI,CAAA;AAErF,yBAAiB,eAAe,CAAC;IAC/B,UAAiB,KAAM,SAAQ,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,gBAAgB,CAAC;KAAG;CACxE;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,eAAe,CAAC,KAAK,2CAa3D;yBAbe,eAAe"}
+{"version":3,"file":"listbox.d.ts","sourceRoot":"/","sources":["core/combobox/listbox/listbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAA;AAClE,OAAO,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAA;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAA;AAExD,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAY5C,KAAK,gBAAgB,GACjB,IAAI,GACJ,eAAe,GACf,sBAAsB,GACtB,kBAAkB,GAClB,eAAe,GACf,IAAI,GACJ,uBAAuB,CAAA;AAE3B,yBAAiB,eAAe,CAAC;IAC/B,UAAiB,YAAa,SAAQ,OAAO,CAAC,YAAY;KAAG;IAC7D,UAAiB,aAAc,SAAQ,uBAAuB,CAAC,KAAK;KAAG;IACvE,UAAiB,WAAY,SAAQ,qBAAqB,CAAC,KAAK;KAAG;IACnE,UAAiB,yBAA0B,SAAQ,qBAAqB,CAAC,mBAAmB;KAAG;IAC/F,UAAiB,gBAAiB,SAAQ,0BAA0B,CAAC,KAAK;KAAG;IAE7E,UAAiB,KAAM,SAAQ,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,gBAAgB,CAAC;KAAG;CACxE;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,EAAE,YAAY,EAAE,gBAAgB,EAAE,GAAG,IAAI,EAAE,EAAE,eAAe,CAAC,KAAK,2CAmBjG;yBAnBe,eAAe"}

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

@@ -21,7 +21,7 @@ declare const meta: {
         title?: string | undefined | undefined;
         key?: import("react").Key | null | undefined;
         defaultChecked?: boolean | undefined | undefined;
-        defaultValue?: readonly string[] | undefined;
+        defaultValue?: (string | readonly string[]) | undefined;
         suppressContentEditableWarning?: boolean | undefined | undefined;
         suppressHydrationWarning?: boolean | undefined | undefined;
         accessKey?: string | undefined | undefined;
@@ -39,7 +39,7 @@ declare const meta: {
         spellCheck?: (boolean | "true" | "false") | undefined;
         placeholder?: string | undefined;
         name?: string | undefined;
-        value?: readonly string[] | undefined;
+        value?: (string | readonly string[]) | undefined;
         onChange?: ChangeEventHandler<HTMLSelectElement> | undefined;
         color?: string | undefined | undefined;
         content?: string | undefined | undefined;
@@ -102,7 +102,6 @@ declare const meta: {
         "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
         "aria-modal"?: (boolean | "true" | "false") | undefined;
         "aria-multiline"?: (boolean | "true" | "false") | undefined;
-        'aria-multiselectable'?: boolean | undefined;
         "aria-owns"?: string | undefined | undefined;
         "aria-placeholder"?: string | undefined | undefined;
         "aria-posinset"?: number | undefined | undefined;
@@ -283,8 +282,275 @@ declare const meta: {
         onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
         onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
         selectAction?: "auto" | "select" | "toggle" | undefined;
-        selectionFollowsFocus?: boolean | undefined;
-        as?: "div" | undefined;
+        selectRef?: React.Ref<HTMLSelectElement> | undefined;
+    }>, { parameters }: import("storybook/internal/csf").StoryContext<import("@storybook/react-vite").ReactRenderer, {
+        slot?: string | undefined | undefined;
+        style?: import("react").CSSProperties | undefined;
+        title?: string | undefined | undefined;
+        key?: import("react").Key | null | undefined;
+        defaultChecked?: boolean | undefined | undefined;
+        defaultValue?: (string | readonly string[]) | undefined;
+        suppressContentEditableWarning?: boolean | undefined | undefined;
+        suppressHydrationWarning?: boolean | undefined | undefined;
+        accessKey?: string | undefined | undefined;
+        autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
+        autoFocus?: boolean | undefined | undefined;
+        className?: string | undefined | undefined;
+        contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+        contextMenu?: string | undefined | undefined;
+        dir?: string | undefined | undefined;
+        draggable?: (boolean | "true" | "false") | undefined;
+        enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
+        hidden?: boolean | undefined | undefined;
+        lang?: string | undefined | undefined;
+        nonce?: string | undefined | undefined;
+        spellCheck?: (boolean | "true" | "false") | undefined;
+        placeholder?: string | undefined;
+        name?: string | undefined;
+        value?: (string | readonly string[]) | undefined;
+        onChange?: ChangeEventHandler<HTMLSelectElement> | undefined;
+        color?: string | undefined | undefined;
+        content?: string | undefined | undefined;
+        tabIndex?: number | undefined | undefined;
+        translate?: "yes" | "no" | undefined | undefined;
+        radioGroup?: string | undefined | undefined;
+        role?: import("react").AriaRole | undefined;
+        about?: string | undefined | undefined;
+        datatype?: string | undefined | undefined;
+        inlist?: any;
+        prefix?: string | undefined | undefined;
+        property?: string | undefined | undefined;
+        rel?: string | undefined | undefined;
+        resource?: string | undefined | undefined;
+        rev?: string | undefined | undefined;
+        typeof?: string | undefined | undefined;
+        vocab?: string | undefined | undefined;
+        autoCorrect?: string | undefined | undefined;
+        autoSave?: string | undefined | undefined;
+        itemProp?: string | undefined | undefined;
+        itemScope?: boolean | undefined | undefined;
+        itemType?: string | undefined | undefined;
+        itemID?: string | undefined | undefined;
+        itemRef?: string | undefined | undefined;
+        results?: number | undefined | undefined;
+        security?: string | undefined | undefined;
+        unselectable?: "on" | "off" | undefined | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
+        is?: string | undefined | undefined;
+        exportparts?: string | undefined | undefined;
+        part?: string | undefined | undefined;
+        "aria-activedescendant"?: string | undefined | undefined;
+        "aria-atomic"?: (boolean | "true" | "false") | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
+        "aria-braillelabel"?: string | undefined | undefined;
+        "aria-brailleroledescription"?: string | undefined | undefined;
+        "aria-busy"?: (boolean | "true" | "false") | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+        "aria-colcount"?: number | undefined | undefined;
+        "aria-colindex"?: number | undefined | undefined;
+        "aria-colindextext"?: string | undefined | undefined;
+        "aria-colspan"?: number | undefined | undefined;
+        "aria-controls"?: string | undefined | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
+        "aria-describedby"?: string | undefined | undefined;
+        "aria-description"?: string | undefined | undefined;
+        "aria-details"?: string | undefined | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
+        "aria-errormessage"?: string | undefined | undefined;
+        "aria-expanded"?: (boolean | "true" | "false") | undefined;
+        "aria-flowto"?: string | undefined | undefined;
+        "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
+        "aria-hidden"?: (boolean | "true" | "false") | undefined;
+        "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
+        "aria-keyshortcuts"?: string | undefined | undefined;
+        "aria-label"?: string | undefined | undefined;
+        "aria-labelledby"?: string | undefined | undefined;
+        "aria-level"?: number | undefined | undefined;
+        "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
+        "aria-modal"?: (boolean | "true" | "false") | undefined;
+        "aria-multiline"?: (boolean | "true" | "false") | undefined;
+        "aria-owns"?: string | undefined | undefined;
+        "aria-placeholder"?: string | undefined | undefined;
+        "aria-posinset"?: number | undefined | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+        "aria-readonly"?: (boolean | "true" | "false") | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
+        "aria-roledescription"?: string | undefined | undefined;
+        "aria-rowcount"?: number | undefined | undefined;
+        "aria-rowindex"?: number | undefined | undefined;
+        "aria-rowindextext"?: string | undefined | undefined;
+        "aria-rowspan"?: number | undefined | undefined;
+        "aria-selected"?: (boolean | "true" | "false") | undefined;
+        "aria-setsize"?: number | undefined | undefined;
+        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
+        "aria-valuemax"?: number | undefined | undefined;
+        "aria-valuemin"?: number | undefined | undefined;
+        "aria-valuenow"?: number | undefined | undefined;
+        "aria-valuetext"?: string | undefined | undefined;
+        children?: import("react").ReactNode;
+        dangerouslySetInnerHTML?: {
+            __html: string | TrustedHTML;
+        } | undefined | undefined;
+        onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+        onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+        onCut?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+        onCutCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+        onPaste?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+        onPasteCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+        onCompositionEnd?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+        onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+        onCompositionStart?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+        onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+        onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+        onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+        onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+        onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+        onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+        onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+        onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+        onBeforeInput?: import("react").InputEventHandler<HTMLDivElement> | undefined;
+        onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+        onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+        onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+        onReset?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+        onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+        onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+        onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+        onInvalid?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+        onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+        onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+        onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+        onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+        onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+        onKeyUp?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+        onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+        onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onCanPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onCanPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onCanPlayThrough?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onDurationChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onEmptied?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onEmptiedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onEncrypted?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onEncryptedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onEnded?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onEndedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onLoadedData?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onLoadedMetadata?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onLoadStart?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onLoadStartCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onPause?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onPauseCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onPlaying?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onPlayingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onProgress?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onSeekingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onStalled?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onStalledCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onSuspend?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onSuspendCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onTimeUpdate?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onVolumeChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onWaiting?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onDoubleClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onDrag?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+        onDragCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+        onDragEnd?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+        onDragEndCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+        onDragEnter?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+        onDragEnterCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+        onDragExit?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+        onDragExitCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+        onDragLeave?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+        onDragLeaveCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+        onDragOver?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+        onDragOverCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+        onDragStart?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+        onDragStartCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+        onDrop?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+        onDropCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+        onMouseDown?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseDownCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseMove?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseOut?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseOutCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseOver?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseOverCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseUp?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseUpCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onSelect?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onSelectCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onTouchCancel?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+        onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+        onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+        onTouchEndCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+        onTouchMove?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+        onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+        onTouchStart?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+        onTouchStartCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+        onPointerDown?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerDownCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerMove?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerUp?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerUpCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerOutCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onGotPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onLostPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+        onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+        onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
+        onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
+        onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+        onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+        onAnimationEnd?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+        onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+        onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+        onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+        onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+        onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+        selectAction?: "auto" | "select" | "toggle" | undefined;
+        selectRef?: React.Ref<HTMLSelectElement> | undefined;
     }>) => import("react/jsx-runtime").JSX.Element)[];
 };
 export default meta;
@@ -300,7 +566,7 @@ export declare const Example: Story;
  */
 export declare const Single: Story;
 /**
- * Use `aria-multiselectable` for multi-select behavior.
+ * The listbox will allow multiple selections when the parent Combobox has `aria-multiselectable`.
  */
 export declare const Multiple: Story;
 /**
@@ -309,7 +575,7 @@ export declare const Multiple: Story;
 export declare const Groups: Story;
 /**
  * Control the selected state like any native form control. When controlling the combobox state,
- * you must implement the behavior the combobox would otherwise handle automatically. The
+ * you must implement the behaviour the combobox would otherwise handle automatically. The
  * `ComboboxListbox.getValue` helper, also exposed via `Combobox.getListboxValue`, assists with
  * this in form libraries like Formik.
  *

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

@@ -1 +1 @@
-{"version":3,"file":"listbox.stories.d.ts","sourceRoot":"/","sources":["core/combobox/listbox/listbox.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAG3C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAA;AAC/C,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0B8B,CAAA;AAExC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC;;;GAGG;AACH,eAAO,MAAM,OAAO,EAAE,KAiBrB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,MAAM,EAAE,KAkBpB,CAAA;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,UAAU,EAAE,KAsBxB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,KAAK,EAAE,KA0BnB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,KAYzB,CAAA"}
+{"version":3,"file":"listbox.stories.d.ts","sourceRoot":"/","sources":["core/combobox/listbox/listbox.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAG3C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAA;AAC/C,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkC8B,CAAA;AAExC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC;;;GAGG;AACH,eAAO,MAAM,OAAO,EAAE,KAmBrB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,MAAM,EAAE,KAkBpB,CAAA;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,UAAU,EAAE,KAsBxB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,KAAK,EAAE,KA4BnB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,KAYzB,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"/","sources":["core/combobox/listbox/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB,qKAG7B,CAAA;AAED,eAAO,MAAM,4BAA4B,qKAoBxC,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"/","sources":["core/combobox/listbox/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB,qKAI7B,CAAA;AAED,eAAO,MAAM,4BAA4B,qKAqBxC,CAAA"}