@react-md/core 1.0.0-next.2 → 1.0.0-next.4

package/dist/src/utils/bem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/bem.ts"],"sourcesContent":["export type Block = string;\nexport type Element = string;\nexport type Modifier = Record<string, unknown>;\n\nfunction modify(base: string, modifier?: Modifier): 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      s = `${s} ${base}--${mod}`;\n    }\n\n    return s;\n  }, base);\n}\n\nexport type BEMResult = (\n  elementOrModifier?: Element | Modifier,\n  modifier?: Modifier\n) => string;\n\n/**\n * Applies the BEM styled class name to an element.\n *\n * @example\n * Simple Example\n * ```jsx\n * import { Bem } from \"@react-md/core\":\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: Block): 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  /**\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   * @param elementOrModifier - This is either the child element name or an\n   * object of modifiers to apply. This **must** be a string if the second\n   * argument is provided.\n   * @param modifier - Any optional modifiers to apply to the block and optional\n   * element.\n   * @returns the full class name\n   */\n  return function block(\n    elementOrModifier?: Element | Modifier,\n    modifier?: Modifier\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}\n"],"names":["modify","base","modifier","hasOwn","Object","prototype","hasOwnProperty","keys","reduce","s","mod","call","bem","process","env","NODE_ENV","Error","block","elementOrModifier","TypeError"],"mappings":"AAIA,SAASA,OAAOC,IAAY,EAAEC,QAAmB;IAC/C,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/CD,IAAI,CAAC,EAAEA,EAAE,CAAC,EAAER,KAAK,EAAE,EAAES,IAAI,CAAC;QAC5B;QAEA,OAAOD;IACT,GAAGR;AACL;AAOA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwCC,GACD,OAAO,SAASW,IAAIX,IAAW;IAC7B,IAAIY,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;QACzC,IAAI,CAACd,MAAM;YACT,MAAM,IAAIe,MACR;QAEJ;IACF;IAEA;;;;;;;;;;;GAWC,GACD,OAAO,SAASC,MACdC,iBAAsC,EACtChB,QAAmB;QAEnB,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,CAAC,EAAEC,KAAK,EAAE,EAAEiB,kBAAkB,CAAC,EAAEhB;IACjD;AACF"}

package/dist/src/utils/filters.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/filters.ts"],"sourcesContent":["import type { TextExtractor } from \"../types.js\";\n\n/** @internal */\nconst identity =\n  <T>(name: string) =>\n  (item: T): string => {\n    if (typeof item === \"string\") {\n      return item;\n    }\n\n    throw new Error(\n      `A \\`TextExtractor\\` must be provided to \\`${name}\\` for lists that do not contain strings`\n    );\n  };\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport interface BaseFilterOptions<T> {\n  list: readonly T[];\n\n  /**\n   * The current query string. i.e. `\"SeArch\"`\n   */\n  query: string;\n\n  /**\n   * This is required if the list includes anything other than strings.\n   * @see {@link TextExtractor}\n   */\n  extractor?: TextExtractor<T>;\n\n  /**\n   * @defaultValue `\"keep\"`\n   */\n  whitespace?: \"ignore\" | \"trim\" | \"keep\";\n}\n\n/**\n * @internal\n * @remarks \\@since 6.0.0\n */\nexport interface FilterOptions<T> extends BaseFilterOptions<T> {\n  filter(query: string, value: string): boolean;\n  extractor: TextExtractor<T>;\n}\n\n/**\n * @internal\n * @remarks \\@since 6.0.0\n */\nconst toSearchString = (\n  s: string,\n  whitespace: \"trim\" | \"ignore\" | \"keep\"\n): string => {\n  let q = s.toLowerCase();\n  if (whitespace === \"ignore\") {\n    q = q.replace(/\\s/g, \"\");\n  } else if (whitespace === \"trim\") {\n    q = q.trim();\n  }\n\n  return q;\n};\n\n/**\n * @internal\n * @remarks \\@since 6.0.0\n */\nfunction filter<T>(options: FilterOptions<T>): readonly T[] {\n  const { list, query, filter, extractor, whitespace = \"keep\" } = options;\n  if (!list.length) {\n    return list;\n  }\n\n  const q = toSearchString(query, whitespace);\n  if (!q) {\n    return list;\n  }\n\n  return list.filter((item) =>\n    filter(q, toSearchString(extractor(item), whitespace))\n  );\n}\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport interface CaseInsensitiveOptions<T> extends BaseFilterOptions<T> {\n  /**\n   * Set this to `true` if the item in the list must start with the query\n   * instead of only including it.\n   *\n   * @example\n   * ```ts\n   * const fruits = [\"Apple\", \"Banana\", \"Grape\", \"Orange\"];\n   *\n   * caseInsensitiveFilter({\n   *   list: fruits,\n   *   query: \"ap\",\n   * });\n   * // [\"Apple\", \"Grape\"]\n   *\n   * caseInsensitiveFilter({\n   *   list: fruits,\n   *   query: \"ap\",\n   *   startsWith: true,\n   * });\n   * // [\"Apple\"]\n   * ```\n   *\n   * @defaultValue `false`\n   */\n  startsWith?: boolean;\n}\n\n/**\n * @example\n * String list\n * ```ts\n * const fruits = [\"Apple\", \"Banana\", \"Grape\", \"Orange\"];\n *\n * caseInsensitiveFilter({\n *   list: fruits,\n *   query: \"ap\",\n * });\n * // [\"Apple\", \"Grape\"]\n *\n * caseInsensitiveFilter({\n *   list: fruits,\n *   query: \"ap\",\n *   startsWith: true,\n * });\n * // [\"Apple\"]\n *\n * caseInsensitiveFilter({\n *   list: fruits,\n *   query: \"  a p\",\n * });\n * // []\n *\n * caseInsensitiveFilter({\n *   list: fruits,\n *   query: \"  a p\",\n *   whitespace: \"ignore\",\n * });\n * // [\"Apple\", \"Grape\"]\n *\n * caseInsensitiveFilter({\n *   list: fruits,\n *   query: \"  ap  \",\n *   whitespace: \"trim\",\n * });\n * // [\"Apple\", \"Grape\"]\n * ```\n *\n * @example\n * Objects\n * ```ts\n * const fruits = [\n *   { name: \"Apple\", value: 0 },\n *   { name: \"Banana\", value: 1 },\n *   { name: \"Grape\", value: 2 },\n *   { name: \"Orange\", value: 3 },\n * ];\n *\n * caseInsensitiveFilter({\n *   list: fruits,\n *   query: \"ap\",\n *   extractor: (item) => item.name,\n * });\n * // [{ name: \"Apple\", value: 0 }, { name: \"Grape\", value: 2 }]\n * ```\n *\n * @remarks \\@since 6.0.0\n */\nexport function caseInsensitiveFilter<T extends string>(\n  options: Omit<CaseInsensitiveOptions<T>, \"extractor\">\n): readonly T[];\nexport function caseInsensitiveFilter<T>(\n  options: CaseInsensitiveOptions<T> & { extractor: TextExtractor<T> }\n): readonly T[];\nexport function caseInsensitiveFilter<T>(\n  options: CaseInsensitiveOptions<T>\n): readonly T[] {\n  const {\n    list,\n    query,\n    extractor = identity(\"caseInsensitiveFilter\"),\n    startsWith,\n    whitespace,\n  } = options;\n\n  return filter({\n    list,\n    query,\n    extractor,\n    whitespace,\n    filter(q, value) {\n      const matchIndex = value.indexOf(q);\n      if (startsWith) {\n        return matchIndex === 0;\n      }\n\n      return matchIndex !== -1;\n    },\n  });\n}\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport type FuzzyFilterOptions<T> = BaseFilterOptions<T>;\n\n/**\n * Filters a list by making sure that all the letters appear in order ignoring\n * case, punctuation, whitespace, and special characters. This is kind of the\n * same filtering that appears in text editors.\n *\n * @example\n * Simple Example\n * ```ts\n * const list = [\n *   \"at\",\n *   \"charAt\",\n *   \"charCodeAt\",\n *   \"codePointAt\",\n *   \"concat\",\n *   \"constructor\",\n *   \"endsWith\",\n *   \"includes\",\n *   \"indexOf\",\n *   \"lastIndexOf\",\n *   \"length\",\n *   \"localeCompare\",\n *   \"match\",\n *   \"matchAll\",\n *   \"normalize\",\n *   \"padEnd\",\n *   \"padStart\",\n *   \"repeat\",\n *   \"replace\",\n *   \"replaceAll\",\n *   \"search\",\n *   \"slice\",\n *   \"split\",\n *   \"startsWith\",\n *   \"substring\",\n *   \"toLocaleLowerCase\",\n *   \"toLocaleUpperCase\",\n *   \"toLowerCase\",\n *   \"toString\",\n *   \"toUpperCase\",\n *   \"trim\",\n *   \"trimEnd\",\n *   \"trimStart\",\n *   \"valueOf\",\n * ];\n *\n * fuzzyFilter({ list: list, query: \"la\" });\n * // [\n * //   \"lastIndexOf\",\n * //    ^^\n * //   \"localeCompare\",\n * //    ^  ^\n * //   \"replace\",\n * //       ^^\n * //   \"replaceAll\",\n * //       ^^\n * //   \"toLocaleLowerCase\",\n * //      ^  ^\n * //   \"toLocaleUpperCase\",\n * //      ^  ^\n * //   \"toLowerCase\",\n * //      ^     ^\n * // ]\n * ```\n *\n * @remarks \\@since 6.0.0\n */\nexport function fuzzyFilter<T extends string>(\n  options: Omit<FuzzyFilterOptions<T>, \"extractor\">\n): readonly T[];\nexport function fuzzyFilter<T>(\n  option: FuzzyFilterOptions<T> & { extractor: TextExtractor<T> }\n): readonly T[];\nexport function fuzzyFilter<T>(options: FuzzyFilterOptions<T>): readonly T[] {\n  const {\n    list,\n    query,\n    extractor = identity(\"fuzzyFilter\"),\n    whitespace,\n  } = options;\n\n  let regexp: RegExp;\n  return filter({\n    list,\n    query,\n    extractor,\n    whitespace,\n    filter(query, value) {\n      if (!regexp) {\n        regexp = new RegExp(\n          `${query}`\n            .split(\"\")\n            .join(\"\\\\w*\")\n            .replace(\n              /(\\(|\\||\\)|\\\\(?!w\\*)|\\[|\\|-|\\.|\\^|\\+|\\$|\\?|^(?!w)\\*)/g,\n              \"\\\\$1\"\n            )\n            // Couldn't get the matching of two '*' working, so replace them here..\n            .replace(/\\*\\*/g, \"*\\\\*\"),\n          \"i\"\n        );\n      }\n\n      return value.length > 0 && regexp.test(value);\n    },\n  });\n}\n"],"names":["identity","name","item","Error","toSearchString","s","whitespace","q","toLowerCase","replace","trim","filter","options","list","query","extractor","length","caseInsensitiveFilter","startsWith","value","matchIndex","indexOf","fuzzyFilter","regexp","RegExp","split","join","test"],"mappings":"AAEA,cAAc,GACd,MAAMA,WACJ,CAAIC,OACJ,CAACC;QACC,IAAI,OAAOA,SAAS,UAAU;YAC5B,OAAOA;QACT;QAEA,MAAM,IAAIC,MACR,CAAC,0CAA0C,EAAEF,KAAK,wCAAwC,CAAC;IAE/F;AAkCF;;;CAGC,GACD,MAAMG,iBAAiB,CACrBC,GACAC;IAEA,IAAIC,IAAIF,EAAEG,WAAW;IACrB,IAAIF,eAAe,UAAU;QAC3BC,IAAIA,EAAEE,OAAO,CAAC,OAAO;IACvB,OAAO,IAAIH,eAAe,QAAQ;QAChCC,IAAIA,EAAEG,IAAI;IACZ;IAEA,OAAOH;AACT;AAEA;;;CAGC,GACD,SAASI,OAAUC,OAAyB;IAC1C,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAEH,MAAM,EAAEI,SAAS,EAAET,aAAa,MAAM,EAAE,GAAGM;IAChE,IAAI,CAACC,KAAKG,MAAM,EAAE;QAChB,OAAOH;IACT;IAEA,MAAMN,IAAIH,eAAeU,OAAOR;IAChC,IAAI,CAACC,GAAG;QACN,OAAOM;IACT;IAEA,OAAOA,KAAKF,MAAM,CAAC,CAACT,OAClBS,OAAOJ,GAAGH,eAAeW,UAAUb,OAAOI;AAE9C;AAmGA,OAAO,SAASW,sBACdL,OAAkC;IAElC,MAAM,EACJC,IAAI,EACJC,KAAK,EACLC,YAAYf,SAAS,wBAAwB,EAC7CkB,UAAU,EACVZ,UAAU,EACX,GAAGM;IAEJ,OAAOD,OAAO;QACZE;QACAC;QACAC;QACAT;QACAK,QAAOJ,CAAC,EAAEY,KAAK;YACb,MAAMC,aAAaD,MAAME,OAAO,CAACd;YACjC,IAAIW,YAAY;gBACd,OAAOE,eAAe;YACxB;YAEA,OAAOA,eAAe,CAAC;QACzB;IACF;AACF;AA+EA,OAAO,SAASE,YAAeV,OAA8B;IAC3D,MAAM,EACJC,IAAI,EACJC,KAAK,EACLC,YAAYf,SAAS,cAAc,EACnCM,UAAU,EACX,GAAGM;IAEJ,IAAIW;IACJ,OAAOZ,OAAO;QACZE;QACAC;QACAC;QACAT;QACAK,QAAOG,KAAK,EAAEK,KAAK;YACjB,IAAI,CAACI,QAAQ;gBACXA,SAAS,IAAIC,OACX,CAAC,EAAEV,MAAM,CAAC,CACPW,KAAK,CAAC,IACNC,IAAI,CAAC,QACLjB,OAAO,CACN,wDACA,OAEF,uEAAuE;iBACtEA,OAAO,CAAC,SAAS,SACpB;YAEJ;YAEA,OAAOU,MAAMH,MAAM,GAAG,KAAKO,OAAOI,IAAI,CAACR;QACzC;IACF;AACF"}

package/dist/src/utils/getClientPosition.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/getClientPosition.ts"],"sourcesContent":["/**\n * @internal\n * @remarks \\@since 6.0.0\n */\nexport interface ClientPositionMouseEvent {\n  clientX: number;\n  clientY: number;\n}\n\n/**\n * @internal\n * @remarks \\@since 6.0.0\n */\nexport interface ClientPositionTouchEvent {\n  changedTouches: {\n    [index: number]: ClientPositionMouseEvent;\n  };\n}\n\nexport type ClientPositionEvent =\n  | ClientPositionMouseEvent\n  | ClientPositionTouchEvent;\n\n/**\n * @internal\n * @remarks \\@since 6.0.0\n */\nexport interface ClientPositionOptions {\n  event: ClientPositionEvent;\n  vertical: boolean;\n}\n\n/**\n * @internal\n * @remarks \\@since 6.0.0\n */\nexport const getClientPosition = (options: ClientPositionOptions): number => {\n  const { event, vertical } = options;\n\n  const key = vertical ? \"clientY\" : \"clientX\";\n  if (\"clientX\" in event) {\n    return event[key];\n  }\n\n  // this should pretty much always be defined\n  return event.changedTouches[0]?.[key] || 0;\n};\n"],"names":["getClientPosition","options","event","vertical","key","changedTouches"],"mappings":"AAAA;;;CAGC,GA6BD;;;CAGC,GACD,OAAO,MAAMA,oBAAoB,CAACC;IAChC,MAAM,EAAEC,KAAK,EAAEC,QAAQ,EAAE,GAAGF;IAE5B,MAAMG,MAAMD,WAAW,YAAY;IACnC,IAAI,aAAaD,OAAO;QACtB,OAAOA,KAAK,CAACE,IAAI;IACnB;IAEA,4CAA4C;IAC5C,OAAOF,MAAMG,cAAc,CAAC,EAAE,EAAE,CAACD,IAAI,IAAI;AAC3C,EAAE"}

package/dist/src/utils/getMiddleOfRange.js

@@ -0,0 +1,20 @@
+import { getRangeSteps } from "./getRangeSteps.js";
+import { nearest } from "./nearest.js";
+/**
+ * @internal
+ * @remarks \@since 6.0.0
+ */ export function getMiddleOfRange(options) {
+    const { min, max, step } = options;
+    return nearest({
+        min,
+        max,
+        steps: getRangeSteps({
+            min,
+            max,
+            step
+        }),
+        value: (max - min) / 2 + min
+    });
+}
+
+//# sourceMappingURL=getMiddleOfRange.js.map

package/dist/src/utils/getMiddleOfRange.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/getMiddleOfRange.ts"],"sourcesContent":["import { getRangeSteps } from \"./getRangeSteps.js\";\nimport { nearest } from \"./nearest.js\";\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport interface GetMiddleOfRangeOptions {\n  min: number;\n  max: number;\n  step: number;\n}\n\n/**\n * @internal\n * @remarks \\@since 6.0.0\n */\nexport function getMiddleOfRange(options: GetMiddleOfRangeOptions): number {\n  const { min, max, step } = options;\n\n  return nearest({\n    min,\n    max,\n    steps: getRangeSteps({ min, max, step }),\n    value: (max - min) / 2 + min,\n  });\n}\n"],"names":["getRangeSteps","nearest","getMiddleOfRange","options","min","max","step","steps","value"],"mappings":"AAAA,SAASA,aAAa,QAAQ,qBAAqB;AACnD,SAASC,OAAO,QAAQ,eAAe;AAWvC;;;CAGC,GACD,OAAO,SAASC,iBAAiBC,OAAgC;IAC/D,MAAM,EAAEC,GAAG,EAAEC,GAAG,EAAEC,IAAI,EAAE,GAAGH;IAE3B,OAAOF,QAAQ;QACbG;QACAC;QACAE,OAAOP,cAAc;YAAEI;YAAKC;YAAKC;QAAK;QACtCE,OAAO,AAACH,CAAAA,MAAMD,GAAE,IAAK,IAAIA;IAC3B;AACF"}

package/dist/src/utils/getPercentage.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/getPercentage.ts"],"sourcesContent":["/** @remarks \\@since 4.0.1 */\nexport interface GetPercentageOptions {\n  /**\n   * The min value allowed.\n   */\n  min: number;\n\n  /**\n   * The max value allowed.\n   */\n  max: number;\n\n  /**\n   * The current value\n   */\n  value: number;\n\n  /**\n   * Boolean if the min, max, and value options should be validated to make sure\n   * they are within the correct range relative to each other.\n   *\n   * @defaultValue `false`\n   */\n  validate?: boolean;\n}\n\n/**\n * Gets the current percentage based on the min, max, and current value.\n *\n * @returns the percentage that the `value` is between the `min` and `max`\n * values.\n *\n * @remarks\n * \\@since 4.0.1 uses an object for options instead of multiple arguments.\n * \\@since 6.0.0 Updated to be included in the public API and `validate`\n * defaults to `false` instead of `true`.\n */\nexport function getPercentage(options: GetPercentageOptions): number {\n  const { min, max, value, validate = false } = options;\n  if (validate) {\n    if (min >= max) {\n      throw new RangeError(\n        \"A range must have the min value less than the max value\"\n      );\n    }\n\n    if (value > max || value < min) {\n      throw new RangeError(\"A value must be between the min and max values\");\n    }\n  }\n\n  const range = max - min;\n  const start = value - min;\n  const percentage = start / range;\n  return Math.max(0, Math.min(Math.abs(percentage), 1));\n}\n"],"names":["getPercentage","options","min","max","value","validate","RangeError","range","start","percentage","Math","abs"],"mappings":"AAAA,2BAA2B,GA0B3B;;;;;;;;;;CAUC,GACD,OAAO,SAASA,cAAcC,OAA6B;IACzD,MAAM,EAAEC,GAAG,EAAEC,GAAG,EAAEC,KAAK,EAAEC,WAAW,KAAK,EAAE,GAAGJ;IAC9C,IAAII,UAAU;QACZ,IAAIH,OAAOC,KAAK;YACd,MAAM,IAAIG,WACR;QAEJ;QAEA,IAAIF,QAAQD,OAAOC,QAAQF,KAAK;YAC9B,MAAM,IAAII,WAAW;QACvB;IACF;IAEA,MAAMC,QAAQJ,MAAMD;IACpB,MAAMM,QAAQJ,QAAQF;IACtB,MAAMO,aAAaD,QAAQD;IAC3B,OAAOG,KAAKP,GAAG,CAAC,GAAGO,KAAKR,GAAG,CAACQ,KAAKC,GAAG,CAACF,aAAa;AACpD"}

package/dist/src/utils/getRangeDefaultValue.js

@@ -0,0 +1,13 @@
+import { getMiddleOfRange } from "./getMiddleOfRange.js";
+/**
+ * @internal
+ * @remarks \@since 6.0.0
+ */ export function getRangeDefaultValue(options) {
+    const { defaultValue } = options;
+    if (typeof defaultValue !== "undefined") {
+        return defaultValue;
+    }
+    return ()=>getMiddleOfRange(options);
+}
+
+//# sourceMappingURL=getRangeDefaultValue.js.map

package/dist/src/utils/getRangeDefaultValue.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/getRangeDefaultValue.ts"],"sourcesContent":["import { type UseStateInitializer } from \"../types.js\";\nimport {\n  getMiddleOfRange,\n  type GetMiddleOfRangeOptions,\n} from \"./getMiddleOfRange.js\";\n\n/**\n * @internal\n * @remarks \\@since 6.0.0\n */\nexport interface RangeDefaultValueOptions extends GetMiddleOfRangeOptions {\n  defaultValue?: UseStateInitializer<number>;\n}\n\n/**\n * @internal\n * @remarks \\@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,SACEA,gBAAgB,QAEX,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"}

package/dist/src/utils/getRangeSteps.js

@@ -0,0 +1,17 @@
+/**
+ * @internal
+ * @remarks \@since 6.0.0
+ */ /**
+ * Gets the number of steps in the allowed range of values.
+ *
+ * @internal
+ * @remarks
+ * \@since 2.5.0
+ * \@since 6.0.0 Converted to using an object instead of multiple arguments and
+ * renamed from `getSteps` to `getRangeSteps`.
+ */ export function getRangeSteps(options) {
+    const { min, max, step } = options;
+    return Math.abs(max - min) / step;
+}
+
+//# sourceMappingURL=getRangeSteps.js.map

package/dist/src/utils/getRangeSteps.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/getRangeSteps.ts"],"sourcesContent":["/**\n * @internal\n * @remarks \\@since 6.0.0\n */\nexport interface RangeStepsOptions {\n  min: number;\n  max: number;\n  step: number;\n}\n\n/**\n * Gets the number of steps in the allowed range of values.\n *\n * @internal\n * @remarks\n * \\@since 2.5.0\n * \\@since 6.0.0 Converted to using an object instead of multiple arguments and\n * renamed from `getSteps` to `getRangeSteps`.\n */\nexport function getRangeSteps(options: RangeStepsOptions): number {\n  const { min, max, step } = options;\n\n  return Math.abs(max - min) / step;\n}\n"],"names":["getRangeSteps","options","min","max","step","Math","abs"],"mappings":"AAAA;;;CAGC,GAOD;;;;;;;;CAQC,GACD,OAAO,SAASA,cAAcC,OAA0B;IACtD,MAAM,EAAEC,GAAG,EAAEC,GAAG,EAAEC,IAAI,EAAE,GAAGH;IAE3B,OAAOI,KAAKC,GAAG,CAACH,MAAMD,OAAOE;AAC/B"}

package/dist/src/utils/identity.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/identity.ts"],"sourcesContent":["/**\n * @internal\n * @remarks \\@since 6.0.0\n */\nexport const identity = <T>(thing: T): T => thing;\n"],"names":["identity","thing"],"mappings":"AAAA;;;CAGC,GACD,OAAO,MAAMA,WAAW,CAAIC,QAAgBA,MAAM"}

package/dist/src/utils/isElementVisible.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/isElementVisible.ts"],"sourcesContent":["/**\n * Note: requires the `$disable-display-none-class` variable to remain `false`.\n *\n * @remarks \\@since 6.0.0\n */\nexport const DISPLAY_NONE_CLASS = \"rmd-display-none\";\n\n/**\n * This is a small util to check if an element within react-md is visible by\n * checking the element and all parents to see if they contain the\n * {@link DISPLAY_NONE_CLASS}.\n *\n * @example\n * Simple Example\n * ```tsx\n * const treeItem = screen.getByRole(\"treeitem\", { name: \"Tree Item\" });\n * const subTreeItem = screen.getByRole(\"treeitem\", { Name: \"Sub Tree Item\" });\n *\n * expect(isElementVisible(treeItem)).toBe(true);\n * expect(isElementVisible(subTreeItem)).toBe(false):\n *\n * await user.click(treeItem);\n * expect(isElementVisible(treeItem)).toBe(true);\n * expect(isElementVisible(subTreeItem)).toBe(true);\n * ```\n * @remarks \\@since 6.0.0\n */\nexport function isElementVisible(element: HTMLElement | null): boolean {\n  if (!element) {\n    return false;\n  }\n\n  let currentElement: HTMLElement | null = element;\n  while (currentElement) {\n    if (currentElement.classList.contains(DISPLAY_NONE_CLASS)) {\n      return false;\n    }\n\n    currentElement = currentElement.parentElement;\n  }\n\n  return true;\n}\n"],"names":["DISPLAY_NONE_CLASS","isElementVisible","element","currentElement","classList","contains","parentElement"],"mappings":"AAAA;;;;CAIC,GACD,OAAO,MAAMA,qBAAqB,mBAAmB;AAErD;;;;;;;;;;;;;;;;;;;CAmBC,GACD,OAAO,SAASC,iBAAiBC,OAA2B;IAC1D,IAAI,CAACA,SAAS;QACZ,OAAO;IACT;IAEA,IAAIC,iBAAqCD;IACzC,MAAOC,eAAgB;QACrB,IAAIA,eAAeC,SAAS,CAACC,QAAQ,CAACL,qBAAqB;YACzD,OAAO;QACT;QAEAG,iBAAiBA,eAAeG,aAAa;IAC/C;IAEA,OAAO;AACT"}

package/dist/src/utils/loop.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/loop.ts"],"sourcesContent":["/**\n * @remarks \\@since 2.7.0\n * @internal\n */\nexport interface LoopOptions {\n  /**\n   * The current value that should be modified.\n   */\n  value: number;\n\n  /**\n   * An optional `min` value that can be used before looping to the `max` value.\n   *\n   * @defaultValue `0`\n   */\n  min?: number;\n\n  /**\n   * The max number that can be used before looping to the `min` value.\n   */\n  max: number;\n\n  /**\n   * Boolean if the `value` should be incremented or decremented by `1`.\n   */\n  increment: boolean;\n\n  /**\n   * Boolean if the looping should be ignored and only the `min`/`max` options\n   * should be respected. In other words, the looping  behavior will be disabled\n   * and the `value` must be: `min >= value <= max`\n   */\n  minmax?: boolean;\n}\n\n/**\n * A small util that is used to increment or decrement a number until it reaches\n * the max value or -1. When that happens, it will loop around to 0 or the max\n * value respectively. This does not work for different increment numbers or any\n * values below 0 for now.\n *\n * @internal\n * @param options - {@link LoopOptions}\n * @remarks \\@since 2.7.0 The `min` option was added and the arguments changed to an\n * object\n */\nexport function loop(options: LoopOptions): number {\n  const { value, min = 0, max, increment, minmax = false } = options;\n  let next = value + (increment ? 1 : -1);\n  if (minmax) {\n    next = Math.min(max, Math.max(min, next));\n  } else if (next > max) {\n    next = min;\n  } else if (next < min) {\n    next = max;\n  }\n\n  return next;\n}\n"],"names":["loop","options","value","min","max","increment","minmax","next","Math"],"mappings":"AAAA;;;CAGC,GAgCD;;;;;;;;;;CAUC,GACD,OAAO,SAASA,KAAKC,OAAoB;IACvC,MAAM,EAAEC,KAAK,EAAEC,MAAM,CAAC,EAAEC,GAAG,EAAEC,SAAS,EAAEC,SAAS,KAAK,EAAE,GAAGL;IAC3D,IAAIM,OAAOL,QAASG,CAAAA,YAAY,IAAI,CAAC,CAAA;IACrC,IAAIC,QAAQ;QACVC,OAAOC,KAAKL,GAAG,CAACC,KAAKI,KAAKJ,GAAG,CAACD,KAAKI;IACrC,OAAO,IAAIA,OAAOH,KAAK;QACrBG,OAAOJ;IACT,OAAO,IAAII,OAAOJ,KAAK;QACrBI,OAAOH;IACT;IAEA,OAAOG;AACT"}

package/dist/src/utils/nearest.js

@@ -0,0 +1,27 @@
+/**
+ * @internal
+ * @remarks \@since 6.0.0
+ */ /**
+ * Rounds a number to the nearest step within a min/max range.
+ *
+ * @see https://stackoverflow.com/a/13635455
+ * @returns the value rounded to the nearest step in the min/max range
+ * @remarks
+ * \@since 2.5.0 Added the `range` param
+ * \@since 6.0.0 Converted to using an object instead of multiple arguments.
+ */ export function nearest(options) {
+    const { min, max, steps, value, range = max - min } = options;
+    if (min === max) {
+        return max;
+    }
+    const rounded = Math.round((value - min) * steps / range) / steps;
+    const zeroToOne = Math.min(Math.max(rounded, 0), 1);
+    // have to calculate the number of allowed decimal places since decimal
+    // precision gets weird:
+    // 0.28 * 100 === 28.000000000000004
+    const step = range / steps;
+    const decimals = Number.isInteger(step) ? range % steps : `${step}`.split(".")[1].length;
+    return Math.min(max, Math.max(min, parseFloat((zeroToOne * range + min).toFixed(decimals))));
+}
+
+//# sourceMappingURL=nearest.js.map

package/dist/src/utils/nearest.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/nearest.ts"],"sourcesContent":["/**\n * @internal\n * @remarks \\@since 6.0.0\n */\nexport interface NearestOptions {\n  min: number;\n  max: number;\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 * @remarks\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    : `${step}`.split(\".\")[1].length;\n\n  return Math.min(\n    max,\n    Math.max(min, parseFloat((zeroToOne * range + min).toFixed(decimals)))\n  );\n}\n"],"names":["nearest","options","min","max","steps","value","range","rounded","Math","round","zeroToOne","step","decimals","Number","isInteger","split","length","parseFloat","toFixed"],"mappings":"AAAA;;;CAGC,GAWD;;;;;;;;CAQC,GACD,OAAO,SAASA,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,QACR,CAAC,EAAEO,KAAK,CAAC,CAACI,KAAK,CAAC,IAAI,CAAC,EAAE,CAACC,MAAM;IAElC,OAAOR,KAAKN,GAAG,CACbC,KACAK,KAAKL,GAAG,CAACD,KAAKe,WAAW,AAACP,CAAAA,YAAYJ,QAAQJ,GAAE,EAAGgB,OAAO,CAACN;AAE/D"}

package/dist/src/utils/parseCssLengthUnit.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/parseCssLengthUnit.ts"],"sourcesContent":["/** @internal */\nexport interface ParseCssLengthUnitOptions {\n  /**\n   *\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\n * 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 * @remarks\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  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","parsed","parseFloat","test","window","styleContainer","document","documentElement","fontSize","getComputedStyle"],"mappings":"AAAA,cAAc,GAkBd;;;;;;;;;;;;;;;;;;;;;CAqBC,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,MAAMG,SAASC,WAAWJ;IAC1B,IAAI,OAAOK,IAAI,CAACL,QAAQ;QACtB,OAAOG;IACT;IAEA,IAAI,OAAOG,WAAW,aAAa;QACjC,OAAOH,SAASD;IAClB;IAEA,MAAMK,iBACJ,CAACN,aAAa,QAAQI,IAAI,CAACL,SAASQ,SAASC,eAAe,GAAGR;IAEjE,MAAMS,WAAWN,WACfE,OAAOK,gBAAgB,CAACJ,gBAAgBG,QAAQ,IAAI,CAAC,EAAER,iBAAiB,EAAE,CAAC;IAG7E,OAAOC,SAASO;AAClB"}

package/dist/src/utils/randomInt.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/randomInt.ts"],"sourcesContent":["/** @remarks \\@since 6.0.0 */\nexport interface RandomIntOptions {\n  /** @defaultValue `0` */\n  min?: number;\n  /** @defaultValue `10` */\n  max?: number;\n}\n\n/**\n * Generates a random integer between a min and max value. Defaults\n * to 0-10.\n *\n * @param options - the {@link RandomIntOptions}\n * @returns a random number\n * @remarks \\@since 6.0.0\n */\nexport function randomInt(options: RandomIntOptions = {}): number {\n  const { min = 0, max = 10 } = options;\n\n  return Math.floor(Math.random() * (max - min)) + min;\n}\n"],"names":["randomInt","options","min","max","Math","floor","random"],"mappings":"AAAA,2BAA2B,GAQ3B;;;;;;;CAOC,GACD,OAAO,SAASA,UAAUC,UAA4B,CAAC,CAAC;IACtD,MAAM,EAAEC,MAAM,CAAC,EAAEC,MAAM,EAAE,EAAE,GAAGF;IAE9B,OAAOG,KAAKC,KAAK,CAACD,KAAKE,MAAM,KAAMH,CAAAA,MAAMD,GAAE,KAAMA;AACnD"}

package/dist/src/utils/wait.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/wait.ts"],"sourcesContent":["/**\n * @example\n * Wait some duration\n * ```ts\n * import { wait } from \"@react-md/core\";\n *\n * console.log('start');\n * await wait(5000);\n * console.log('it has been five seconds');\n * ```\n *\n * This util was just added to support random waits for mocking data and random\n * throttling.\n *\n * @remarks \\@since 6.0.0\n */\nexport const wait = (ms: number): Promise<void> =>\n  new Promise((resolve) => setTimeout(() => resolve(), ms));\n"],"names":["wait","ms","Promise","resolve","setTimeout"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GACD,OAAO,MAAMA,OAAO,CAACC,KACnB,IAAIC,QAAQ,CAACC,UAAYC,WAAW,IAAMD,WAAWF,KAAK"}

package/dist/src/utils/withinRange.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/withinRange.ts"],"sourcesContent":["/**\n * @internal\n * @remarks \\@since 6.0.0\n */\nexport interface WithinRangeOptions {\n  min: number | undefined;\n  max: number | undefined;\n  value: number;\n}\n\n/**\n * A simple util that will ensure that a number is within the optional min and\n * max values.\n *\n * @returns the updated value\n * @remarks\n * \\@since 2.5.0\n * \\@since 6.0.0 Converted to using an object instead of multiple arguments.\n */\nexport function withinRange(options: WithinRangeOptions): number {\n  const { min, max, value } = options;\n\n  let nextValue = value;\n  if (typeof min === \"number\") {\n    nextValue = Math.max(min, nextValue);\n  }\n\n  if (typeof max === \"number\") {\n    nextValue = Math.min(max, nextValue);\n  }\n\n  return nextValue;\n}\n"],"names":["withinRange","options","min","max","value","nextValue","Math"],"mappings":"AAAA;;;CAGC,GAOD;;;;;;;;CAQC,GACD,OAAO,SAASA,YAAYC,OAA2B;IACrD,MAAM,EAAEC,GAAG,EAAEC,GAAG,EAAEC,KAAK,EAAE,GAAGH;IAE5B,IAAII,YAAYD;IAChB,IAAI,OAAOF,QAAQ,UAAU;QAC3BG,YAAYC,KAAKH,GAAG,CAACD,KAAKG;IAC5B;IAEA,IAAI,OAAOF,QAAQ,UAAU;QAC3BE,YAAYC,KAAKJ,GAAG,CAACC,KAAKE;IAC5B;IAEA,OAAOA;AACT"}

package/dist/src/window-splitter/WindowSplitter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/window-splitter/WindowSplitter.tsx"],"sourcesContent":["import { cnb } from \"cnbuilder\";\nimport { forwardRef, type ButtonHTMLAttributes } from \"react\";\nimport { type LabelRequiredForA11y } from \"../types.js\";\nimport { bem } from \"../utils/bem.js\";\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport { type useWindowSplitter } from \"./useWindowSplitter.js\";\n\nconst styles = bem(\"rmd-window-splitter\");\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport interface WindowSplitterClassNameOptions {\n  className?: string;\n  dragging?: boolean;\n  reversed?: boolean;\n  vertical?: boolean;\n  disableFixed?: boolean;\n}\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport function windowSplitter(\n  options: WindowSplitterClassNameOptions = {}\n): string {\n  const {\n    vertical = false,\n    dragging,\n    reversed,\n    disableFixed,\n    className,\n  } = options;\n\n  return cnb(\n    styles({\n      h: !vertical,\n      hr: !vertical && reversed,\n      v: vertical,\n      vr: vertical && reversed,\n      a: disableFixed,\n      dragging,\n    }),\n    className\n  );\n}\n\n/**\n * @remarks \\@since 6.0.0\n * @see {@link https://www.w3.org/WAI/ARIA/apg/patterns/windowsplitter/}\n */\nexport interface BaseWindowSplitterProps\n  extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, \"type\" | \"children\"> {\n  /**\n   * This will be provided by the {@link useWindowSplitter} hook.\n   */\n  \"aria-controls\": string;\n\n  /**\n   * This will be provided by the {@link useWindowSplitter} hook.\n   */\n  dragging: boolean;\n\n  /**\n   * This will be provided by the {@link useWindowSplitter} hook.\n   */\n  reversed: boolean;\n\n  /**\n   * Set this to `true` if the window splitter should use `position: absolute`\n   * instead of `position: fixed`.\n   *\n   * @defaultValue `false`\n   */\n  disableFixed?: boolean;\n}\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport type WindowSplitterProps = LabelRequiredForA11y<BaseWindowSplitterProps>;\n\n/**\n * **Server Component**\n * Most likely a client component since it relies on `useWindowSplitter`\n *\n * @see {@link useWindowSplitter} for an example usage\n * @remarks \\@since 6.0.0\n */\nexport const WindowSplitter = forwardRef<\n  HTMLButtonElement,\n  WindowSplitterProps\n>(function WindowSplitter(props, ref) {\n  const {\n    role = \"separator\",\n    className,\n    dragging,\n    reversed,\n    disableFixed = false,\n    ...remaining\n  } = props;\n  const vertical = props[\"aria-orientation\"] === \"vertical\";\n\n  return (\n    <button\n      {...remaining}\n      ref={ref}\n      type=\"button\"\n      role={role}\n      className={windowSplitter({\n        className,\n        reversed,\n        dragging,\n        vertical,\n        disableFixed,\n      })}\n    />\n  );\n});\n"],"names":["cnb","forwardRef","bem","styles","windowSplitter","options","vertical","dragging","reversed","disableFixed","className","h","hr","v","vr","a","WindowSplitter","props","ref","role","remaining","button","type"],"mappings":";AAAA,SAASA,GAAG,QAAQ,YAAY;AAChC,SAASC,UAAU,QAAmC,QAAQ;AAE9D,SAASC,GAAG,QAAQ,kBAAkB;AAKtC,MAAMC,SAASD,IAAI;AAanB;;CAEC,GACD,OAAO,SAASE,eACdC,UAA0C,CAAC,CAAC;IAE5C,MAAM,EACJC,WAAW,KAAK,EAChBC,QAAQ,EACRC,QAAQ,EACRC,YAAY,EACZC,SAAS,EACV,GAAGL;IAEJ,OAAOL,IACLG,OAAO;QACLQ,GAAG,CAACL;QACJM,IAAI,CAACN,YAAYE;QACjBK,GAAGP;QACHQ,IAAIR,YAAYE;QAChBO,GAAGN;QACHF;IACF,IACAG;AAEJ;AAqCA;;;;;;CAMC,GACD,OAAO,MAAMM,+BAAiBf,WAG5B,SAASe,eAAeC,KAAK,EAAEC,GAAG;IAClC,MAAM,EACJC,OAAO,WAAW,EAClBT,SAAS,EACTH,QAAQ,EACRC,QAAQ,EACRC,eAAe,KAAK,EACpB,GAAGW,WACJ,GAAGH;IACJ,MAAMX,WAAWW,KAAK,CAAC,mBAAmB,KAAK;IAE/C,qBACE,KAACI;QACE,GAAGD,SAAS;QACbF,KAAKA;QACLI,MAAK;QACLH,MAAMA;QACNT,WAAWN,eAAe;YACxBM;YACAF;YACAD;YACAD;YACAG;QACF;;AAGN,GAAG"}

package/dist/src/window-splitter/useWindowSplitter.js

@@ -0,0 +1,59 @@
+"use client";
+import { useDraggable } from "../draggable/useDraggable.js";
+import { useEnsuredId } from "../useEnsuredId.js";
+/**
+ * Used to control the state for the `WindowSplitter` component.
+ *
+ * @example
+ * Custom Implementation
+ * ```tsx
+ * import { useWindowSplitter, WindowSplitterImplementation } from "@react-md/core";
+ * import { useState } from "react";
+ *
+ * // this is pretty much the `useWindowSplitter` implementation
+ * export function useMyCustomWindowSplitter(): WindowSplitterImplementation {
+ *   const [dragging, setDragging] = useState(false);
+ *   const [value, setValue] = useState(0);
+ *   const splitter = useWindowSplitter({
+ *     min: 0,
+ *     max: 100,
+ *     value,
+ *     setValue,
+ *     dragging,
+ *     setDragging,
+ *   });
+ *
+ *   return {
+ *     ...splitter,
+ *     value,
+ *     setValue,
+ *     dragging,
+ *   }
+ * }
+ * ```
+ *
+ * @remarks \@since 6.0.0
+ */ export function useWindowSplitter(options) {
+    const { id: propId, reversed = false, vertical } = options;
+    const id = useEnsuredId(propId, "splitter");
+    const draggableImplementation = useDraggable(options);
+    const { dragging, percentage, draggableRef, mouseEventHandlers, keyboardEventHandlers } = draggableImplementation;
+    return {
+        ...draggableImplementation,
+        splitterProps: {
+            "aria-orientation": vertical ? "vertical" : undefined,
+            "aria-valuenow": Math.ceil(percentage * 100),
+            "aria-valuemin": 0,
+            "aria-valuemax": 100,
+            id,
+            ref: draggableRef,
+            role: "separator",
+            dragging,
+            reversed,
+            ...mouseEventHandlers,
+            ...keyboardEventHandlers
+        }
+    };
+}
+
+//# sourceMappingURL=useWindowSplitter.js.map

package/dist/src/window-splitter/useWindowSplitter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/window-splitter/useWindowSplitter.ts"],"sourcesContent":["\"use client\";\nimport { type Ref, type RefCallback } from \"react\";\nimport {\n  useDraggable,\n  type BaseDraggableOptions,\n  type DraggableImplementation,\n  type DraggableKeyboardEventHandlers,\n  type DraggableMouseEventHandlers,\n  type DraggableStateOptions,\n  type DraggableTouchEventHandlers,\n} from \"../draggable/useDraggable.js\";\nimport { useEnsuredId } from \"../useEnsuredId.js\";\n\ndeclare module \"react\" {\n  interface CSSProperties {\n    \"--rmd-window-splitter-top\"?: number | string;\n    \"--rmd-window-splitter-right\"?: number | string;\n    \"--rmd-window-splitter-bottom\"?: number | string;\n    \"--rmd-window-splitter-left\"?: number | string;\n    \"--rmd-window-splitter-opacity\"?: number | string;\n    \"--rmd-window-splitter-position\"?: number | string;\n  }\n}\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport interface BaseWindowSplitterOptions<\n  E extends HTMLElement = HTMLButtonElement,\n> extends Omit<BaseDraggableOptions<E>, keyof DraggableTouchEventHandlers<E>> {\n  /**\n   * An optional id to use for the window splitter.\n   *\n   * @defaultValue `\"window-splitter-\" + useId()`\n   */\n  id?: string;\n\n  /**\n   * An optional ref for the window splitter element. This will be merged into\n   * the {@link WindowSplitterWidgetProps.ref}.\n   */\n  ref?: Ref<E>;\n}\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport type WindowSplitterOptions<E extends HTMLElement = HTMLButtonElement> =\n  BaseWindowSplitterOptions<E> & DraggableStateOptions;\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport interface WindowSplitterWidgetProps<E extends HTMLElement>\n  extends Required<DraggableMouseEventHandlers<E>>,\n    Required<DraggableKeyboardEventHandlers<E>> {\n  \"aria-orientation\": \"vertical\" | undefined;\n  \"aria-valuenow\": number;\n  \"aria-valuemin\": number;\n  \"aria-valuemax\": number;\n  id: string;\n  ref: RefCallback<E>;\n  role: \"separator\";\n  reversed: boolean;\n  dragging: boolean;\n}\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport interface WindowSplitterImplementation<\n  E extends HTMLElement = HTMLButtonElement,\n> extends DraggableImplementation<E> {\n  splitterProps: WindowSplitterWidgetProps<E>;\n}\n\n/**\n * Used to control the state for the `WindowSplitter` component.\n *\n * @example\n * Custom Implementation\n * ```tsx\n * import { useWindowSplitter, WindowSplitterImplementation } from \"@react-md/core\";\n * import { useState } from \"react\";\n *\n * // this is pretty much the `useWindowSplitter` implementation\n * export function useMyCustomWindowSplitter(): WindowSplitterImplementation {\n *   const [dragging, setDragging] = useState(false);\n *   const [value, setValue] = useState(0);\n *   const splitter = useWindowSplitter({\n *     min: 0,\n *     max: 100,\n *     value,\n *     setValue,\n *     dragging,\n *     setDragging,\n *   });\n *\n *   return {\n *     ...splitter,\n *     value,\n *     setValue,\n *     dragging,\n *   }\n * }\n * ```\n *\n * @remarks \\@since 6.0.0\n */\nexport function useWindowSplitter<E extends HTMLElement = HTMLButtonElement>(\n  options: WindowSplitterOptions<E>\n): WindowSplitterImplementation<E> {\n  const { id: propId, reversed = false, vertical } = options;\n\n  const id = useEnsuredId(propId, \"splitter\");\n  const draggableImplementation = useDraggable(options);\n  const {\n    dragging,\n    percentage,\n    draggableRef,\n    mouseEventHandlers,\n    keyboardEventHandlers,\n  } = draggableImplementation;\n\n  return {\n    ...draggableImplementation,\n    splitterProps: {\n      \"aria-orientation\": vertical ? \"vertical\" : undefined,\n      \"aria-valuenow\": Math.ceil(percentage * 100),\n      \"aria-valuemin\": 0,\n      \"aria-valuemax\": 100,\n      id,\n      ref: draggableRef,\n      role: \"separator\",\n      dragging,\n      reversed,\n      ...mouseEventHandlers,\n      ...keyboardEventHandlers,\n    },\n  };\n}\n"],"names":["useDraggable","useEnsuredId","useWindowSplitter","options","id","propId","reversed","vertical","draggableImplementation","dragging","percentage","draggableRef","mouseEventHandlers","keyboardEventHandlers","splitterProps","undefined","Math","ceil","ref","role"],"mappings":"AAAA;AAEA,SACEA,YAAY,QAOP,+BAA+B;AACtC,SAASC,YAAY,QAAQ,qBAAqB;AAiElD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCC,GACD,OAAO,SAASC,kBACdC,OAAiC;IAEjC,MAAM,EAAEC,IAAIC,MAAM,EAAEC,WAAW,KAAK,EAAEC,QAAQ,EAAE,GAAGJ;IAEnD,MAAMC,KAAKH,aAAaI,QAAQ;IAChC,MAAMG,0BAA0BR,aAAaG;IAC7C,MAAM,EACJM,QAAQ,EACRC,UAAU,EACVC,YAAY,EACZC,kBAAkB,EAClBC,qBAAqB,EACtB,GAAGL;IAEJ,OAAO;QACL,GAAGA,uBAAuB;QAC1BM,eAAe;YACb,oBAAoBP,WAAW,aAAaQ;YAC5C,iBAAiBC,KAAKC,IAAI,CAACP,aAAa;YACxC,iBAAiB;YACjB,iBAAiB;YACjBN;YACAc,KAAKP;YACLQ,MAAM;YACNV;YACAH;YACA,GAAGM,kBAAkB;YACrB,GAAGC,qBAAqB;QAC1B;IACF;AACF"}

package/dist/table/TableCheckbox.d.ts

@@ -44,8 +44,9 @@ export interface TableCheckboxProps extends TableCheckboxTdHTMLAttributes, Table
     checkboxProps?: PropsWithRef<CheckboxProps, HTMLInputElement>;
 }
 /**
- * **Server Component**
- * This might actually be a client component.
+ * **Client Component**
+ * The `TableCheckbox` is used to render a `Checkbox` within a `TableCell` by applying
+ * some minimal styles.
  *
  * @example
  * Simple Example

package/dist/table/TableRadio.d.ts

@@ -38,8 +38,9 @@ export interface TableRadioProps extends TableRadioTdHTMLAttributes, TableRadioS
     radioProps?: PropsWithRef<RadioProps, HTMLInputElement>;
 }
 /**
- * **Server Component**
- * This might actually be a client component.
+ * **Client Component**
+ * The `TableRadio` is used to render a `Radio` within a `TableCell` by applying
+ * some minimal styles.
  *
  * @example
  * Simple Example

package/dist/table/tableCellStyles.d.ts

@@ -1,4 +1,4 @@
-import { type TableCellHorizontalAlignment, type TableCellVerticalAlignment } from "./TableConfigurationProvider.jsx";
+import { type TableCellHorizontalAlignment, type TableCellVerticalAlignment } from "./TableConfigurationProvider.js";
 /** @remarks \@since 6.0.0 */
 export interface TableCellClassNameOptions {
     className?: string;

package/dist/tabs/Tab.d.ts

@@ -1,8 +1,9 @@
-import { type ButtonHTMLAttributes, type ReactNode } from "react";
+import { type AnchorHTMLAttributes, type ButtonHTMLAttributes, type ReactElement, type ReactNode } from "react";
+import { type CustomLinkComponent } from "../link/Link.js";
 /**
  * @remarks \@since 6.0.0
  */
-export interface TabProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+export interface BaseTabProps {
     /**
      * Set this to `true` if the tab is currently active.
      *
@@ -17,6 +18,13 @@ export interface TabProps extends ButtonHTMLAttributes<HTMLButtonElement> {
      * @defaultValue `false`
      */
     activeIndicator?: boolean;
+    /**
+     * Set this to `true` when rendering the tabs vertically and
+     * {@link activeIndicator} has been enabled.
+     *
+     * @defaultValue !false
+     */
+    verticalActiveIndicator?: boolean;
     /**
      * An optional icon to render with the with the {@link children}. The default
      * behavior will render this icon before the children.
@@ -39,6 +47,19 @@ export interface TabProps extends ButtonHTMLAttributes<HTMLButtonElement> {
      */
     stacked?: boolean;
 }
+/**
+ * @remarks \@since 6.0.0
+ */
+export interface TabButtonProps extends BaseTabProps, ButtonHTMLAttributes<HTMLButtonElement> {
+    as?: "button";
+}
+export interface TabLinkProps extends BaseTabProps, AnchorHTMLAttributes<HTMLAnchorElement> {
+    as: CustomLinkComponent;
+}
+/**
+ * @remarks \@since 6.0.0
+ */
+export type TabProps = TabButtonProps | TabLinkProps;
 /**
  * **Client Component**
  *
@@ -49,4 +70,4 @@ export interface TabProps extends ButtonHTMLAttributes<HTMLButtonElement> {
  *
  * @remarks \@since 6.0.0
  */
-export declare const Tab: import("react").ForwardRefExoticComponent<TabProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare function Tab(props: TabProps): ReactElement;

package/dist/tabs/_tabs.scss

@@ -13,11 +13,12 @@ $disable-stacked: false !default;
 $disable-reversed: false !default;
 $disable-tablist-padded: false !default;
 $disable-tablist-vertical: false !default;
-$disable-indicator: false !default;
 $disable-tablist-indicator: false !default;
 $disable-tablist-hidden-scrollbar: false !default;
 $disable-tablist-scroll-button: false !default;
 $disable-tablist-active-indicator-transition: false !default;
+$disable-indicator: false !default;
+$disable-indicator-vertical: false !default;
 
 $typography: map.remove(typography.$button-styles, line-height) !default;
 $gap: icon.$spacing !default;
@@ -41,6 +42,7 @@ $tablist-scroller-background-color: theme.theme-get-var(
   background-color,
   inherit
 ) !default;
+$tablist-vertical-indicator-left: 0 !default;
 
 $variables: (
   color,
@@ -74,21 +76,41 @@ $variables: (
     &::after {
       @include use-var(background, indicator-background);
 
-      bottom: 0;
       content: "";
-      height: $indicator-height;
       pointer-events: none;
       position: absolute;
-      width: 100%;
       z-index: 1;
     }
 
+    &--h::after {
+      bottom: 0;
+      height: $indicator-height;
+      width: 100%;
+    }
+
+    @if not $disable-indicator-vertical {
+      &--v::after {
+        @include utils.auto-rtl(left, $tablist-vertical-indicator-left);
+
+        height: 100%;
+        top: 0;
+        width: $indicator-height;
+      }
+    }
+
     @if not $disable-tablist-indicator {
-      &--tablist::after {
+      &--tablist-h::after {
         left: 0;
-        max-width: var(--rmd-tab-width, $min-width);
+        max-width: var(--rmd-tab-size, $min-width);
         transform: translateX(var(--rmd-tab-offset, 0));
       }
+
+      @if not $disable-tablist-vertical {
+        &--tablist-v::after {
+          max-height: var(--rmd-tab-size, $min-width);
+          transform: translateY(var(--rmd-tab-offset, 0));
+        }
+      }
     }
 
     @if not $disable-tablist-active-indicator-transition {
@@ -128,16 +150,6 @@ $variables: (
     @if not $disable-tablist-vertical {
       &--vertical {
         flex-direction: column;
-
-        @if not $disable-tablist-indicator {
-          &::after {
-            bottom: auto;
-            left: auto;
-            right: 0;
-            top: 0;
-            transform: translateY(var(--rmd-tab-offset, 0));
-          }
-        }
       }
     }
 

package/dist/tabs/tabIndicatorStyles.d.ts

@@ -3,8 +3,9 @@
  */
 export interface TabIndicatorClassNameOptions {
     className?: string;
-    tablist?: boolean;
     animate?: boolean;
+    tablist?: boolean;
+    vertical?: boolean;
 }
 /**
  * @remarks \@since 6.0.0

package/dist/tabs/tabStyles.d.ts

@@ -12,7 +12,9 @@ declare module "react" {
 export interface TabClassNameOptions {
     className?: string;
     active?: boolean;
+    isLink?: boolean;
     activeIndicator?: boolean;
+    verticalActiveIndicator?: boolean;
     stacked?: boolean;
     reversed?: boolean;
     disabled?: boolean;

package/dist/tabs/useTabList.d.ts

@@ -2,14 +2,14 @@ import type { CSSProperties, FocusEventHandler, KeyboardEventHandler, MouseEvent
 import type { KeyboardMovementContext, KeyboardMovementProps } from "../movement/types.js";
 declare module "react" {
     interface CSSProperties {
-        "--rmd-tab-width"?: string;
+        "--rmd-tab-size"?: string;
         "--rmd-tab-offset"?: string | number;
         "--rmd-tab-indicator-background"?: string;
     }
 }
-declare const TAB_WIDTH_VAR = "--rmd-tab-width";
+declare const TAB_SIZE_VAR = "--rmd-tab-size";
 declare const TAB_OFFSET_VAR = "--rmd-tab-offset";
-export type TabWidthVar = typeof TAB_WIDTH_VAR;
+export type TabWidthVar = typeof TAB_SIZE_VAR;
 export type TabOffsetVar = typeof TAB_OFFSET_VAR;
 export type IndicatorCSSProperties = CSSProperties & Record<TabWidthVar | TabOffsetVar, string>;
 export interface TabListHookOptions {

package/dist/theme/_theme.scss

@@ -30,7 +30,7 @@ $color-scheme: light !default;
 ///
 /// If this is set to `false`, all surfaces will mimic the light theme and have
 /// a single surface color.
-$disable-dark-elevation: false !default;
+$disable-dark-elevation: $color-scheme == light !default;
 
 /// This value should be set to `false` if you do not want the initial bundle to
 /// include the `@media (prefers-color-scheme: dark)` styles.
@@ -189,6 +189,18 @@ $theme-variables: (
   #{$property}: theme-get-var($name, $fallback);
 }
 
+@mixin use-light-theme-elevation-colors {
+  @each $z-value, $background-color in $dark-elevation-colors {
+    @include set-dark-elevation-color($z-value, $light-theme-surface-color);
+  }
+}
+
+@mixin use-dark-theme-elevation-colors {
+  @each $z-value, $background-color in $dark-elevation-colors {
+    @include set-dark-elevation-color($z-value, $background-color);
+  }
+}
+
 @mixin use-light-theme-colors {
   @include theme-set-var(background-color, $light-theme-background-color);
   @if $disable-dark-elevation {
@@ -203,9 +215,7 @@ $theme-variables: (
   @include theme-set-var(text-disabled-color, $light-theme-text-disabled-color);
 
   @if not $disable-dark-elevation and $color-scheme != light {
-    @each $z-value, $background-color in $dark-elevation-colors {
-      @include set-dark-elevation-color($z-value, $light-theme-surface-color);
-    }
+    @include use-light-theme-elevation-colors;
   }
 }
 
@@ -223,9 +233,7 @@ $theme-variables: (
   @include theme-set-var(text-disabled-color, $dark-theme-text-disabled-color);
 
   @if not $disable-dark-elevation {
-    @each $z-value, $background-color in $dark-elevation-colors {
-      @include set-dark-elevation-color($z-value, $background-color);
-    }
+    @include use-dark-theme-elevation-colors;
   }
 }
 
@@ -250,9 +258,11 @@ $theme-variables: (
   @include theme-set-var(text-hint-color, $text-hint-color);
   @include theme-set-var(text-disabled-color, $text-disabled-color);
 
-  @if not $disable-dark-elevation and $color-scheme == dark {
-    @each $z-value, $background-color in $dark-elevation-colors {
-      @include set-dark-elevation-color($z-value, $background-color);
+  @if not $disable-dark-elevation {
+    @if $color-scheme == dark {
+      @include use-dark-theme-elevation-colors;
+    } @else if $color-scheme == light {
+      @include use-light-theme-elevation-colors;
     }
   }
 

package/dist/tooltip/useTooltip.d.ts

@@ -53,19 +53,19 @@ export interface TooltipPositioningOptions {
  * \@since 2.8.0
  * \@since 6.0.0 Removed the `TooltipTouchEventHandlers` and
  * `TooltipKeyboardEventHandlers` types, removed the need for the `onKeyDown`
- * event, and infer element typeparam while calling instead of at hook level.
+ * event.
  */
-export interface TooltippedElementEventHandlers {
-    onBlur?<E extends HTMLElement>(event: FocusEvent<E>): void;
-    onFocus?<E extends HTMLElement>(event: FocusEvent<E>): void;
-    onMouseEnter?<E extends HTMLElement>(event: MouseEvent<E>): void;
-    onMouseLeave?<E extends HTMLElement>(event: MouseEvent<E>): void;
-    onTouchStart?<E extends HTMLElement>(event: TouchEvent<E>): void;
-    onTouchEnd?<E extends HTMLElement>(event: TouchEvent<E>): void;
-    onContextMenu?<E extends HTMLElement>(event: MouseEvent<E>): void;
+export interface TooltippedElementEventHandlers<E extends HTMLElement = HTMLButtonElement> {
+    onBlur?(event: FocusEvent<E>): void;
+    onFocus?(event: FocusEvent<E>): void;
+    onMouseEnter?(event: MouseEvent<E>): void;
+    onMouseLeave?(event: MouseEvent<E>): void;
+    onTouchStart?(event: TouchEvent<E>): void;
+    onTouchEnd?(event: TouchEvent<E>): void;
+    onContextMenu?(event: MouseEvent<E>): void;
 }
 /** @remarks \@since 2.8.0 */
-export interface ProvidedTooltippedElementProps extends Required<TooltippedElementEventHandlers> {
+export interface ProvidedTooltippedElementProps<E extends HTMLElement> extends Required<TooltippedElementEventHandlers<E>> {
     "aria-describedby": string | undefined;
     id: string;
 }
@@ -77,7 +77,7 @@ export interface ProvidedTooltippedElementProps extends Required<TooltippedEleme
  * `TooltipHookOptions` to `TooltipOptions` to match other hook naming
  * conventions.
  */
-export interface TooltipOptions extends FixedPositioningTransitionCallbacks, TooltippedElementEventHandlers, TooltipPositioningOptions, TooltipPositionHookOptions {
+export interface TooltipOptions<TooltippedElement extends HTMLElement = HTMLButtonElement> extends FixedPositioningTransitionCallbacks, TooltippedElementEventHandlers<TooltippedElement>, TooltipPositioningOptions, TooltipPositionHookOptions {
     /**
      * @defaultValue `"tooltip-" + useId()`
      */
@@ -195,12 +195,12 @@ export interface ProvidedTooltipProps<E extends HTMLElement = HTMLSpanElement> e
  * `TooltipHookReturnValue` to `TooltipImplementation` to match other hook
  * naming conventions.
  */
-export interface TooltipImplementation<TooltipElement extends HTMLElement = HTMLSpanElement> extends ControlledHoverModeImplementation {
+export interface TooltipImplementation<TooltippedElement extends HTMLElement = HTMLButtonElement, TooltipElement extends HTMLElement = HTMLSpanElement> extends ControlledHoverModeImplementation {
     visible: boolean;
     setVisible: UseStateSetter<boolean>;
     animatedOnce: boolean;
     initiatedBy: MutableRefObject<UserInteractionMode | null>;
-    elementProps: ProvidedTooltippedElementProps;
+    elementProps: ProvidedTooltippedElementProps<TooltippedElement>;
     tooltipProps: ProvidedTooltipProps<TooltipElement>;
     /**
      * This is a wrapper around the {@link setVisible} behavior that will also
@@ -302,4 +302,4 @@ export interface TooltipImplementation<TooltipElement extends HTMLElement = HTML
  * element when the click or history update happens. this causes the tooltip to
  * stay visible
  */
-export declare function useTooltip<TooltipElement extends HTMLElement = HTMLSpanElement>(options?: TooltipOptions): TooltipImplementation<TooltipElement>;
+export declare function useTooltip<TooltippedElement extends HTMLElement = HTMLButtonElement, TooltipElement extends HTMLElement = HTMLSpanElement>(options?: TooltipOptions<TooltippedElement>): TooltipImplementation<TooltippedElement, TooltipElement>;