@react-md/core 6.0.1 → 6.1.0

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/_base.scss

@@ -28,6 +28,8 @@
 @use "chip/chip";
 @use "table/table";
 @use "theme/theme";
+@use "border-radius";
+@use "spacing";
 @use "dialog/dialog";
 @use "sheet/sheet";
 @use "transition/transition";
@@ -385,6 +387,10 @@ $_layer-order: (
 ///   }
 ///
 @mixin variables {
+  @include theme.theme-variables;
+  @include border-radius.variables;
+  @include spacing.variables;
+  @include typography.typography-variables;
   @include app-bar.variables;
   @include autocomplete.variables;
   @include avatar.variables;
@@ -416,11 +422,9 @@ $_layer-order: (
   @include tabs.variables;
   @include text-field.variables;
   @include text-area.variables;
-  @include theme.theme-variables;
   @include tooltip.variables;
   @include transition.transition-variables;
   @include tree.variables;
-  @include typography.typography-variables;
   @include window-splitter.variables;
 }
 

package/dist/_border-radius.scss

@@ -0,0 +1,92 @@
+////
+/// @group core.border-radius
+////
+
+@use "utils";
+
+/// Set to `true` to disable the border radius variables. You probably don't
+/// want to do this.
+/// @type Boolean
+$disable-everything: false !default;
+
+/// No Border Radius.
+///
+/// @type Number
+$none: 0 !default;
+
+/// Extra Small Border Radius.
+///
+/// @type Number
+$xs: 0.25rem !default;
+
+/// Small Border Radius.
+///
+/// @type Number
+$sm: 0.5rem !default;
+
+/// Medium Border Radius.
+///
+/// @type Number
+$md: 0.75rem !default;
+
+/// Large Border Radius.
+///
+/// @type Number
+$lg: 1rem !default;
+
+/// Extra Large Border Radius.
+///
+/// @type Number
+$xl: 1.75rem !default;
+
+/// Full Border Radius.
+///
+/// @type Number
+$full: 50% !default;
+
+/// The available configurable css variables and mostly used internally for the
+/// `get-var`, `set-var`, and `use-var` utils.
+/// @type List
+$variables: (none, xs, sm, md, lg, xl, full);
+
+/// @param {String} name - The supported variable name
+/// @param {any} fallback [null] - An optional fallback value
+/// @returns {String} a `var()` statement
+@function get-var($name, $fallback: null) {
+  $var: utils.get-var-name($variables, $name, "border-radius");
+  @if $fallback {
+    @return var(#{$var}, #{$fallback});
+  }
+
+  @return var(#{$var});
+}
+
+/// @param {String} name - The supported variable name
+/// @param {any} value - The value to set the variable to. Supports `null` which
+/// will just be a no-op.
+@mixin set-var($name, $value) {
+  @if $value {
+    #{utils.get-var-name($variables, $name, "border-radius")}: #{$value};
+  }
+}
+
+/// @param {String} property - The css property to apply the variable to
+/// @param {String} name [$property] - The supported variable name
+/// @param {any} fallback [null] - An optional fallback value if the variable
+/// has not been set
+@mixin use-var($property, $name: $property, $fallback: null) {
+  #{$property}: get-var($name, $fallback);
+}
+
+/// Conditionally applies the css variables based on feature flags
+@mixin variables {
+  @if not $disable-everything {
+    @include set-var(none, $none);
+    @include set-var(xs, $xs);
+    @include set-var(sm, $sm);
+    @include set-var(md, $md);
+    @include set-var(lg, $lg);
+    @include set-var(xl, $xl);
+    @include set-var(full, $full);
+  }
+}

package/dist/_core.scss

@@ -8,6 +8,8 @@
 @forward "theme/a11y";
 @forward "theme/colors";
 @forward "theme/theme";
+@forward "border-radius" as border-radius-*;
+@forward "spacing" as spacing-*;
 @forward "typography/typography";
 @forward "transition/transition";
 @forward "box-shadows";

package/dist/_spacing.scss

@@ -0,0 +1,86 @@
+////
+/// @group core.spacing
+////
+
+@use "utils";
+
+/// Set to `true` to disable all the spacing variables. You probably don't want
+/// to do this.
+/// @type Boolean
+$disable-everything: false !default;
+
+/// No spacing. Generally applied as `gap`, `padding`, or `margin`.
+///
+/// @type Number
+$none: 0 !default;
+
+/// Extra Small Spacing. Generally applied as `gap`, `padding`, or `margin`.
+///
+/// @type Number
+$xs: 0.25rem !default;
+
+/// Small Spacing. Generally applied as `gap`, `padding`, or `margin`.
+///
+/// @type Number
+$sm: 0.5rem !default;
+
+/// Medium Spacing. Generally applied as `gap`, `padding`, or `margin`.
+///
+/// @type Number
+$md: 1rem !default;
+
+/// Large Spacing. Generally applied as `gap`, `padding`, or `margin`.
+///
+/// @type Number
+$lg: 1.5rem !default;
+
+/// Extra Large Spacing. Generally applied as `gap`, `padding`, or `margin`.
+///
+/// @type Number
+$xl: 2rem !default;
+
+/// The available configurable css variables and mostly used internally for the
+/// `get-var`, `set-var`, and `use-var` utils.
+/// @type List
+$variables: (none, xs, sm, md, lg, xl);
+
+/// @param {String} name - The supported variable name
+/// @param {any} fallback [null] - An optional fallback value
+/// @returns {String} a `var()` statement
+@function get-var($name, $fallback: null) {
+  $var: utils.get-var-name($variables, $name, "spacing");
+  @if $fallback {
+    @return var(#{$var}, #{$fallback});
+  }
+
+  @return var(#{$var});
+}
+
+/// @param {String} name - The supported variable name
+/// @param {any} value - The value to set the variable to. Supports `null` which
+/// will just be a no-op.
+@mixin set-var($name, $value) {
+  @if $value {
+    #{utils.get-var-name($variables, $name, "spacing")}: #{$value};
+  }
+}
+
+/// @param {String} property - The css property to apply the variable to
+/// @param {String} name [$property] - The supported variable name
+/// @param {any} fallback [null] - An optional fallback value if the variable
+/// has not been set
+@mixin use-var($property, $name: $property, $fallback: null) {
+  #{$property}: get-var($name, $fallback);
+}
+
+/// Conditionally applies the css variables based on feature flags
+@mixin variables {
+  @if not $disable-everything {
+    @include set-var(none, $none);
+    @include set-var(xs, $xs);
+    @include set-var(sm, $sm);
+    @include set-var(md, $md);
+    @include set-var(lg, $lg);
+    @include set-var(xl, $xl);
+  }
+}

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

@@ -5,6 +5,7 @@
 @use "sass:map";
 
 @use "../utils";
+@use "../spacing";
 @use "../box/box";
 @use "../box-shadows";
 @use "../interaction/interaction";
@@ -60,7 +61,7 @@ $disable-title: false !default;
 
 /// Sets the `gap` css property to apply spacing between each item.
 /// @type Number
-$gap: 0.25rem !default;
+$gap: spacing.get-var(xs) !default;
 
 /// The default height for an app bar.
 /// @type Number
@@ -142,11 +143,11 @@ $surface-color: theme.get-default-color(
 
 /// Horizontal padding for the app bar
 /// @type String|Number
-$horizontal-padding: 0.25rem !default;
+$horizontal-padding: spacing.get-var(xs) !default;
 
 /// Vertical padding for the app bar
 /// @type String|Number
-$vertical-padding: 0 !default;
+$vertical-padding: spacing.get-var(none) !default;
 
 /// This value is used to align the first element (normally a button) nicely with
 /// other elements on the page.
@@ -166,7 +167,7 @@ $title-keyline: 4.5rem !default;
 /// based on font-size now and `em`
 ///
 /// @type String|Number
-$nav-keyline: $title-keyline - $horizontal-padding - $gap - 3rem !default;
+$nav-keyline: calc($title-keyline - $horizontal-padding - $gap - 3rem) !default;
 
 /// The available configurable css variables and mostly used internally for the
 /// `get-var`, `set-var`, and `use-var` utils.
@@ -253,7 +254,8 @@ $variables: (height, surface-background-color, surface-color);
 
       .rmd-app-bar {
         @include box.set-var(gap, $gap);
-        @include box.set-var(padding, $vertical-padding $horizontal-padding);
+        @include box.set-var(padding-v, $vertical-padding);
+        @include box.set-var(padding-h, $horizontal-padding);
         @include use-var(height);
 
         // since app bars can appear a lot in full page dialogs, setting these flex
@@ -348,8 +350,8 @@ $variables: (height, surface-background-color, surface-color);
 
       @if not $disable-title {
         .rmd-app-bar-title {
-          $title-h-margin: $keyline - $horizontal-padding;
-          $title-keyline-h-margin: $title-keyline - $horizontal-padding;
+          $title-h-margin: calc($keyline - $horizontal-padding);
+          $title-keyline-h-margin: calc($title-keyline - $horizontal-padding);
 
           flex: 1 1 auto;
           margin: 0 auto 0 $title-h-margin;

package/dist/app-bar/styles.js

@@ -47,7 +47,7 @@ const titleStyles = bem("rmd-app-bar-title");
  */ export function appBarTitle(options = {}) {
     const { className, keyline = "small" } = options;
     return cnb(titleStyles({
-        keyline: keyline == "list",
+        keyline: keyline === "list",
         "nav-keyline": keyline === "nav"
     }), className);
 }

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/app-bar/styles.ts"],"sourcesContent":["import { cnb } from \"cnbuilder\";\n\nimport { type BoxOptions, box } from \"../box/styles.js\";\nimport { type BackgroundColor, cssUtils } from \"../cssUtils.js\";\nimport { type CssPosition } from \"../types.js\";\nimport { bem } from \"../utils/bem.js\";\n\ndeclare module \"react\" {\n  interface CSSProperties {\n    \"--rmd-app-bar-height\"?: string | number;\n    \"--rmd-app-bar-background-color\"?: string;\n    \"--rmd-app-bar-color\"?: string;\n    \"--rmd-app-bar-surface-background-color\"?: string;\n    \"--rmd-app-bar-surface-color\"?: string;\n  }\n}\n\nconst styles = bem(\"rmd-app-bar\");\nconst titleStyles = bem(\"rmd-app-bar-title\");\n\nexport type AppBarPosition = \"top\" | \"bottom\";\n\n/**\n * - `\"clear\"` - the background color will be transparent\n * - `\"primary\"` - defaults to the current primary theme color\n * - `\"secondary\"` - defaults to the current secondary theme color\n * - `\"surface\"` - this will use the current surface background color which\n *   defaults to `#fff` for light themes, `#242424` for dark themes, and\n *   `#424242` for dark themes when the `$disable-dark-elevation` is set to\n *   `true`\n *\n * The default dark theme surface color also depends on the `$fixed-elevation`\n * value.\n */\nexport type AppBarTheme = BackgroundColor | \"clear\";\n\n/**\n * - `\"auto\"` - the height will be determined by the height of the content\n * - `\"normal\"` - defaults to `3.5rem` (`$height`)\n * - `\"prominent\"` - defaults to `7rem` (`$prominent-height`)\n * - `\"dense\"` - defaults to `3rem` (`$dense-height`)\n * - `\"prominent-dense\"` - defaults to `6rem` (`$prominent-dense-height`)\n */\nexport type AppBarHeight =\n  | \"auto\"\n  | \"normal\"\n  | \"prominent\"\n  | \"dense\"\n  | \"prominent-dense\";\n\n/** @since 6.0.0 */\nexport interface AppBarClassNameOptions extends Omit<BoxOptions, \"fullWidth\"> {\n  className?: string;\n\n  /**\n   * Set this to `\"fixed\"` or `\"sticky\"` to set `position: fixed;` or\n   * `position: sticky;` to the app bar. The default position will be static and\n   * inline with other content.\n   *\n   * @defaultValue `'static'`\n   */\n  position?: CssPosition;\n\n  /**\n   * The position within the page to \"fix\" the `AppBar` when the `fixed` prop is\n   * enabled.\n   *\n   * @defaultValue `\"top\"`\n   */\n  pagePosition?: AppBarPosition;\n\n  /**\n   * Set this to `true` to remove the box-shadow.\n   *\n   * @defaultValue `false`\n   */\n  disableElevation?: boolean;\n\n  /**\n   * The theme to apply to the `AppBar`.\n   *\n   * @defaultValue `\"primary\"`\n   * @see {@link AppBarTheme}\n   */\n  theme?: AppBarTheme;\n\n  /**\n   * @defaultValue `stacked ? \"auto\" : \"normal\"`\n   * @see {@link AppBarHeight}\n   */\n  height?: AppBarHeight;\n\n  /** @see {@link CssUtilsOptions.surfaceColor} */\n  surfaceColor?: \"light\" | \"dark\";\n\n  /**\n   * Set this to `true` if the app bar's positioning and width should be\n   * changed whenever the scrollbar is visible on the page. This defaults to\n   * `true` when the {@link position} prop is `true` so that once dialogs and menus\n   * become visible the contents in the app bar do not need to be repainted.\n   *\n   * @since 6.0.0\n   * @defaultValue `position === \"fixed\"`\n   */\n  scrollbarOffset?: boolean;\n}\n\n/**\n * Apply the `className`s for a tree component. This will be type-safe if using\n * typescript.\n *\n * @since 6.0.0\n */\nexport function appBar(options: AppBarClassNameOptions = {}): string {\n  const {\n    className,\n    theme = \"primary\",\n    stacked,\n    height = stacked ? \"auto\" : \"normal\",\n    position = \"static\",\n    pagePosition = \"top\",\n    scrollbarOffset = position === \"fixed\",\n    align,\n    grid,\n    gridColumns,\n    gridName,\n    justify,\n    reversed,\n    surfaceColor,\n    disableWrap = true,\n    disablePadding,\n    disableElevation,\n  } = options;\n  const surface = theme === \"surface\";\n  const clear = theme === \"clear\";\n\n  return cnb(\n    styles({\n      surface,\n      [height]: height !== \"normal\",\n      fixed: position !== \"static\",\n      stacked,\n      sticky: position === \"sticky\",\n      [pagePosition]: position !== \"static\",\n      elevated: position !== \"static\" && !disableElevation,\n      \"scrollbar-offset\": scrollbarOffset,\n      \"static-scrollbar-offset\": position === \"static\" && scrollbarOffset,\n    }),\n    box({\n      align,\n      stacked,\n      fullWidth: true,\n      grid,\n      gridColumns,\n      gridName,\n      justify,\n      reversed,\n      disableWrap,\n      disablePadding,\n    }),\n    cssUtils({\n      backgroundColor: !surface && !clear ? theme : undefined,\n      surfaceColor,\n    }),\n    className\n  );\n}\n\n/**\n * - `\"small\"` - the first character in the title will be `1rem` (`$keyline`)\n *   from the edge of the app bar horizontally\n * - `\"nav\"` - this should be set when there is a nav button before the title so\n *   that the first character in the title will be `4.5rem` (`title-keyline`)\n * - `\"list\"` - this should be used when the title should align with the list\n *   item keyline and there is no nav icon before.\n *\n * @since 6.0.0\n */\nexport type AppBarTitleKeyline = \"small\" | \"nav\" | \"list\";\n\n/** @since 6.0.0 */\nexport interface AppBarTitleClassNameOptions {\n  className?: string;\n\n  /**\n   * @defaultValue `\"small\"`\n   * @see {@link AppBarTitleKeyline}\n   */\n  keyline?: AppBarTitleKeyline;\n}\n\n/**\n * Apply the `className`s for a `AppBarTitle` component. This will be type-safe\n * if using typescript.\n *\n * @since 6.0.0\n */\nexport function appBarTitle(options: AppBarTitleClassNameOptions = {}): string {\n  const { className, keyline = \"small\" } = options;\n  return cnb(\n    titleStyles({\n      keyline: keyline == \"list\",\n      \"nav-keyline\": keyline === \"nav\",\n    }),\n    className\n  );\n}\n"],"names":["cnb","box","cssUtils","bem","styles","titleStyles","appBar","options","className","theme","stacked","height","position","pagePosition","scrollbarOffset","align","grid","gridColumns","gridName","justify","reversed","surfaceColor","disableWrap","disablePadding","disableElevation","surface","clear","fixed","sticky","elevated","fullWidth","backgroundColor","undefined","appBarTitle","keyline"],"mappings":"AAAA,SAASA,GAAG,QAAQ,YAAY;AAEhC,SAA0BC,GAAG,QAAQ,mBAAmB;AACxD,SAA+BC,QAAQ,QAAQ,iBAAiB;AAEhE,SAASC,GAAG,QAAQ,kBAAkB;AAYtC,MAAMC,SAASD,IAAI;AACnB,MAAME,cAAcF,IAAI;AAyFxB;;;;;CAKC,GACD,OAAO,SAASG,OAAOC,UAAkC,CAAC,CAAC;IACzD,MAAM,EACJC,SAAS,EACTC,QAAQ,SAAS,EACjBC,OAAO,EACPC,SAASD,UAAU,SAAS,QAAQ,EACpCE,WAAW,QAAQ,EACnBC,eAAe,KAAK,EACpBC,kBAAkBF,aAAa,OAAO,EACtCG,KAAK,EACLC,IAAI,EACJC,WAAW,EACXC,QAAQ,EACRC,OAAO,EACPC,QAAQ,EACRC,YAAY,EACZC,cAAc,IAAI,EAClBC,cAAc,EACdC,gBAAgB,EACjB,GAAGjB;IACJ,MAAMkB,UAAUhB,UAAU;IAC1B,MAAMiB,QAAQjB,UAAU;IAExB,OAAOT,IACLI,OAAO;QACLqB;QACA,CAACd,OAAO,EAAEA,WAAW;QACrBgB,OAAOf,aAAa;QACpBF;QACAkB,QAAQhB,aAAa;QACrB,CAACC,aAAa,EAAED,aAAa;QAC7BiB,UAAUjB,aAAa,YAAY,CAACY;QACpC,oBAAoBV;QACpB,2BAA2BF,aAAa,YAAYE;IACtD,IACAb,IAAI;QACFc;QACAL;QACAoB,WAAW;QACXd;QACAC;QACAC;QACAC;QACAC;QACAE;QACAC;IACF,IACArB,SAAS;QACP6B,iBAAiB,CAACN,WAAW,CAACC,QAAQjB,QAAQuB;QAC9CX;IACF,IACAb;AAEJ;AAyBA;;;;;CAKC,GACD,OAAO,SAASyB,YAAY1B,UAAuC,CAAC,CAAC;IACnE,MAAM,EAAEC,SAAS,EAAE0B,UAAU,OAAO,EAAE,GAAG3B;IACzC,OAAOP,IACLK,YAAY;QACV6B,SAASA,WAAW;QACpB,eAAeA,YAAY;IAC7B,IACA1B;AAEJ"}
+{"version":3,"sources":["../../src/app-bar/styles.ts"],"sourcesContent":["import { cnb } from \"cnbuilder\";\n\nimport { type BoxOptions, box } from \"../box/styles.js\";\nimport { type BackgroundColor, cssUtils } from \"../cssUtils.js\";\nimport { type CssPosition } from \"../types.js\";\nimport { bem } from \"../utils/bem.js\";\n\ndeclare module \"react\" {\n  interface CSSProperties {\n    \"--rmd-app-bar-height\"?: string | number;\n    \"--rmd-app-bar-background-color\"?: string;\n    \"--rmd-app-bar-color\"?: string;\n    \"--rmd-app-bar-surface-background-color\"?: string;\n    \"--rmd-app-bar-surface-color\"?: string;\n  }\n}\n\nconst styles = bem(\"rmd-app-bar\");\nconst titleStyles = bem(\"rmd-app-bar-title\");\n\nexport type AppBarPosition = \"top\" | \"bottom\";\n\n/**\n * - `\"clear\"` - the background color will be transparent\n * - `\"primary\"` - defaults to the current primary theme color\n * - `\"secondary\"` - defaults to the current secondary theme color\n * - `\"surface\"` - this will use the current surface background color which\n *   defaults to `#fff` for light themes, `#242424` for dark themes, and\n *   `#424242` for dark themes when the `$disable-dark-elevation` is set to\n *   `true`\n *\n * The default dark theme surface color also depends on the `$fixed-elevation`\n * value.\n */\nexport type AppBarTheme = BackgroundColor | \"clear\";\n\n/**\n * - `\"auto\"` - the height will be determined by the height of the content\n * - `\"normal\"` - defaults to `3.5rem` (`$height`)\n * - `\"prominent\"` - defaults to `7rem` (`$prominent-height`)\n * - `\"dense\"` - defaults to `3rem` (`$dense-height`)\n * - `\"prominent-dense\"` - defaults to `6rem` (`$prominent-dense-height`)\n */\nexport type AppBarHeight =\n  | \"auto\"\n  | \"normal\"\n  | \"prominent\"\n  | \"dense\"\n  | \"prominent-dense\";\n\n/** @since 6.0.0 */\nexport interface AppBarClassNameOptions extends Omit<BoxOptions, \"fullWidth\"> {\n  className?: string;\n\n  /**\n   * Set this to `\"fixed\"` or `\"sticky\"` to set `position: fixed;` or\n   * `position: sticky;` to the app bar. The default position will be static and\n   * inline with other content.\n   *\n   * @defaultValue `'static'`\n   */\n  position?: CssPosition;\n\n  /**\n   * The position within the page to \"fix\" the `AppBar` when the `fixed` prop is\n   * enabled.\n   *\n   * @defaultValue `\"top\"`\n   */\n  pagePosition?: AppBarPosition;\n\n  /**\n   * Set this to `true` to remove the box-shadow.\n   *\n   * @defaultValue `false`\n   */\n  disableElevation?: boolean;\n\n  /**\n   * The theme to apply to the `AppBar`.\n   *\n   * @defaultValue `\"primary\"`\n   * @see {@link AppBarTheme}\n   */\n  theme?: AppBarTheme;\n\n  /**\n   * @defaultValue `stacked ? \"auto\" : \"normal\"`\n   * @see {@link AppBarHeight}\n   */\n  height?: AppBarHeight;\n\n  /** @see {@link CssUtilsOptions.surfaceColor} */\n  surfaceColor?: \"light\" | \"dark\";\n\n  /**\n   * Set this to `true` if the app bar's positioning and width should be\n   * changed whenever the scrollbar is visible on the page. This defaults to\n   * `true` when the {@link position} prop is `true` so that once dialogs and menus\n   * become visible the contents in the app bar do not need to be repainted.\n   *\n   * @since 6.0.0\n   * @defaultValue `position === \"fixed\"`\n   */\n  scrollbarOffset?: boolean;\n}\n\n/**\n * Apply the `className`s for a tree component. This will be type-safe if using\n * typescript.\n *\n * @since 6.0.0\n */\nexport function appBar(options: AppBarClassNameOptions = {}): string {\n  const {\n    className,\n    theme = \"primary\",\n    stacked,\n    height = stacked ? \"auto\" : \"normal\",\n    position = \"static\",\n    pagePosition = \"top\",\n    scrollbarOffset = position === \"fixed\",\n    align,\n    grid,\n    gridColumns,\n    gridName,\n    justify,\n    reversed,\n    surfaceColor,\n    disableWrap = true,\n    disablePadding,\n    disableElevation,\n  } = options;\n  const surface = theme === \"surface\";\n  const clear = theme === \"clear\";\n\n  return cnb(\n    styles({\n      surface,\n      [height]: height !== \"normal\",\n      fixed: position !== \"static\",\n      stacked,\n      sticky: position === \"sticky\",\n      [pagePosition]: position !== \"static\",\n      elevated: position !== \"static\" && !disableElevation,\n      \"scrollbar-offset\": scrollbarOffset,\n      \"static-scrollbar-offset\": position === \"static\" && scrollbarOffset,\n    }),\n    box({\n      align,\n      stacked,\n      fullWidth: true,\n      grid,\n      gridColumns,\n      gridName,\n      justify,\n      reversed,\n      disableWrap,\n      disablePadding,\n    }),\n    cssUtils({\n      backgroundColor: !surface && !clear ? theme : undefined,\n      surfaceColor,\n    }),\n    className\n  );\n}\n\n/**\n * - `\"small\"` - the first character in the title will be `1rem` (`$keyline`)\n *   from the edge of the app bar horizontally\n * - `\"nav\"` - this should be set when there is a nav button before the title so\n *   that the first character in the title will be `4.5rem` (`title-keyline`)\n * - `\"list\"` - this should be used when the title should align with the list\n *   item keyline and there is no nav icon before.\n *\n * @since 6.0.0\n */\nexport type AppBarTitleKeyline = \"small\" | \"nav\" | \"list\";\n\n/** @since 6.0.0 */\nexport interface AppBarTitleClassNameOptions {\n  className?: string;\n\n  /**\n   * @defaultValue `\"small\"`\n   * @see {@link AppBarTitleKeyline}\n   */\n  keyline?: AppBarTitleKeyline;\n}\n\n/**\n * Apply the `className`s for a `AppBarTitle` component. This will be type-safe\n * if using typescript.\n *\n * @since 6.0.0\n */\nexport function appBarTitle(options: AppBarTitleClassNameOptions = {}): string {\n  const { className, keyline = \"small\" } = options;\n  return cnb(\n    titleStyles({\n      keyline: keyline === \"list\",\n      \"nav-keyline\": keyline === \"nav\",\n    }),\n    className\n  );\n}\n"],"names":["cnb","box","cssUtils","bem","styles","titleStyles","appBar","options","className","theme","stacked","height","position","pagePosition","scrollbarOffset","align","grid","gridColumns","gridName","justify","reversed","surfaceColor","disableWrap","disablePadding","disableElevation","surface","clear","fixed","sticky","elevated","fullWidth","backgroundColor","undefined","appBarTitle","keyline"],"mappings":"AAAA,SAASA,GAAG,QAAQ,YAAY;AAEhC,SAA0BC,GAAG,QAAQ,mBAAmB;AACxD,SAA+BC,QAAQ,QAAQ,iBAAiB;AAEhE,SAASC,GAAG,QAAQ,kBAAkB;AAYtC,MAAMC,SAASD,IAAI;AACnB,MAAME,cAAcF,IAAI;AAyFxB;;;;;CAKC,GACD,OAAO,SAASG,OAAOC,UAAkC,CAAC,CAAC;IACzD,MAAM,EACJC,SAAS,EACTC,QAAQ,SAAS,EACjBC,OAAO,EACPC,SAASD,UAAU,SAAS,QAAQ,EACpCE,WAAW,QAAQ,EACnBC,eAAe,KAAK,EACpBC,kBAAkBF,aAAa,OAAO,EACtCG,KAAK,EACLC,IAAI,EACJC,WAAW,EACXC,QAAQ,EACRC,OAAO,EACPC,QAAQ,EACRC,YAAY,EACZC,cAAc,IAAI,EAClBC,cAAc,EACdC,gBAAgB,EACjB,GAAGjB;IACJ,MAAMkB,UAAUhB,UAAU;IAC1B,MAAMiB,QAAQjB,UAAU;IAExB,OAAOT,IACLI,OAAO;QACLqB;QACA,CAACd,OAAO,EAAEA,WAAW;QACrBgB,OAAOf,aAAa;QACpBF;QACAkB,QAAQhB,aAAa;QACrB,CAACC,aAAa,EAAED,aAAa;QAC7BiB,UAAUjB,aAAa,YAAY,CAACY;QACpC,oBAAoBV;QACpB,2BAA2BF,aAAa,YAAYE;IACtD,IACAb,IAAI;QACFc;QACAL;QACAoB,WAAW;QACXd;QACAC;QACAC;QACAC;QACAC;QACAE;QACAC;IACF,IACArB,SAAS;QACP6B,iBAAiB,CAACN,WAAW,CAACC,QAAQjB,QAAQuB;QAC9CX;IACF,IACAb;AAEJ;AAyBA;;;;;CAKC,GACD,OAAO,SAASyB,YAAY1B,UAAuC,CAAC,CAAC;IACnE,MAAM,EAAEC,SAAS,EAAE0B,UAAU,OAAO,EAAE,GAAG3B;IACzC,OAAOP,IACLK,YAAY;QACV6B,SAASA,YAAY;QACrB,eAAeA,YAAY;IAC7B,IACA1B;AAEJ"}

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":"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"}
+{"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) {