@react-md/core 6.5.0 → 6.5.1

package/dist/utils/alphaNumericSort.js

@@ -15,7 +15,9 @@ import { defaultExtractor } from "../searching/utils.js";
  */ export const DEFAULT_COLLATOR = new Intl.Collator("en-US", DEFAULT_COLLATOR_OPTIONS);
 export function alphaNumericSort(list, options = {}) {
     const { compare = DEFAULT_COLLATOR.compare, extractor = DEFAULT_EXTRACTOR, descending = false } = options;
-    const sorted = list.slice();
+    const sorted = [
+        ...list
+    ];
     sorted.sort((a, b)=>{
         const aValue = extractor(a);
         const bValue = extractor(b);

package/dist/utils/alphaNumericSort.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/alphaNumericSort.ts"],"sourcesContent":["import { defaultExtractor } from \"../searching/utils.js\";\nimport { type AutomaticTextExtraction, type TextExtractor } from \"../types.js\";\n\n/**\n * @since 6.2.0\n * @internal\n */\nconst DEFAULT_EXTRACTOR = defaultExtractor(\"alphaNumericSort\");\n\n/** @since 6.0.0 */\nexport const DEFAULT_COLLATOR_OPTIONS = {\n  numeric: true,\n  caseFirst: \"upper\",\n} as const satisfies Intl.CollatorOptions;\n\n/**\n * The default `Intl.Collator` that should be used for sorting large lists.\n *\n * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/localeCompare#performance\n * @since 6.0.0\n */\nexport const DEFAULT_COLLATOR = new Intl.Collator(\n  \"en-US\",\n  DEFAULT_COLLATOR_OPTIONS\n);\n\n/** @since 6.0.0 */\nexport interface AlphaNumericSortOptions<T> {\n  /**\n   * The extractor is only required when the list of items are not strings.\n   *\n   * @example Simple Example\n   * ```ts\n   * interface Item {\n   *   nameField: string;\n   * }\n   *\n   * const items: Item[] = [{ nameField: 'Hello' }, { nameField: 'World' }];\n   *\n   * alphaNumericSort(items, {\n   *   extractor: (item) => item.nameField,\n   * });\n   * ```\n   *\n   * For javascript developers, this will throw an error in dev mode if an\n   * extractor is not provided for non-string lists.\n   *\n   * @defaultValue `typeof item === \"string\" ? item : \"\"`\n   */\n  extractor?: TextExtractor<T>;\n\n  /**\n   * A custom compare function for sorting the list. This should really only be\n   * provided if the language for your app is not `\"en-US\"` or you'd like to\n   * provide some custom sorting options.\n   *\n   * @example Custom Compare using Intl.Collator\n   * ```ts\n   * const collator = new Intl.Collator(\"en-US\", {\n   *   numeric: false,\n   *   caseFirst: \"lower\",\n   *   usage: \"search\",\n   * });\n   *\n   * alphaNumericSort(items, {\n   *   compare: collator.compare,\n   * })\n   * ```\n   *\n   * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Collator/Collator\n   * @defaultValue `new Intl.Collator(\"en-US\", { numeric: true, caseFirst: \"upper\" }).compare`\n   */\n  compare?: (a: string, b: string) => number;\n\n  /**\n   * Setting this to `true` will return the list in descending order instead of\n   * ascending.\n   *\n   * @defaultValue `false`\n   */\n  descending?: boolean;\n}\n\n/**\n * @example Simple Example\n * ```ts\n * const items = [\"World\", \"Hello\"];\n *\n * const sorted = alphaNumericSort(items);\n * // sorted == [\"Hello\", \"World\"]\n * ```\n *\n * @param list - The list of strings to sort\n * @returns a new sorted list\n */\nexport function alphaNumericSort<T extends AutomaticTextExtraction>(\n  list: readonly T[],\n  options?: AlphaNumericSortOptions<T>\n): readonly T[];\n/**\n * @example Simple Example\n * ```ts\n * interface Item {\n *   nameField: string;\n * }\n *\n * const items: Item[] = [{ nameField: \"World\" }, { nameField: \"Hello\" }];\n *\n * const sorted = alphaNumericSort(items, {\n *   extractor: (item) => item.nameField,\n * });\n * // sorted == [{ nameField: \"Hello\" }, { nameField: \"World\" }]\n * ```\n *\n * @param list - The list of items to sort\n * @returns a new sorted list\n */\nexport function alphaNumericSort<T>(\n  list: readonly T[],\n  options: AlphaNumericSortOptions<T> & { extractor: TextExtractor<T> }\n): readonly T[];\nexport function alphaNumericSort<T>(\n  list: readonly T[],\n  options: AlphaNumericSortOptions<T> = {}\n): readonly T[] {\n  const {\n    compare = DEFAULT_COLLATOR.compare,\n    extractor = DEFAULT_EXTRACTOR,\n    descending = false,\n  } = options;\n\n  const sorted = list.slice();\n  sorted.sort((a, b) => {\n    const aValue = extractor(a);\n    const bValue = extractor(b);\n\n    const value1 = descending ? bValue : aValue;\n    const value2 = descending ? aValue : bValue;\n\n    return compare(value1, value2);\n  });\n\n  return sorted;\n}\n"],"names":["defaultExtractor","DEFAULT_EXTRACTOR","DEFAULT_COLLATOR_OPTIONS","numeric","caseFirst","DEFAULT_COLLATOR","Intl","Collator","alphaNumericSort","list","options","compare","extractor","descending","sorted","slice","sort","a","b","aValue","bValue","value1","value2"],"mappings":"AAAA,SAASA,gBAAgB,QAAQ,wBAAwB;AAGzD;;;CAGC,GACD,MAAMC,oBAAoBD,iBAAiB;AAE3C,iBAAiB,GACjB,OAAO,MAAME,2BAA2B;IACtCC,SAAS;IACTC,WAAW;AACb,EAA0C;AAE1C;;;;;CAKC,GACD,OAAO,MAAMC,mBAAmB,IAAIC,KAAKC,QAAQ,CAC/C,SACAL,0BACA;AAiGF,OAAO,SAASM,iBACdC,IAAkB,EAClBC,UAAsC,CAAC,CAAC;IAExC,MAAM,EACJC,UAAUN,iBAAiBM,OAAO,EAClCC,YAAYX,iBAAiB,EAC7BY,aAAa,KAAK,EACnB,GAAGH;IAEJ,MAAMI,SAASL,KAAKM,KAAK;IACzBD,OAAOE,IAAI,CAAC,CAACC,GAAGC;QACd,MAAMC,SAASP,UAAUK;QACzB,MAAMG,SAASR,UAAUM;QAEzB,MAAMG,SAASR,aAAaO,SAASD;QACrC,MAAMG,SAAST,aAAaM,SAASC;QAErC,OAAOT,QAAQU,QAAQC;IACzB;IAEA,OAAOR;AACT"}
+{"version":3,"sources":["../../src/utils/alphaNumericSort.ts"],"sourcesContent":["import { defaultExtractor } from \"../searching/utils.js\";\nimport { type AutomaticTextExtraction, type TextExtractor } from \"../types.js\";\n\n/**\n * @since 6.2.0\n * @internal\n */\nconst DEFAULT_EXTRACTOR = defaultExtractor(\"alphaNumericSort\");\n\n/** @since 6.0.0 */\nexport const DEFAULT_COLLATOR_OPTIONS = {\n  numeric: true,\n  caseFirst: \"upper\",\n} as const satisfies Intl.CollatorOptions;\n\n/**\n * The default `Intl.Collator` that should be used for sorting large lists.\n *\n * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/localeCompare#performance\n * @since 6.0.0\n */\nexport const DEFAULT_COLLATOR = new Intl.Collator(\n  \"en-US\",\n  DEFAULT_COLLATOR_OPTIONS\n);\n\n/** @since 6.0.0 */\nexport interface AlphaNumericSortOptions<T> {\n  /**\n   * The extractor is only required when the list of items are not strings.\n   *\n   * @example Simple Example\n   * ```ts\n   * interface Item {\n   *   nameField: string;\n   * }\n   *\n   * const items: Item[] = [{ nameField: 'Hello' }, { nameField: 'World' }];\n   *\n   * alphaNumericSort(items, {\n   *   extractor: (item) => item.nameField,\n   * });\n   * ```\n   *\n   * For javascript developers, this will throw an error in dev mode if an\n   * extractor is not provided for non-string lists.\n   *\n   * @defaultValue `typeof item === \"string\" ? item : \"\"`\n   */\n  extractor?: TextExtractor<T>;\n\n  /**\n   * A custom compare function for sorting the list. This should really only be\n   * provided if the language for your app is not `\"en-US\"` or you'd like to\n   * provide some custom sorting options.\n   *\n   * @example Custom Compare using Intl.Collator\n   * ```ts\n   * const collator = new Intl.Collator(\"en-US\", {\n   *   numeric: false,\n   *   caseFirst: \"lower\",\n   *   usage: \"search\",\n   * });\n   *\n   * alphaNumericSort(items, {\n   *   compare: collator.compare,\n   * })\n   * ```\n   *\n   * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Collator/Collator\n   * @defaultValue `new Intl.Collator(\"en-US\", { numeric: true, caseFirst: \"upper\" }).compare`\n   */\n  compare?: (a: string, b: string) => number;\n\n  /**\n   * Setting this to `true` will return the list in descending order instead of\n   * ascending.\n   *\n   * @defaultValue `false`\n   */\n  descending?: boolean;\n}\n\n/**\n * @example Simple Example\n * ```ts\n * const items = [\"World\", \"Hello\"];\n *\n * const sorted = alphaNumericSort(items);\n * // sorted == [\"Hello\", \"World\"]\n * ```\n *\n * @param list - The list of strings to sort\n * @returns a new sorted list\n */\nexport function alphaNumericSort<T extends AutomaticTextExtraction>(\n  list: readonly T[],\n  options?: AlphaNumericSortOptions<T>\n): readonly T[];\n/**\n * @example Simple Example\n * ```ts\n * interface Item {\n *   nameField: string;\n * }\n *\n * const items: Item[] = [{ nameField: \"World\" }, { nameField: \"Hello\" }];\n *\n * const sorted = alphaNumericSort(items, {\n *   extractor: (item) => item.nameField,\n * });\n * // sorted == [{ nameField: \"Hello\" }, { nameField: \"World\" }]\n * ```\n *\n * @param list - The list of items to sort\n * @returns a new sorted list\n */\nexport function alphaNumericSort<T>(\n  list: readonly T[],\n  options: AlphaNumericSortOptions<T> & { extractor: TextExtractor<T> }\n): readonly T[];\nexport function alphaNumericSort<T>(\n  list: readonly T[],\n  options: AlphaNumericSortOptions<T> = {}\n): readonly T[] {\n  const {\n    compare = DEFAULT_COLLATOR.compare,\n    extractor = DEFAULT_EXTRACTOR,\n    descending = false,\n  } = options;\n\n  const sorted = [...list];\n  sorted.sort((a, b) => {\n    const aValue = extractor(a);\n    const bValue = extractor(b);\n\n    const value1 = descending ? bValue : aValue;\n    const value2 = descending ? aValue : bValue;\n\n    return compare(value1, value2);\n  });\n\n  return sorted;\n}\n"],"names":["defaultExtractor","DEFAULT_EXTRACTOR","DEFAULT_COLLATOR_OPTIONS","numeric","caseFirst","DEFAULT_COLLATOR","Intl","Collator","alphaNumericSort","list","options","compare","extractor","descending","sorted","sort","a","b","aValue","bValue","value1","value2"],"mappings":"AAAA,SAASA,gBAAgB,QAAQ,wBAAwB;AAGzD;;;CAGC,GACD,MAAMC,oBAAoBD,iBAAiB;AAE3C,iBAAiB,GACjB,OAAO,MAAME,2BAA2B;IACtCC,SAAS;IACTC,WAAW;AACb,EAA0C;AAE1C;;;;;CAKC,GACD,OAAO,MAAMC,mBAAmB,IAAIC,KAAKC,QAAQ,CAC/C,SACAL,0BACA;AAiGF,OAAO,SAASM,iBACdC,IAAkB,EAClBC,UAAsC,CAAC,CAAC;IAExC,MAAM,EACJC,UAAUN,iBAAiBM,OAAO,EAClCC,YAAYX,iBAAiB,EAC7BY,aAAa,KAAK,EACnB,GAAGH;IAEJ,MAAMI,SAAS;WAAIL;KAAK;IACxBK,OAAOC,IAAI,CAAC,CAACC,GAAGC;QACd,MAAMC,SAASN,UAAUI;QACzB,MAAMG,SAASP,UAAUK;QAEzB,MAAMG,SAASP,aAAaM,SAASD;QACrC,MAAMG,SAASR,aAAaK,SAASC;QAErC,OAAOR,QAAQS,QAAQC;IACzB;IAEA,OAAOP;AACT"}

package/dist/utils/bem.js

@@ -3,12 +3,13 @@ function modify(base, modifier) {
         return base;
     }
     const hasOwn = Object.prototype.hasOwnProperty;
-    return Object.keys(modifier).reduce((s, mod)=>{
+    let className = base;
+    for (const mod of Object.keys(modifier)){
         if (hasOwn.call(modifier, mod) && modifier[mod]) {
-            return `${s} ${base}--${mod}`;
+            className += ` ${base}--${mod}`;
         }
-        return s;
-    }, base);
+    }
+    return className;
 }
 /**
  * Applies the BEM styled class name to an element.
@@ -50,16 +51,12 @@ function modify(base, modifier) {
  * @param base - The base class to use
  * @returns a function to call that generates the full class name
  */ export function bem(base) {
-    if (process.env.NODE_ENV !== "production") {
-        if (!base) {
-            throw new Error("bem requires a base block class but none were provided.");
-        }
+    if (process.env.NODE_ENV !== "production" && !base) {
+        throw new Error("bem requires a base block class but none were provided.");
     }
     function block(elementOrModifier, modifier) {
-        if (process.env.NODE_ENV !== "production") {
-            if (typeof elementOrModifier !== "string" && modifier) {
-                throw new TypeError("bem does not support having two modifier arguments.");
-            }
+        if (process.env.NODE_ENV !== "production" && typeof elementOrModifier !== "string" && modifier) {
+            throw new TypeError("bem does not support having two modifier arguments.");
         }
         if (!elementOrModifier) {
             return base;

package/dist/utils/bem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/bem.ts"],"sourcesContent":["export type BEMModifier = Record<string, unknown>;\n\nfunction modify(base: string, modifier?: BEMModifier): string {\n  if (!modifier) {\n    return base;\n  }\n\n  const hasOwn = Object.prototype.hasOwnProperty;\n  return Object.keys(modifier).reduce((s, mod) => {\n    if (hasOwn.call(modifier, mod) && modifier[mod]) {\n      return `${s} ${base}--${mod}`;\n    }\n\n    return s;\n  }, base);\n}\n\n/**\n * Creates the full class name from the base block name. This can be called\n * without any arguments which will just return the base block name (kind of\n * worthless), or you can provide a child element name and modifiers.\n *\n * @since 6.0.0 Converted to an interface that supports the `base` attribute.\n */\nexport interface BEMResult {\n  /**\n   * @example Simple Example\n   * ```ts\n   * const styles = bem(\"root\");\n   *\n   * styles(\"child\"); // \"root__child\"\n   * styles(\"child\", {\n   *   modifier1: true,\n   *   modifier2: false,\n   * }); // \"root__child root__child--modifier-1\"\n   * ```\n   * @param element - The child element to be prefixed before any modifiers.\n   * @param modifier - Any optional modifiers to apply to the block and optional\n   * element.\n   * @returns the full class name\n   */\n  (element: string, modifier?: BEMModifier): string;\n\n  /**\n   * @example Simple Example\n   * ```ts\n   * const styles = bem(\"root\");\n   *\n   * styles() // \"root\"\n   * styles({\n   *   modifier1: true,\n   *   modifier2: false,\n   * }); // \"root--modifier-1\"\n   * ```\n   * @param modifier - Any optional modifiers to apply to the block and optional\n   * element.\n   * @returns the full class name\n   */\n  (modifier?: BEMModifier): string;\n\n  /**\n   * The base class name\n   */\n  base: string;\n}\n\n/**\n * Applies the BEM styled class name to an element.\n *\n * @example Simple Example\n * ```tsx\n * import { bem } from \"@react-md/core/utils/bem\":\n *\n * const styles = bem(\"my-component\"):\n *\n * export function MyComponent(props) {\n *   const className = styles({\n *     always: true,\n *     never: false,\n *     \"some-condition\": props.something,\n *   }):\n *   const childClassName = styles('child', {\n *     always: true,\n *     never: false,\n *     \"some-condition\": props.something,\n *   });\n *\n *   // With a false-like `props.something`\n *   // className === \"my-component__child my-component__child--always\"\n *   // childClassName === \"my-component my-component--always\"\n *   // With a truthy `props.something`\n *   // className === \"my-component my-component--always my-component--some-condition\"\n *   // childClassName === \"my-component__child my-component__child--always my-component__child--some-condition\"\n *\n *   return (\n *     <div className={className}>\n *       <div className={childClassName} />\n *     </div>\n *   ):\n * }\n * ```\n *\n * @see https://en.bem.info/methodology/css/\n * @param base - The base class to use\n * @returns a function to call that generates the full class name\n */\nexport function bem(base: string): BEMResult {\n  if (process.env.NODE_ENV !== \"production\") {\n    if (!base) {\n      throw new Error(\n        \"bem requires a base block class but none were provided.\"\n      );\n    }\n  }\n\n  function block(\n    elementOrModifier?: BEMModifier | string,\n    modifier?: BEMModifier\n  ): string {\n    if (process.env.NODE_ENV !== \"production\") {\n      if (typeof elementOrModifier !== \"string\" && modifier) {\n        throw new TypeError(\n          \"bem does not support having two modifier arguments.\"\n        );\n      }\n    }\n\n    if (!elementOrModifier) {\n      return base;\n    }\n\n    if (typeof elementOrModifier !== \"string\") {\n      return modify(base, elementOrModifier);\n    }\n\n    return modify(`${base}__${elementOrModifier}`, modifier);\n  }\n  block.base = base;\n  return block;\n}\n"],"names":["modify","base","modifier","hasOwn","Object","prototype","hasOwnProperty","keys","reduce","s","mod","call","bem","process","env","NODE_ENV","Error","block","elementOrModifier","TypeError"],"mappings":"AAEA,SAASA,OAAOC,IAAY,EAAEC,QAAsB;IAClD,IAAI,CAACA,UAAU;QACb,OAAOD;IACT;IAEA,MAAME,SAASC,OAAOC,SAAS,CAACC,cAAc;IAC9C,OAAOF,OAAOG,IAAI,CAACL,UAAUM,MAAM,CAAC,CAACC,GAAGC;QACtC,IAAIP,OAAOQ,IAAI,CAACT,UAAUQ,QAAQR,QAAQ,CAACQ,IAAI,EAAE;YAC/C,OAAO,GAAGD,EAAE,CAAC,EAAER,KAAK,EAAE,EAAES,KAAK;QAC/B;QAEA,OAAOD;IACT,GAAGR;AACL;AAmDA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuCC,GACD,OAAO,SAASW,IAAIX,IAAY;IAC9B,IAAIY,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;QACzC,IAAI,CAACd,MAAM;YACT,MAAM,IAAIe,MACR;QAEJ;IACF;IAEA,SAASC,MACPC,iBAAwC,EACxChB,QAAsB;QAEtB,IAAIW,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;YACzC,IAAI,OAAOG,sBAAsB,YAAYhB,UAAU;gBACrD,MAAM,IAAIiB,UACR;YAEJ;QACF;QAEA,IAAI,CAACD,mBAAmB;YACtB,OAAOjB;QACT;QAEA,IAAI,OAAOiB,sBAAsB,UAAU;YACzC,OAAOlB,OAAOC,MAAMiB;QACtB;QAEA,OAAOlB,OAAO,GAAGC,KAAK,EAAE,EAAEiB,mBAAmB,EAAEhB;IACjD;IACAe,MAAMhB,IAAI,GAAGA;IACb,OAAOgB;AACT"}
+{"version":3,"sources":["../../src/utils/bem.ts"],"sourcesContent":["export type BEMModifier = Record<string, unknown>;\n\nfunction modify(base: string, modifier?: BEMModifier): string {\n  if (!modifier) {\n    return base;\n  }\n\n  const hasOwn = Object.prototype.hasOwnProperty;\n  let className = base;\n  for (const mod of Object.keys(modifier)) {\n    if (hasOwn.call(modifier, mod) && modifier[mod]) {\n      className += ` ${base}--${mod}`;\n    }\n  }\n\n  return className;\n}\n\n/**\n * Creates the full class name from the base block name. This can be called\n * without any arguments which will just return the base block name (kind of\n * worthless), or you can provide a child element name and modifiers.\n *\n * @since 6.0.0 Converted to an interface that supports the `base` attribute.\n */\nexport interface BEMResult {\n  /**\n   * @example Simple Example\n   * ```ts\n   * const styles = bem(\"root\");\n   *\n   * styles(\"child\"); // \"root__child\"\n   * styles(\"child\", {\n   *   modifier1: true,\n   *   modifier2: false,\n   * }); // \"root__child root__child--modifier-1\"\n   * ```\n   * @param element - The child element to be prefixed before any modifiers.\n   * @param modifier - Any optional modifiers to apply to the block and optional\n   * element.\n   * @returns the full class name\n   */\n  (element: string, modifier?: BEMModifier): string;\n\n  /**\n   * @example Simple Example\n   * ```ts\n   * const styles = bem(\"root\");\n   *\n   * styles() // \"root\"\n   * styles({\n   *   modifier1: true,\n   *   modifier2: false,\n   * }); // \"root--modifier-1\"\n   * ```\n   * @param modifier - Any optional modifiers to apply to the block and optional\n   * element.\n   * @returns the full class name\n   */\n  (modifier?: BEMModifier): string;\n\n  /**\n   * The base class name\n   */\n  base: string;\n}\n\n/**\n * Applies the BEM styled class name to an element.\n *\n * @example Simple Example\n * ```tsx\n * import { bem } from \"@react-md/core/utils/bem\":\n *\n * const styles = bem(\"my-component\"):\n *\n * export function MyComponent(props) {\n *   const className = styles({\n *     always: true,\n *     never: false,\n *     \"some-condition\": props.something,\n *   }):\n *   const childClassName = styles('child', {\n *     always: true,\n *     never: false,\n *     \"some-condition\": props.something,\n *   });\n *\n *   // With a false-like `props.something`\n *   // className === \"my-component__child my-component__child--always\"\n *   // childClassName === \"my-component my-component--always\"\n *   // With a truthy `props.something`\n *   // className === \"my-component my-component--always my-component--some-condition\"\n *   // childClassName === \"my-component__child my-component__child--always my-component__child--some-condition\"\n *\n *   return (\n *     <div className={className}>\n *       <div className={childClassName} />\n *     </div>\n *   ):\n * }\n * ```\n *\n * @see https://en.bem.info/methodology/css/\n * @param base - The base class to use\n * @returns a function to call that generates the full class name\n */\nexport function bem(base: string): BEMResult {\n  if (process.env.NODE_ENV !== \"production\" && !base) {\n    throw new Error(\"bem requires a base block class but none were provided.\");\n  }\n\n  function block(\n    elementOrModifier?: BEMModifier | string,\n    modifier?: BEMModifier\n  ): string {\n    if (\n      process.env.NODE_ENV !== \"production\" &&\n      typeof elementOrModifier !== \"string\" &&\n      modifier\n    ) {\n      throw new TypeError(\n        \"bem does not support having two modifier arguments.\"\n      );\n    }\n\n    if (!elementOrModifier) {\n      return base;\n    }\n\n    if (typeof elementOrModifier !== \"string\") {\n      return modify(base, elementOrModifier);\n    }\n\n    return modify(`${base}__${elementOrModifier}`, modifier);\n  }\n  block.base = base;\n  return block;\n}\n"],"names":["modify","base","modifier","hasOwn","Object","prototype","hasOwnProperty","className","mod","keys","call","bem","process","env","NODE_ENV","Error","block","elementOrModifier","TypeError"],"mappings":"AAEA,SAASA,OAAOC,IAAY,EAAEC,QAAsB;IAClD,IAAI,CAACA,UAAU;QACb,OAAOD;IACT;IAEA,MAAME,SAASC,OAAOC,SAAS,CAACC,cAAc;IAC9C,IAAIC,YAAYN;IAChB,KAAK,MAAMO,OAAOJ,OAAOK,IAAI,CAACP,UAAW;QACvC,IAAIC,OAAOO,IAAI,CAACR,UAAUM,QAAQN,QAAQ,CAACM,IAAI,EAAE;YAC/CD,aAAa,CAAC,CAAC,EAAEN,KAAK,EAAE,EAAEO,KAAK;QACjC;IACF;IAEA,OAAOD;AACT;AAmDA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuCC,GACD,OAAO,SAASI,IAAIV,IAAY;IAC9B,IAAIW,QAAQC,GAAG,CAACC,QAAQ,KAAK,gBAAgB,CAACb,MAAM;QAClD,MAAM,IAAIc,MAAM;IAClB;IAEA,SAASC,MACPC,iBAAwC,EACxCf,QAAsB;QAEtB,IACEU,QAAQC,GAAG,CAACC,QAAQ,KAAK,gBACzB,OAAOG,sBAAsB,YAC7Bf,UACA;YACA,MAAM,IAAIgB,UACR;QAEJ;QAEA,IAAI,CAACD,mBAAmB;YACtB,OAAOhB;QACT;QAEA,IAAI,OAAOgB,sBAAsB,UAAU;YACzC,OAAOjB,OAAOC,MAAMgB;QACtB;QAEA,OAAOjB,OAAO,GAAGC,KAAK,EAAE,EAAEgB,mBAAmB,EAAEf;IACjD;IACAc,MAAMf,IAAI,GAAGA;IACb,OAAOe;AACT"}

package/dist/utils/getNumberOfDigits.js

@@ -5,6 +5,7 @@
     if (typeof value !== "number") {
         return;
     }
+    // eslint-disable-next-line unicorn/prefer-math-trunc
     return (Math.log10((value ^ value >> 31) - (value >> 31)) | 0) + 1;
 }
 

package/dist/utils/getNumberOfDigits.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/getNumberOfDigits.ts"],"sourcesContent":["/**\n * @since 6.4.0\n * @see {@link https://stackoverflow.com/a/28203456}\n */\nexport function getNumberOfDigits(value: number): number;\nexport function getNumberOfDigits(value: undefined): undefined;\nexport function getNumberOfDigits(\n  value: number | undefined\n): number | undefined;\nexport function getNumberOfDigits(\n  value: number | undefined\n): number | undefined {\n  if (typeof value !== \"number\") {\n    return;\n  }\n\n  return (Math.log10((value ^ (value >> 31)) - (value >> 31)) | 0) + 1;\n}\n"],"names":["getNumberOfDigits","value","Math","log10"],"mappings":"AAAA;;;CAGC,GAMD,OAAO,SAASA,kBACdC,KAAyB;IAEzB,IAAI,OAAOA,UAAU,UAAU;QAC7B;IACF;IAEA,OAAO,AAACC,CAAAA,KAAKC,KAAK,CAAC,AAACF,CAAAA,QAASA,SAAS,EAAE,IAAMA,CAAAA,SAAS,EAAC,KAAM,CAAA,IAAK;AACrE"}
+{"version":3,"sources":["../../src/utils/getNumberOfDigits.ts"],"sourcesContent":["/**\n * @since 6.4.0\n * @see {@link https://stackoverflow.com/a/28203456}\n */\nexport function getNumberOfDigits(value: number): number;\nexport function getNumberOfDigits(value: undefined): undefined;\nexport function getNumberOfDigits(\n  value: number | undefined\n): number | undefined;\nexport function getNumberOfDigits(\n  value: number | undefined\n): number | undefined {\n  if (typeof value !== \"number\") {\n    return;\n  }\n\n  // eslint-disable-next-line unicorn/prefer-math-trunc\n  return (Math.log10((value ^ (value >> 31)) - (value >> 31)) | 0) + 1;\n}\n"],"names":["getNumberOfDigits","value","Math","log10"],"mappings":"AAAA;;;CAGC,GAMD,OAAO,SAASA,kBACdC,KAAyB;IAEzB,IAAI,OAAOA,UAAU,UAAU;QAC7B;IACF;IAEA,qDAAqD;IACrD,OAAO,AAACC,CAAAA,KAAKC,KAAK,CAAC,AAACF,CAAAA,QAASA,SAAS,EAAE,IAAMA,CAAAA,SAAS,EAAC,KAAM,CAAA,IAAK;AACrE"}

package/dist/utils/getRangeDefaultValue.js

@@ -4,7 +4,7 @@ import { getMiddleOfRange } from "./getMiddleOfRange.js";
  * @since 6.0.0
  */ export function getRangeDefaultValue(options) {
     const { defaultValue } = options;
-    if (typeof defaultValue !== "undefined") {
+    if (defaultValue !== undefined) {
         return defaultValue;
     }
     return ()=>getMiddleOfRange(options);

package/dist/utils/getRangeDefaultValue.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/getRangeDefaultValue.ts"],"sourcesContent":["import { type UseStateInitializer } from \"../types.js\";\nimport {\n  type GetMiddleOfRangeOptions,\n  getMiddleOfRange,\n} from \"./getMiddleOfRange.js\";\n\n/**\n * @internal\n * @since 6.0.0\n */\nexport interface RangeDefaultValueOptions extends GetMiddleOfRangeOptions {\n  defaultValue?: UseStateInitializer<number>;\n}\n\n/**\n * @internal\n * @since 6.0.0\n */\nexport function getRangeDefaultValue(\n  options: RangeDefaultValueOptions\n): UseStateInitializer<number> {\n  const { defaultValue } = options;\n  if (typeof defaultValue !== \"undefined\") {\n    return defaultValue;\n  }\n\n  return () => getMiddleOfRange(options);\n}\n"],"names":["getMiddleOfRange","getRangeDefaultValue","options","defaultValue"],"mappings":"AACA,SAEEA,gBAAgB,QACX,wBAAwB;AAU/B;;;CAGC,GACD,OAAO,SAASC,qBACdC,OAAiC;IAEjC,MAAM,EAAEC,YAAY,EAAE,GAAGD;IACzB,IAAI,OAAOC,iBAAiB,aAAa;QACvC,OAAOA;IACT;IAEA,OAAO,IAAMH,iBAAiBE;AAChC"}
+{"version":3,"sources":["../../src/utils/getRangeDefaultValue.ts"],"sourcesContent":["import { type UseStateInitializer } from \"../types.js\";\nimport {\n  type GetMiddleOfRangeOptions,\n  getMiddleOfRange,\n} from \"./getMiddleOfRange.js\";\n\n/**\n * @internal\n * @since 6.0.0\n */\nexport interface RangeDefaultValueOptions extends GetMiddleOfRangeOptions {\n  defaultValue?: UseStateInitializer<number>;\n}\n\n/**\n * @internal\n * @since 6.0.0\n */\nexport function getRangeDefaultValue(\n  options: RangeDefaultValueOptions\n): UseStateInitializer<number> {\n  const { defaultValue } = options;\n  if (defaultValue !== undefined) {\n    return defaultValue;\n  }\n\n  return () => getMiddleOfRange(options);\n}\n"],"names":["getMiddleOfRange","getRangeDefaultValue","options","defaultValue","undefined"],"mappings":"AACA,SAEEA,gBAAgB,QACX,wBAAwB;AAU/B;;;CAGC,GACD,OAAO,SAASC,qBACdC,OAAiC;IAEjC,MAAM,EAAEC,YAAY,EAAE,GAAGD;IACzB,IAAIC,iBAAiBC,WAAW;QAC9B,OAAOD;IACT;IAEA,OAAO,IAAMH,iBAAiBE;AAChC"}

package/dist/utils/nearest.js

@@ -17,8 +17,8 @@ import { getNumberOfDigits } from "./getNumberOfDigits.js";
     // precision gets weird:
     // 0.28 * 100 === 28.000000000000004
     const step = range / steps;
-    const decimals = Number.isInteger(step) ? range % steps : getNumberOfDigits(parseInt(`${step}`.split(".")[1]));
-    return Math.min(max, Math.max(min, parseFloat((zeroToOne * range + min).toFixed(decimals))));
+    const decimals = Number.isInteger(step) ? range % steps : getNumberOfDigits(Number.parseInt(`${step}`.split(".")[1]));
+    return Math.min(max, Math.max(min, Number.parseFloat((zeroToOne * range + min).toFixed(decimals))));
 }
 
 //# sourceMappingURL=nearest.js.map

package/dist/utils/nearest.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/nearest.ts"],"sourcesContent":["import { type MinMaxRange } from \"../types.js\";\nimport { getNumberOfDigits } from \"./getNumberOfDigits.js\";\n\n/**\n * @internal\n * @since 6.0.0\n */\nexport interface NearestOptions extends MinMaxRange {\n  steps: number;\n  value: number;\n\n  /** @defaultValue `max - min` */\n  range?: number;\n}\n\n/**\n * Rounds a number to the nearest step within a min/max range.\n *\n * @see https://stackoverflow.com/a/13635455\n * @returns the value rounded to the nearest step in the min/max range\n * @since 2.5.0 Added the `range` param\n * @since 6.0.0 Converted to using an object instead of multiple arguments.\n */\nexport function nearest(options: NearestOptions): number {\n  const { min, max, steps, value, range = max - min } = options;\n  if (min === max) {\n    return max;\n  }\n\n  const rounded = Math.round(((value - min) * steps) / range) / steps;\n  const zeroToOne = Math.min(Math.max(rounded, 0), 1);\n\n  // have to calculate the number of allowed decimal places since decimal\n  // precision gets weird:\n  // 0.28 * 100 === 28.000000000000004\n  const step = range / steps;\n  const decimals = Number.isInteger(step)\n    ? range % steps\n    : getNumberOfDigits(parseInt(`${step}`.split(\".\")[1]));\n\n  return Math.min(\n    max,\n    Math.max(min, parseFloat((zeroToOne * range + min).toFixed(decimals)))\n  );\n}\n"],"names":["getNumberOfDigits","nearest","options","min","max","steps","value","range","rounded","Math","round","zeroToOne","step","decimals","Number","isInteger","parseInt","split","parseFloat","toFixed"],"mappings":"AACA,SAASA,iBAAiB,QAAQ,yBAAyB;AAc3D;;;;;;;CAOC,GACD,OAAO,SAASC,QAAQC,OAAuB;IAC7C,MAAM,EAAEC,GAAG,EAAEC,GAAG,EAAEC,KAAK,EAAEC,KAAK,EAAEC,QAAQH,MAAMD,GAAG,EAAE,GAAGD;IACtD,IAAIC,QAAQC,KAAK;QACf,OAAOA;IACT;IAEA,MAAMI,UAAUC,KAAKC,KAAK,CAAC,AAAEJ,CAAAA,QAAQH,GAAE,IAAKE,QAASE,SAASF;IAC9D,MAAMM,YAAYF,KAAKN,GAAG,CAACM,KAAKL,GAAG,CAACI,SAAS,IAAI;IAEjD,uEAAuE;IACvE,wBAAwB;IACxB,oCAAoC;IACpC,MAAMI,OAAOL,QAAQF;IACrB,MAAMQ,WAAWC,OAAOC,SAAS,CAACH,QAC9BL,QAAQF,QACRL,kBAAkBgB,SAAS,GAAGJ,MAAM,CAACK,KAAK,CAAC,IAAI,CAAC,EAAE;IAEtD,OAAOR,KAAKN,GAAG,CACbC,KACAK,KAAKL,GAAG,CAACD,KAAKe,WAAW,AAACP,CAAAA,YAAYJ,QAAQJ,GAAE,EAAGgB,OAAO,CAACN;AAE/D"}
+{"version":3,"sources":["../../src/utils/nearest.ts"],"sourcesContent":["import { type MinMaxRange } from \"../types.js\";\nimport { getNumberOfDigits } from \"./getNumberOfDigits.js\";\n\n/**\n * @internal\n * @since 6.0.0\n */\nexport interface NearestOptions extends MinMaxRange {\n  steps: number;\n  value: number;\n\n  /** @defaultValue `max - min` */\n  range?: number;\n}\n\n/**\n * Rounds a number to the nearest step within a min/max range.\n *\n * @see https://stackoverflow.com/a/13635455\n * @returns the value rounded to the nearest step in the min/max range\n * @since 2.5.0 Added the `range` param\n * @since 6.0.0 Converted to using an object instead of multiple arguments.\n */\nexport function nearest(options: NearestOptions): number {\n  const { min, max, steps, value, range = max - min } = options;\n  if (min === max) {\n    return max;\n  }\n\n  const rounded = Math.round(((value - min) * steps) / range) / steps;\n  const zeroToOne = Math.min(Math.max(rounded, 0), 1);\n\n  // have to calculate the number of allowed decimal places since decimal\n  // precision gets weird:\n  // 0.28 * 100 === 28.000000000000004\n  const step = range / steps;\n  const decimals = Number.isInteger(step)\n    ? range % steps\n    : getNumberOfDigits(Number.parseInt(`${step}`.split(\".\")[1]));\n\n  return Math.min(\n    max,\n    Math.max(\n      min,\n      Number.parseFloat((zeroToOne * range + min).toFixed(decimals))\n    )\n  );\n}\n"],"names":["getNumberOfDigits","nearest","options","min","max","steps","value","range","rounded","Math","round","zeroToOne","step","decimals","Number","isInteger","parseInt","split","parseFloat","toFixed"],"mappings":"AACA,SAASA,iBAAiB,QAAQ,yBAAyB;AAc3D;;;;;;;CAOC,GACD,OAAO,SAASC,QAAQC,OAAuB;IAC7C,MAAM,EAAEC,GAAG,EAAEC,GAAG,EAAEC,KAAK,EAAEC,KAAK,EAAEC,QAAQH,MAAMD,GAAG,EAAE,GAAGD;IACtD,IAAIC,QAAQC,KAAK;QACf,OAAOA;IACT;IAEA,MAAMI,UAAUC,KAAKC,KAAK,CAAC,AAAEJ,CAAAA,QAAQH,GAAE,IAAKE,QAASE,SAASF;IAC9D,MAAMM,YAAYF,KAAKN,GAAG,CAACM,KAAKL,GAAG,CAACI,SAAS,IAAI;IAEjD,uEAAuE;IACvE,wBAAwB;IACxB,oCAAoC;IACpC,MAAMI,OAAOL,QAAQF;IACrB,MAAMQ,WAAWC,OAAOC,SAAS,CAACH,QAC9BL,QAAQF,QACRL,kBAAkBc,OAAOE,QAAQ,CAAC,GAAGJ,MAAM,CAACK,KAAK,CAAC,IAAI,CAAC,EAAE;IAE7D,OAAOR,KAAKN,GAAG,CACbC,KACAK,KAAKL,GAAG,CACND,KACAW,OAAOI,UAAU,CAAC,AAACP,CAAAA,YAAYJ,QAAQJ,GAAE,EAAGgB,OAAO,CAACN;AAG1D"}

package/dist/utils/parseCssLengthUnit.js

@@ -25,15 +25,15 @@
     if (value.includes("calc")) {
         throw new Error(`Unable to parse a unit with \`calc\`: "${value}"`);
     }
-    const parsed = parseFloat(value);
+    const parsed = Number.parseFloat(value);
     if (/px$/i.test(value)) {
         return parsed;
     }
-    if (typeof window === "undefined") {
+    if (globalThis.window === undefined) {
         return parsed * fallbackFontSize;
     }
     const styleContainer = !container || /rem$/i.test(value) ? document.documentElement : container;
-    const fontSize = parseFloat(window.getComputedStyle(styleContainer).fontSize || `${fallbackFontSize}px`);
+    const fontSize = Number.parseFloat(globalThis.getComputedStyle(styleContainer).fontSize || `${fallbackFontSize}px`);
     return parsed * fontSize;
 }
 

package/dist/utils/parseCssLengthUnit.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/parseCssLengthUnit.ts"],"sourcesContent":["/** @internal */\nexport interface ParseCssLengthUnitOptions {\n  /**\n   * The css unit to convert to a numeric value.\n   */\n  value: number | string;\n\n  /**\n   * @defaultValue `16`\n   */\n  fallbackFontSize?: number;\n\n  /**\n   * @defaultValue `document.documentElement`\n   */\n  container?: Element | null;\n}\n\n/**\n * This is used to convert CSS length units into a number. At this time, it really only supports\n * - `px`\n * - `rem`\n * - `em` (if {@link ParseCssLengthUnitOptions.container} is provided)\n *\n * @example Simple Example\n * ```ts\n * parseCssLengthUnit({ value: \"24px\" }) // 24\n * parseCssLengthUnit({ value: \"3.5rem\" }) // 56\n * parseCssLengthUnit({\n *   value: \"3em\",\n *   container: document.querySelector(SOME_QUERY),\n * }); // container's computed fontSize * 3\n * ```\n *\n * @see {@link https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Values_and_units#lengths}\n * @internal\n * @since 6.0.0 This was renamed from `unitToNumber`\n */\nexport function parseCssLengthUnit(options: ParseCssLengthUnitOptions): number {\n  const { value, container, fallbackFontSize = 16 } = options;\n\n  if (typeof value === \"number\") {\n    return value;\n  }\n\n  if (value.includes(\"calc\")) {\n    throw new Error(`Unable to parse a unit with \\`calc\\`: \"${value}\"`);\n  }\n\n  const parsed = parseFloat(value);\n  if (/px$/i.test(value)) {\n    return parsed;\n  }\n\n  if (typeof window === \"undefined\") {\n    return parsed * fallbackFontSize;\n  }\n\n  const styleContainer =\n    !container || /rem$/i.test(value) ? document.documentElement : container;\n\n  const fontSize = parseFloat(\n    window.getComputedStyle(styleContainer).fontSize || `${fallbackFontSize}px`\n  );\n\n  return parsed * fontSize;\n}\n"],"names":["parseCssLengthUnit","options","value","container","fallbackFontSize","includes","Error","parsed","parseFloat","test","window","styleContainer","document","documentElement","fontSize","getComputedStyle"],"mappings":"AAAA,cAAc,GAkBd;;;;;;;;;;;;;;;;;;;CAmBC,GACD,OAAO,SAASA,mBAAmBC,OAAkC;IACnE,MAAM,EAAEC,KAAK,EAAEC,SAAS,EAAEC,mBAAmB,EAAE,EAAE,GAAGH;IAEpD,IAAI,OAAOC,UAAU,UAAU;QAC7B,OAAOA;IACT;IAEA,IAAIA,MAAMG,QAAQ,CAAC,SAAS;QAC1B,MAAM,IAAIC,MAAM,CAAC,uCAAuC,EAAEJ,MAAM,CAAC,CAAC;IACpE;IAEA,MAAMK,SAASC,WAAWN;IAC1B,IAAI,OAAOO,IAAI,CAACP,QAAQ;QACtB,OAAOK;IACT;IAEA,IAAI,OAAOG,WAAW,aAAa;QACjC,OAAOH,SAASH;IAClB;IAEA,MAAMO,iBACJ,CAACR,aAAa,QAAQM,IAAI,CAACP,SAASU,SAASC,eAAe,GAAGV;IAEjE,MAAMW,WAAWN,WACfE,OAAOK,gBAAgB,CAACJ,gBAAgBG,QAAQ,IAAI,GAAGV,iBAAiB,EAAE,CAAC;IAG7E,OAAOG,SAASO;AAClB"}
+{"version":3,"sources":["../../src/utils/parseCssLengthUnit.ts"],"sourcesContent":["/** @internal */\nexport interface ParseCssLengthUnitOptions {\n  /**\n   * The css unit to convert to a numeric value.\n   */\n  value: number | string;\n\n  /**\n   * @defaultValue `16`\n   */\n  fallbackFontSize?: number;\n\n  /**\n   * @defaultValue `document.documentElement`\n   */\n  container?: Element | null;\n}\n\n/**\n * This is used to convert CSS length units into a number. At this time, it really only supports\n * - `px`\n * - `rem`\n * - `em` (if {@link ParseCssLengthUnitOptions.container} is provided)\n *\n * @example Simple Example\n * ```ts\n * parseCssLengthUnit({ value: \"24px\" }) // 24\n * parseCssLengthUnit({ value: \"3.5rem\" }) // 56\n * parseCssLengthUnit({\n *   value: \"3em\",\n *   container: document.querySelector(SOME_QUERY),\n * }); // container's computed fontSize * 3\n * ```\n *\n * @see {@link https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Values_and_units#lengths}\n * @internal\n * @since 6.0.0 This was renamed from `unitToNumber`\n */\nexport function parseCssLengthUnit(options: ParseCssLengthUnitOptions): number {\n  const { value, container, fallbackFontSize = 16 } = options;\n\n  if (typeof value === \"number\") {\n    return value;\n  }\n\n  if (value.includes(\"calc\")) {\n    throw new Error(`Unable to parse a unit with \\`calc\\`: \"${value}\"`);\n  }\n\n  const parsed = Number.parseFloat(value);\n  if (/px$/i.test(value)) {\n    return parsed;\n  }\n\n  if (globalThis.window === undefined) {\n    return parsed * fallbackFontSize;\n  }\n\n  const styleContainer =\n    !container || /rem$/i.test(value) ? document.documentElement : container;\n\n  const fontSize = Number.parseFloat(\n    globalThis.getComputedStyle(styleContainer).fontSize ||\n      `${fallbackFontSize}px`\n  );\n\n  return parsed * fontSize;\n}\n"],"names":["parseCssLengthUnit","options","value","container","fallbackFontSize","includes","Error","parsed","Number","parseFloat","test","globalThis","window","undefined","styleContainer","document","documentElement","fontSize","getComputedStyle"],"mappings":"AAAA,cAAc,GAkBd;;;;;;;;;;;;;;;;;;;CAmBC,GACD,OAAO,SAASA,mBAAmBC,OAAkC;IACnE,MAAM,EAAEC,KAAK,EAAEC,SAAS,EAAEC,mBAAmB,EAAE,EAAE,GAAGH;IAEpD,IAAI,OAAOC,UAAU,UAAU;QAC7B,OAAOA;IACT;IAEA,IAAIA,MAAMG,QAAQ,CAAC,SAAS;QAC1B,MAAM,IAAIC,MAAM,CAAC,uCAAuC,EAAEJ,MAAM,CAAC,CAAC;IACpE;IAEA,MAAMK,SAASC,OAAOC,UAAU,CAACP;IACjC,IAAI,OAAOQ,IAAI,CAACR,QAAQ;QACtB,OAAOK;IACT;IAEA,IAAII,WAAWC,MAAM,KAAKC,WAAW;QACnC,OAAON,SAASH;IAClB;IAEA,MAAMU,iBACJ,CAACX,aAAa,QAAQO,IAAI,CAACR,SAASa,SAASC,eAAe,GAAGb;IAEjE,MAAMc,WAAWT,OAAOC,UAAU,CAChCE,WAAWO,gBAAgB,CAACJ,gBAAgBG,QAAQ,IAClD,GAAGb,iBAAiB,EAAE,CAAC;IAG3B,OAAOG,SAASU;AAClB"}

package/dist/utils/trigonometry.js

@@ -19,7 +19,7 @@
  * @since 6.3.0
  */ export function calcHypotenuse(point) {
     const { x, y } = point;
-    return Math.sqrt(x * x + y * y);
+    return Math.hypot(x, y);
 }
 
 //# sourceMappingURL=trigonometry.js.map

package/dist/utils/trigonometry.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/trigonometry.ts"],"sourcesContent":["import { type Point } from \"../types.js\";\n\n/**\n * @since 6.3.0\n * @internal\n */\nexport const radiansToDegrees = (radians: number): number =>\n  (radians * 180) / Math.PI;\n\n/**\n * @since 6.3.0\n * @internal\n */\nexport const degreesToRadians = (degrees: number): number =>\n  (degrees * Math.PI) / 180;\n\n/**\n * @since 6.3.0\n * @internal\n */\ninterface IsPointInCircleOptions {\n  point: Point;\n  center: Point;\n  radius: number;\n}\n\n/**\n * @since 6.3.0\n * @internal\n */\nexport function isPointInCircle(options: IsPointInCircleOptions): boolean {\n  const { point, center, radius } = options;\n\n  const distance = (center.x - point.x) ** 2 + (center.y - point.y) ** 2;\n  return distance <= radius ** 2;\n}\n\n/**\n * @internal\n * @since 6.3.0\n */\nexport function calcHypotenuse(point: Point): number {\n  const { x, y } = point;\n\n  return Math.sqrt(x * x + y * y);\n}\n"],"names":["radiansToDegrees","radians","Math","PI","degreesToRadians","degrees","isPointInCircle","options","point","center","radius","distance","x","y","calcHypotenuse","sqrt"],"mappings":"AAEA;;;CAGC,GACD,OAAO,MAAMA,mBAAmB,CAACC,UAC/B,AAACA,UAAU,MAAOC,KAAKC,EAAE,CAAC;AAE5B;;;CAGC,GACD,OAAO,MAAMC,mBAAmB,CAACC,UAC/B,AAACA,UAAUH,KAAKC,EAAE,GAAI,IAAI;AAY5B;;;CAGC,GACD,OAAO,SAASG,gBAAgBC,OAA+B;IAC7D,MAAM,EAAEC,KAAK,EAAEC,MAAM,EAAEC,MAAM,EAAE,GAAGH;IAElC,MAAMI,WAAW,AAACF,CAAAA,OAAOG,CAAC,GAAGJ,MAAMI,CAAC,AAADA,KAAM,IAAI,AAACH,CAAAA,OAAOI,CAAC,GAAGL,MAAMK,CAAC,AAADA,KAAM;IACrE,OAAOF,YAAYD,UAAU;AAC/B;AAEA;;;CAGC,GACD,OAAO,SAASI,eAAeN,KAAY;IACzC,MAAM,EAAEI,CAAC,EAAEC,CAAC,EAAE,GAAGL;IAEjB,OAAON,KAAKa,IAAI,CAACH,IAAIA,IAAIC,IAAIA;AAC/B"}
+{"version":3,"sources":["../../src/utils/trigonometry.ts"],"sourcesContent":["import { type Point } from \"../types.js\";\n\n/**\n * @since 6.3.0\n * @internal\n */\nexport const radiansToDegrees = (radians: number): number =>\n  (radians * 180) / Math.PI;\n\n/**\n * @since 6.3.0\n * @internal\n */\nexport const degreesToRadians = (degrees: number): number =>\n  (degrees * Math.PI) / 180;\n\n/**\n * @since 6.3.0\n * @internal\n */\ninterface IsPointInCircleOptions {\n  point: Point;\n  center: Point;\n  radius: number;\n}\n\n/**\n * @since 6.3.0\n * @internal\n */\nexport function isPointInCircle(options: IsPointInCircleOptions): boolean {\n  const { point, center, radius } = options;\n\n  const distance = (center.x - point.x) ** 2 + (center.y - point.y) ** 2;\n  return distance <= radius ** 2;\n}\n\n/**\n * @internal\n * @since 6.3.0\n */\nexport function calcHypotenuse(point: Point): number {\n  const { x, y } = point;\n\n  return Math.hypot(x, y);\n}\n"],"names":["radiansToDegrees","radians","Math","PI","degreesToRadians","degrees","isPointInCircle","options","point","center","radius","distance","x","y","calcHypotenuse","hypot"],"mappings":"AAEA;;;CAGC,GACD,OAAO,MAAMA,mBAAmB,CAACC,UAC/B,AAACA,UAAU,MAAOC,KAAKC,EAAE,CAAC;AAE5B;;;CAGC,GACD,OAAO,MAAMC,mBAAmB,CAACC,UAC/B,AAACA,UAAUH,KAAKC,EAAE,GAAI,IAAI;AAY5B;;;CAGC,GACD,OAAO,SAASG,gBAAgBC,OAA+B;IAC7D,MAAM,EAAEC,KAAK,EAAEC,MAAM,EAAEC,MAAM,EAAE,GAAGH;IAElC,MAAMI,WAAW,AAACF,CAAAA,OAAOG,CAAC,GAAGJ,MAAMI,CAAC,AAADA,KAAM,IAAI,AAACH,CAAAA,OAAOI,CAAC,GAAGL,MAAMK,CAAC,AAADA,KAAM;IACrE,OAAOF,YAAYD,UAAU;AAC/B;AAEA;;;CAGC,GACD,OAAO,SAASI,eAAeN,KAAY;IACzC,MAAM,EAAEI,CAAC,EAAEC,CAAC,EAAE,GAAGL;IAEjB,OAAON,KAAKa,KAAK,CAACH,GAAGC;AACvB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-md/core",
-  "version": "6.5.0",
+  "version": "6.5.1",
   "description": "The core components and functionality for react-md.",
   "type": "module",
   "sass": "./dist/_core.scss",
@@ -29,6 +29,7 @@
     "./autocomplete/AutocompleteListboxChildren": null,
     "./autocomplete/utils": null,
     "./error-boundary/context": null,
+    "./files/createAcceptFromExtensions": null,
     "./form/InputToggleIcon": null,
     "./form/ResizingTextAreaWrapper": null,
     "./form/SliderTrack": null,
@@ -177,6 +178,7 @@
     "clean-dist": "rm -rf dist",
     "clean": "rm -rf .turbo dist node_modules",
     "typecheck": "tsc --noEmit",
+    "typecheck-watch": "pnpm typecheck --watch",
     "check-format": "prettier --check .",
     "format": "prettier --write .",
     "lint-scripts": "eslint \"src/**/*.{ts,tsx,js,jsx,cjs,mjs}\"",

package/src/autocomplete/AutocompleteChip.tsx

@@ -28,11 +28,11 @@ export const AutocompleteChip = forwardRef<
   let rightAddon = propRightAddon;
   let ariaDescription = propAriaDescription;
   const removeIcon = getIcon("remove", propRemoveIcon);
-  if (typeof rightAddon === "undefined") {
+  if (rightAddon === undefined) {
     rightAddon = removeIcon;
   }
 
-  if (typeof ariaDescription === "undefined" && typeof children === "string") {
+  if (ariaDescription === undefined && typeof children === "string") {
     ariaDescription = `Remove "${children}"`;
   }
 

package/src/autocomplete/AutocompleteListboxChildren.tsx

@@ -49,7 +49,7 @@ export function AutocompleteListboxChildren<Option extends AutocompleteOption>(
   return (
     <>
       {children}
-      {!availableOptions.length && noOptionsChildren}
+      {availableOptions.length === 0 && noOptionsChildren}
       {availableOptions.map((option, index) => {
         const label = getOptionLabel(option);
         const optionProps = getOptionProps({

package/src/autocomplete/useAutocomplete.ts

@@ -136,7 +136,7 @@ export function useAutocomplete<
     propMultiselect ??
     (!!value && typeof value === "object" && "length" in value);
   let updateQueryOnSelect = propUpdateQueryOnSelect;
-  if (typeof propUpdateQueryOnSelect === "undefined") {
+  if (propUpdateQueryOnSelect === undefined) {
     updateQueryOnSelect = multiselect ? "clear" : "selected";
   }
 
@@ -294,13 +294,13 @@ export function useAutocomplete<
       let unselectedIcon = propUnselectedIcon;
       let disableSelectedIcon = propDisableSelectedIcon;
       if (multiselect && checkboxes) {
-        if (typeof selectedIcon === "undefined") {
+        if (selectedIcon === undefined) {
           selectedIcon = getIcon("checkboxChecked");
         }
-        if (typeof unselectedIcon === "undefined") {
+        if (unselectedIcon === undefined) {
           unselectedIcon = getIcon("checkbox");
         }
-      } else if (typeof disableSelectedIcon === "undefined") {
+      } else if (disableSelectedIcon === undefined) {
         disableSelectedIcon = true;
       }
 

package/src/autocomplete/utils.ts

@@ -46,7 +46,7 @@ export function getDefaultValue<Option extends AutocompleteOption>(
     getOptionLabel,
   } = options;
 
-  if (typeof defaultValue !== "undefined") {
+  if (defaultValue !== undefined) {
     return defaultValue;
   }
 
@@ -66,7 +66,7 @@ export function getDefaultValue<Option extends AutocompleteOption>(
     if (query) {
       q = query;
     } else if (defaultQuery) {
-      q = defaultQuery instanceof Function ? defaultQuery() : defaultQuery;
+      q = typeof defaultQuery === "function" ? defaultQuery() : defaultQuery;
     }
 
     if (!q) {
@@ -178,7 +178,7 @@ export function enforceSelectedValue<Option extends AutocompleteOption>(
     return;
   }
 
-  window.requestAnimationFrame(() => {
+  globalThis.requestAnimationFrame(() => {
     if (
       container.contains(document.activeElement) ||
       popupRef.current?.contains(document.activeElement)

package/src/box/styles.ts

@@ -428,14 +428,14 @@ function applyBoxVarGroup(
     value,
   });
   if (value && typeof value === "object") {
-    BREAKPOINTS.forEach((media) => {
+    for (const media of BREAKPOINTS) {
       style = applyBoxVar({
         type,
         style,
         media,
         value: value[media],
       });
-    });
+    }
   }
   return style;
 }

package/src/button/AsyncButton.tsx

@@ -310,9 +310,7 @@ export const AsyncButton = forwardRef<HTMLButtonElement, AsyncButtonProps>(
         onClick={handleAsync((event) => Promise.resolve(onClick(event)))}
       >
         {beforeAddon}
-        {loading && typeof loadingChildren !== "undefined"
-          ? loadingChildren
-          : children}
+        {loading && loadingChildren !== undefined ? loadingChildren : children}
         {afterAddon}
         {overlayElement}
       </Button>

package/src/chip/Chip.tsx

@@ -271,8 +271,7 @@ export const Chip = forwardRef<HTMLButtonElement, ChipProps>(
     const isTransitionable =
       !selectedThemed &&
       typeof selected === "boolean" &&
-      typeof (selectedIconAfter ? propRightAddon : propLeftAddon) ===
-        "undefined";
+      (selectedIconAfter ? propRightAddon : propLeftAddon) === undefined;
     const selectedIcon = useMaxWidthTransition({
       element: selectedIconNode,
       transitionIn: !!selected,

package/src/cssUtils.ts

@@ -115,6 +115,16 @@ export interface TextCssUtilsOptions {
   textOverflow?: TextOverflow;
 }
 
+/**
+ * Set this to `true` to allow the content to only be visible for screen
+ * readers. Set this to `"focusable"` to allow the content to be visible to
+ * screen readers and once focused. Set this to `"phone"` to only render the
+ * content as screen reader only text on phones.
+ *
+ * @since 6.5.1
+ */
+export type SrOnlyBehavior = boolean | "focusable" | "phone";
+
 /**
  * @since 6.0.0
  */
@@ -122,14 +132,10 @@ export interface CssUtilsOptions extends TextCssUtilsOptions {
   className?: string;
 
   /**
-   * Set this to `true` to allow the content to only be visible for screen
-   * readers. Set this to `"focusable"` to allow the content to be visible to
-   * screen readers and once focused. Set this to `"phone"` to only render the
-   * the content as screen reader only text on phones.
-   *
+   * @see {@link SrOnlyBehavior}
    * @defaultValue `false`
    */
-  srOnly?: boolean | "focusable" | "phone";
+  srOnly?: SrOnlyBehavior;
 
   /**
    * Set this to `"current-color"` to inherit the current text color or a

package/src/datetime/useTimeField.ts

@@ -201,7 +201,7 @@ export function useTimeField(
   const { min, max, step, ...fieldOptions } = options;
   if (
     process.env.NODE_ENV !== "production" &&
-    typeof step !== "undefined" &&
+    step !== undefined &&
     (!min || !max)
   ) {
     throw new Error(

package/src/delegateEvent.ts

@@ -49,8 +49,8 @@ function createEventHandler(
 ): (event: WindowEventMap[keyof WindowEventMap]) => void {
   let running = false;
   const runCallbacks = (event: WindowEventMap[keyof WindowEventMap]) => () => {
-    for (let i = 0; i < callbacks.length; i += 1) {
-      callbacks[i](event);
+    for (const callback of callbacks) {
+      callback(event);
     }
 
     running = false;
@@ -67,7 +67,7 @@ function createEventHandler(
     }
 
     running = true;
-    window.requestAnimationFrame(runCallbacks(event));
+    globalThis.requestAnimationFrame(runCallbacks(event));
   };
 }
 
@@ -77,7 +77,7 @@ function createEventHandler(
  */
 function createDelegatedEventHandler(
   eventType: string,
-  eventTarget: DelegatedEventTarget = window,
+  eventTarget: DelegatedEventTarget = globalThis.window,
   throttle = false,
   options?: boolean | AddEventListenerOptions
 ): DelegatedEventHandler {
@@ -91,11 +91,11 @@ function createDelegatedEventHandler(
      * event will also be started.
      */
     add: (callback: EventListener) => {
-      if (!callbacks.length) {
+      if (callbacks.length === 0) {
         eventTarget.addEventListener(eventType, handler, options);
       }
 
-      if (callbacks.indexOf(callback) === -1) {
+      if (!callbacks.includes(callback)) {
         callbacks.push(callback);
       }
     },
@@ -107,10 +107,10 @@ function createDelegatedEventHandler(
      */
     remove: (callback: EventListener) => {
       const i = callbacks.indexOf(callback);
-      if (i >= 0) {
+      if (i !== -1) {
         callbacks.splice(i, 1);
 
-        if (!callbacks.length) {
+        if (callbacks.length === 0) {
           eventTarget.removeEventListener(eventType, handler, options);
         }
       }
@@ -145,7 +145,7 @@ function createDelegatedEventHandler(
  */
 export function delegateEvent(
   eventType: string,
-  eventTarget: DelegatedEventTarget = window,
+  eventTarget: DelegatedEventTarget = globalThis.window,
   throttle: boolean = eventType === "resize" || eventType === "scroll",
   options?: boolean | AddEventListenerOptions
 ): DelegatedEventHandler {

package/src/draggable/useDraggable.ts

@@ -477,11 +477,11 @@ export function useDraggable<E extends HTMLElement>(
     const stopKey = isTouch ? "touchend" : "mouseup";
     const passive = isTouch ? { passive: false } : undefined;
 
-    window.addEventListener(updateKey, updatePosition, passive);
-    window.addEventListener(stopKey, stopDragging);
+    globalThis.addEventListener(updateKey, updatePosition, passive);
+    globalThis.addEventListener(stopKey, stopDragging);
     return () => {
-      window.removeEventListener(updateKey, updatePosition);
-      window.removeEventListener(stopKey, stopDragging);
+      globalThis.removeEventListener(updateKey, updatePosition);
+      globalThis.removeEventListener(stopKey, stopDragging);
     };
   }, [
     dragging,

package/src/draggable/utils.ts

@@ -232,7 +232,7 @@ export function deserializeDraggableValue(
 ): number {
   const { item, min, max } = options;
 
-  const value = parseFloat(item);
+  const value = Number.parseFloat(item);
   if (Number.isNaN(item)) {
     return min;
   }

package/src/expansion-panel/ExpansionPanel.tsx

@@ -241,7 +241,7 @@ export const ExpansionPanel = forwardRef<
   });
 
   let header = propHeader;
-  if (typeof header === "undefined") {
+  if (header === undefined) {
     header = (
       <ExpansionPanelHeader
         style={headerStyle}

package/src/expansion-panel/useExpansionPanels.ts

@@ -215,7 +215,7 @@ export function useExpansionPanels(
   } = useReadonlySet({
     toggleType: multiple ? "multiple" : "single",
     defaultValue: () => {
-      if (typeof defaultExpandedIds === "undefined") {
+      if (defaultExpandedIds === undefined) {
         const initialList: string[] = [];
         if (typeof defaultExpandedIndex === "number" || preventAllCollapsed) {
           initialList.push(createId(defaultExpandedIndex ?? 0));

package/src/files/FileInput.tsx

@@ -166,7 +166,7 @@ export const FileInput = forwardRef<HTMLInputElement, FileInputProps>(
     const icon = getIcon("upload", propIcon);
     let children = propChildren;
     if (
-      typeof propChildren === "undefined" &&
+      propChildren === undefined &&
       !props["aria-label"] &&
       !props["aria-labelledby"]
     ) {

package/src/files/createAcceptFromExtensions.ts

@@ -0,0 +1,18 @@
+/**
+ * @since 6.5.1
+ * @internal
+ */
+export function createAcceptFromExtensions(
+  extensions: readonly string[]
+): string {
+  let accept = "";
+  for (const extension of extensions) {
+    if (accept) {
+      accept += ",";
+    }
+
+    accept += `.${extension}`;
+  }
+
+  return accept;
+}