@react-md/core 1.0.0-next.20 → 1.0.0-next.21

package/dist/app-bar/AppBarTitle.js

@@ -5,7 +5,8 @@ import { appBarTitle } from "./styles.js";
 /**
  * @example Updating the Keyline
  * ```tsx
- * import { AppBar, AppBarTitle } from "@react-md/core";
+ * import { AppBar } from "@react-md/core/app-bar/AppBar";
+ * import { AppBarTitle } from "@react-md/core/app-bar/AppBarTitle";
  * import type { ReactElement } from "react";
  *
  * function Example(): ReactElement {

package/dist/app-bar/AppBarTitle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/app-bar/AppBarTitle.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nimport { type TextOverflow } from \"../cssUtils.js\";\nimport { Typography, type TypographyProps } from \"../typography/Typography.js\";\nimport { type TypographyType } from \"../typography/typographyStyles.js\";\nimport { type AppBarTitleClassNameOptions, appBarTitle } from \"./styles.js\";\n\n/**\n * @since 6.0.0 The `keyline` prop was changed from a boolean to a type\n * union of different keylines: {@link AppBarTitleKeyline}\n * @since 6.0.0 The `noWrap` prop was removed in favor of the `textOverflow`\n * prop inherited through the base `Typography` component. The `textOverflow`\n * will default to `\"ellipsis\"` which is new as well.\n */\nexport interface AppBarTitleProps\n  extends TypographyProps,\n    AppBarTitleClassNameOptions {\n  /** @defaultValue `\"headline-6\"` */\n  type?: TypographyType;\n\n  /**\n   * @defaultValue `\"ellipsis\"`\n   */\n  textOverflow?: TextOverflow;\n}\n\n/**\n * @example Updating the Keyline\n * ```tsx\n * import { AppBar, AppBarTitle } from \"@react-md/core\";\n * import type { ReactElement } from \"react\";\n *\n * function Example(): ReactElement {\n *   return (\n *     <AppBar>\n *       <AppBarTitle keyline=\"nav\">\n *         Offset as if there was a nav button to the left\n *       </AppBarTitle>\n *     </AppBar>\n *   );\n * }\n * ```\n *\n * @since 6.0.0 The `keyline` prop was changed from a boolean to a type\n * union of different keylines: {@link AppBarTitleKeyline}\n * @since 6.0.0 The `noWrap` prop was removed in favor of the `textOverflow`\n * prop inherited through the base `Typography` component. The `textOverflow`\n * will default to `\"ellipsis\"` which is new as well.\n */\nexport const AppBarTitle = forwardRef<HTMLHeadingElement, AppBarTitleProps>(\n  function AppBarTitle(props, ref) {\n    const {\n      type = \"headline-6\",\n      keyline = \"small\",\n      children,\n      className,\n      textOverflow = \"ellipsis\",\n      ...remaining\n    } = props;\n    return (\n      <Typography\n        {...remaining}\n        ref={ref}\n        type={type}\n        className={appBarTitle({\n          keyline,\n          className,\n        })}\n        textOverflow={textOverflow}\n      >\n        {children}\n      </Typography>\n    );\n  }\n);\n"],"names":["forwardRef","Typography","appBarTitle","AppBarTitle","props","ref","type","keyline","children","className","textOverflow","remaining"],"mappings":";AAAA,SAASA,UAAU,QAAQ,QAAQ;AAGnC,SAASC,UAAU,QAA8B,8BAA8B;AAE/E,SAA2CC,WAAW,QAAQ,cAAc;AAqB5E;;;;;;;;;;;;;;;;;;;;;;CAsBC,GACD,OAAO,MAAMC,4BAAcH,WACzB,SAASG,YAAYC,KAAK,EAAEC,GAAG;IAC7B,MAAM,EACJC,OAAO,YAAY,EACnBC,UAAU,OAAO,EACjBC,QAAQ,EACRC,SAAS,EACTC,eAAe,UAAU,EACzB,GAAGC,WACJ,GAAGP;IACJ,qBACE,KAACH;QACE,GAAGU,SAAS;QACbN,KAAKA;QACLC,MAAMA;QACNG,WAAWP,YAAY;YACrBK;YACAE;QACF;QACAC,cAAcA;kBAEbF;;AAGP,GACA"}
+{"version":3,"sources":["../../src/app-bar/AppBarTitle.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nimport { type TextOverflow } from \"../cssUtils.js\";\nimport { Typography, type TypographyProps } from \"../typography/Typography.js\";\nimport { type TypographyType } from \"../typography/typographyStyles.js\";\nimport { type AppBarTitleClassNameOptions, appBarTitle } from \"./styles.js\";\n\n/**\n * @since 6.0.0 The `keyline` prop was changed from a boolean to a type\n * union of different keylines: {@link AppBarTitleKeyline}\n * @since 6.0.0 The `noWrap` prop was removed in favor of the `textOverflow`\n * prop inherited through the base `Typography` component. The `textOverflow`\n * will default to `\"ellipsis\"` which is new as well.\n */\nexport interface AppBarTitleProps\n  extends TypographyProps,\n    AppBarTitleClassNameOptions {\n  /** @defaultValue `\"headline-6\"` */\n  type?: TypographyType;\n\n  /**\n   * @defaultValue `\"ellipsis\"`\n   */\n  textOverflow?: TextOverflow;\n}\n\n/**\n * @example Updating the Keyline\n * ```tsx\n * import { AppBar } from \"@react-md/core/app-bar/AppBar\";\n * import { AppBarTitle } from \"@react-md/core/app-bar/AppBarTitle\";\n * import type { ReactElement } from \"react\";\n *\n * function Example(): ReactElement {\n *   return (\n *     <AppBar>\n *       <AppBarTitle keyline=\"nav\">\n *         Offset as if there was a nav button to the left\n *       </AppBarTitle>\n *     </AppBar>\n *   );\n * }\n * ```\n *\n * @since 6.0.0 The `keyline` prop was changed from a boolean to a type\n * union of different keylines: {@link AppBarTitleKeyline}\n * @since 6.0.0 The `noWrap` prop was removed in favor of the `textOverflow`\n * prop inherited through the base `Typography` component. The `textOverflow`\n * will default to `\"ellipsis\"` which is new as well.\n */\nexport const AppBarTitle = forwardRef<HTMLHeadingElement, AppBarTitleProps>(\n  function AppBarTitle(props, ref) {\n    const {\n      type = \"headline-6\",\n      keyline = \"small\",\n      children,\n      className,\n      textOverflow = \"ellipsis\",\n      ...remaining\n    } = props;\n    return (\n      <Typography\n        {...remaining}\n        ref={ref}\n        type={type}\n        className={appBarTitle({\n          keyline,\n          className,\n        })}\n        textOverflow={textOverflow}\n      >\n        {children}\n      </Typography>\n    );\n  }\n);\n"],"names":["forwardRef","Typography","appBarTitle","AppBarTitle","props","ref","type","keyline","children","className","textOverflow","remaining"],"mappings":";AAAA,SAASA,UAAU,QAAQ,QAAQ;AAGnC,SAASC,UAAU,QAA8B,8BAA8B;AAE/E,SAA2CC,WAAW,QAAQ,cAAc;AAqB5E;;;;;;;;;;;;;;;;;;;;;;;CAuBC,GACD,OAAO,MAAMC,4BAAcH,WACzB,SAASG,YAAYC,KAAK,EAAEC,GAAG;IAC7B,MAAM,EACJC,OAAO,YAAY,EACnBC,UAAU,OAAO,EACjBC,QAAQ,EACRC,SAAS,EACTC,eAAe,UAAU,EACzB,GAAGC,WACJ,GAAGP;IACJ,qBACE,KAACH;QACE,GAAGU,SAAS;QACbN,KAAKA;QACLC,MAAMA;QACNG,WAAWP,YAAY;YACrBK;YACAE;QACF;QACAC,cAAcA;kBAEbF;;AAGP,GACA"}

package/dist/app-bar/_app-bar.scss

@@ -1,3 +1,7 @@
+////
+/// @group app-bar
+////
+
 @use "sass:map";
 
 @use "../utils";
@@ -9,165 +13,168 @@
 @use "../button/button";
 @use "../typography/typography";
 
-// Set to `true` to disable all the styles
-// @type boolean
+/// Set to `true` to disable all the styles
+/// @type Boolean
 $disable-everything: false !default;
 
-// Set to `true` to only disable the `position: fixed` styles
-// @type boolean
+/// Set to `true` to only disable the `position: fixed` styles
+/// @type Boolean
 $disable-fixed: false !default;
 
-// Set to `true` to only disable the `position: fixed` styles
-// @type boolean
+/// Set to `true` to only disable the `position: sticky` styles
+/// @type Boolean
 $disable-sticky: false !default;
 
-// Set to `true` to only disable the `position: fixed` styles
-// @type boolean
+/// Set to `true` to only disable the app bar surface color styles.
+/// @type Boolean
 $disable-surface-theme: $disable-everything !default;
 
-// Set to `true` to only disable the dense height styles
-// @type boolean
+/// Set to `true` to only disable the dense height styles
+/// @type Boolean
 $disable-dense: false !default;
 
-// Set to `true` to only disable the prominent height styles
-// @type boolean
+/// Set to `true` to only disable the prominent height styles
+/// @type Boolean
 $disable-prominent-theme: false !default;
 
-// Set to `true` to only disable the prominent-dense height styles
-// @type boolean
+/// Set to `true` to only disable the prominent-dense height styles
+/// @type Boolean
 $disable-prominent-dense: false !default;
 
-// Set to `true` to disable the styles that offset the app bar based on a
-// visible scrollbar.
-//
-// @type boolean
+/// Set to `true` to disable the styles that offset the app bar based on a
+/// visible scrollbar.
+///
+/// @type Boolean
 $disable-scrollbar-offset: false !default;
 
-// Set to `true` to only disable the styles for offsetting the app bar for a
-// visible toolbar while `position: static`.
-//
-// @type boolean
+/// Set to `true` to only disable the styles for offsetting the app bar for a
+/// visible toolbar while `position: static`.
+///
+/// @type Boolean
 $disable-static-scrollbar-offset: false !default;
 
-// Set to `true` to only disable the app bar title styles
-// @type boolean
+/// Set to `true` to only disable the app bar title styles.
+/// @type Boolean
 $disable-title: false !default;
 
-// Sets the `gap` css property to apply spacing between each item.
-// @type number
+/// Sets the `gap` css property to apply spacing between each item.
+/// @type Number
 $gap: 0.25rem !default;
 
-// The default height for an app bar
-// @type number
+/// The default height for an app bar.
+/// @type Number
 $height: 3.5rem !default;
 
-// @type number
+/// The default dense height for an app bar.
+/// @type Number
 $dense-height: 3rem !default;
 
-// @type number
+/// The default prominent height for an app bar.
+/// @type Number
 $prominent-height: $height * 2 !default;
 
-// @type number
+/// The default dense prominent height for an app bar.
+/// @type Number
 $prominent-dense-height: $dense-height * 2 !default;
 
-// The z-index to use when the app bar is `position: fixed`
-// @type number
+/// The z-index to use when the app bar is `position: fixed` or
+/// `position: sticky.
+///
+/// @type Number
 $fixed-z-index: 10 !default;
 
-// This should be a number from 0 to 24 representing the material design
-// elevation. It is used to generate the correct surface styles with box shadow.
-// @type number
+/// This should be a number from 0 to 24 representing the material design
+/// elevation. It is used to generate the correct surface styles with box shadow.
+/// @type Number
 $fixed-elevation: 2 !default;
 
-// Allows the app bar to be fixed to the top and bottom of the viewport. If you
-// don't need support for one, remove it from the list.
-//
-// @example Removing Top Fixed Position
-// ```scss
-// @use "react-md/core" with (
-//   $app-bar-fixed-positions: (bottom)
-// );
-// ```
-//
-// @type List
+/// Allows the app bar to be fixed to the top and bottom of the viewport. If you
+/// don't need support for one, remove it from the list.
+///
+/// @example scss - Removing Top Fixed Position<!-- no-compile -->
+///   @use "@react-md/core" with (
+///     $app-bar-fixed-positions: (bottom)
+///   );
+///
+/// @type List
 $fixed-positions: top bottom !default;
 
-// The background color to use when `theme="surface"` and using the global light
-// theme
-// @type Color
+/// The background color to use when `theme="surface"` and using the global light
+/// theme
+/// @type Color
 $light-theme-surface-background-color: theme.$light-theme-surface-color !default;
 
-// The text color to use when `theme="surface"` and using the global light theme
-// @type Color
+/// The text color to use when `theme="surface"` and using the global light theme
+/// @type Color
 $light-theme-surface-color: a11y.contrast-color(
   $light-theme-surface-background-color
 ) !default;
 
-// The background color to use when `theme="surface"` and using the global dark
-// theme
-// @type Color
+/// The background color to use when `theme="surface"` and using the global dark
+/// theme
+/// @type Color
 $dark-theme-surface-background-color: if(
   theme.$disable-dark-elevation,
   theme.$dark-theme-surface-color,
   map.get(theme.$dark-elevation-colors, $fixed-elevation)
 ) !default;
 
-// The text color to use when `theme="surface"` and using the global dark theme
-// @type Color
+/// The text color to use when `theme="surface"` and using the global dark theme
+/// @type Color
 $dark-theme-surface-color: #fff !default;
 
-// The default `theme="surface"` background color. You normally don't want to
-// change this value.
-// @type Color
+/// The default `theme="surface"` background color. You normally don't want to
+/// change this value.
+/// @type Color
 $surface-background-color: theme.get-default-color(
   $light-theme-surface-background-color,
   $dark-theme-surface-background-color
 ) !default;
 
-// The default `theme="surface"` text color. You normally don't want to change
-// this value.
-// @type Color
+/// The default `theme="surface"` text color. You normally don't want to change
+/// this value.
+/// @type Color
 $surface-color: theme.get-default-color(
   $light-theme-surface-color,
   $dark-theme-surface-color
 ) !default;
 
-// Horizontal padding for the app bar
-// @type number|string
+/// Horizontal padding for the app bar
+/// @type String|Number
 $horizontal-padding: 0.25rem !default;
 
-// Vertical padding for the app bar
-// @type number|string
+/// Vertical padding for the app bar
+/// @type String|Number
 $vertical-padding: 0 !default;
 
-// This value is used to align the first element (normally a button) nicely with
-// other elements on the page.
-//
-// @type number|string
+/// This value is used to align the first element (normally a button) nicely with
+/// other elements on the page.
+///
+/// @type String|Number
 $keyline: 1rem !default;
 
-// This value is used to align the `AppBarTitle` with other elements on the page
-// (like `ListItem`).
-// @type number|string
+/// This value is used to align the `AppBarTitle` with other elements on the page
+/// (like `ListItem`).
+/// @type String|Number
 $title-keyline: 4.5rem !default;
 
-// This is used to align a a nav button with an `AppBarTitle` nicely in the
-// `AppBar`.
-//
-// 3rem is the icon-button's default size. can't use the variables since it's
-// based on font-size now and `em`
-//
-// @type number|string
+/// This is used to align a a nav button with an `AppBarTitle` nicely in the
+/// `AppBar`.
+///
+/// 3rem is the icon-button's default size. can't use the variables since it's
+/// based on font-size now and `em`
+///
+/// @type String|Number
 $nav-keyline: $title-keyline - $horizontal-padding - $gap - 3rem !default;
 
-// The available configurable css variables and mostly used internally for the
-// `get-var`, `set-var`, and `use-var` utils.
-// @type List
+/// The available configurable css variables and mostly used internally for the
+/// `get-var`, `set-var`, and `use-var` utils.
+/// @type List
 $variables: (height, surface-background-color, surface-color);
 
-// @param {string} name - The supported variable name
-// @param {any} fallback - An optional fallback value
-// @returns {string} a `var()` statement
+/// @param {String} name - The supported variable name
+/// @param {any} fallback [null] - An optional fallback value
+/// @returns {String} a `var()` statement
 @function get-var($name, $fallback: null) {
   $var: utils.get-var-name($variables, $name, "app-bar");
   @if $fallback {
@@ -177,26 +184,26 @@ $variables: (height, surface-background-color, surface-color);
   @return var(#{$var});
 }
 
-// @param {string} name - The supported variable name
-// @param {any} value - The value to set the variable to. Supports `null` which
-// will just be a no-op.
+/// @param {String} name - The supported variable name
+/// @param {any} value - The value to set the variable to. Supports `null` which
+/// will just be a no-op.
 @mixin set-var($name, $value) {
   @if $value {
     #{utils.get-var-name($variables, $name, "app-bar")}: #{$value};
   }
 }
 
-// @param {string} property - The css property to apply the variable to
-// @param {string} name - The supported variable name
-// @param {any} fallback - An optional fallback value if the variable has not
-// been set
+/// @param {String} property - The css property to apply the variable to
+/// @param {String} name [$property] - The supported variable name
+/// @param {any} fallback [null] - An optional fallback value if the variable
+/// has not been set
 @mixin use-var($property, $name: $property, $fallback: null) {
   #{$property}: get-var($name, $fallback);
 }
 
-// Applies the light the variables based on feature flags
+/// Applies the light the variables based on feature flags
 @mixin use-light-theme {
-  @if not $disable-surface-theme {
+  @if not $disable-everything and not $disable-surface-theme {
     @include set-var(
       surface-background-color,
       $light-theme-surface-background-color
@@ -205,9 +212,9 @@ $variables: (height, surface-background-color, surface-color);
   }
 }
 
-// Applies the dark the variables based on feature flags
+/// Applies the dark the variables based on feature flags
 @mixin use-dark-theme {
-  @if not $disable-surface-theme {
+  @if not $disable-everything and not $disable-surface-theme {
     @include set-var(
       surface-background-color,
       $dark-theme-surface-background-color
@@ -216,14 +223,14 @@ $variables: (height, surface-background-color, surface-color);
   }
 }
 
-// Applies the dense height variables
+/// Applies the dense height variables
 @mixin dense {
-  @if $dense-height {
+  @if not $disable-everything and $dense-height {
     @include set-var(height, $dense-height);
   }
 }
 
-// Conditionally applies the css variables based on feature flags
+/// Conditionally applies the css variables based on feature flags
 @mixin variables {
   @if not $disable-everything {
     @include set-var(height, $height);
@@ -232,10 +239,10 @@ $variables: (height, surface-background-color, surface-color);
   }
 }
 
-// Generates all the styles based on feature flags.
-//
-// @param {boolean} disable-layer - Set this to `true` to disable the
-// layer behavior
+/// Generates all the styles based on feature flags.
+///
+/// @param {Boolean} disable-layer [false] - Set this to `true` to disable the
+/// layer behavior
 @mixin styles($disable-layer: false) {
   @if not $disable-everything {
     @include utils.optional-layer(app-bar, $disable-layer) {

package/dist/autocomplete/Autocomplete.d.ts

@@ -1,14 +1,93 @@
 import { type ReactElement } from "react";
 import { type AutocompleteMultiSelectProps, type AutocompleteOption, type AutocompleteSingleSelectProps } from "./types.js";
 /**
- * This is the single select autocomplete implementation.
+ * An `Autocomplete` is a component that allows for real-time suggestions from
+ * a pre-determined list as the user types by filtering data based on the
+ * current value. It can also be used to interact with an API that handles the
+ * sorting, filtering, matching, etc as well.
  *
+ * An `Autocomplete` always requires the following props:
+ *
+ * - `options` - a list of available options that can be a list of strings,
+ *   a list of objects with a `{ label: string }`, or any list of objects
+ *   - if the list of objects do not have a `label`, the
+ *     {@link AutocompleteProps.getOptionLabel} **must** be provided to allow
+ *     filtering
+ * - `label` or `aria-label` to describe the textbox for accessibility
+ * - `listboxLabel` or `listboxLabelledBy` for an accessible label describing the options
+ *
+ * @example Simple Example
+ * ```tsx
+ * "use client";
+ *
+ * import { Autocomplete } from "@react-md/core/autocomplete/Autocomplete";
+ * import { type ReactElement } from "react";
+ *
+ * export default function SimpleExample(): ReactElement {
+ *   return (
+ *     <Autocomplete
+ *       label="Fruit"
+ *       placeholder="Apple"
+ *       listboxLabel="Fruits"
+ *       options={[
+ *         "Apple",
+ *         "Apricot",
+ *         "Banana",
+ *         "Blueberry",
+ *         "Cranberry",
+ *         "Kiwi",
+ *         "Mango",
+ *         "Orange",
+ *         "Peach",
+ *         "Plum",
+ *         "Strawberry",
+ *       ]}
+ *     />
+ *   );
+ * }
+ * ```
+ *
+ * @see {@link https://next.react-md.dev/components/autocomplete | Autocomplete Demos}
  * @since 6.0.0
  */
 export declare function Autocomplete<Option extends AutocompleteOption>(props: AutocompleteSingleSelectProps<Option>): ReactElement;
 /**
- * This is the multiselect autocomplete implementation.
+ * To create an `Autocomplete` that can have multiple values selected at once,
+ * either provide an array `value` or `defaultValue`.
+ *
+ * @example Simple Example
+ * ```tsx
+ * "use client";
+ *
+ * import { Autocomplete } from "@react-md/core/autocomplete/Autocomplete";
+ * import { type ReactElement, useState } from "react";
+ *
+ * export default function SimpleExample(): ReactElement {
+ *   const [value, setValue] = useState<readonly Dessert[]>([]);
+ *   return (
+ *     <Autocomplete
+ *       label="Fruit"
+ *       placeholder="Apple"
+ *       listboxLabel="Fruits"
+ *       options={[
+ *         "Apple",
+ *         "Apricot",
+ *         "Banana",
+ *         "Blueberry",
+ *         "Cranberry",
+ *         "Kiwi",
+ *         "Mango",
+ *         "Orange",
+ *         "Peach",
+ *         "Plum",
+ *         "Strawberry",
+ *       ]}
+ *     />
+ *   );
+ * }
+ * ```
  *
+ * @see {@link https://next.react-md.dev/components/autocomplete | Autocomplete Demos}
  * @since 6.0.0
  */
 export declare function Autocomplete<Option extends AutocompleteOption>(props: AutocompleteMultiSelectProps<Option>): ReactElement;

package/dist/autocomplete/Autocomplete.js

@@ -16,10 +16,11 @@ import { defaultAutocompleteFilter, noopAutocompleteFilter } from "./defaults.js
 import { useAutocomplete } from "./useAutocomplete.js";
 const noop = ()=>undefined;
 /**
+ * @see {@link https://next.react-md.dev/components/autocomplete | Autocomplete Demos}
  * @since 6.0.0
  * @internal
  */ export function Autocomplete(props) {
-    const { id: propId, onBlur, onFocus, onClick, onChange, onKeyDown, onOpen, type, className, inputRef, children, filter = type === "search" ? noopAutocompleteFilter : defaultAutocompleteFilter, filterSelected, value, setValue, defaultValue, onValueChange, query, setQuery, defaultQuery, options, getOptionLabel: propGetOptionLabel, getOptionProps: propGetOptionProps, allowAnyValue, listboxProps, listboxLabel, listboxLabelledBy, selectedIcon, unselectedIcon, selectedIconAfter, checkboxes, disableSelectedIcon, loading, loadingProps, dropdownButtonProps, disableDropdownButton, clearButtonProps, disableClearButton, noOptionsChildren = /*#__PURE__*/ _jsx(ListSubheader, {
+    const { id: propId, onBlur, onFocus, onClick, onChange, onKeyDown, onOpen, type, className, inputRef, children, filter = type === "search" ? noopAutocompleteFilter : defaultAutocompleteFilter, filterSelected, value, setValue, defaultValue, onValueChange, query, setQuery, defaultQuery, options, getOptionLabel: propGetOptionLabel, getOptionProps: propGetOptionProps, allowAnyValue, listboxProps, listboxLabel, listboxLabelledBy, selectedIcon, unselectedIcon, selectedIconAfter, checkboxes, disableSelectedIcon, loading, loadingProps, dropdownButtonProps, disableDropdownButton, clearButtonProps, disableClearButton, clearButtonVisibility = "query", noOptionsChildren = /*#__PURE__*/ _jsx(ListSubheader, {
         children: "No Options"
     }), leftAddon: propLeftAddon, disableLeftAddonStyles: propDisableLeftAddonStyles, labelProps, rightAddon, rightAddonProps, containerProps, getChipProps = noop, updateQueryOnSelect, visible, setVisible, defaultVisible, disableInlineChips, disableCloseOnSelect, ...remaining } = props;
     const { form, disabled } = props;
@@ -127,8 +128,9 @@ const noop = ()=>undefined;
                         loading && /*#__PURE__*/ _jsx(AutocompleteCircularProgress, {
                             ...loadingProps
                         }),
-                        !disableClearButton && !!currentQuery && /*#__PURE__*/ _jsx(AutocompleteClearButton, {
+                        !disableClearButton && /*#__PURE__*/ _jsx(AutocompleteClearButton, {
                             ...clearButtonProps,
+                            visibility: clearButtonVisibility,
                             ...getClearButtonProps(clearButtonProps)
                         }),
                         !disableDropdownButton && /*#__PURE__*/ _jsx(AutocompleteDropdownButton, {

package/dist/autocomplete/Autocomplete.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/autocomplete/Autocomplete.tsx"],"sourcesContent":["\"use client\";\n\nimport { type ReactElement } from \"react\";\n\nimport { Listbox } from \"../form/Listbox.js\";\nimport { TextField } from \"../form/TextField.js\";\nimport { ListSubheader } from \"../list/ListSubheader.js\";\nimport { KeyboardMovementProvider } from \"../movement/useKeyboardMovementProvider.js\";\nimport { useEnsuredId } from \"../useEnsuredId.js\";\nimport { useEnsuredRef } from \"../useEnsuredRef.js\";\nimport { AutocompleteChip } from \"./AutocompleteChip.js\";\nimport { AutocompleteCircularProgress } from \"./AutocompleteCircularProgress.js\";\nimport { AutocompleteClearButton } from \"./AutocompleteClearButton.js\";\nimport { AutocompleteDropdownButton } from \"./AutocompleteDropdownButton.js\";\nimport { AutocompleteListboxChildren } from \"./AutocompleteListboxChildren.js\";\nimport { autocomplete, autocompleteRightAddon } from \"./autocompleteStyles.js\";\nimport {\n  defaultAutocompleteFilter,\n  noopAutocompleteFilter,\n} from \"./defaults.js\";\nimport {\n  type AutocompleteMultiSelectProps,\n  type AutocompleteOption,\n  type AutocompleteProps,\n  type AutocompleteSingleSelectProps,\n} from \"./types.js\";\nimport { useAutocomplete } from \"./useAutocomplete.js\";\n\nconst noop = (): undefined => undefined;\n\n/**\n * This is the single select autocomplete implementation.\n *\n * @since 6.0.0\n */\nexport function Autocomplete<Option extends AutocompleteOption>(\n  props: AutocompleteSingleSelectProps<Option>\n): ReactElement;\n/**\n * This is the multiselect autocomplete implementation.\n *\n * @since 6.0.0\n */\nexport function Autocomplete<Option extends AutocompleteOption>(\n  props: AutocompleteMultiSelectProps<Option>\n): ReactElement;\n/**\n * @since 6.0.0\n * @internal\n */\nexport function Autocomplete<Option extends AutocompleteOption>(\n  props: AutocompleteProps<Option>\n): ReactElement {\n  const {\n    id: propId,\n    onBlur,\n    onFocus,\n    onClick,\n    onChange,\n    onKeyDown,\n    onOpen,\n    type,\n    className,\n    inputRef,\n    children,\n    filter = type === \"search\"\n      ? noopAutocompleteFilter\n      : defaultAutocompleteFilter,\n    filterSelected,\n    value,\n    setValue,\n    defaultValue,\n    onValueChange,\n    query,\n    setQuery,\n    defaultQuery,\n    options,\n    getOptionLabel: propGetOptionLabel,\n    getOptionProps: propGetOptionProps,\n    allowAnyValue,\n    listboxProps,\n    listboxLabel,\n    listboxLabelledBy,\n    selectedIcon,\n    unselectedIcon,\n    selectedIconAfter,\n    checkboxes,\n    disableSelectedIcon,\n    loading,\n    loadingProps,\n    dropdownButtonProps,\n    disableDropdownButton,\n    clearButtonProps,\n    disableClearButton,\n    noOptionsChildren = <ListSubheader>No Options</ListSubheader>,\n    leftAddon: propLeftAddon,\n    disableLeftAddonStyles: propDisableLeftAddonStyles,\n    labelProps,\n    rightAddon,\n    rightAddonProps,\n    containerProps,\n    getChipProps = noop,\n    updateQueryOnSelect,\n    visible,\n    setVisible,\n    defaultVisible,\n    disableInlineChips,\n    disableCloseOnSelect,\n    ...remaining\n  } = props;\n  const { form, disabled } = props;\n\n  const id = useEnsuredId(propId, \"autocomplete\");\n  const menuId = useEnsuredId(listboxProps?.id, \"autocomplete-listbox\");\n  const {\n    query: currentQuery,\n    value: currentValue,\n    setValue: currentSetValue,\n    multiselect,\n    comboboxRef: inputNodeRef,\n    comboboxProps,\n    movementContext,\n    availableOptions,\n    getOptionLabel,\n    getOptionProps,\n    getListboxProps,\n    getClearButtonProps,\n    getDropdownButtonProps,\n  } = useAutocomplete({\n    form,\n    onBlur,\n    onFocus,\n    onClick,\n    onChange,\n    onKeyDown,\n    onOpen,\n    disabled,\n    filter,\n    filterSelected,\n    popupId: menuId,\n    popupRef: listboxProps?.ref,\n    comboboxId: id,\n    comboboxRef: inputRef,\n    options,\n    getOptionLabel: propGetOptionLabel,\n    getOptionProps: propGetOptionProps,\n    allowAnyValue,\n    updateQueryOnSelect,\n    value,\n    setValue,\n    defaultValue,\n    onValueChange,\n    query,\n    setQuery,\n    defaultQuery,\n    defaultVisible,\n    visible,\n    setVisible,\n    checkboxes,\n    selectedIcon,\n    unselectedIcon,\n    selectedIconAfter,\n    disableSelectedIcon,\n    disableCloseOnSelect,\n  });\n  const [containerRef, containerRefCallback] = useEnsuredRef(\n    containerProps?.ref\n  );\n\n  let leftAddon = propLeftAddon;\n  let disableLeftAddonStyles = propDisableLeftAddonStyles;\n  let inlineChips = false;\n  let floatingActive = labelProps?.floatingActive;\n  if (multiselect && !disableInlineChips) {\n    inlineChips = true;\n    // TODO: Maybe one day fix the typing? Might not be possible with\n    // destructuring though\n    const value = currentValue as readonly Option[];\n    disableLeftAddonStyles ??= true;\n    floatingActive ||= value.length > 0;\n    leftAddon = (\n      <>\n        {value.map((option, index) => {\n          const label = getOptionLabel(option);\n          const overrides = getChipProps({\n            index,\n            query: currentQuery,\n            option,\n            extractor: getOptionLabel,\n          });\n          return (\n            <AutocompleteChip\n              key={label}\n              {...overrides}\n              onClick={(event) => {\n                overrides?.onClick?.(event);\n                currentSetValue(value.filter((v) => v !== option));\n              }}\n            >\n              {overrides?.children ?? label}\n            </AutocompleteChip>\n          );\n        })}\n      </>\n    );\n  }\n\n  return (\n    <KeyboardMovementProvider value={movementContext}>\n      <TextField\n        {...remaining}\n        {...comboboxProps}\n        containerProps={{\n          ...containerProps,\n          ref: containerRefCallback,\n          onClick: (event) => {\n            containerProps?.onClick?.(event);\n            inputNodeRef.current?.focus();\n          },\n        }}\n        className={autocomplete({\n          className,\n          loading,\n          inlineChips,\n          disableClearButton,\n          disableDropdownButton,\n        })}\n        labelProps={{\n          ...labelProps,\n          floatingActive,\n        }}\n        leftAddon={leftAddon}\n        disableLeftAddonStyles={disableLeftAddonStyles}\n        rightAddon={\n          <>\n            {rightAddon}\n            {loading && <AutocompleteCircularProgress {...loadingProps} />}\n            {!disableClearButton && !!currentQuery && (\n              <AutocompleteClearButton\n                {...clearButtonProps}\n                {...getClearButtonProps(clearButtonProps)}\n              />\n            )}\n            {!disableDropdownButton && (\n              <AutocompleteDropdownButton\n                aria-label={listboxLabel as string}\n                aria-labelledby={listboxLabelledBy}\n                {...getDropdownButtonProps(dropdownButtonProps)}\n              />\n            )}\n          </>\n        }\n        rightAddonProps={{\n          ...rightAddonProps,\n          pointerEvents: true,\n          className: autocompleteRightAddon({\n            className: rightAddonProps?.className,\n          }),\n        }}\n      />\n      <Listbox\n        aria-label={listboxLabel as string}\n        aria-labelledby={listboxLabelledBy}\n        {...getListboxProps(listboxProps)}\n        fixedTo={containerRef}\n      >\n        <AutocompleteListboxChildren\n          query={currentQuery}\n          options={availableOptions}\n          getOptionLabel={getOptionLabel}\n          getOptionProps={getOptionProps}\n          noOptionsChildren={noOptionsChildren}\n        >\n          {children}\n        </AutocompleteListboxChildren>\n      </Listbox>\n    </KeyboardMovementProvider>\n  );\n}\n"],"names":["Listbox","TextField","ListSubheader","KeyboardMovementProvider","useEnsuredId","useEnsuredRef","AutocompleteChip","AutocompleteCircularProgress","AutocompleteClearButton","AutocompleteDropdownButton","AutocompleteListboxChildren","autocomplete","autocompleteRightAddon","defaultAutocompleteFilter","noopAutocompleteFilter","useAutocomplete","noop","undefined","Autocomplete","props","id","propId","onBlur","onFocus","onClick","onChange","onKeyDown","onOpen","type","className","inputRef","children","filter","filterSelected","value","setValue","defaultValue","onValueChange","query","setQuery","defaultQuery","options","getOptionLabel","propGetOptionLabel","getOptionProps","propGetOptionProps","allowAnyValue","listboxProps","listboxLabel","listboxLabelledBy","selectedIcon","unselectedIcon","selectedIconAfter","checkboxes","disableSelectedIcon","loading","loadingProps","dropdownButtonProps","disableDropdownButton","clearButtonProps","disableClearButton","noOptionsChildren","leftAddon","propLeftAddon","disableLeftAddonStyles","propDisableLeftAddonStyles","labelProps","rightAddon","rightAddonProps","containerProps","getChipProps","updateQueryOnSelect","visible","setVisible","defaultVisible","disableInlineChips","disableCloseOnSelect","remaining","form","disabled","menuId","currentQuery","currentValue","currentSetValue","multiselect","comboboxRef","inputNodeRef","comboboxProps","movementContext","availableOptions","getListboxProps","getClearButtonProps","getDropdownButtonProps","popupId","popupRef","ref","comboboxId","containerRef","containerRefCallback","inlineChips","floatingActive","length","map","option","index","label","overrides","extractor","event","v","current","focus","aria-label","aria-labelledby","pointerEvents","fixedTo"],"mappings":"AAAA;;AAIA,SAASA,OAAO,QAAQ,qBAAqB;AAC7C,SAASC,SAAS,QAAQ,uBAAuB;AACjD,SAASC,aAAa,QAAQ,2BAA2B;AACzD,SAASC,wBAAwB,QAAQ,6CAA6C;AACtF,SAASC,YAAY,QAAQ,qBAAqB;AAClD,SAASC,aAAa,QAAQ,sBAAsB;AACpD,SAASC,gBAAgB,QAAQ,wBAAwB;AACzD,SAASC,4BAA4B,QAAQ,oCAAoC;AACjF,SAASC,uBAAuB,QAAQ,+BAA+B;AACvE,SAASC,0BAA0B,QAAQ,kCAAkC;AAC7E,SAASC,2BAA2B,QAAQ,mCAAmC;AAC/E,SAASC,YAAY,EAAEC,sBAAsB,QAAQ,0BAA0B;AAC/E,SACEC,yBAAyB,EACzBC,sBAAsB,QACjB,gBAAgB;AAOvB,SAASC,eAAe,QAAQ,uBAAuB;AAEvD,MAAMC,OAAO,IAAiBC;AAkB9B;;;CAGC,GACD,OAAO,SAASC,aACdC,KAAgC;IAEhC,MAAM,EACJC,IAAIC,MAAM,EACVC,MAAM,EACNC,OAAO,EACPC,OAAO,EACPC,QAAQ,EACRC,SAAS,EACTC,MAAM,EACNC,IAAI,EACJC,SAAS,EACTC,QAAQ,EACRC,QAAQ,EACRC,SAASJ,SAAS,WACdd,yBACAD,yBAAyB,EAC7BoB,cAAc,EACdC,KAAK,EACLC,QAAQ,EACRC,YAAY,EACZC,aAAa,EACbC,KAAK,EACLC,QAAQ,EACRC,YAAY,EACZC,OAAO,EACPC,gBAAgBC,kBAAkB,EAClCC,gBAAgBC,kBAAkB,EAClCC,aAAa,EACbC,YAAY,EACZC,YAAY,EACZC,iBAAiB,EACjBC,YAAY,EACZC,cAAc,EACdC,iBAAiB,EACjBC,UAAU,EACVC,mBAAmB,EACnBC,OAAO,EACPC,YAAY,EACZC,mBAAmB,EACnBC,qBAAqB,EACrBC,gBAAgB,EAChBC,kBAAkB,EAClBC,kCAAoB,KAAC3D;kBAAc;MAA0B,EAC7D4D,WAAWC,aAAa,EACxBC,wBAAwBC,0BAA0B,EAClDC,UAAU,EACVC,UAAU,EACVC,eAAe,EACfC,cAAc,EACdC,eAAetD,IAAI,EACnBuD,mBAAmB,EACnBC,OAAO,EACPC,UAAU,EACVC,cAAc,EACdC,kBAAkB,EAClBC,oBAAoB,EACpB,GAAGC,WACJ,GAAG1D;IACJ,MAAM,EAAE2D,IAAI,EAAEC,QAAQ,EAAE,GAAG5D;IAE3B,MAAMC,KAAKhB,aAAaiB,QAAQ;IAChC,MAAM2D,SAAS5E,aAAa2C,cAAc3B,IAAI;IAC9C,MAAM,EACJkB,OAAO2C,YAAY,EACnB/C,OAAOgD,YAAY,EACnB/C,UAAUgD,eAAe,EACzBC,WAAW,EACXC,aAAaC,YAAY,EACzBC,aAAa,EACbC,eAAe,EACfC,gBAAgB,EAChB/C,cAAc,EACdE,cAAc,EACd8C,eAAe,EACfC,mBAAmB,EACnBC,sBAAsB,EACvB,GAAG7E,gBAAgB;QAClB+D;QACAxD;QACAC;QACAC;QACAC;QACAC;QACAC;QACAoD;QACA/C;QACAC;QACA4D,SAASb;QACTc,UAAU/C,cAAcgD;QACxBC,YAAY5E;QACZiE,aAAavD;QACbW;QACAC,gBAAgBC;QAChBC,gBAAgBC;QAChBC;QACAyB;QACArC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAkC;QACAF;QACAC;QACApB;QACAH;QACAC;QACAC;QACAE;QACAsB;IACF;IACA,MAAM,CAACqB,cAAcC,qBAAqB,GAAG7F,cAC3CgE,gBAAgB0B;IAGlB,IAAIjC,YAAYC;IAChB,IAAIC,yBAAyBC;IAC7B,IAAIkC,cAAc;IAClB,IAAIC,iBAAiBlC,YAAYkC;IACjC,IAAIhB,eAAe,CAACT,oBAAoB;QACtCwB,cAAc;QACd,iEAAiE;QACjE,uBAAuB;QACvB,MAAMjE,QAAQgD;QACdlB,2BAA2B;QAC3BoC,mBAAmBlE,MAAMmE,MAAM,GAAG;QAClCvC,0BACE;sBACG5B,MAAMoE,GAAG,CAAC,CAACC,QAAQC;gBAClB,MAAMC,QAAQ/D,eAAe6D;gBAC7B,MAAMG,YAAYpC,aAAa;oBAC7BkC;oBACAlE,OAAO2C;oBACPsB;oBACAI,WAAWjE;gBACb;gBACA,qBACE,KAACpC;oBAEE,GAAGoG,SAAS;oBACblF,SAAS,CAACoF;wBACRF,WAAWlF,UAAUoF;wBACrBzB,gBAAgBjD,MAAMF,MAAM,CAAC,CAAC6E,IAAMA,MAAMN;oBAC5C;8BAECG,WAAW3E,YAAY0E;mBAPnBA;YAUX;;IAGN;IAEA,qBACE,MAACtG;QAAyB+B,OAAOsD;;0BAC/B,KAACvF;gBACE,GAAG4E,SAAS;gBACZ,GAAGU,aAAa;gBACjBlB,gBAAgB;oBACd,GAAGA,cAAc;oBACjB0B,KAAKG;oBACL1E,SAAS,CAACoF;wBACRvC,gBAAgB7C,UAAUoF;wBAC1BtB,aAAawB,OAAO,EAAEC;oBACxB;gBACF;gBACAlF,WAAWlB,aAAa;oBACtBkB;oBACA0B;oBACA4C;oBACAvC;oBACAF;gBACF;gBACAQ,YAAY;oBACV,GAAGA,UAAU;oBACbkC;gBACF;gBACAtC,WAAWA;gBACXE,wBAAwBA;gBACxBG,0BACE;;wBACGA;wBACAZ,yBAAW,KAAChD;4BAA8B,GAAGiD,YAAY;;wBACzD,CAACI,sBAAsB,CAAC,CAACqB,8BACxB,KAACzE;4BACE,GAAGmD,gBAAgB;4BACnB,GAAGgC,oBAAoBhC,iBAAiB;;wBAG5C,CAACD,uCACA,KAACjD;4BACCuG,cAAYhE;4BACZiE,mBAAiBhE;4BAChB,GAAG2C,uBAAuBnC,oBAAoB;;;;gBAKvDW,iBAAiB;oBACf,GAAGA,eAAe;oBAClB8C,eAAe;oBACfrF,WAAWjB,uBAAuB;wBAChCiB,WAAWuC,iBAAiBvC;oBAC9B;gBACF;;0BAEF,KAAC7B;gBACCgH,cAAYhE;gBACZiE,mBAAiBhE;gBAChB,GAAGyC,gBAAgB3C,aAAa;gBACjCoE,SAASlB;0BAET,cAAA,KAACvF;oBACC4B,OAAO2C;oBACPxC,SAASgD;oBACT/C,gBAAgBA;oBAChBE,gBAAgBA;oBAChBiB,mBAAmBA;8BAElB9B;;;;;AAKX"}
+{"version":3,"sources":["../../src/autocomplete/Autocomplete.tsx"],"sourcesContent":["\"use client\";\n\nimport { type ReactElement } from \"react\";\n\nimport { Listbox } from \"../form/Listbox.js\";\nimport { TextField } from \"../form/TextField.js\";\nimport { ListSubheader } from \"../list/ListSubheader.js\";\nimport { KeyboardMovementProvider } from \"../movement/useKeyboardMovementProvider.js\";\nimport { useEnsuredId } from \"../useEnsuredId.js\";\nimport { useEnsuredRef } from \"../useEnsuredRef.js\";\nimport { AutocompleteChip } from \"./AutocompleteChip.js\";\nimport { AutocompleteCircularProgress } from \"./AutocompleteCircularProgress.js\";\nimport { AutocompleteClearButton } from \"./AutocompleteClearButton.js\";\nimport { AutocompleteDropdownButton } from \"./AutocompleteDropdownButton.js\";\nimport { AutocompleteListboxChildren } from \"./AutocompleteListboxChildren.js\";\nimport { autocomplete, autocompleteRightAddon } from \"./autocompleteStyles.js\";\nimport {\n  defaultAutocompleteFilter,\n  noopAutocompleteFilter,\n} from \"./defaults.js\";\nimport {\n  type AutocompleteMultiSelectProps,\n  type AutocompleteOption,\n  type AutocompleteProps,\n  type AutocompleteSingleSelectProps,\n} from \"./types.js\";\nimport { useAutocomplete } from \"./useAutocomplete.js\";\n\nconst noop = (): undefined => undefined;\n\n/**\n * An `Autocomplete` is a component that allows for real-time suggestions from\n * a pre-determined list as the user types by filtering data based on the\n * current value. It can also be used to interact with an API that handles the\n * sorting, filtering, matching, etc as well.\n *\n * An `Autocomplete` always requires the following props:\n *\n * - `options` - a list of available options that can be a list of strings,\n *   a list of objects with a `{ label: string }`, or any list of objects\n *   - if the list of objects do not have a `label`, the\n *     {@link AutocompleteProps.getOptionLabel} **must** be provided to allow\n *     filtering\n * - `label` or `aria-label` to describe the textbox for accessibility\n * - `listboxLabel` or `listboxLabelledBy` for an accessible label describing the options\n *\n * @example Simple Example\n * ```tsx\n * \"use client\";\n *\n * import { Autocomplete } from \"@react-md/core/autocomplete/Autocomplete\";\n * import { type ReactElement } from \"react\";\n *\n * export default function SimpleExample(): ReactElement {\n *   return (\n *     <Autocomplete\n *       label=\"Fruit\"\n *       placeholder=\"Apple\"\n *       listboxLabel=\"Fruits\"\n *       options={[\n *         \"Apple\",\n *         \"Apricot\",\n *         \"Banana\",\n *         \"Blueberry\",\n *         \"Cranberry\",\n *         \"Kiwi\",\n *         \"Mango\",\n *         \"Orange\",\n *         \"Peach\",\n *         \"Plum\",\n *         \"Strawberry\",\n *       ]}\n *     />\n *   );\n * }\n * ```\n *\n * @see {@link https://next.react-md.dev/components/autocomplete | Autocomplete Demos}\n * @since 6.0.0\n */\nexport function Autocomplete<Option extends AutocompleteOption>(\n  props: AutocompleteSingleSelectProps<Option>\n): ReactElement;\n/**\n * To create an `Autocomplete` that can have multiple values selected at once,\n * either provide an array `value` or `defaultValue`.\n *\n * @example Simple Example\n * ```tsx\n * \"use client\";\n *\n * import { Autocomplete } from \"@react-md/core/autocomplete/Autocomplete\";\n * import { type ReactElement, useState } from \"react\";\n *\n * export default function SimpleExample(): ReactElement {\n *   const [value, setValue] = useState<readonly Dessert[]>([]);\n *   return (\n *     <Autocomplete\n *       label=\"Fruit\"\n *       placeholder=\"Apple\"\n *       listboxLabel=\"Fruits\"\n *       options={[\n *         \"Apple\",\n *         \"Apricot\",\n *         \"Banana\",\n *         \"Blueberry\",\n *         \"Cranberry\",\n *         \"Kiwi\",\n *         \"Mango\",\n *         \"Orange\",\n *         \"Peach\",\n *         \"Plum\",\n *         \"Strawberry\",\n *       ]}\n *     />\n *   );\n * }\n * ```\n *\n * @see {@link https://next.react-md.dev/components/autocomplete | Autocomplete Demos}\n * @since 6.0.0\n */\nexport function Autocomplete<Option extends AutocompleteOption>(\n  props: AutocompleteMultiSelectProps<Option>\n): ReactElement;\n/**\n * @see {@link https://next.react-md.dev/components/autocomplete | Autocomplete Demos}\n * @since 6.0.0\n * @internal\n */\nexport function Autocomplete<Option extends AutocompleteOption>(\n  props: AutocompleteProps<Option>\n): ReactElement {\n  const {\n    id: propId,\n    onBlur,\n    onFocus,\n    onClick,\n    onChange,\n    onKeyDown,\n    onOpen,\n    type,\n    className,\n    inputRef,\n    children,\n    filter = type === \"search\"\n      ? noopAutocompleteFilter\n      : defaultAutocompleteFilter,\n    filterSelected,\n    value,\n    setValue,\n    defaultValue,\n    onValueChange,\n    query,\n    setQuery,\n    defaultQuery,\n    options,\n    getOptionLabel: propGetOptionLabel,\n    getOptionProps: propGetOptionProps,\n    allowAnyValue,\n    listboxProps,\n    listboxLabel,\n    listboxLabelledBy,\n    selectedIcon,\n    unselectedIcon,\n    selectedIconAfter,\n    checkboxes,\n    disableSelectedIcon,\n    loading,\n    loadingProps,\n    dropdownButtonProps,\n    disableDropdownButton,\n    clearButtonProps,\n    disableClearButton,\n    clearButtonVisibility = \"query\",\n    noOptionsChildren = <ListSubheader>No Options</ListSubheader>,\n    leftAddon: propLeftAddon,\n    disableLeftAddonStyles: propDisableLeftAddonStyles,\n    labelProps,\n    rightAddon,\n    rightAddonProps,\n    containerProps,\n    getChipProps = noop,\n    updateQueryOnSelect,\n    visible,\n    setVisible,\n    defaultVisible,\n    disableInlineChips,\n    disableCloseOnSelect,\n    ...remaining\n  } = props;\n  const { form, disabled } = props;\n\n  const id = useEnsuredId(propId, \"autocomplete\");\n  const menuId = useEnsuredId(listboxProps?.id, \"autocomplete-listbox\");\n  const {\n    query: currentQuery,\n    value: currentValue,\n    setValue: currentSetValue,\n    multiselect,\n    comboboxRef: inputNodeRef,\n    comboboxProps,\n    movementContext,\n    availableOptions,\n    getOptionLabel,\n    getOptionProps,\n    getListboxProps,\n    getClearButtonProps,\n    getDropdownButtonProps,\n  } = useAutocomplete({\n    form,\n    onBlur,\n    onFocus,\n    onClick,\n    onChange,\n    onKeyDown,\n    onOpen,\n    disabled,\n    filter,\n    filterSelected,\n    popupId: menuId,\n    popupRef: listboxProps?.ref,\n    comboboxId: id,\n    comboboxRef: inputRef,\n    options,\n    getOptionLabel: propGetOptionLabel,\n    getOptionProps: propGetOptionProps,\n    allowAnyValue,\n    updateQueryOnSelect,\n    value,\n    setValue,\n    defaultValue,\n    onValueChange,\n    query,\n    setQuery,\n    defaultQuery,\n    defaultVisible,\n    visible,\n    setVisible,\n    checkboxes,\n    selectedIcon,\n    unselectedIcon,\n    selectedIconAfter,\n    disableSelectedIcon,\n    disableCloseOnSelect,\n  });\n  const [containerRef, containerRefCallback] = useEnsuredRef(\n    containerProps?.ref\n  );\n\n  let leftAddon = propLeftAddon;\n  let disableLeftAddonStyles = propDisableLeftAddonStyles;\n  let inlineChips = false;\n  let floatingActive = labelProps?.floatingActive;\n  if (multiselect && !disableInlineChips) {\n    inlineChips = true;\n    // TODO: Maybe one day fix the typing? Might not be possible with\n    // destructuring though\n    const value = currentValue as readonly Option[];\n    disableLeftAddonStyles ??= true;\n    floatingActive ||= value.length > 0;\n    leftAddon = (\n      <>\n        {value.map((option, index) => {\n          const label = getOptionLabel(option);\n          const overrides = getChipProps({\n            index,\n            query: currentQuery,\n            option,\n            extractor: getOptionLabel,\n          });\n          return (\n            <AutocompleteChip\n              key={label}\n              {...overrides}\n              onClick={(event) => {\n                overrides?.onClick?.(event);\n                currentSetValue(value.filter((v) => v !== option));\n              }}\n            >\n              {overrides?.children ?? label}\n            </AutocompleteChip>\n          );\n        })}\n      </>\n    );\n  }\n\n  return (\n    <KeyboardMovementProvider value={movementContext}>\n      <TextField\n        {...remaining}\n        {...comboboxProps}\n        containerProps={{\n          ...containerProps,\n          ref: containerRefCallback,\n          onClick: (event) => {\n            containerProps?.onClick?.(event);\n            inputNodeRef.current?.focus();\n          },\n        }}\n        className={autocomplete({\n          className,\n          loading,\n          inlineChips,\n          disableClearButton,\n          disableDropdownButton,\n        })}\n        labelProps={{\n          ...labelProps,\n          floatingActive,\n        }}\n        leftAddon={leftAddon}\n        disableLeftAddonStyles={disableLeftAddonStyles}\n        rightAddon={\n          <>\n            {rightAddon}\n            {loading && <AutocompleteCircularProgress {...loadingProps} />}\n            {!disableClearButton && (\n              <AutocompleteClearButton\n                {...clearButtonProps}\n                visibility={clearButtonVisibility}\n                {...getClearButtonProps(clearButtonProps)}\n              />\n            )}\n            {!disableDropdownButton && (\n              <AutocompleteDropdownButton\n                aria-label={listboxLabel as string}\n                aria-labelledby={listboxLabelledBy}\n                {...getDropdownButtonProps(dropdownButtonProps)}\n              />\n            )}\n          </>\n        }\n        rightAddonProps={{\n          ...rightAddonProps,\n          pointerEvents: true,\n          className: autocompleteRightAddon({\n            className: rightAddonProps?.className,\n          }),\n        }}\n      />\n      <Listbox\n        aria-label={listboxLabel as string}\n        aria-labelledby={listboxLabelledBy}\n        {...getListboxProps(listboxProps)}\n        fixedTo={containerRef}\n      >\n        <AutocompleteListboxChildren\n          query={currentQuery}\n          options={availableOptions}\n          getOptionLabel={getOptionLabel}\n          getOptionProps={getOptionProps}\n          noOptionsChildren={noOptionsChildren}\n        >\n          {children}\n        </AutocompleteListboxChildren>\n      </Listbox>\n    </KeyboardMovementProvider>\n  );\n}\n"],"names":["Listbox","TextField","ListSubheader","KeyboardMovementProvider","useEnsuredId","useEnsuredRef","AutocompleteChip","AutocompleteCircularProgress","AutocompleteClearButton","AutocompleteDropdownButton","AutocompleteListboxChildren","autocomplete","autocompleteRightAddon","defaultAutocompleteFilter","noopAutocompleteFilter","useAutocomplete","noop","undefined","Autocomplete","props","id","propId","onBlur","onFocus","onClick","onChange","onKeyDown","onOpen","type","className","inputRef","children","filter","filterSelected","value","setValue","defaultValue","onValueChange","query","setQuery","defaultQuery","options","getOptionLabel","propGetOptionLabel","getOptionProps","propGetOptionProps","allowAnyValue","listboxProps","listboxLabel","listboxLabelledBy","selectedIcon","unselectedIcon","selectedIconAfter","checkboxes","disableSelectedIcon","loading","loadingProps","dropdownButtonProps","disableDropdownButton","clearButtonProps","disableClearButton","clearButtonVisibility","noOptionsChildren","leftAddon","propLeftAddon","disableLeftAddonStyles","propDisableLeftAddonStyles","labelProps","rightAddon","rightAddonProps","containerProps","getChipProps","updateQueryOnSelect","visible","setVisible","defaultVisible","disableInlineChips","disableCloseOnSelect","remaining","form","disabled","menuId","currentQuery","currentValue","currentSetValue","multiselect","comboboxRef","inputNodeRef","comboboxProps","movementContext","availableOptions","getListboxProps","getClearButtonProps","getDropdownButtonProps","popupId","popupRef","ref","comboboxId","containerRef","containerRefCallback","inlineChips","floatingActive","length","map","option","index","label","overrides","extractor","event","v","current","focus","visibility","aria-label","aria-labelledby","pointerEvents","fixedTo"],"mappings":"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"}

package/dist/autocomplete/AutocompleteChip.d.ts

@@ -3,6 +3,7 @@ import { type AutocompleteChipProps } from "./types.js";
  * A small wrapper around the `Chip` that defaults the `rightAddon` to the
  * remove icon and adds a default `aria-description`.
  *
+ * @see {@link https://next.react-md.dev/components/autocomplete | Autocomplete Demos}
  * @since 6.0.0
  */
 export declare const AutocompleteChip: import("react").ForwardRefExoticComponent<AutocompleteChipProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/autocomplete/AutocompleteChip.js

@@ -7,6 +7,7 @@ import { autocompleteChip } from "./autocompleteStyles.js";
  * A small wrapper around the `Chip` that defaults the `rightAddon` to the
  * remove icon and adds a default `aria-description`.
  *
+ * @see {@link https://next.react-md.dev/components/autocomplete | Autocomplete Demos}
  * @since 6.0.0
  */ export const AutocompleteChip = /*#__PURE__*/ forwardRef(function AutocompleteChip(props, ref) {
     const { "aria-description": propAriaDescription, children, className, removeIcon: propRemoveIcon, rightAddon: propRightAddon, ...remaining } = props;

package/dist/autocomplete/AutocompleteChip.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/autocomplete/AutocompleteChip.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nimport { Chip } from \"../chip/Chip.js\";\nimport { getIcon } from \"../icon/config.js\";\nimport { autocompleteChip } from \"./autocompleteStyles.js\";\nimport { type AutocompleteChipProps } from \"./types.js\";\n\n/**\n * A small wrapper around the `Chip` that defaults the `rightAddon` to the\n * remove icon and adds a default `aria-description`.\n *\n * @since 6.0.0\n */\nexport const AutocompleteChip = forwardRef<\n  HTMLButtonElement,\n  AutocompleteChipProps\n>(function AutocompleteChip(props, ref) {\n  const {\n    \"aria-description\": propAriaDescription,\n    children,\n    className,\n    removeIcon: propRemoveIcon,\n    rightAddon: propRightAddon,\n    ...remaining\n  } = props;\n\n  let rightAddon = propRightAddon;\n  let ariaDescription = propAriaDescription;\n  const removeIcon = getIcon(\"remove\", propRemoveIcon);\n  if (typeof rightAddon === \"undefined\") {\n    rightAddon = removeIcon;\n  }\n\n  if (typeof ariaDescription === \"undefined\" && typeof children === \"string\") {\n    ariaDescription = `Remove \"${children}\"`;\n  }\n\n  return (\n    <Chip\n      {...remaining}\n      aria-description={ariaDescription}\n      ref={ref}\n      rightAddon={rightAddon}\n      className={autocompleteChip({ className })}\n    >\n      {children}\n    </Chip>\n  );\n});\n"],"names":["forwardRef","Chip","getIcon","autocompleteChip","AutocompleteChip","props","ref","propAriaDescription","children","className","removeIcon","propRemoveIcon","rightAddon","propRightAddon","remaining","ariaDescription","aria-description"],"mappings":";AAAA,SAASA,UAAU,QAAQ,QAAQ;AAEnC,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,OAAO,QAAQ,oBAAoB;AAC5C,SAASC,gBAAgB,QAAQ,0BAA0B;AAG3D;;;;;CAKC,GACD,OAAO,MAAMC,iCAAmBJ,WAG9B,SAASI,iBAAiBC,KAAK,EAAEC,GAAG;IACpC,MAAM,EACJ,oBAAoBC,mBAAmB,EACvCC,QAAQ,EACRC,SAAS,EACTC,YAAYC,cAAc,EAC1BC,YAAYC,cAAc,EAC1B,GAAGC,WACJ,GAAGT;IAEJ,IAAIO,aAAaC;IACjB,IAAIE,kBAAkBR;IACtB,MAAMG,aAAaR,QAAQ,UAAUS;IACrC,IAAI,OAAOC,eAAe,aAAa;QACrCA,aAAaF;IACf;IAEA,IAAI,OAAOK,oBAAoB,eAAe,OAAOP,aAAa,UAAU;QAC1EO,kBAAkB,CAAC,QAAQ,EAAEP,SAAS,CAAC,CAAC;IAC1C;IAEA,qBACE,KAACP;QACE,GAAGa,SAAS;QACbE,oBAAkBD;QAClBT,KAAKA;QACLM,YAAYA;QACZH,WAAWN,iBAAiB;YAAEM;QAAU;kBAEvCD;;AAGP,GAAG"}
+{"version":3,"sources":["../../src/autocomplete/AutocompleteChip.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nimport { Chip } from \"../chip/Chip.js\";\nimport { getIcon } from \"../icon/config.js\";\nimport { autocompleteChip } from \"./autocompleteStyles.js\";\nimport { type AutocompleteChipProps } from \"./types.js\";\n\n/**\n * A small wrapper around the `Chip` that defaults the `rightAddon` to the\n * remove icon and adds a default `aria-description`.\n *\n * @see {@link https://next.react-md.dev/components/autocomplete | Autocomplete Demos}\n * @since 6.0.0\n */\nexport const AutocompleteChip = forwardRef<\n  HTMLButtonElement,\n  AutocompleteChipProps\n>(function AutocompleteChip(props, ref) {\n  const {\n    \"aria-description\": propAriaDescription,\n    children,\n    className,\n    removeIcon: propRemoveIcon,\n    rightAddon: propRightAddon,\n    ...remaining\n  } = props;\n\n  let rightAddon = propRightAddon;\n  let ariaDescription = propAriaDescription;\n  const removeIcon = getIcon(\"remove\", propRemoveIcon);\n  if (typeof rightAddon === \"undefined\") {\n    rightAddon = removeIcon;\n  }\n\n  if (typeof ariaDescription === \"undefined\" && typeof children === \"string\") {\n    ariaDescription = `Remove \"${children}\"`;\n  }\n\n  return (\n    <Chip\n      {...remaining}\n      aria-description={ariaDescription}\n      ref={ref}\n      rightAddon={rightAddon}\n      className={autocompleteChip({ className })}\n    >\n      {children}\n    </Chip>\n  );\n});\n"],"names":["forwardRef","Chip","getIcon","autocompleteChip","AutocompleteChip","props","ref","propAriaDescription","children","className","removeIcon","propRemoveIcon","rightAddon","propRightAddon","remaining","ariaDescription","aria-description"],"mappings":";AAAA,SAASA,UAAU,QAAQ,QAAQ;AAEnC,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,OAAO,QAAQ,oBAAoB;AAC5C,SAASC,gBAAgB,QAAQ,0BAA0B;AAG3D;;;;;;CAMC,GACD,OAAO,MAAMC,iCAAmBJ,WAG9B,SAASI,iBAAiBC,KAAK,EAAEC,GAAG;IACpC,MAAM,EACJ,oBAAoBC,mBAAmB,EACvCC,QAAQ,EACRC,SAAS,EACTC,YAAYC,cAAc,EAC1BC,YAAYC,cAAc,EAC1B,GAAGC,WACJ,GAAGT;IAEJ,IAAIO,aAAaC;IACjB,IAAIE,kBAAkBR;IACtB,MAAMG,aAAaR,QAAQ,UAAUS;IACrC,IAAI,OAAOC,eAAe,aAAa;QACrCA,aAAaF;IACf;IAEA,IAAI,OAAOK,oBAAoB,eAAe,OAAOP,aAAa,UAAU;QAC1EO,kBAAkB,CAAC,QAAQ,EAAEP,SAAS,CAAC,CAAC;IAC1C;IAEA,qBACE,KAACP;QACE,GAAGa,SAAS;QACbE,oBAAkBD;QAClBT,KAAKA;QACLM,YAAYA;QACZH,WAAWN,iBAAiB;YAAEM;QAAU;kBAEvCD;;AAGP,GAAG"}

package/dist/autocomplete/AutocompleteCircularProgress.d.ts

@@ -4,6 +4,7 @@ import { type AutocompleteCircularProgressProps } from "./types.js";
  * An internal component used to handle the styling and minimal accessibility
  * for the `CircularProgress` within the `Autocomplete`
  *
+ * @see {@link https://next.react-md.dev/components/autocomplete | Autocomplete Demos}
  * @internal
  * @since 6.0.0
  */

package/dist/autocomplete/AutocompleteCircularProgress.js

@@ -4,6 +4,7 @@ import { CircularProgress } from "../progress/CircularProgress.js";
  * An internal component used to handle the styling and minimal accessibility
  * for the `CircularProgress` within the `Autocomplete`
  *
+ * @see {@link https://next.react-md.dev/components/autocomplete | Autocomplete Demos}
  * @internal
  * @since 6.0.0
  */ export function AutocompleteCircularProgress(props) {

package/dist/autocomplete/AutocompleteCircularProgress.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/autocomplete/AutocompleteCircularProgress.tsx"],"sourcesContent":["import { type ReactElement } from \"react\";\n\nimport { CircularProgress } from \"../progress/CircularProgress.js\";\nimport { type AutocompleteCircularProgressProps } from \"./types.js\";\n\n/**\n * An internal component used to handle the styling and minimal accessibility\n * for the `CircularProgress` within the `Autocomplete`\n *\n * @internal\n * @since 6.0.0\n */\nexport function AutocompleteCircularProgress(\n  props: AutocompleteCircularProgressProps\n): ReactElement {\n  const {\n    \"aria-labelledby\": ariaLabelledby,\n    \"aria-label\": ariaLabel = ariaLabelledby ? undefined : \"Loading\",\n    theme = \"current-color\",\n    ...remaining\n  } = props;\n\n  return (\n    <CircularProgress\n      {...remaining}\n      aria-label={ariaLabel as string}\n      aria-labelledby={ariaLabelledby}\n      theme={theme}\n    />\n  );\n}\n"],"names":["CircularProgress","AutocompleteCircularProgress","props","ariaLabelledby","ariaLabel","undefined","theme","remaining","aria-label","aria-labelledby"],"mappings":";AAEA,SAASA,gBAAgB,QAAQ,kCAAkC;AAGnE;;;;;;CAMC,GACD,OAAO,SAASC,6BACdC,KAAwC;IAExC,MAAM,EACJ,mBAAmBC,cAAc,EACjC,cAAcC,YAAYD,iBAAiBE,YAAY,SAAS,EAChEC,QAAQ,eAAe,EACvB,GAAGC,WACJ,GAAGL;IAEJ,qBACE,KAACF;QACE,GAAGO,SAAS;QACbC,cAAYJ;QACZK,mBAAiBN;QACjBG,OAAOA;;AAGb"}
+{"version":3,"sources":["../../src/autocomplete/AutocompleteCircularProgress.tsx"],"sourcesContent":["import { type ReactElement } from \"react\";\n\nimport { CircularProgress } from \"../progress/CircularProgress.js\";\nimport { type AutocompleteCircularProgressProps } from \"./types.js\";\n\n/**\n * An internal component used to handle the styling and minimal accessibility\n * for the `CircularProgress` within the `Autocomplete`\n *\n * @see {@link https://next.react-md.dev/components/autocomplete | Autocomplete Demos}\n * @internal\n * @since 6.0.0\n */\nexport function AutocompleteCircularProgress(\n  props: AutocompleteCircularProgressProps\n): ReactElement {\n  const {\n    \"aria-labelledby\": ariaLabelledby,\n    \"aria-label\": ariaLabel = ariaLabelledby ? undefined : \"Loading\",\n    theme = \"current-color\",\n    ...remaining\n  } = props;\n\n  return (\n    <CircularProgress\n      {...remaining}\n      aria-label={ariaLabel as string}\n      aria-labelledby={ariaLabelledby}\n      theme={theme}\n    />\n  );\n}\n"],"names":["CircularProgress","AutocompleteCircularProgress","props","ariaLabelledby","ariaLabel","undefined","theme","remaining","aria-label","aria-labelledby"],"mappings":";AAEA,SAASA,gBAAgB,QAAQ,kCAAkC;AAGnE;;;;;;;CAOC,GACD,OAAO,SAASC,6BACdC,KAAwC;IAExC,MAAM,EACJ,mBAAmBC,cAAc,EACjC,cAAcC,YAAYD,iBAAiBE,YAAY,SAAS,EAChEC,QAAQ,eAAe,EACvB,GAAGC,WACJ,GAAGL;IAEJ,qBACE,KAACF;QACE,GAAGO,SAAS;QACbC,cAAYJ;QACZK,mBAAiBN;QACjBG,OAAOA;;AAGb"}