@react-md/core 6.0.0 → 6.0.2

package/dist/CoreProviders.d.ts

@@ -57,7 +57,7 @@ export interface CoreProvidersProps extends ReactMDCoreConfiguration {
  * - {@link Snackbar} - This isn't a provider but this is how you can display
  *   alerts in your app
  *
- * @see {@link https://next.react-md.dev/components/core-providers | CoreProviders Demos}
+ * @see {@link https://react-md.dev/components/core-providers | CoreProviders Demos}
  * @since 6.0.0
  */
 export declare function CoreProviders(props: CoreProvidersProps): ReactElement;

package/dist/CoreProviders.js

@@ -34,7 +34,7 @@ import { PortalContainerProvider } from "./portal/PortalContainerProvider.js";
  * - {@link Snackbar} - This isn't a provider but this is how you can display
  *   alerts in your app
  *
- * @see {@link https://next.react-md.dev/components/core-providers | CoreProviders Demos}
+ * @see {@link https://react-md.dev/components/core-providers | CoreProviders Demos}
  * @since 6.0.0
  */ export function CoreProviders(props) {
     const { ssr = false, ssrAppSize = DEFAULT_APP_SIZE, appSizeQueries = DEFAULT_APP_SIZE_QUERIES, portalContainer, children } = props;

package/dist/CoreProviders.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/CoreProviders.tsx"],"sourcesContent":["\"use client\";\n\nimport { type ReactElement, type ReactNode } from \"react\";\n\nimport { SsrProvider } from \"./SsrProvider.js\";\nimport { UserInteractionModeProvider } from \"./interaction/UserInteractionModeProvider.js\";\nimport { AppSizeProvider } from \"./media-queries/AppSizeProvider.js\";\nimport {\n  type AppSize,\n  type AppSizeQueries,\n  DEFAULT_APP_SIZE,\n  DEFAULT_APP_SIZE_QUERIES,\n} from \"./media-queries/appSize.js\";\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport { type MenuConfigurationProvider } from \"./menu/MenuConfigurationProvider.js\";\nimport {\n  type PortalContainer,\n  PortalContainerProvider,\n} from \"./portal/PortalContainerProvider.js\";\nimport { type Snackbar } from \"./snackbar/Snackbar.js\";\nimport { type LocalStorageColorSchemeProvider } from \"./theme/LocalStorageColorSchemeProvider.js\";\nimport { type ThemeProvider } from \"./theme/ThemeProvider.js\";\nimport { type useColorSchemeProvider } from \"./theme/useColorSchemeProvider.js\";\nimport { type TooltipHoverModeProvider } from \"./tooltip/TooltipHoverModeProvider.js\";\nimport { type WritingDirectionProvider } from \"./typography/WritingDirectionProvider.js\";\n\n/* eslint-enable @typescript-eslint/no-unused-vars */\n\n/** @since 6.0.0 */\nexport interface ReactMDCoreConfiguration {\n  /**\n   * Set this to `true` if you are using SSR. This will update some hook\n   * behavior so that you will not have mismatched initial state between server\n   * and client and correctly rehydrate after initial render.\n   *\n   * @defaultValue `false`\n   */\n  ssr?: boolean;\n\n  /**\n   * @defaultValue `DEFAULT_APP_SIZE`\n   * @see {@link DEFAULT_APP_SIZE}\n   */\n  ssrAppSize?: Readonly<AppSize>;\n\n  /**\n   * @defaultValue `DEFAULT_APP_SIZE_QUERIES`\n   * @see {@link DEFAULT_APP_SIZE_QUERIES}\n   */\n  appSizeQueries?: Readonly<AppSizeQueries>;\n\n  /** @see {@link PortalContainerProvider} */\n  portalContainer?: PortalContainer;\n}\n\n/** @since 6.0.0 */\nexport interface CoreProvidersProps extends ReactMDCoreConfiguration {\n  children: ReactNode;\n}\n\n/**\n * **Client Component**\n *\n * This is a convenience wrapper for initializing providers for react-md. This\n * includes configuration for:\n *\n * - {@link SsrProvider}\n * - {@link PortalContainerProvider}\n * - {@link AppSizeProvider}\n * - {@link UserInteractionModeProvider}\n *\n * This does not include every provider within `react-md` to help decrease the\n * bundle size for unused features. Here are some other providers that might be\n * useful to initialize near the root of your app:\n *\n * - {@link MenuConfigurationProvider} - If you want to render menus as sheets\n *   on phones or other configuration.\n * - {@link LocalStorageColorSchemeProvider}/{@link useColorSchemeProvider} - If\n *   you want to allow the user to select a light, dark, or system theme\n * - {@link WritingDirectionProvider} - If you need dynamic support for ltr and\n *   rtl languages\n * - {@link ThemeProvider} - If you allow the user to dynamically configure the\n *   `react-md` theme\n * - {@link TooltipHoverModeProvider} - If you want tooltips to appear\n *   immediately for a time after another tooltip has become visible. You can\n *   also configure the global visible delay.\n * - {@link Snackbar} - This isn't a provider but this is how you can display\n *   alerts in your app\n *\n * @see {@link https://next.react-md.dev/components/core-providers | CoreProviders Demos}\n * @since 6.0.0\n */\nexport function CoreProviders(props: CoreProvidersProps): ReactElement {\n  const {\n    ssr = false,\n    ssrAppSize = DEFAULT_APP_SIZE,\n    appSizeQueries = DEFAULT_APP_SIZE_QUERIES,\n    portalContainer,\n    children,\n  } = props;\n  return (\n    <SsrProvider ssr={ssr}>\n      <PortalContainerProvider container={portalContainer}>\n        <UserInteractionModeProvider>\n          <AppSizeProvider {...appSizeQueries} ssrSize={ssrAppSize}>\n            {children}\n          </AppSizeProvider>\n        </UserInteractionModeProvider>\n      </PortalContainerProvider>\n    </SsrProvider>\n  );\n}\n"],"names":["SsrProvider","UserInteractionModeProvider","AppSizeProvider","DEFAULT_APP_SIZE","DEFAULT_APP_SIZE_QUERIES","PortalContainerProvider","CoreProviders","props","ssr","ssrAppSize","appSizeQueries","portalContainer","children","container","ssrSize"],"mappings":"AAAA;;AAIA,SAASA,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,2BAA2B,QAAQ,+CAA+C;AAC3F,SAASC,eAAe,QAAQ,qCAAqC;AACrE,SAGEC,gBAAgB,EAChBC,wBAAwB,QACnB,6BAA6B;AAGpC,SAEEC,uBAAuB,QAClB,sCAAsC;AA0C7C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+BC,GACD,OAAO,SAASC,cAAcC,KAAyB;IACrD,MAAM,EACJC,MAAM,KAAK,EACXC,aAAaN,gBAAgB,EAC7BO,iBAAiBN,wBAAwB,EACzCO,eAAe,EACfC,QAAQ,EACT,GAAGL;IACJ,qBACE,KAACP;QAAYQ,KAAKA;kBAChB,cAAA,KAACH;YAAwBQ,WAAWF;sBAClC,cAAA,KAACV;0BACC,cAAA,KAACC;oBAAiB,GAAGQ,cAAc;oBAAEI,SAASL;8BAC3CG;;;;;AAMb"}
+{"version":3,"sources":["../src/CoreProviders.tsx"],"sourcesContent":["\"use client\";\n\nimport { type ReactElement, type ReactNode } from \"react\";\n\nimport { SsrProvider } from \"./SsrProvider.js\";\nimport { UserInteractionModeProvider } from \"./interaction/UserInteractionModeProvider.js\";\nimport { AppSizeProvider } from \"./media-queries/AppSizeProvider.js\";\nimport {\n  type AppSize,\n  type AppSizeQueries,\n  DEFAULT_APP_SIZE,\n  DEFAULT_APP_SIZE_QUERIES,\n} from \"./media-queries/appSize.js\";\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport { type MenuConfigurationProvider } from \"./menu/MenuConfigurationProvider.js\";\nimport {\n  type PortalContainer,\n  PortalContainerProvider,\n} from \"./portal/PortalContainerProvider.js\";\nimport { type Snackbar } from \"./snackbar/Snackbar.js\";\nimport { type LocalStorageColorSchemeProvider } from \"./theme/LocalStorageColorSchemeProvider.js\";\nimport { type ThemeProvider } from \"./theme/ThemeProvider.js\";\nimport { type useColorSchemeProvider } from \"./theme/useColorSchemeProvider.js\";\nimport { type TooltipHoverModeProvider } from \"./tooltip/TooltipHoverModeProvider.js\";\nimport { type WritingDirectionProvider } from \"./typography/WritingDirectionProvider.js\";\n\n/* eslint-enable @typescript-eslint/no-unused-vars */\n\n/** @since 6.0.0 */\nexport interface ReactMDCoreConfiguration {\n  /**\n   * Set this to `true` if you are using SSR. This will update some hook\n   * behavior so that you will not have mismatched initial state between server\n   * and client and correctly rehydrate after initial render.\n   *\n   * @defaultValue `false`\n   */\n  ssr?: boolean;\n\n  /**\n   * @defaultValue `DEFAULT_APP_SIZE`\n   * @see {@link DEFAULT_APP_SIZE}\n   */\n  ssrAppSize?: Readonly<AppSize>;\n\n  /**\n   * @defaultValue `DEFAULT_APP_SIZE_QUERIES`\n   * @see {@link DEFAULT_APP_SIZE_QUERIES}\n   */\n  appSizeQueries?: Readonly<AppSizeQueries>;\n\n  /** @see {@link PortalContainerProvider} */\n  portalContainer?: PortalContainer;\n}\n\n/** @since 6.0.0 */\nexport interface CoreProvidersProps extends ReactMDCoreConfiguration {\n  children: ReactNode;\n}\n\n/**\n * **Client Component**\n *\n * This is a convenience wrapper for initializing providers for react-md. This\n * includes configuration for:\n *\n * - {@link SsrProvider}\n * - {@link PortalContainerProvider}\n * - {@link AppSizeProvider}\n * - {@link UserInteractionModeProvider}\n *\n * This does not include every provider within `react-md` to help decrease the\n * bundle size for unused features. Here are some other providers that might be\n * useful to initialize near the root of your app:\n *\n * - {@link MenuConfigurationProvider} - If you want to render menus as sheets\n *   on phones or other configuration.\n * - {@link LocalStorageColorSchemeProvider}/{@link useColorSchemeProvider} - If\n *   you want to allow the user to select a light, dark, or system theme\n * - {@link WritingDirectionProvider} - If you need dynamic support for ltr and\n *   rtl languages\n * - {@link ThemeProvider} - If you allow the user to dynamically configure the\n *   `react-md` theme\n * - {@link TooltipHoverModeProvider} - If you want tooltips to appear\n *   immediately for a time after another tooltip has become visible. You can\n *   also configure the global visible delay.\n * - {@link Snackbar} - This isn't a provider but this is how you can display\n *   alerts in your app\n *\n * @see {@link https://react-md.dev/components/core-providers | CoreProviders Demos}\n * @since 6.0.0\n */\nexport function CoreProviders(props: CoreProvidersProps): ReactElement {\n  const {\n    ssr = false,\n    ssrAppSize = DEFAULT_APP_SIZE,\n    appSizeQueries = DEFAULT_APP_SIZE_QUERIES,\n    portalContainer,\n    children,\n  } = props;\n  return (\n    <SsrProvider ssr={ssr}>\n      <PortalContainerProvider container={portalContainer}>\n        <UserInteractionModeProvider>\n          <AppSizeProvider {...appSizeQueries} ssrSize={ssrAppSize}>\n            {children}\n          </AppSizeProvider>\n        </UserInteractionModeProvider>\n      </PortalContainerProvider>\n    </SsrProvider>\n  );\n}\n"],"names":["SsrProvider","UserInteractionModeProvider","AppSizeProvider","DEFAULT_APP_SIZE","DEFAULT_APP_SIZE_QUERIES","PortalContainerProvider","CoreProviders","props","ssr","ssrAppSize","appSizeQueries","portalContainer","children","container","ssrSize"],"mappings":"AAAA;;AAIA,SAASA,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,2BAA2B,QAAQ,+CAA+C;AAC3F,SAASC,eAAe,QAAQ,qCAAqC;AACrE,SAGEC,gBAAgB,EAChBC,wBAAwB,QACnB,6BAA6B;AAGpC,SAEEC,uBAAuB,QAClB,sCAAsC;AA0C7C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+BC,GACD,OAAO,SAASC,cAAcC,KAAyB;IACrD,MAAM,EACJC,MAAM,KAAK,EACXC,aAAaN,gBAAgB,EAC7BO,iBAAiBN,wBAAwB,EACzCO,eAAe,EACfC,QAAQ,EACT,GAAGL;IACJ,qBACE,KAACP;QAAYQ,KAAKA;kBAChB,cAAA,KAACH;YAAwBQ,WAAWF;sBAClC,cAAA,KAACV;0BACC,cAAA,KAACC;oBAAiB,GAAGQ,cAAc;oBAAEI,SAASL;8BAC3CG;;;;;AAMb"}

package/dist/SsrProvider.d.ts

@@ -13,7 +13,7 @@ export interface SsrProviderProps {
 /**
  * **Client Component**
  *
- * @see {@link https://next.react-md.dev/components/ssr-provider | SsrProvider Demos}
+ * @see {@link https://react-md.dev/components/ssr-provider | SsrProvider Demos}
  * @since 6.0.0
  */
 export declare function SsrProvider(props: SsrProviderProps): ReactElement;

package/dist/SsrProvider.js

@@ -12,7 +12,7 @@ context.displayName = "Ssr";
 /**
  * **Client Component**
  *
- * @see {@link https://next.react-md.dev/components/ssr-provider | SsrProvider Demos}
+ * @see {@link https://react-md.dev/components/ssr-provider | SsrProvider Demos}
  * @since 6.0.0
  */ export function SsrProvider(props) {
     const { ssr = false, children } = props;

package/dist/SsrProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/SsrProvider.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  type ReactElement,\n  type ReactNode,\n  createContext,\n  useContext,\n  useEffect,\n  useState,\n} from \"react\";\n\nconst context = createContext(false);\nconst { Provider } = context;\ncontext.displayName = \"Ssr\";\n\n/**\n * @since 6.0.0\n */\nexport function useSsr(): boolean {\n  return useContext(context);\n}\n\n/**\n * @since 6.0.0\n */\nexport interface SsrProviderProps {\n  ssr?: boolean;\n  children: ReactNode;\n}\n\n/**\n * **Client Component**\n *\n * @see {@link https://next.react-md.dev/components/ssr-provider | SsrProvider Demos}\n * @since 6.0.0\n */\nexport function SsrProvider(props: SsrProviderProps): ReactElement {\n  const { ssr = false, children } = props;\n  const [isSsr, setSsr] = useState(ssr);\n  useEffect(() => {\n    setSsr(false);\n  }, []);\n  return <Provider value={isSsr}>{children}</Provider>;\n}\n"],"names":["createContext","useContext","useEffect","useState","context","Provider","displayName","useSsr","SsrProvider","props","ssr","children","isSsr","setSsr","value"],"mappings":"AAAA;;AAEA,SAGEA,aAAa,EACbC,UAAU,EACVC,SAAS,EACTC,QAAQ,QACH,QAAQ;AAEf,MAAMC,wBAAUJ,cAAc;AAC9B,MAAM,EAAEK,QAAQ,EAAE,GAAGD;AACrBA,QAAQE,WAAW,GAAG;AAEtB;;CAEC,GACD,OAAO,SAASC;IACd,OAAON,WAAWG;AACpB;AAUA;;;;;CAKC,GACD,OAAO,SAASI,YAAYC,KAAuB;IACjD,MAAM,EAAEC,MAAM,KAAK,EAAEC,QAAQ,EAAE,GAAGF;IAClC,MAAM,CAACG,OAAOC,OAAO,GAAGV,SAASO;IACjCR,UAAU;QACRW,OAAO;IACT,GAAG,EAAE;IACL,qBAAO,KAACR;QAASS,OAAOF;kBAAQD;;AAClC"}
+{"version":3,"sources":["../src/SsrProvider.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  type ReactElement,\n  type ReactNode,\n  createContext,\n  useContext,\n  useEffect,\n  useState,\n} from \"react\";\n\nconst context = createContext(false);\nconst { Provider } = context;\ncontext.displayName = \"Ssr\";\n\n/**\n * @since 6.0.0\n */\nexport function useSsr(): boolean {\n  return useContext(context);\n}\n\n/**\n * @since 6.0.0\n */\nexport interface SsrProviderProps {\n  ssr?: boolean;\n  children: ReactNode;\n}\n\n/**\n * **Client Component**\n *\n * @see {@link https://react-md.dev/components/ssr-provider | SsrProvider Demos}\n * @since 6.0.0\n */\nexport function SsrProvider(props: SsrProviderProps): ReactElement {\n  const { ssr = false, children } = props;\n  const [isSsr, setSsr] = useState(ssr);\n  useEffect(() => {\n    setSsr(false);\n  }, []);\n  return <Provider value={isSsr}>{children}</Provider>;\n}\n"],"names":["createContext","useContext","useEffect","useState","context","Provider","displayName","useSsr","SsrProvider","props","ssr","children","isSsr","setSsr","value"],"mappings":"AAAA;;AAEA,SAGEA,aAAa,EACbC,UAAU,EACVC,SAAS,EACTC,QAAQ,QACH,QAAQ;AAEf,MAAMC,wBAAUJ,cAAc;AAC9B,MAAM,EAAEK,QAAQ,EAAE,GAAGD;AACrBA,QAAQE,WAAW,GAAG;AAEtB;;CAEC,GACD,OAAO,SAASC;IACd,OAAON,WAAWG;AACpB;AAUA;;;;;CAKC,GACD,OAAO,SAASI,YAAYC,KAAuB;IACjD,MAAM,EAAEC,MAAM,KAAK,EAAEC,QAAQ,EAAE,GAAGF;IAClC,MAAM,CAACG,OAAOC,OAAO,GAAGV,SAASO;IACjCR,UAAU;QACRW,OAAO;IACT,GAAG,EAAE;IACL,qBAAO,KAACR;QAASS,OAAOF;kBAAQD;;AAClC"}

package/dist/autocomplete/Autocomplete.d.ts

@@ -47,7 +47,7 @@ import { type AutocompleteMultiSelectProps, type AutocompleteOption, type Autoco
  * }
  * ```
  *
- * @see {@link https://next.react-md.dev/components/autocomplete | Autocomplete Demos}
+ * @see {@link https://react-md.dev/components/autocomplete | Autocomplete Demos}
  * @since 6.0.0
  */
 export declare function Autocomplete<Option extends AutocompleteOption>(props: AutocompleteSingleSelectProps<Option>): ReactElement;
@@ -87,7 +87,7 @@ export declare function Autocomplete<Option extends AutocompleteOption>(props: A
  * }
  * ```
  *
- * @see {@link https://next.react-md.dev/components/autocomplete | Autocomplete Demos}
+ * @see {@link https://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,7 +16,7 @@ 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}
+ * @see {@link https://react-md.dev/components/autocomplete | Autocomplete Demos}
  * @since 6.0.0
  * @internal
  */ export function Autocomplete(props) {

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 * 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":"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;AAiG9B;;;;CAIC,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,wBAAwB,OAAO,EAC/BC,kCAAoB,KAAC5D;kBAAc;MAA0B,EAC7D6D,WAAWC,aAAa,EACxBC,wBAAwBC,0BAA0B,EAClDC,UAAU,EACVC,UAAU,EACVC,eAAe,EACfC,cAAc,EACdC,eAAevD,IAAI,EACnBwD,mBAAmB,EACnBC,OAAO,EACPC,UAAU,EACVC,cAAc,EACdC,kBAAkB,EAClBC,oBAAoB,EACpB,GAAGC,WACJ,GAAG3D;IACJ,MAAM,EAAE4D,IAAI,EAAEC,QAAQ,EAAE,GAAG7D;IAE3B,MAAMC,KAAKhB,aAAaiB,QAAQ;IAChC,MAAM4D,SAAS7E,aAAa2C,cAAc3B,IAAI;IAC9C,MAAM,EACJkB,OAAO4C,YAAY,EACnBhD,OAAOiD,YAAY,EACnBhD,UAAUiD,eAAe,EACzBC,WAAW,EACXC,aAAaC,YAAY,EACzBC,aAAa,EACbC,eAAe,EACfC,gBAAgB,EAChBhD,cAAc,EACdE,cAAc,EACd+C,eAAe,EACfC,mBAAmB,EACnBC,sBAAsB,EACvB,GAAG9E,gBAAgB;QAClBgE;QACAzD;QACAC;QACAC;QACAC;QACAC;QACAC;QACAqD;QACAhD;QACAC;QACA6D,SAASb;QACTc,UAAUhD,cAAciD;QACxBC,YAAY7E;QACZkE,aAAaxD;QACbW;QACAC,gBAAgBC;QAChBC,gBAAgBC;QAChBC;QACA0B;QACAtC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAmC;QACAF;QACAC;QACArB;QACAH;QACAC;QACAC;QACAE;QACAuB;IACF;IACA,MAAM,CAACqB,cAAcC,qBAAqB,GAAG9F,cAC3CiE,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,MAAMlE,QAAQiD;QACdlB,2BAA2B;QAC3BoC,mBAAmBnE,MAAMoE,MAAM,GAAG;QAClCvC,0BACE;sBACG7B,MAAMqE,GAAG,CAAC,CAACC,QAAQC;gBAClB,MAAMC,QAAQhE,eAAe8D;gBAC7B,MAAMG,YAAYpC,aAAa;oBAC7BkC;oBACAnE,OAAO4C;oBACPsB;oBACAI,WAAWlE;gBACb;gBACA,qBACE,KAACpC;oBAEE,GAAGqG,SAAS;oBACbnF,SAAS,CAACqF;wBACRF,WAAWnF,UAAUqF;wBACrBzB,gBAAgBlD,MAAMF,MAAM,CAAC,CAAC8E,IAAMA,MAAMN;oBAC5C;8BAECG,WAAW5E,YAAY2E;mBAPnBA;YAUX;;IAGN;IAEA,qBACE,MAACvG;QAAyB+B,OAAOuD;;0BAC/B,KAACxF;gBACE,GAAG6E,SAAS;gBACZ,GAAGU,aAAa;gBACjBlB,gBAAgB;oBACd,GAAGA,cAAc;oBACjB0B,KAAKG;oBACL3E,SAAS,CAACqF;wBACRvC,gBAAgB9C,UAAUqF;wBAC1BtB,aAAawB,OAAO,EAAEC;oBACxB;gBACF;gBACAnF,WAAWlB,aAAa;oBACtBkB;oBACA0B;oBACA6C;oBACAxC;oBACAF;gBACF;gBACAS,YAAY;oBACV,GAAGA,UAAU;oBACbkC;gBACF;gBACAtC,WAAWA;gBACXE,wBAAwBA;gBACxBG,0BACE;;wBACGA;wBACAb,yBAAW,KAAChD;4BAA8B,GAAGiD,YAAY;;wBACzD,CAACI,oCACA,KAACpD;4BACE,GAAGmD,gBAAgB;4BACpBsD,YAAYpD;4BACX,GAAG+B,oBAAoBjC,iBAAiB;;wBAG5C,CAACD,uCACA,KAACjD;4BACCyG,cAAYlE;4BACZmE,mBAAiBlE;4BAChB,GAAG4C,uBAAuBpC,oBAAoB;;;;gBAKvDY,iBAAiB;oBACf,GAAGA,eAAe;oBAClB+C,eAAe;oBACfvF,WAAWjB,uBAAuB;wBAChCiB,WAAWwC,iBAAiBxC;oBAC9B;gBACF;;0BAEF,KAAC7B;gBACCkH,cAAYlE;gBACZmE,mBAAiBlE;gBAChB,GAAG0C,gBAAgB5C,aAAa;gBACjCsE,SAASnB;0BAET,cAAA,KAACxF;oBACC4B,OAAO4C;oBACPzC,SAASiD;oBACThD,gBAAgBA;oBAChBE,gBAAgBA;oBAChBkB,mBAAmBA;8BAElB/B;;;;;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://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://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://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,7 +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}
+ * @see {@link https://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,7 +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}
+ * @see {@link https://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 * @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"}
+{"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://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,7 +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}
+ * @see {@link https://react-md.dev/components/autocomplete | Autocomplete Demos}
  * @internal
  * @since 6.0.0
  */

package/dist/autocomplete/AutocompleteCircularProgress.js

@@ -4,7 +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}
+ * @see {@link https://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 * @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"}
+{"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://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"}

package/dist/autocomplete/AutocompleteClearButton.d.ts

@@ -3,7 +3,7 @@ import { type AutocompleteClearButtonProps } from "./types.js";
 /**
  * An internal component used for to clear the value from the `Autocomplete`.
  *
- * @see {@link https://next.react-md.dev/components/autocomplete | Autocomplete Demos}
+ * @see {@link https://react-md.dev/components/autocomplete | Autocomplete Demos}
  * @internal
  * @since 6.0.0
  */

package/dist/autocomplete/AutocompleteClearButton.js

@@ -7,7 +7,7 @@ import { autocompleteClearButton } from "./autocompleteStyles.js";
 /**
  * An internal component used for to clear the value from the `Autocomplete`.
  *
- * @see {@link https://next.react-md.dev/components/autocomplete | Autocomplete Demos}
+ * @see {@link https://react-md.dev/components/autocomplete | Autocomplete Demos}
  * @internal
  * @since 6.0.0
  */ export function AutocompleteClearButton(props) {

package/dist/autocomplete/AutocompleteClearButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/autocomplete/AutocompleteClearButton.tsx"],"sourcesContent":["\"use client\";\n\nimport { type ReactElement } from \"react\";\n\nimport { Button } from \"../button/Button.js\";\nimport { getIcon } from \"../icon/config.js\";\nimport { useEnsuredId } from \"../useEnsuredId.js\";\nimport { autocompleteClearButton } from \"./autocompleteStyles.js\";\nimport { type AutocompleteClearButtonProps } from \"./types.js\";\n\n/**\n * An internal component used for to clear the value from 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 AutocompleteClearButton(\n  props: AutocompleteClearButtonProps\n): ReactElement {\n  const {\n    id: propId,\n    className,\n    children,\n    buttonType = \"icon\",\n    \"aria-labelledby\": ariaLabelledBy,\n    \"aria-label\": ariaLabel = buttonType === \"text\" || ariaLabelledBy\n      ? undefined\n      : \"Clear\",\n    visibility,\n    ...remaining\n  } = props;\n  const id = useEnsuredId(propId, \"autocomplete-clear\");\n\n  return (\n    <Button\n      {...remaining}\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledBy}\n      id={id}\n      className={autocompleteClearButton({ className, visibility })}\n      tabIndex={-1}\n      buttonType={buttonType}\n    >\n      {getIcon(\"clear\", children)}\n    </Button>\n  );\n}\n"],"names":["Button","getIcon","useEnsuredId","autocompleteClearButton","AutocompleteClearButton","props","id","propId","className","children","buttonType","ariaLabelledBy","ariaLabel","undefined","visibility","remaining","aria-label","aria-labelledby","tabIndex"],"mappings":"AAAA;;AAIA,SAASA,MAAM,QAAQ,sBAAsB;AAC7C,SAASC,OAAO,QAAQ,oBAAoB;AAC5C,SAASC,YAAY,QAAQ,qBAAqB;AAClD,SAASC,uBAAuB,QAAQ,0BAA0B;AAGlE;;;;;;CAMC,GACD,OAAO,SAASC,wBACdC,KAAmC;IAEnC,MAAM,EACJC,IAAIC,MAAM,EACVC,SAAS,EACTC,QAAQ,EACRC,aAAa,MAAM,EACnB,mBAAmBC,cAAc,EACjC,cAAcC,YAAYF,eAAe,UAAUC,iBAC/CE,YACA,OAAO,EACXC,UAAU,EACV,GAAGC,WACJ,GAAGV;IACJ,MAAMC,KAAKJ,aAAaK,QAAQ;IAEhC,qBACE,KAACP;QACE,GAAGe,SAAS;QACbC,cAAYJ;QACZK,mBAAiBN;QACjBL,IAAIA;QACJE,WAAWL,wBAAwB;YAAEK;YAAWM;QAAW;QAC3DI,UAAU,CAAC;QACXR,YAAYA;kBAEXT,QAAQ,SAASQ;;AAGxB"}
+{"version":3,"sources":["../../src/autocomplete/AutocompleteClearButton.tsx"],"sourcesContent":["\"use client\";\n\nimport { type ReactElement } from \"react\";\n\nimport { Button } from \"../button/Button.js\";\nimport { getIcon } from \"../icon/config.js\";\nimport { useEnsuredId } from \"../useEnsuredId.js\";\nimport { autocompleteClearButton } from \"./autocompleteStyles.js\";\nimport { type AutocompleteClearButtonProps } from \"./types.js\";\n\n/**\n * An internal component used for to clear the value from the `Autocomplete`.\n *\n * @see {@link https://react-md.dev/components/autocomplete | Autocomplete Demos}\n * @internal\n * @since 6.0.0\n */\nexport function AutocompleteClearButton(\n  props: AutocompleteClearButtonProps\n): ReactElement {\n  const {\n    id: propId,\n    className,\n    children,\n    buttonType = \"icon\",\n    \"aria-labelledby\": ariaLabelledBy,\n    \"aria-label\": ariaLabel = buttonType === \"text\" || ariaLabelledBy\n      ? undefined\n      : \"Clear\",\n    visibility,\n    ...remaining\n  } = props;\n  const id = useEnsuredId(propId, \"autocomplete-clear\");\n\n  return (\n    <Button\n      {...remaining}\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledBy}\n      id={id}\n      className={autocompleteClearButton({ className, visibility })}\n      tabIndex={-1}\n      buttonType={buttonType}\n    >\n      {getIcon(\"clear\", children)}\n    </Button>\n  );\n}\n"],"names":["Button","getIcon","useEnsuredId","autocompleteClearButton","AutocompleteClearButton","props","id","propId","className","children","buttonType","ariaLabelledBy","ariaLabel","undefined","visibility","remaining","aria-label","aria-labelledby","tabIndex"],"mappings":"AAAA;;AAIA,SAASA,MAAM,QAAQ,sBAAsB;AAC7C,SAASC,OAAO,QAAQ,oBAAoB;AAC5C,SAASC,YAAY,QAAQ,qBAAqB;AAClD,SAASC,uBAAuB,QAAQ,0BAA0B;AAGlE;;;;;;CAMC,GACD,OAAO,SAASC,wBACdC,KAAmC;IAEnC,MAAM,EACJC,IAAIC,MAAM,EACVC,SAAS,EACTC,QAAQ,EACRC,aAAa,MAAM,EACnB,mBAAmBC,cAAc,EACjC,cAAcC,YAAYF,eAAe,UAAUC,iBAC/CE,YACA,OAAO,EACXC,UAAU,EACV,GAAGC,WACJ,GAAGV;IACJ,MAAMC,KAAKJ,aAAaK,QAAQ;IAEhC,qBACE,KAACP;QACE,GAAGe,SAAS;QACbC,cAAYJ;QACZK,mBAAiBN;QACjBL,IAAIA;QACJE,WAAWL,wBAAwB;YAAEK;YAAWM;QAAW;QAC3DI,UAAU,CAAC;QACXR,YAAYA;kBAEXT,QAAQ,SAASQ;;AAGxB"}

package/dist/autocomplete/AutocompleteDropdownButton.d.ts

@@ -5,7 +5,7 @@ import { type AutocompleteDropdownButtonProps } from "./types.js";
  * This is a simple `Button` wrapper to be used as a dropdown button within the
  * `Autocomplete`.
  *
- * @see {@link https://next.react-md.dev/components/autocomplete | Autocomplete Demos}
+ * @see {@link https://react-md.dev/components/autocomplete | Autocomplete Demos}
  * @since 6.0.0
  */
 export declare function AutocompleteDropdownButton(props: LabelRequiredForA11y<AutocompleteDropdownButtonProps>): ReactElement;

package/dist/autocomplete/AutocompleteDropdownButton.js

@@ -9,7 +9,7 @@ import { autocompleteDropdownButton } from "./autocompleteStyles.js";
  * This is a simple `Button` wrapper to be used as a dropdown button within the
  * `Autocomplete`.
  *
- * @see {@link https://next.react-md.dev/components/autocomplete | Autocomplete Demos}
+ * @see {@link https://react-md.dev/components/autocomplete | Autocomplete Demos}
  * @since 6.0.0
  */ export function AutocompleteDropdownButton(props) {
     const { id: propId, icon, visible, iconRotatorProps, className, ...remaining } = props;

package/dist/autocomplete/AutocompleteDropdownButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/autocomplete/AutocompleteDropdownButton.tsx"],"sourcesContent":["\"use client\";\n\nimport { type ReactElement } from \"react\";\n\nimport { Button } from \"../button/Button.js\";\nimport { IconRotator } from \"../icon/IconRotator.js\";\nimport { getIcon } from \"../icon/config.js\";\nimport { type LabelRequiredForA11y } from \"../types.js\";\nimport { useEnsuredId } from \"../useEnsuredId.js\";\nimport { autocompleteDropdownButton } from \"./autocompleteStyles.js\";\nimport { type AutocompleteDropdownButtonProps } from \"./types.js\";\n\n/**\n * This is a simple `Button` wrapper to be used as a dropdown button within the\n * `Autocomplete`.\n *\n * @see {@link https://next.react-md.dev/components/autocomplete | Autocomplete Demos}\n * @since 6.0.0\n */\nexport function AutocompleteDropdownButton(\n  props: LabelRequiredForA11y<AutocompleteDropdownButtonProps>\n): ReactElement {\n  const {\n    id: propId,\n    icon,\n    visible,\n    iconRotatorProps,\n    className,\n    ...remaining\n  } = props;\n\n  const id = useEnsuredId(propId, \"autocomplete-dropdown\");\n\n  return (\n    <Button\n      {...remaining}\n      id={id}\n      aria-expanded={visible}\n      tabIndex={-1}\n      buttonType=\"icon\"\n      className={autocompleteDropdownButton({ className })}\n    >\n      <IconRotator {...iconRotatorProps} rotated={visible}>\n        {getIcon(\"dropdown\", icon)}\n      </IconRotator>\n    </Button>\n  );\n}\n"],"names":["Button","IconRotator","getIcon","useEnsuredId","autocompleteDropdownButton","AutocompleteDropdownButton","props","id","propId","icon","visible","iconRotatorProps","className","remaining","aria-expanded","tabIndex","buttonType","rotated"],"mappings":"AAAA;;AAIA,SAASA,MAAM,QAAQ,sBAAsB;AAC7C,SAASC,WAAW,QAAQ,yBAAyB;AACrD,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,SAASC,YAAY,QAAQ,qBAAqB;AAClD,SAASC,0BAA0B,QAAQ,0BAA0B;AAGrE;;;;;;CAMC,GACD,OAAO,SAASC,2BACdC,KAA4D;IAE5D,MAAM,EACJC,IAAIC,MAAM,EACVC,IAAI,EACJC,OAAO,EACPC,gBAAgB,EAChBC,SAAS,EACT,GAAGC,WACJ,GAAGP;IAEJ,MAAMC,KAAKJ,aAAaK,QAAQ;IAEhC,qBACE,KAACR;QACE,GAAGa,SAAS;QACbN,IAAIA;QACJO,iBAAeJ;QACfK,UAAU,CAAC;QACXC,YAAW;QACXJ,WAAWR,2BAA2B;YAAEQ;QAAU;kBAElD,cAAA,KAACX;YAAa,GAAGU,gBAAgB;YAAEM,SAASP;sBACzCR,QAAQ,YAAYO;;;AAI7B"}
+{"version":3,"sources":["../../src/autocomplete/AutocompleteDropdownButton.tsx"],"sourcesContent":["\"use client\";\n\nimport { type ReactElement } from \"react\";\n\nimport { Button } from \"../button/Button.js\";\nimport { IconRotator } from \"../icon/IconRotator.js\";\nimport { getIcon } from \"../icon/config.js\";\nimport { type LabelRequiredForA11y } from \"../types.js\";\nimport { useEnsuredId } from \"../useEnsuredId.js\";\nimport { autocompleteDropdownButton } from \"./autocompleteStyles.js\";\nimport { type AutocompleteDropdownButtonProps } from \"./types.js\";\n\n/**\n * This is a simple `Button` wrapper to be used as a dropdown button within the\n * `Autocomplete`.\n *\n * @see {@link https://react-md.dev/components/autocomplete | Autocomplete Demos}\n * @since 6.0.0\n */\nexport function AutocompleteDropdownButton(\n  props: LabelRequiredForA11y<AutocompleteDropdownButtonProps>\n): ReactElement {\n  const {\n    id: propId,\n    icon,\n    visible,\n    iconRotatorProps,\n    className,\n    ...remaining\n  } = props;\n\n  const id = useEnsuredId(propId, \"autocomplete-dropdown\");\n\n  return (\n    <Button\n      {...remaining}\n      id={id}\n      aria-expanded={visible}\n      tabIndex={-1}\n      buttonType=\"icon\"\n      className={autocompleteDropdownButton({ className })}\n    >\n      <IconRotator {...iconRotatorProps} rotated={visible}>\n        {getIcon(\"dropdown\", icon)}\n      </IconRotator>\n    </Button>\n  );\n}\n"],"names":["Button","IconRotator","getIcon","useEnsuredId","autocompleteDropdownButton","AutocompleteDropdownButton","props","id","propId","icon","visible","iconRotatorProps","className","remaining","aria-expanded","tabIndex","buttonType","rotated"],"mappings":"AAAA;;AAIA,SAASA,MAAM,QAAQ,sBAAsB;AAC7C,SAASC,WAAW,QAAQ,yBAAyB;AACrD,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,SAASC,YAAY,QAAQ,qBAAqB;AAClD,SAASC,0BAA0B,QAAQ,0BAA0B;AAGrE;;;;;;CAMC,GACD,OAAO,SAASC,2BACdC,KAA4D;IAE5D,MAAM,EACJC,IAAIC,MAAM,EACVC,IAAI,EACJC,OAAO,EACPC,gBAAgB,EAChBC,SAAS,EACT,GAAGC,WACJ,GAAGP;IAEJ,MAAMC,KAAKJ,aAAaK,QAAQ;IAEhC,qBACE,KAACR;QACE,GAAGa,SAAS;QACbN,IAAIA;QACJO,iBAAeJ;QACfK,UAAU,CAAC;QACXC,YAAW;QACXJ,WAAWR,2BAA2B;YAAEQ;QAAU;kBAElD,cAAA,KAACX;YAAa,GAAGU,gBAAgB;YAAEM,SAASP;sBACzCR,QAAQ,YAAYO;;;AAI7B"}

package/dist/autocomplete/_autocomplete.scss

@@ -31,7 +31,7 @@ $disable-clear-button: false !default;
 /// `disableClearButton` was enabled on the `Autocomplete`.
 ///
 /// @type Boolean
-$disable-clear-button-opacity-query: false !default;
+$disable-clear-button-display-none-query: false !default;
 
 /// Set to `true` to disable the dropdown button styles
 /// @type Boolean
@@ -130,7 +130,7 @@ $_clear-button-hover-selector: "&:where(:not(:hover):not(:focus-within)) :where(
 // showing the clear button if the input has a value (or query)
 $_clear-button-valued-selector: "&:where(:has(:placeholder-shown)) :where(#{$_clear-button-selector + "--query"})";
 
-$_clear-button-opacity-selector: $_clear-button-hover-selector + ", "
+$_clear-button-display-none-selector: $_clear-button-hover-selector + ", "
   $_clear-button-valued-selector;
 
 /// The available configurable css variables and mostly used internally for the
@@ -340,9 +340,12 @@ $variables: (
           }
         }
 
-        @if not $disable-clear-button {
-          #{$_clear-button-opacity-selector} {
-            opacity: 0;
+        @if not
+          $disable-clear-button and not
+          $disable-clear-button-display-none-query
+        {
+          #{$_clear-button-display-none-selector} {
+            display: none;
           }
         }
 

package/dist/autocomplete/useAutocomplete.d.ts

@@ -3,14 +3,14 @@ import { type AutocompleteImplementation, type AutocompleteMultiSelectImplementa
 /**
  * This is the single select autocomplete implementation.
  *
- * @see {@link https://next.react-md.dev/components/autocomplete | Autocomplete Demos}
+ * @see {@link https://react-md.dev/components/autocomplete | Autocomplete Demos}
  * @since 6.0.0
  */
 export declare function useAutocomplete<Option extends AutocompleteOption, ComboboxEl extends EditableHTMLElement = HTMLInputElement, PopupEl extends HTMLElement = HTMLElement>(options: AutocompleteSingleSelectOptions<Option, ComboboxEl, PopupEl>): AutocompleteSingleSelectImplementation<Option, ComboboxEl, PopupEl>;
 /**
  * This is the multiselect autocomplete implementation.
  *
- * @see {@link https://next.react-md.dev/components/autocomplete | Autocomplete Demos}
+ * @see {@link https://react-md.dev/components/autocomplete | Autocomplete Demos}
  * @since 6.0.0
  */
 export declare function useAutocomplete<Option extends AutocompleteOption, ComboboxEl extends EditableHTMLElement = HTMLInputElement, PopupEl extends HTMLElement = HTMLElement>(options: AutocompleteMultiSelectOptions<Option, ComboboxEl, PopupEl>): AutocompleteMultiSelectImplementation<Option, ComboboxEl, PopupEl>;
@@ -18,7 +18,7 @@ export declare function useAutocomplete<Option extends AutocompleteOption, Combo
  * This is an internal override implementation where the types are less strict
  * so it can be used with the `Autocomplete` component.
  *
- * @see {@link https://next.react-md.dev/components/autocomplete | Autocomplete Demos}
+ * @see {@link https://react-md.dev/components/autocomplete | Autocomplete Demos}
  * @since 6.0.0
  * @internal
  */

package/dist/autocomplete/useAutocomplete.js

@@ -12,7 +12,7 @@ const noop = ()=>{
 // do nothing
 };
 /**
- * @see {@link https://next.react-md.dev/components/autocomplete | Autocomplete Demos}
+ * @see {@link https://react-md.dev/components/autocomplete | Autocomplete Demos}
  * @since 6.0.0
  * @internal
  */ export function useAutocomplete(options) {
@@ -38,6 +38,7 @@ const noop = ()=>{
     }
     const disableCloseOnSelect = propDisableCloseOnSelect ?? (multiselect && checkboxes);
     const [query, setQuery] = useEnsuredState({
+        name: "query",
         value: propQuery,
         setValue: propSetQuery,
         defaultValue: getDefaultQuery({

package/dist/autocomplete/useAutocomplete.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/autocomplete/useAutocomplete.ts"],"sourcesContent":["\"use client\";\n\nimport { useCallback, useMemo, useRef } from \"react\";\n\nimport { useEditableCombobox } from \"../form/useEditableCombobox.js\";\nimport {\n  type EditableHTMLElement,\n  triggerManualChangeEvent,\n} from \"../form/utils.js\";\nimport { getIcon } from \"../icon/config.js\";\nimport { useUserInteractionMode } from \"../interaction/UserInteractionModeProvider.js\";\nimport { getTransitionCallbacks } from \"../transition/getTransitionCallbacks.js\";\nimport { useEnsuredState } from \"../useEnsuredState.js\";\nimport {\n  defaultAutocompleteExtractor,\n  defaultAutocompleteFilter,\n  defaultAutocompleteGetOptionProps,\n  noopAutocompleteFilter,\n} from \"./defaults.js\";\nimport {\n  type AutocompleteImplementation,\n  type AutocompleteMultiSelectImplementation,\n  type AutocompleteMultiSelectOptions,\n  type AutocompleteOption,\n  type AutocompleteOptions,\n  type AutocompleteSingleSelectImplementation,\n  type AutocompleteSingleSelectOptions,\n} from \"./types.js\";\nimport {\n  enforceSelectedValue,\n  getDefaultQuery,\n  getDefaultValue,\n  isMultipleValues,\n} from \"./utils.js\";\n\nconst noop = (): void => {\n  // do nothing\n};\n\n/**\n * This is the single select autocomplete implementation.\n *\n * @see {@link https://next.react-md.dev/components/autocomplete | Autocomplete Demos}\n * @since 6.0.0\n */\nexport function useAutocomplete<\n  Option extends AutocompleteOption,\n  ComboboxEl extends EditableHTMLElement = HTMLInputElement,\n  PopupEl extends HTMLElement = HTMLElement,\n>(\n  options: AutocompleteSingleSelectOptions<Option, ComboboxEl, PopupEl>\n): AutocompleteSingleSelectImplementation<Option, ComboboxEl, PopupEl>;\n/**\n * This is the multiselect autocomplete implementation.\n *\n * @see {@link https://next.react-md.dev/components/autocomplete | Autocomplete Demos}\n * @since 6.0.0\n */\nexport function useAutocomplete<\n  Option extends AutocompleteOption,\n  ComboboxEl extends EditableHTMLElement = HTMLInputElement,\n  PopupEl extends HTMLElement = HTMLElement,\n>(\n  options: AutocompleteMultiSelectOptions<Option, ComboboxEl, PopupEl>\n): AutocompleteMultiSelectImplementation<Option, ComboboxEl, PopupEl>;\n/**\n * This is an internal override implementation where the types are less strict\n * so it can be used with the `Autocomplete` component.\n *\n * @see {@link https://next.react-md.dev/components/autocomplete | Autocomplete Demos}\n * @since 6.0.0\n * @internal\n */\nexport function useAutocomplete<\n  Option extends AutocompleteOption,\n  ComboboxEl extends EditableHTMLElement = HTMLInputElement,\n  PopupEl extends HTMLElement = HTMLElement,\n>(\n  options: AutocompleteOptions<Option, ComboboxEl, PopupEl>\n): AutocompleteImplementation<Option, ComboboxEl, PopupEl>;\n/**\n * @see {@link https://next.react-md.dev/components/autocomplete | Autocomplete Demos}\n * @since 6.0.0\n * @internal\n */\nexport function useAutocomplete<\n  Option extends AutocompleteOption,\n  ComboboxEl extends EditableHTMLElement = HTMLInputElement,\n  PopupEl extends HTMLElement = HTMLElement,\n>(\n  options: AutocompleteOptions<Option, ComboboxEl, PopupEl>\n): AutocompleteImplementation<Option, ComboboxEl, PopupEl> {\n  const {\n    value: propValue,\n    setValue: propSetValue,\n    defaultValue,\n    onValueChange = noop,\n    query: propQuery,\n    setQuery: propSetQuery,\n    defaultQuery,\n    options: values,\n    getOptionLabel = defaultAutocompleteExtractor,\n    getOptionProps = defaultAutocompleteGetOptionProps,\n    onBlur = noop,\n    onChange = noop,\n    onOpen = noop,\n    filter = defaultAutocompleteFilter,\n    filterSelected,\n    allowAnyValue = filter === noopAutocompleteFilter,\n    multiselect: propMultiselect,\n    checkboxes,\n    selectedIcon: propSelectedIcon,\n    unselectedIcon: propUnselectedIcon,\n    selectedIconAfter,\n    disableSelectedIcon: propDisableSelectedIcon,\n    updateQueryOnSelect: propUpdateQueryOnSelect,\n    disableCloseOnSelect: propDisableCloseOnSelect,\n    ...comboboxOptions\n  } = options;\n\n  const mode = useUserInteractionMode();\n  const [value, setValueState] = useEnsuredState({\n    value: propValue,\n    setValue: propSetValue,\n    defaultValue: getDefaultValue({\n      query: propQuery,\n      filter,\n      multiselect: propMultiselect,\n      defaultQuery,\n      defaultValue,\n      options: values,\n      getOptionLabel,\n    }),\n  });\n  const multiselect =\n    propMultiselect ??\n    (!!value && typeof value === \"object\" && \"length\" in value);\n  let updateQueryOnSelect = propUpdateQueryOnSelect;\n  if (typeof propUpdateQueryOnSelect === \"undefined\") {\n    updateQueryOnSelect = multiselect ? \"clear\" : \"selected\";\n  }\n\n  const disableCloseOnSelect =\n    propDisableCloseOnSelect ?? (multiselect && checkboxes);\n\n  const [query, setQuery] = useEnsuredState({\n    value: propQuery,\n    setValue: propSetQuery,\n    defaultValue: getDefaultQuery({\n      value,\n      getOptionLabel,\n      defaultQuery,\n    }),\n  });\n  const setValue = useCallback(\n    (value: Option | null | readonly Option[]) => {\n      onValueChange(value);\n      setValueState(value);\n    },\n    [onValueChange, setValueState]\n  );\n\n  const combobox = useEditableCombobox<ComboboxEl, PopupEl>({\n    ...comboboxOptions,\n    multiselect,\n  });\n  const {\n    visible,\n    setVisible,\n    popupRef,\n    comboboxRef,\n    comboboxProps,\n    getMenuProps,\n  } = combobox;\n\n  // These refs are used to make it so that the options are not filtered until\n  // the user types a new query while the listbox is visible. The filtered\n  // options will be \"cached\" while:\n  // - the listbox is closing\n  // - the listbox is opening and:\n  //   - the user has not typed at least one letter\n  //   - the options have not changed\n  const entered = useRef(visible);\n  const initialQuery = useRef(\"\");\n  const prevAvailableOptions = useRef<readonly Option[] | null>(null);\n  const isQueryChange =\n    query && query !== initialQuery.current && entered.current;\n\n  let availableOptions = prevAvailableOptions.current || values;\n  if (\n    isQueryChange &&\n    filter !== noopAutocompleteFilter &&\n    !prevAvailableOptions.current\n  ) {\n    initialQuery.current = \"\";\n    availableOptions = filter({\n      list: values,\n      query,\n      extractor: getOptionLabel,\n    });\n  }\n\n  // This is probably overkill, but `filterSelected` will create a quick-lookup\n  // for all the selected values in a `Set` since it is much faster than\n  // `Array.includes()`. The lookup will only be re-created whenever the `value`\n  // changes or is uninitialized to prevent it being created each render as\n  // well.\n  //\n  // These optimizations only start mattering when there are around 5000 items\n  // selected...\n  const selectedOptions = useMemo(() => {\n    if (!filterSelected) {\n      return null;\n    }\n\n    let optionList: readonly Option[] = [];\n    if (isMultipleValues(value)) {\n      optionList = value;\n    } else if (value) {\n      optionList = [value];\n    }\n\n    return new Set(optionList);\n  }, [filterSelected, value]);\n\n  if (filterSelected && selectedOptions?.size) {\n    availableOptions = availableOptions.filter(\n      (option) => !selectedOptions.has(option)\n    );\n  }\n\n  return {\n    ...combobox,\n    value,\n    setValue,\n    query,\n    setQuery,\n    availableOptions,\n    multiselect,\n    comboboxProps: {\n      ...comboboxProps,\n      \"aria-autocomplete\": filter === noopAutocompleteFilter ? \"none\" : \"list\",\n      value: query,\n      onKeyDown(event) {\n        comboboxProps.onKeyDown(event);\n        if (!visible && event.key === \"Escape\") {\n          setQuery(\"\");\n        }\n      },\n      onBlur(event) {\n        onBlur(event);\n\n        if (allowAnyValue) {\n          return;\n        }\n\n        enforceSelectedValue({\n          value,\n          visible,\n          popupRef,\n          container: event.currentTarget.parentElement,\n          comboboxRef,\n          getOptionLabel,\n          availableOptions,\n          prevAvailableOptions,\n        });\n      },\n      onFocus(event) {\n        comboboxProps.onFocus(event);\n        event.currentTarget.select();\n      },\n      onChange(event) {\n        onChange(event);\n\n        const { value } = event.currentTarget;\n        setQuery(value);\n        if (!value && !multiselect) {\n          setValue(null);\n        }\n      },\n    },\n    getListboxProps(overrides) {\n      const {\n        ref,\n        onEnter,\n        onEntered,\n        onExited,\n        disableTransition,\n        ...listboxProps\n      } = getMenuProps(overrides);\n\n      let selectedIcon = propSelectedIcon;\n      let unselectedIcon = propUnselectedIcon;\n      let disableSelectedIcon = propDisableSelectedIcon;\n      if (multiselect && checkboxes) {\n        if (typeof selectedIcon === \"undefined\") {\n          selectedIcon = getIcon(\"checkboxChecked\");\n        }\n        if (typeof unselectedIcon === \"undefined\") {\n          unselectedIcon = getIcon(\"checkbox\");\n        }\n      } else if (typeof disableSelectedIcon === \"undefined\") {\n        disableSelectedIcon = true;\n      }\n\n      return {\n        selectedIcon,\n        unselectedIcon,\n        selectedIconAfter,\n        disableSelectedIcon,\n        ...listboxProps,\n        disableTransition,\n        onRequestClose() {\n          // Make it so clicking on the text field, clear button, dropdown\n          // button, etc does not close the listbox\n          if (\n            mode !== \"keyboard\" &&\n            comboboxRef.current?.parentElement?.contains(document.activeElement)\n          ) {\n            return;\n          }\n\n          listboxProps.onRequestClose();\n        },\n        nodeRef: ref,\n        value,\n        setValue(option) {\n          if (!disableCloseOnSelect) {\n            // this makes it so that the options are not filtered again while the\n            // listbox is closing after selecting a value\n            prevAvailableOptions.current = availableOptions;\n          }\n\n          if (value && typeof value === \"object\" && \"length\" in value) {\n            const nextValue = [...value];\n            const i = value.indexOf(option);\n            if (i === -1) {\n              nextValue.push(option);\n            } else {\n              nextValue.splice(i, 1);\n            }\n\n            setValue(nextValue);\n          } else {\n            setValue(option);\n          }\n\n          if (updateQueryOnSelect === \"as-is\") {\n            return;\n          }\n\n          const nextQuery =\n            updateQueryOnSelect === \"clear\" ? \"\" : getOptionLabel(option);\n          triggerManualChangeEvent(comboboxRef.current, nextQuery);\n        },\n        ...getTransitionCallbacks({\n          enter: true,\n          onEnter,\n          onEntered,\n          onEnterOnce: () => {\n            onOpen();\n\n            // when the listbox is opened, need to flag the entered state to show\n            // that new `query` values should be accepted. Also store the initial\n            // query.\n            entered.current = true;\n            initialQuery.current = query;\n          },\n          disableTransition,\n        }),\n        onExited() {\n          onExited();\n\n          // once the listbox has exited, reset any cached states so the next\n          // time the listbox is opened the filtering behaves the same\n          entered.current = false;\n          prevAvailableOptions.current = null;\n        },\n      };\n    },\n    getOptionLabel,\n    getOptionProps(options) {\n      const overrides = getOptionProps(options);\n\n      return {\n        ...overrides,\n        onClick: (event) => {\n          overrides?.onClick?.(event);\n          if (disableCloseOnSelect) {\n            event.stopPropagation();\n          }\n        },\n      };\n    },\n    getClearButtonProps(overrides) {\n      return {\n        ...overrides,\n        onClick(event) {\n          overrides?.onClick?.(event);\n          comboboxRef.current?.focus();\n\n          if (!multiselect) {\n            setValue(null);\n          }\n          triggerManualChangeEvent(comboboxRef.current, \"\");\n        },\n      };\n    },\n    getDropdownButtonProps(overrides) {\n      return {\n        \"aria-controls\": comboboxProps.id,\n        visible,\n        ...overrides,\n        onClick(event) {\n          overrides?.onClick?.(event);\n          comboboxRef.current?.focus();\n          if (visible) {\n            prevAvailableOptions.current = availableOptions;\n          }\n          setVisible((prev) => !prev);\n        },\n      };\n    },\n  };\n}\n"],"names":["useCallback","useMemo","useRef","useEditableCombobox","triggerManualChangeEvent","getIcon","useUserInteractionMode","getTransitionCallbacks","useEnsuredState","defaultAutocompleteExtractor","defaultAutocompleteFilter","defaultAutocompleteGetOptionProps","noopAutocompleteFilter","enforceSelectedValue","getDefaultQuery","getDefaultValue","isMultipleValues","noop","useAutocomplete","options","value","propValue","setValue","propSetValue","defaultValue","onValueChange","query","propQuery","setQuery","propSetQuery","defaultQuery","values","getOptionLabel","getOptionProps","onBlur","onChange","onOpen","filter","filterSelected","allowAnyValue","multiselect","propMultiselect","checkboxes","selectedIcon","propSelectedIcon","unselectedIcon","propUnselectedIcon","selectedIconAfter","disableSelectedIcon","propDisableSelectedIcon","updateQueryOnSelect","propUpdateQueryOnSelect","disableCloseOnSelect","propDisableCloseOnSelect","comboboxOptions","mode","setValueState","combobox","visible","setVisible","popupRef","comboboxRef","comboboxProps","getMenuProps","entered","initialQuery","prevAvailableOptions","isQueryChange","current","availableOptions","list","extractor","selectedOptions","optionList","Set","size","option","has","onKeyDown","event","key","container","currentTarget","parentElement","onFocus","select","getListboxProps","overrides","ref","onEnter","onEntered","onExited","disableTransition","listboxProps","onRequestClose","contains","document","activeElement","nodeRef","nextValue","i","indexOf","push","splice","nextQuery","enter","onEnterOnce","onClick","stopPropagation","getClearButtonProps","focus","getDropdownButtonProps","id","prev"],"mappings":"AAAA;AAEA,SAASA,WAAW,EAAEC,OAAO,EAAEC,MAAM,QAAQ,QAAQ;AAErD,SAASC,mBAAmB,QAAQ,iCAAiC;AACrE,SAEEC,wBAAwB,QACnB,mBAAmB;AAC1B,SAASC,OAAO,QAAQ,oBAAoB;AAC5C,SAASC,sBAAsB,QAAQ,gDAAgD;AACvF,SAASC,sBAAsB,QAAQ,0CAA0C;AACjF,SAASC,eAAe,QAAQ,wBAAwB;AACxD,SACEC,4BAA4B,EAC5BC,yBAAyB,EACzBC,iCAAiC,EACjCC,sBAAsB,QACjB,gBAAgB;AAUvB,SACEC,oBAAoB,EACpBC,eAAe,EACfC,eAAe,EACfC,gBAAgB,QACX,aAAa;AAEpB,MAAMC,OAAO;AACX,aAAa;AACf;AA2CA;;;;CAIC,GACD,OAAO,SAASC,gBAKdC,OAAyD;IAEzD,MAAM,EACJC,OAAOC,SAAS,EAChBC,UAAUC,YAAY,EACtBC,YAAY,EACZC,gBAAgBR,IAAI,EACpBS,OAAOC,SAAS,EAChBC,UAAUC,YAAY,EACtBC,YAAY,EACZX,SAASY,MAAM,EACfC,iBAAiBvB,4BAA4B,EAC7CwB,iBAAiBtB,iCAAiC,EAClDuB,SAASjB,IAAI,EACbkB,WAAWlB,IAAI,EACfmB,SAASnB,IAAI,EACboB,SAAS3B,yBAAyB,EAClC4B,cAAc,EACdC,gBAAgBF,WAAWzB,sBAAsB,EACjD4B,aAAaC,eAAe,EAC5BC,UAAU,EACVC,cAAcC,gBAAgB,EAC9BC,gBAAgBC,kBAAkB,EAClCC,iBAAiB,EACjBC,qBAAqBC,uBAAuB,EAC5CC,qBAAqBC,uBAAuB,EAC5CC,sBAAsBC,wBAAwB,EAC9C,GAAGC,iBACJ,GAAGnC;IAEJ,MAAMoC,OAAOjD;IACb,MAAM,CAACc,OAAOoC,cAAc,GAAGhD,gBAAgB;QAC7CY,OAAOC;QACPC,UAAUC;QACVC,cAAcT,gBAAgB;YAC5BW,OAAOC;YACPU;YACAG,aAAaC;YACbX;YACAN;YACAL,SAASY;YACTC;QACF;IACF;IACA,MAAMQ,cACJC,mBACC,CAAA,CAAC,CAACrB,SAAS,OAAOA,UAAU,YAAY,YAAYA,KAAI;IAC3D,IAAI8B,sBAAsBC;IAC1B,IAAI,OAAOA,4BAA4B,aAAa;QAClDD,sBAAsBV,cAAc,UAAU;IAChD;IAEA,MAAMY,uBACJC,4BAA6Bb,CAAAA,eAAeE,UAAS;IAEvD,MAAM,CAAChB,OAAOE,SAAS,GAAGpB,gBAAgB;QACxCY,OAAOO;QACPL,UAAUO;QACVL,cAAcV,gBAAgB;YAC5BM;YACAY;YACAF;QACF;IACF;IACA,MAAMR,WAAWtB,YACf,CAACoB;QACCK,cAAcL;QACdoC,cAAcpC;IAChB,GACA;QAACK;QAAe+B;KAAc;IAGhC,MAAMC,WAAWtD,oBAAyC;QACxD,GAAGmD,eAAe;QAClBd;IACF;IACA,MAAM,EACJkB,OAAO,EACPC,UAAU,EACVC,QAAQ,EACRC,WAAW,EACXC,aAAa,EACbC,YAAY,EACb,GAAGN;IAEJ,4EAA4E;IAC5E,wEAAwE;IACxE,kCAAkC;IAClC,2BAA2B;IAC3B,gCAAgC;IAChC,iDAAiD;IACjD,mCAAmC;IACnC,MAAMO,UAAU9D,OAAOwD;IACvB,MAAMO,eAAe/D,OAAO;IAC5B,MAAMgE,uBAAuBhE,OAAiC;IAC9D,MAAMiE,gBACJzC,SAASA,UAAUuC,aAAaG,OAAO,IAAIJ,QAAQI,OAAO;IAE5D,IAAIC,mBAAmBH,qBAAqBE,OAAO,IAAIrC;IACvD,IACEoC,iBACA9B,WAAWzB,0BACX,CAACsD,qBAAqBE,OAAO,EAC7B;QACAH,aAAaG,OAAO,GAAG;QACvBC,mBAAmBhC,OAAO;YACxBiC,MAAMvC;YACNL;YACA6C,WAAWvC;QACb;IACF;IAEA,6EAA6E;IAC7E,sEAAsE;IACtE,8EAA8E;IAC9E,yEAAyE;IACzE,QAAQ;IACR,EAAE;IACF,4EAA4E;IAC5E,cAAc;IACd,MAAMwC,kBAAkBvE,QAAQ;QAC9B,IAAI,CAACqC,gBAAgB;YACnB,OAAO;QACT;QAEA,IAAImC,aAAgC,EAAE;QACtC,IAAIzD,iBAAiBI,QAAQ;YAC3BqD,aAAarD;QACf,OAAO,IAAIA,OAAO;YAChBqD,aAAa;gBAACrD;aAAM;QACtB;QAEA,OAAO,IAAIsD,IAAID;IACjB,GAAG;QAACnC;QAAgBlB;KAAM;IAE1B,IAAIkB,kBAAkBkC,iBAAiBG,MAAM;QAC3CN,mBAAmBA,iBAAiBhC,MAAM,CACxC,CAACuC,SAAW,CAACJ,gBAAgBK,GAAG,CAACD;IAErC;IAEA,OAAO;QACL,GAAGnB,QAAQ;QACXrC;QACAE;QACAI;QACAE;QACAyC;QACA7B;QACAsB,eAAe;YACb,GAAGA,aAAa;YAChB,qBAAqBzB,WAAWzB,yBAAyB,SAAS;YAClEQ,OAAOM;YACPoD,WAAUC,KAAK;gBACbjB,cAAcgB,SAAS,CAACC;gBACxB,IAAI,CAACrB,WAAWqB,MAAMC,GAAG,KAAK,UAAU;oBACtCpD,SAAS;gBACX;YACF;YACAM,QAAO6C,KAAK;gBACV7C,OAAO6C;gBAEP,IAAIxC,eAAe;oBACjB;gBACF;gBAEA1B,qBAAqB;oBACnBO;oBACAsC;oBACAE;oBACAqB,WAAWF,MAAMG,aAAa,CAACC,aAAa;oBAC5CtB;oBACA7B;oBACAqC;oBACAH;gBACF;YACF;YACAkB,SAAQL,KAAK;gBACXjB,cAAcsB,OAAO,CAACL;gBACtBA,MAAMG,aAAa,CAACG,MAAM;YAC5B;YACAlD,UAAS4C,KAAK;gBACZ5C,SAAS4C;gBAET,MAAM,EAAE3D,KAAK,EAAE,GAAG2D,MAAMG,aAAa;gBACrCtD,SAASR;gBACT,IAAI,CAACA,SAAS,CAACoB,aAAa;oBAC1BlB,SAAS;gBACX;YACF;QACF;QACAgE,iBAAgBC,SAAS;YACvB,MAAM,EACJC,GAAG,EACHC,OAAO,EACPC,SAAS,EACTC,QAAQ,EACRC,iBAAiB,EACjB,GAAGC,cACJ,GAAG9B,aAAawB;YAEjB,IAAI5C,eAAeC;YACnB,IAAIC,iBAAiBC;YACrB,IAAIE,sBAAsBC;YAC1B,IAAIT,eAAeE,YAAY;gBAC7B,IAAI,OAAOC,iBAAiB,aAAa;oBACvCA,eAAetC,QAAQ;gBACzB;gBACA,IAAI,OAAOwC,mBAAmB,aAAa;oBACzCA,iBAAiBxC,QAAQ;gBAC3B;YACF,OAAO,IAAI,OAAO2C,wBAAwB,aAAa;gBACrDA,sBAAsB;YACxB;YAEA,OAAO;gBACLL;gBACAE;gBACAE;gBACAC;gBACA,GAAG6C,YAAY;gBACfD;gBACAE;oBACE,gEAAgE;oBAChE,yCAAyC;oBACzC,IACEvC,SAAS,cACTM,YAAYO,OAAO,EAAEe,eAAeY,SAASC,SAASC,aAAa,GACnE;wBACA;oBACF;oBAEAJ,aAAaC,cAAc;gBAC7B;gBACAI,SAASV;gBACTpE;gBACAE,UAASsD,MAAM;oBACb,IAAI,CAACxB,sBAAsB;wBACzB,qEAAqE;wBACrE,6CAA6C;wBAC7Cc,qBAAqBE,OAAO,GAAGC;oBACjC;oBAEA,IAAIjD,SAAS,OAAOA,UAAU,YAAY,YAAYA,OAAO;wBAC3D,MAAM+E,YAAY;+BAAI/E;yBAAM;wBAC5B,MAAMgF,IAAIhF,MAAMiF,OAAO,CAACzB;wBACxB,IAAIwB,MAAM,CAAC,GAAG;4BACZD,UAAUG,IAAI,CAAC1B;wBACjB,OAAO;4BACLuB,UAAUI,MAAM,CAACH,GAAG;wBACtB;wBAEA9E,SAAS6E;oBACX,OAAO;wBACL7E,SAASsD;oBACX;oBAEA,IAAI1B,wBAAwB,SAAS;wBACnC;oBACF;oBAEA,MAAMsD,YACJtD,wBAAwB,UAAU,KAAKlB,eAAe4C;oBACxDxE,yBAAyByD,YAAYO,OAAO,EAAEoC;gBAChD;gBACA,GAAGjG,uBAAuB;oBACxBkG,OAAO;oBACPhB;oBACAC;oBACAgB,aAAa;wBACXtE;wBAEA,qEAAqE;wBACrE,qEAAqE;wBACrE,SAAS;wBACT4B,QAAQI,OAAO,GAAG;wBAClBH,aAAaG,OAAO,GAAG1C;oBACzB;oBACAkE;gBACF,EAAE;gBACFD;oBACEA;oBAEA,mEAAmE;oBACnE,4DAA4D;oBAC5D3B,QAAQI,OAAO,GAAG;oBAClBF,qBAAqBE,OAAO,GAAG;gBACjC;YACF;QACF;QACApC;QACAC,gBAAed,OAAO;YACpB,MAAMoE,YAAYtD,eAAed;YAEjC,OAAO;gBACL,GAAGoE,SAAS;gBACZoB,SAAS,CAAC5B;oBACRQ,WAAWoB,UAAU5B;oBACrB,IAAI3B,sBAAsB;wBACxB2B,MAAM6B,eAAe;oBACvB;gBACF;YACF;QACF;QACAC,qBAAoBtB,SAAS;YAC3B,OAAO;gBACL,GAAGA,SAAS;gBACZoB,SAAQ5B,KAAK;oBACXQ,WAAWoB,UAAU5B;oBACrBlB,YAAYO,OAAO,EAAE0C;oBAErB,IAAI,CAACtE,aAAa;wBAChBlB,SAAS;oBACX;oBACAlB,yBAAyByD,YAAYO,OAAO,EAAE;gBAChD;YACF;QACF;QACA2C,wBAAuBxB,SAAS;YAC9B,OAAO;gBACL,iBAAiBzB,cAAckD,EAAE;gBACjCtD;gBACA,GAAG6B,SAAS;gBACZoB,SAAQ5B,KAAK;oBACXQ,WAAWoB,UAAU5B;oBACrBlB,YAAYO,OAAO,EAAE0C;oBACrB,IAAIpD,SAAS;wBACXQ,qBAAqBE,OAAO,GAAGC;oBACjC;oBACAV,WAAW,CAACsD,OAAS,CAACA;gBACxB;YACF;QACF;IACF;AACF"}
+{"version":3,"sources":["../../src/autocomplete/useAutocomplete.ts"],"sourcesContent":["\"use client\";\n\nimport { useCallback, useMemo, useRef } from \"react\";\n\nimport { useEditableCombobox } from \"../form/useEditableCombobox.js\";\nimport {\n  type EditableHTMLElement,\n  triggerManualChangeEvent,\n} from \"../form/utils.js\";\nimport { getIcon } from \"../icon/config.js\";\nimport { useUserInteractionMode } from \"../interaction/UserInteractionModeProvider.js\";\nimport { getTransitionCallbacks } from \"../transition/getTransitionCallbacks.js\";\nimport { useEnsuredState } from \"../useEnsuredState.js\";\nimport {\n  defaultAutocompleteExtractor,\n  defaultAutocompleteFilter,\n  defaultAutocompleteGetOptionProps,\n  noopAutocompleteFilter,\n} from \"./defaults.js\";\nimport {\n  type AutocompleteImplementation,\n  type AutocompleteMultiSelectImplementation,\n  type AutocompleteMultiSelectOptions,\n  type AutocompleteOption,\n  type AutocompleteOptions,\n  type AutocompleteSingleSelectImplementation,\n  type AutocompleteSingleSelectOptions,\n} from \"./types.js\";\nimport {\n  enforceSelectedValue,\n  getDefaultQuery,\n  getDefaultValue,\n  isMultipleValues,\n} from \"./utils.js\";\n\nconst noop = (): void => {\n  // do nothing\n};\n\n/**\n * This is the single select autocomplete implementation.\n *\n * @see {@link https://react-md.dev/components/autocomplete | Autocomplete Demos}\n * @since 6.0.0\n */\nexport function useAutocomplete<\n  Option extends AutocompleteOption,\n  ComboboxEl extends EditableHTMLElement = HTMLInputElement,\n  PopupEl extends HTMLElement = HTMLElement,\n>(\n  options: AutocompleteSingleSelectOptions<Option, ComboboxEl, PopupEl>\n): AutocompleteSingleSelectImplementation<Option, ComboboxEl, PopupEl>;\n/**\n * This is the multiselect autocomplete implementation.\n *\n * @see {@link https://react-md.dev/components/autocomplete | Autocomplete Demos}\n * @since 6.0.0\n */\nexport function useAutocomplete<\n  Option extends AutocompleteOption,\n  ComboboxEl extends EditableHTMLElement = HTMLInputElement,\n  PopupEl extends HTMLElement = HTMLElement,\n>(\n  options: AutocompleteMultiSelectOptions<Option, ComboboxEl, PopupEl>\n): AutocompleteMultiSelectImplementation<Option, ComboboxEl, PopupEl>;\n/**\n * This is an internal override implementation where the types are less strict\n * so it can be used with the `Autocomplete` component.\n *\n * @see {@link https://react-md.dev/components/autocomplete | Autocomplete Demos}\n * @since 6.0.0\n * @internal\n */\nexport function useAutocomplete<\n  Option extends AutocompleteOption,\n  ComboboxEl extends EditableHTMLElement = HTMLInputElement,\n  PopupEl extends HTMLElement = HTMLElement,\n>(\n  options: AutocompleteOptions<Option, ComboboxEl, PopupEl>\n): AutocompleteImplementation<Option, ComboboxEl, PopupEl>;\n/**\n * @see {@link https://react-md.dev/components/autocomplete | Autocomplete Demos}\n * @since 6.0.0\n * @internal\n */\nexport function useAutocomplete<\n  Option extends AutocompleteOption,\n  ComboboxEl extends EditableHTMLElement = HTMLInputElement,\n  PopupEl extends HTMLElement = HTMLElement,\n>(\n  options: AutocompleteOptions<Option, ComboboxEl, PopupEl>\n): AutocompleteImplementation<Option, ComboboxEl, PopupEl> {\n  const {\n    value: propValue,\n    setValue: propSetValue,\n    defaultValue,\n    onValueChange = noop,\n    query: propQuery,\n    setQuery: propSetQuery,\n    defaultQuery,\n    options: values,\n    getOptionLabel = defaultAutocompleteExtractor,\n    getOptionProps = defaultAutocompleteGetOptionProps,\n    onBlur = noop,\n    onChange = noop,\n    onOpen = noop,\n    filter = defaultAutocompleteFilter,\n    filterSelected,\n    allowAnyValue = filter === noopAutocompleteFilter,\n    multiselect: propMultiselect,\n    checkboxes,\n    selectedIcon: propSelectedIcon,\n    unselectedIcon: propUnselectedIcon,\n    selectedIconAfter,\n    disableSelectedIcon: propDisableSelectedIcon,\n    updateQueryOnSelect: propUpdateQueryOnSelect,\n    disableCloseOnSelect: propDisableCloseOnSelect,\n    ...comboboxOptions\n  } = options;\n\n  const mode = useUserInteractionMode();\n  const [value, setValueState] = useEnsuredState({\n    value: propValue,\n    setValue: propSetValue,\n    defaultValue: getDefaultValue({\n      query: propQuery,\n      filter,\n      multiselect: propMultiselect,\n      defaultQuery,\n      defaultValue,\n      options: values,\n      getOptionLabel,\n    }),\n  });\n  const multiselect =\n    propMultiselect ??\n    (!!value && typeof value === \"object\" && \"length\" in value);\n  let updateQueryOnSelect = propUpdateQueryOnSelect;\n  if (typeof propUpdateQueryOnSelect === \"undefined\") {\n    updateQueryOnSelect = multiselect ? \"clear\" : \"selected\";\n  }\n\n  const disableCloseOnSelect =\n    propDisableCloseOnSelect ?? (multiselect && checkboxes);\n\n  const [query, setQuery] = useEnsuredState({\n    name: \"query\",\n    value: propQuery,\n    setValue: propSetQuery,\n    defaultValue: getDefaultQuery({\n      value,\n      getOptionLabel,\n      defaultQuery,\n    }),\n  });\n  const setValue = useCallback(\n    (value: Option | null | readonly Option[]) => {\n      onValueChange(value);\n      setValueState(value);\n    },\n    [onValueChange, setValueState]\n  );\n\n  const combobox = useEditableCombobox<ComboboxEl, PopupEl>({\n    ...comboboxOptions,\n    multiselect,\n  });\n  const {\n    visible,\n    setVisible,\n    popupRef,\n    comboboxRef,\n    comboboxProps,\n    getMenuProps,\n  } = combobox;\n\n  // These refs are used to make it so that the options are not filtered until\n  // the user types a new query while the listbox is visible. The filtered\n  // options will be \"cached\" while:\n  // - the listbox is closing\n  // - the listbox is opening and:\n  //   - the user has not typed at least one letter\n  //   - the options have not changed\n  const entered = useRef(visible);\n  const initialQuery = useRef(\"\");\n  const prevAvailableOptions = useRef<readonly Option[] | null>(null);\n  const isQueryChange =\n    query && query !== initialQuery.current && entered.current;\n\n  let availableOptions = prevAvailableOptions.current || values;\n  if (\n    isQueryChange &&\n    filter !== noopAutocompleteFilter &&\n    !prevAvailableOptions.current\n  ) {\n    initialQuery.current = \"\";\n    availableOptions = filter({\n      list: values,\n      query,\n      extractor: getOptionLabel,\n    });\n  }\n\n  // This is probably overkill, but `filterSelected` will create a quick-lookup\n  // for all the selected values in a `Set` since it is much faster than\n  // `Array.includes()`. The lookup will only be re-created whenever the `value`\n  // changes or is uninitialized to prevent it being created each render as\n  // well.\n  //\n  // These optimizations only start mattering when there are around 5000 items\n  // selected...\n  const selectedOptions = useMemo(() => {\n    if (!filterSelected) {\n      return null;\n    }\n\n    let optionList: readonly Option[] = [];\n    if (isMultipleValues(value)) {\n      optionList = value;\n    } else if (value) {\n      optionList = [value];\n    }\n\n    return new Set(optionList);\n  }, [filterSelected, value]);\n\n  if (filterSelected && selectedOptions?.size) {\n    availableOptions = availableOptions.filter(\n      (option) => !selectedOptions.has(option)\n    );\n  }\n\n  return {\n    ...combobox,\n    value,\n    setValue,\n    query,\n    setQuery,\n    availableOptions,\n    multiselect,\n    comboboxProps: {\n      ...comboboxProps,\n      \"aria-autocomplete\": filter === noopAutocompleteFilter ? \"none\" : \"list\",\n      value: query,\n      onKeyDown(event) {\n        comboboxProps.onKeyDown(event);\n        if (!visible && event.key === \"Escape\") {\n          setQuery(\"\");\n        }\n      },\n      onBlur(event) {\n        onBlur(event);\n\n        if (allowAnyValue) {\n          return;\n        }\n\n        enforceSelectedValue({\n          value,\n          visible,\n          popupRef,\n          container: event.currentTarget.parentElement,\n          comboboxRef,\n          getOptionLabel,\n          availableOptions,\n          prevAvailableOptions,\n        });\n      },\n      onFocus(event) {\n        comboboxProps.onFocus(event);\n        event.currentTarget.select();\n      },\n      onChange(event) {\n        onChange(event);\n\n        const { value } = event.currentTarget;\n        setQuery(value);\n        if (!value && !multiselect) {\n          setValue(null);\n        }\n      },\n    },\n    getListboxProps(overrides) {\n      const {\n        ref,\n        onEnter,\n        onEntered,\n        onExited,\n        disableTransition,\n        ...listboxProps\n      } = getMenuProps(overrides);\n\n      let selectedIcon = propSelectedIcon;\n      let unselectedIcon = propUnselectedIcon;\n      let disableSelectedIcon = propDisableSelectedIcon;\n      if (multiselect && checkboxes) {\n        if (typeof selectedIcon === \"undefined\") {\n          selectedIcon = getIcon(\"checkboxChecked\");\n        }\n        if (typeof unselectedIcon === \"undefined\") {\n          unselectedIcon = getIcon(\"checkbox\");\n        }\n      } else if (typeof disableSelectedIcon === \"undefined\") {\n        disableSelectedIcon = true;\n      }\n\n      return {\n        selectedIcon,\n        unselectedIcon,\n        selectedIconAfter,\n        disableSelectedIcon,\n        ...listboxProps,\n        disableTransition,\n        onRequestClose() {\n          // Make it so clicking on the text field, clear button, dropdown\n          // button, etc does not close the listbox\n          if (\n            mode !== \"keyboard\" &&\n            comboboxRef.current?.parentElement?.contains(document.activeElement)\n          ) {\n            return;\n          }\n\n          listboxProps.onRequestClose();\n        },\n        nodeRef: ref,\n        value,\n        setValue(option) {\n          if (!disableCloseOnSelect) {\n            // this makes it so that the options are not filtered again while the\n            // listbox is closing after selecting a value\n            prevAvailableOptions.current = availableOptions;\n          }\n\n          if (value && typeof value === \"object\" && \"length\" in value) {\n            const nextValue = [...value];\n            const i = value.indexOf(option);\n            if (i === -1) {\n              nextValue.push(option);\n            } else {\n              nextValue.splice(i, 1);\n            }\n\n            setValue(nextValue);\n          } else {\n            setValue(option);\n          }\n\n          if (updateQueryOnSelect === \"as-is\") {\n            return;\n          }\n\n          const nextQuery =\n            updateQueryOnSelect === \"clear\" ? \"\" : getOptionLabel(option);\n          triggerManualChangeEvent(comboboxRef.current, nextQuery);\n        },\n        ...getTransitionCallbacks({\n          enter: true,\n          onEnter,\n          onEntered,\n          onEnterOnce: () => {\n            onOpen();\n\n            // when the listbox is opened, need to flag the entered state to show\n            // that new `query` values should be accepted. Also store the initial\n            // query.\n            entered.current = true;\n            initialQuery.current = query;\n          },\n          disableTransition,\n        }),\n        onExited() {\n          onExited();\n\n          // once the listbox has exited, reset any cached states so the next\n          // time the listbox is opened the filtering behaves the same\n          entered.current = false;\n          prevAvailableOptions.current = null;\n        },\n      };\n    },\n    getOptionLabel,\n    getOptionProps(options) {\n      const overrides = getOptionProps(options);\n\n      return {\n        ...overrides,\n        onClick: (event) => {\n          overrides?.onClick?.(event);\n          if (disableCloseOnSelect) {\n            event.stopPropagation();\n          }\n        },\n      };\n    },\n    getClearButtonProps(overrides) {\n      return {\n        ...overrides,\n        onClick(event) {\n          overrides?.onClick?.(event);\n          comboboxRef.current?.focus();\n\n          if (!multiselect) {\n            setValue(null);\n          }\n          triggerManualChangeEvent(comboboxRef.current, \"\");\n        },\n      };\n    },\n    getDropdownButtonProps(overrides) {\n      return {\n        \"aria-controls\": comboboxProps.id,\n        visible,\n        ...overrides,\n        onClick(event) {\n          overrides?.onClick?.(event);\n          comboboxRef.current?.focus();\n          if (visible) {\n            prevAvailableOptions.current = availableOptions;\n          }\n          setVisible((prev) => !prev);\n        },\n      };\n    },\n  };\n}\n"],"names":["useCallback","useMemo","useRef","useEditableCombobox","triggerManualChangeEvent","getIcon","useUserInteractionMode","getTransitionCallbacks","useEnsuredState","defaultAutocompleteExtractor","defaultAutocompleteFilter","defaultAutocompleteGetOptionProps","noopAutocompleteFilter","enforceSelectedValue","getDefaultQuery","getDefaultValue","isMultipleValues","noop","useAutocomplete","options","value","propValue","setValue","propSetValue","defaultValue","onValueChange","query","propQuery","setQuery","propSetQuery","defaultQuery","values","getOptionLabel","getOptionProps","onBlur","onChange","onOpen","filter","filterSelected","allowAnyValue","multiselect","propMultiselect","checkboxes","selectedIcon","propSelectedIcon","unselectedIcon","propUnselectedIcon","selectedIconAfter","disableSelectedIcon","propDisableSelectedIcon","updateQueryOnSelect","propUpdateQueryOnSelect","disableCloseOnSelect","propDisableCloseOnSelect","comboboxOptions","mode","setValueState","name","combobox","visible","setVisible","popupRef","comboboxRef","comboboxProps","getMenuProps","entered","initialQuery","prevAvailableOptions","isQueryChange","current","availableOptions","list","extractor","selectedOptions","optionList","Set","size","option","has","onKeyDown","event","key","container","currentTarget","parentElement","onFocus","select","getListboxProps","overrides","ref","onEnter","onEntered","onExited","disableTransition","listboxProps","onRequestClose","contains","document","activeElement","nodeRef","nextValue","i","indexOf","push","splice","nextQuery","enter","onEnterOnce","onClick","stopPropagation","getClearButtonProps","focus","getDropdownButtonProps","id","prev"],"mappings":"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"}

package/dist/avatar/Avatar.d.ts

@@ -80,7 +80,7 @@ export interface AvatarProps extends Omit<HTMLAttributes<HTMLSpanElement>, "colo
  * }
  * ```
  *
- * @see {@link https://next.react-md.dev/components/avatar | Avatar Demos}
+ * @see {@link https://react-md.dev/components/avatar | Avatar Demos}
  * @since 6.0.0 `aria-hidden` is set to `true` by default.
  */
 export declare const Avatar: import("react").ForwardRefExoticComponent<AvatarProps & import("react").RefAttributes<HTMLSpanElement>>;

package/dist/avatar/Avatar.js

@@ -17,7 +17,7 @@ import { avatar, avatarImage } from "./styles.js";
  * }
  * ```
  *
- * @see {@link https://next.react-md.dev/components/avatar | Avatar Demos}
+ * @see {@link https://react-md.dev/components/avatar | Avatar Demos}
  * @since 6.0.0 `aria-hidden` is set to `true` by default.
  */ export const Avatar = /*#__PURE__*/ forwardRef(function Avatar(props, ref) {
     const { "aria-hidden": ariaHidden = true, className, children, src, alt = "", size = "avatar", color = "", theme, imgProps, referrerPolicy, ...remaining } = props;

package/dist/avatar/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/avatar/Avatar.tsx"],"sourcesContent":["import {\n  type HTMLAttributes,\n  type ImgHTMLAttributes,\n  type ReactNode,\n  forwardRef,\n} from \"react\";\n\nimport { type PropsWithRef } from \"../types.js\";\nimport { type AvatarClassNameOptions, avatar, avatarImage } from \"./styles.js\";\n\ndeclare module \"react\" {\n  interface CSSProperties {\n    \"--rmd-avatar-background-color\"?: string;\n    \"--rmd-avatar-color\"?: string;\n    \"--rmd-avatar-border-color\"?: string;\n    \"--rmd-avatar-border-radius\"?: string | number;\n    \"--rmd-avatar-size\"?: string | number;\n    \"--rmd-avatar-font-size\"?: string | number;\n  }\n}\n\nexport type AvatarImgAttributes = ImgHTMLAttributes<HTMLImageElement>;\n\n/**\n * @since 6.0.0 `aria-hidden` is set to `true` by default and removed\n * the `role=\"presentation\"`.\n */\nexport interface AvatarProps\n  extends Omit<HTMLAttributes<HTMLSpanElement>, \"color\">,\n    AvatarClassNameOptions {\n  /**\n   * Since avatars are normally presentational data, they are hidden from screen\n   * readers by default.\n   *\n   * @defaultValue `true`\n   */\n  \"aria-hidden\"?: HTMLAttributes<HTMLSpanElement>[\"aria-hidden\"];\n\n  /**\n   * This should be an image `src` attribute to create an avatar from. When this\n   * prop is defined, you should not add any children to the avatar as the\n   * positioning will break.\n   */\n  src?: string;\n\n  /**\n   * An optional alt tag to display on the `<img>` when the `src` prop is also\n   * applied.\n   *\n   * For accessibility and screen readers, you normally do not want to actually\n   * provide this prop. This should only be used if the `Avatar` is not\n   * accompanied by some other component or main content as it will be extra\n   * noise for screen readers.\n   *\n   * @defaultValue `\"\"`\n   */\n  alt?: string;\n\n  /**\n   * An optional `referrerPolicy` to provide to the `<img>` element if the `src`\n   * or `imgProps` props are provided.\n   *\n   * @see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attr-referrerpolicy|Referrer Policy}\n   *\n   * @since 2.2.0\n   */\n  referrerPolicy?: AvatarImgAttributes[\"referrerPolicy\"];\n\n  /**\n   * An optional object of image props and ref that can be used to create an\n   * image within the `Avatar`. This can be useful to add a custom `style`\n   * or`className` to the `<img>` element if that additional customization is\n   * needed.\n   *\n   * Note: The values in this object will override the `src`, `alt`, and\n   * `referrerPolicy` root level avatar props if they exist on this object.\n   *\n   * @since 2.2.0\n   */\n  imgProps?: PropsWithRef<AvatarImgAttributes, HTMLImageElement>;\n}\n\n/**\n * An `Avatar` is generally used to represent objects or people within your app.\n * The avatar can consist of an image, an icon, or some text to display. When\n * the avatar is not an image, different themes can be applied to make the\n * avatar more unique.\n *\n * @example Simple Example\n * ```tsx\n * import { Avatar } from \"@react-md/core/avatar/Avatar\";\n * import { type ReactElement } from \"react\";\n *\n * export function Example(): ReactElement {\n *   return <Avatar src=\"/path-to-img.png\" />;\n * }\n * ```\n *\n * @see {@link https://next.react-md.dev/components/avatar | Avatar Demos}\n * @since 6.0.0 `aria-hidden` is set to `true` by default.\n */\nexport const Avatar = forwardRef<HTMLSpanElement, AvatarProps>(\n  function Avatar(props, ref) {\n    const {\n      \"aria-hidden\": ariaHidden = true,\n      className,\n      children,\n      src,\n      alt = \"\",\n      size = \"avatar\",\n      color = \"\",\n      theme,\n      imgProps,\n      referrerPolicy,\n      ...remaining\n    } = props;\n\n    let img: ReactNode;\n    if (src || imgProps) {\n      img = (\n        <img\n          src={src}\n          alt={alt}\n          referrerPolicy={referrerPolicy}\n          {...imgProps}\n          className={avatarImage({ className: imgProps?.className })}\n        />\n      );\n    }\n\n    return (\n      <span\n        {...remaining}\n        aria-hidden={ariaHidden}\n        ref={ref}\n        className={avatar({\n          size,\n          color,\n          theme,\n          className,\n        })}\n      >\n        {img}\n        {children}\n      </span>\n    );\n  }\n);\n"],"names":["forwardRef","avatar","avatarImage","Avatar","props","ref","ariaHidden","className","children","src","alt","size","color","theme","imgProps","referrerPolicy","remaining","img","span","aria-hidden"],"mappings":";AAAA,SAIEA,UAAU,QACL,QAAQ;AAGf,SAAsCC,MAAM,EAAEC,WAAW,QAAQ,cAAc;AA0E/E;;;;;;;;;;;;;;;;;;CAkBC,GACD,OAAO,MAAMC,uBAASH,WACpB,SAASG,OAAOC,KAAK,EAAEC,GAAG;IACxB,MAAM,EACJ,eAAeC,aAAa,IAAI,EAChCC,SAAS,EACTC,QAAQ,EACRC,GAAG,EACHC,MAAM,EAAE,EACRC,OAAO,QAAQ,EACfC,QAAQ,EAAE,EACVC,KAAK,EACLC,QAAQ,EACRC,cAAc,EACd,GAAGC,WACJ,GAAGZ;IAEJ,IAAIa;IACJ,IAAIR,OAAOK,UAAU;QACnBG,oBACE,KAACA;YACCR,KAAKA;YACLC,KAAKA;YACLK,gBAAgBA;YACf,GAAGD,QAAQ;YACZP,WAAWL,YAAY;gBAAEK,WAAWO,UAAUP;YAAU;;IAG9D;IAEA,qBACE,MAACW;QACE,GAAGF,SAAS;QACbG,eAAab;QACbD,KAAKA;QACLE,WAAWN,OAAO;YAChBU;YACAC;YACAC;YACAN;QACF;;YAECU;YACAT;;;AAGP,GACA"}
+{"version":3,"sources":["../../src/avatar/Avatar.tsx"],"sourcesContent":["import {\n  type HTMLAttributes,\n  type ImgHTMLAttributes,\n  type ReactNode,\n  forwardRef,\n} from \"react\";\n\nimport { type PropsWithRef } from \"../types.js\";\nimport { type AvatarClassNameOptions, avatar, avatarImage } from \"./styles.js\";\n\ndeclare module \"react\" {\n  interface CSSProperties {\n    \"--rmd-avatar-background-color\"?: string;\n    \"--rmd-avatar-color\"?: string;\n    \"--rmd-avatar-border-color\"?: string;\n    \"--rmd-avatar-border-radius\"?: string | number;\n    \"--rmd-avatar-size\"?: string | number;\n    \"--rmd-avatar-font-size\"?: string | number;\n  }\n}\n\nexport type AvatarImgAttributes = ImgHTMLAttributes<HTMLImageElement>;\n\n/**\n * @since 6.0.0 `aria-hidden` is set to `true` by default and removed\n * the `role=\"presentation\"`.\n */\nexport interface AvatarProps\n  extends Omit<HTMLAttributes<HTMLSpanElement>, \"color\">,\n    AvatarClassNameOptions {\n  /**\n   * Since avatars are normally presentational data, they are hidden from screen\n   * readers by default.\n   *\n   * @defaultValue `true`\n   */\n  \"aria-hidden\"?: HTMLAttributes<HTMLSpanElement>[\"aria-hidden\"];\n\n  /**\n   * This should be an image `src` attribute to create an avatar from. When this\n   * prop is defined, you should not add any children to the avatar as the\n   * positioning will break.\n   */\n  src?: string;\n\n  /**\n   * An optional alt tag to display on the `<img>` when the `src` prop is also\n   * applied.\n   *\n   * For accessibility and screen readers, you normally do not want to actually\n   * provide this prop. This should only be used if the `Avatar` is not\n   * accompanied by some other component or main content as it will be extra\n   * noise for screen readers.\n   *\n   * @defaultValue `\"\"`\n   */\n  alt?: string;\n\n  /**\n   * An optional `referrerPolicy` to provide to the `<img>` element if the `src`\n   * or `imgProps` props are provided.\n   *\n   * @see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attr-referrerpolicy|Referrer Policy}\n   *\n   * @since 2.2.0\n   */\n  referrerPolicy?: AvatarImgAttributes[\"referrerPolicy\"];\n\n  /**\n   * An optional object of image props and ref that can be used to create an\n   * image within the `Avatar`. This can be useful to add a custom `style`\n   * or`className` to the `<img>` element if that additional customization is\n   * needed.\n   *\n   * Note: The values in this object will override the `src`, `alt`, and\n   * `referrerPolicy` root level avatar props if they exist on this object.\n   *\n   * @since 2.2.0\n   */\n  imgProps?: PropsWithRef<AvatarImgAttributes, HTMLImageElement>;\n}\n\n/**\n * An `Avatar` is generally used to represent objects or people within your app.\n * The avatar can consist of an image, an icon, or some text to display. When\n * the avatar is not an image, different themes can be applied to make the\n * avatar more unique.\n *\n * @example Simple Example\n * ```tsx\n * import { Avatar } from \"@react-md/core/avatar/Avatar\";\n * import { type ReactElement } from \"react\";\n *\n * export function Example(): ReactElement {\n *   return <Avatar src=\"/path-to-img.png\" />;\n * }\n * ```\n *\n * @see {@link https://react-md.dev/components/avatar | Avatar Demos}\n * @since 6.0.0 `aria-hidden` is set to `true` by default.\n */\nexport const Avatar = forwardRef<HTMLSpanElement, AvatarProps>(\n  function Avatar(props, ref) {\n    const {\n      \"aria-hidden\": ariaHidden = true,\n      className,\n      children,\n      src,\n      alt = \"\",\n      size = \"avatar\",\n      color = \"\",\n      theme,\n      imgProps,\n      referrerPolicy,\n      ...remaining\n    } = props;\n\n    let img: ReactNode;\n    if (src || imgProps) {\n      img = (\n        <img\n          src={src}\n          alt={alt}\n          referrerPolicy={referrerPolicy}\n          {...imgProps}\n          className={avatarImage({ className: imgProps?.className })}\n        />\n      );\n    }\n\n    return (\n      <span\n        {...remaining}\n        aria-hidden={ariaHidden}\n        ref={ref}\n        className={avatar({\n          size,\n          color,\n          theme,\n          className,\n        })}\n      >\n        {img}\n        {children}\n      </span>\n    );\n  }\n);\n"],"names":["forwardRef","avatar","avatarImage","Avatar","props","ref","ariaHidden","className","children","src","alt","size","color","theme","imgProps","referrerPolicy","remaining","img","span","aria-hidden"],"mappings":";AAAA,SAIEA,UAAU,QACL,QAAQ;AAGf,SAAsCC,MAAM,EAAEC,WAAW,QAAQ,cAAc;AA0E/E;;;;;;;;;;;;;;;;;;CAkBC,GACD,OAAO,MAAMC,uBAASH,WACpB,SAASG,OAAOC,KAAK,EAAEC,GAAG;IACxB,MAAM,EACJ,eAAeC,aAAa,IAAI,EAChCC,SAAS,EACTC,QAAQ,EACRC,GAAG,EACHC,MAAM,EAAE,EACRC,OAAO,QAAQ,EACfC,QAAQ,EAAE,EACVC,KAAK,EACLC,QAAQ,EACRC,cAAc,EACd,GAAGC,WACJ,GAAGZ;IAEJ,IAAIa;IACJ,IAAIR,OAAOK,UAAU;QACnBG,oBACE,KAACA;YACCR,KAAKA;YACLC,KAAKA;YACLK,gBAAgBA;YACf,GAAGD,QAAQ;YACZP,WAAWL,YAAY;gBAAEK,WAAWO,UAAUP;YAAU;;IAG9D;IAEA,qBACE,MAACW;QACE,GAAGF,SAAS;QACbG,eAAab;QACbD,KAAKA;QACLE,WAAWN,OAAO;YAChBU;YACAC;YACAC;YACAN;QACF;;YAECU;YACAT;;;AAGP,GACA"}

package/dist/badge/Badge.d.ts

@@ -42,7 +42,7 @@ export interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
  * }
  * ```
  *
- * @see {@link https://next.react-md.dev/components/badge | Badge Demos}
+ * @see {@link https://react-md.dev/components/badge | Badge Demos}
  * @since 6.0.0 Removed the `disableNullOnZero` feature since it's
  * easier just to use condition rendering yourself.
  */

package/dist/badge/Badge.js

@@ -38,7 +38,7 @@ import { badge } from "./styles.js";
  * }
  * ```
  *
- * @see {@link https://next.react-md.dev/components/badge | Badge Demos}
+ * @see {@link https://react-md.dev/components/badge | Badge Demos}
  * @since 6.0.0 Removed the `disableNullOnZero` feature since it's
  * easier just to use condition rendering yourself.
  */ export const Badge = /*#__PURE__*/ forwardRef(function Badge(props, ref) {