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

package/dist/form/selectUtils.js

@@ -1,7 +1,7 @@
 import { Children, isValidElement } from "react";
 /**
  * @internal
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */ function getLabelFromChildren(children) {
     if (!children) {
         return "";
@@ -28,10 +28,9 @@ import { Children, isValidElement } from "react";
 }
 /**
  * @internal
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */ export function extractOptionsFromChildren(children, currentValue) {
     let currentOption;
-    let currentIndex = -1;
     const options = [];
     const searchValues = [];
     Children.forEach(children, (child)=>{
@@ -42,10 +41,9 @@ import { Children, isValidElement } from "react";
         if (typeof value !== "undefined") {
             if (value === currentValue || !currentOption && typeof currentValue === "undefined") {
                 currentOption = child.props;
-                currentIndex = options.length;
             }
             if (!disabled) {
-                options.push(child.props);
+                options.push(child.props.value);
                 searchValues.push(getLabelFromChildren(children));
             }
         } else if (children) {
@@ -53,18 +51,12 @@ import { Children, isValidElement } from "react";
             if (!currentOption) {
                 ({ currentOption } = result);
             }
-            if (result.currentIndex !== -1) {
-                currentIndex = options.length + result.currentIndex;
-            }
             options.push(...result.options);
-            searchValues.push(...result.searchValues);
         }
     });
     return {
         options,
-        searchValues,
-        currentOption,
-        currentIndex
+        currentOption
     };
 }
 

package/dist/form/selectUtils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/form/selectUtils.ts"],"sourcesContent":["import { Children, isValidElement, type ReactNode } from \"react\";\nimport { type MenuItemProps } from \"../menu/MenuItem.js\";\n\n/**\n * @internal\n * @remarks \\@since 6.0.0\n */\nexport interface SelectOption<Value extends string | number = string>\n  extends MenuItemProps {\n  value: Value;\n}\n\n/**\n * @internal\n * @remarks \\@since 6.0.0\n */\nfunction getLabelFromChildren(children: ReactNode): string {\n  if (!children) {\n    return \"\";\n  }\n\n  if (typeof children === \"string\" || typeof children === \"number\") {\n    return `${children}`;\n  }\n\n  if (isValidElement<{ children: ReactNode; hidden?: boolean }>(children)) {\n    if (children.props.hidden) {\n      return \"\";\n    }\n\n    return getLabelFromChildren(children.props.children);\n  }\n\n  const childList = Children.toArray(children);\n  for (const child of childList) {\n    if (typeof child === \"string\" || typeof child === \"number\") {\n      return `${child}`[0].toUpperCase();\n    }\n\n    if (\n      isValidElement<{ children: ReactNode; hidden?: boolean }>(child) &&\n      !child.props.hidden\n    ) {\n      return getLabelFromChildren(child.props.children);\n    }\n  }\n\n  return \"\";\n}\n\n/**\n * @internal\n * @remarks \\@since 6.0.0\n */\ninterface ExtractedOptions<Value extends string | number> {\n  options: readonly SelectOption<Value>[];\n  currentOption: SelectOption<Value> | undefined;\n  searchValues: readonly string[];\n  currentIndex: number;\n}\n\n/**\n * @internal\n * @remarks \\@since 6.0.0\n */\nexport function extractOptionsFromChildren<Value extends string | number>(\n  children: ReactNode,\n  currentValue: Value | undefined\n): ExtractedOptions<Value> {\n  let currentOption: SelectOption<Value> | undefined;\n  let currentIndex = -1;\n\n  const options: SelectOption<Value>[] = [];\n  const searchValues: string[] = [];\n  Children.forEach(children, (child) => {\n    if (!isValidElement<SelectOption<Value>>(child)) {\n      return;\n    }\n\n    const { value, disabled, children } = child.props;\n    if (typeof value !== \"undefined\") {\n      if (\n        value === currentValue ||\n        (!currentOption && typeof currentValue === \"undefined\")\n      ) {\n        currentOption = child.props;\n        currentIndex = options.length;\n      }\n\n      if (!disabled) {\n        options.push(child.props);\n        searchValues.push(getLabelFromChildren(children));\n      }\n    } else if (children) {\n      const result = extractOptionsFromChildren(children, currentValue);\n      if (!currentOption) {\n        ({ currentOption } = result);\n      }\n\n      if (result.currentIndex !== -1) {\n        currentIndex = options.length + result.currentIndex;\n      }\n\n      options.push(...result.options);\n      searchValues.push(...result.searchValues);\n    }\n  });\n\n  return {\n    options,\n    searchValues,\n    currentOption,\n    currentIndex,\n  };\n}\n"],"names":["Children","isValidElement","getLabelFromChildren","children","props","hidden","childList","toArray","child","toUpperCase","extractOptionsFromChildren","currentValue","currentOption","currentIndex","options","searchValues","forEach","value","disabled","length","push","result"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,cAAc,QAAwB,QAAQ;AAYjE;;;CAGC,GACD,SAASC,qBAAqBC,QAAmB;IAC/C,IAAI,CAACA,UAAU;QACb,OAAO;IACT;IAEA,IAAI,OAAOA,aAAa,YAAY,OAAOA,aAAa,UAAU;QAChE,OAAO,CAAC,EAAEA,SAAS,CAAC;IACtB;IAEA,IAAIF,eAA0DE,WAAW;QACvE,IAAIA,SAASC,KAAK,CAACC,MAAM,EAAE;YACzB,OAAO;QACT;QAEA,OAAOH,qBAAqBC,SAASC,KAAK,CAACD,QAAQ;IACrD;IAEA,MAAMG,YAAYN,SAASO,OAAO,CAACJ;IACnC,KAAK,MAAMK,SAASF,UAAW;QAC7B,IAAI,OAAOE,UAAU,YAAY,OAAOA,UAAU,UAAU;YAC1D,OAAO,CAAC,EAAEA,MAAM,CAAC,CAAC,EAAE,CAACC,WAAW;QAClC;QAEA,IACER,eAA0DO,UAC1D,CAACA,MAAMJ,KAAK,CAACC,MAAM,EACnB;YACA,OAAOH,qBAAqBM,MAAMJ,KAAK,CAACD,QAAQ;QAClD;IACF;IAEA,OAAO;AACT;AAaA;;;CAGC,GACD,OAAO,SAASO,2BACdP,QAAmB,EACnBQ,YAA+B;IAE/B,IAAIC;IACJ,IAAIC,eAAe,CAAC;IAEpB,MAAMC,UAAiC,EAAE;IACzC,MAAMC,eAAyB,EAAE;IACjCf,SAASgB,OAAO,CAACb,UAAU,CAACK;QAC1B,IAAI,CAACP,eAAoCO,QAAQ;YAC/C;QACF;QAEA,MAAM,EAAES,KAAK,EAAEC,QAAQ,EAAEf,QAAQ,EAAE,GAAGK,MAAMJ,KAAK;QACjD,IAAI,OAAOa,UAAU,aAAa;YAChC,IACEA,UAAUN,gBACT,CAACC,iBAAiB,OAAOD,iBAAiB,aAC3C;gBACAC,gBAAgBJ,MAAMJ,KAAK;gBAC3BS,eAAeC,QAAQK,MAAM;YAC/B;YAEA,IAAI,CAACD,UAAU;gBACbJ,QAAQM,IAAI,CAACZ,MAAMJ,KAAK;gBACxBW,aAAaK,IAAI,CAAClB,qBAAqBC;YACzC;QACF,OAAO,IAAIA,UAAU;YACnB,MAAMkB,SAASX,2BAA2BP,UAAUQ;YACpD,IAAI,CAACC,eAAe;gBACjB,CAAA,EAAEA,aAAa,EAAE,GAAGS,MAAK;YAC5B;YAEA,IAAIA,OAAOR,YAAY,KAAK,CAAC,GAAG;gBAC9BA,eAAeC,QAAQK,MAAM,GAAGE,OAAOR,YAAY;YACrD;YAEAC,QAAQM,IAAI,IAAIC,OAAOP,OAAO;YAC9BC,aAAaK,IAAI,IAAIC,OAAON,YAAY;QAC1C;IACF;IAEA,OAAO;QACLD;QACAC;QACAH;QACAC;IACF;AACF"}
+{"version":3,"sources":["../../src/form/selectUtils.ts"],"sourcesContent":["import { Children, type ReactNode, isValidElement } from \"react\";\n\nimport { type MenuItemProps } from \"../menu/MenuItem.js\";\n\n/**\n * @internal\n * @since 6.0.0\n */\nexport interface SelectOption<Value extends string | number = string>\n  extends MenuItemProps {\n  value: Value;\n}\n\n/**\n * @internal\n * @since 6.0.0\n */\nfunction getLabelFromChildren(children: ReactNode): string {\n  if (!children) {\n    return \"\";\n  }\n\n  if (typeof children === \"string\" || typeof children === \"number\") {\n    return `${children}`;\n  }\n\n  if (isValidElement<{ children: ReactNode; hidden?: boolean }>(children)) {\n    if (children.props.hidden) {\n      return \"\";\n    }\n\n    return getLabelFromChildren(children.props.children);\n  }\n\n  const childList = Children.toArray(children);\n  for (const child of childList) {\n    if (typeof child === \"string\" || typeof child === \"number\") {\n      return `${child}`[0].toUpperCase();\n    }\n\n    if (\n      isValidElement<{ children: ReactNode; hidden?: boolean }>(child) &&\n      !child.props.hidden\n    ) {\n      return getLabelFromChildren(child.props.children);\n    }\n  }\n\n  return \"\";\n}\n\n/**\n * @internal\n * @since 6.0.0\n */\ninterface ExtractedOptions<Value extends string | number> {\n  options: readonly Value[];\n  currentOption: SelectOption<Value> | undefined;\n}\n\n/**\n * @internal\n * @since 6.0.0\n */\nexport function extractOptionsFromChildren<Value extends string | number>(\n  children: ReactNode,\n  currentValue: Value | undefined\n): ExtractedOptions<Value> {\n  let currentOption: SelectOption<Value> | undefined;\n\n  const options: Value[] = [];\n  const searchValues: string[] = [];\n  Children.forEach(children, (child) => {\n    if (!isValidElement<SelectOption<Value>>(child)) {\n      return;\n    }\n\n    const { value, disabled, children } = child.props;\n    if (typeof value !== \"undefined\") {\n      if (\n        value === currentValue ||\n        (!currentOption && typeof currentValue === \"undefined\")\n      ) {\n        currentOption = child.props;\n      }\n\n      if (!disabled) {\n        options.push(child.props.value);\n        searchValues.push(getLabelFromChildren(children));\n      }\n    } else if (children) {\n      const result = extractOptionsFromChildren(children, currentValue);\n      if (!currentOption) {\n        ({ currentOption } = result);\n      }\n\n      options.push(...result.options);\n    }\n  });\n\n  return {\n    options,\n    currentOption,\n  };\n}\n"],"names":["Children","isValidElement","getLabelFromChildren","children","props","hidden","childList","toArray","child","toUpperCase","extractOptionsFromChildren","currentValue","currentOption","options","searchValues","forEach","value","disabled","push","result"],"mappings":"AAAA,SAASA,QAAQ,EAAkBC,cAAc,QAAQ,QAAQ;AAajE;;;CAGC,GACD,SAASC,qBAAqBC,QAAmB;IAC/C,IAAI,CAACA,UAAU;QACb,OAAO;IACT;IAEA,IAAI,OAAOA,aAAa,YAAY,OAAOA,aAAa,UAAU;QAChE,OAAO,GAAGA,UAAU;IACtB;IAEA,IAAIF,eAA0DE,WAAW;QACvE,IAAIA,SAASC,KAAK,CAACC,MAAM,EAAE;YACzB,OAAO;QACT;QAEA,OAAOH,qBAAqBC,SAASC,KAAK,CAACD,QAAQ;IACrD;IAEA,MAAMG,YAAYN,SAASO,OAAO,CAACJ;IACnC,KAAK,MAAMK,SAASF,UAAW;QAC7B,IAAI,OAAOE,UAAU,YAAY,OAAOA,UAAU,UAAU;YAC1D,OAAO,GAAGA,OAAO,CAAC,EAAE,CAACC,WAAW;QAClC;QAEA,IACER,eAA0DO,UAC1D,CAACA,MAAMJ,KAAK,CAACC,MAAM,EACnB;YACA,OAAOH,qBAAqBM,MAAMJ,KAAK,CAACD,QAAQ;QAClD;IACF;IAEA,OAAO;AACT;AAWA;;;CAGC,GACD,OAAO,SAASO,2BACdP,QAAmB,EACnBQ,YAA+B;IAE/B,IAAIC;IAEJ,MAAMC,UAAmB,EAAE;IAC3B,MAAMC,eAAyB,EAAE;IACjCd,SAASe,OAAO,CAACZ,UAAU,CAACK;QAC1B,IAAI,CAACP,eAAoCO,QAAQ;YAC/C;QACF;QAEA,MAAM,EAAEQ,KAAK,EAAEC,QAAQ,EAAEd,QAAQ,EAAE,GAAGK,MAAMJ,KAAK;QACjD,IAAI,OAAOY,UAAU,aAAa;YAChC,IACEA,UAAUL,gBACT,CAACC,iBAAiB,OAAOD,iBAAiB,aAC3C;gBACAC,gBAAgBJ,MAAMJ,KAAK;YAC7B;YAEA,IAAI,CAACa,UAAU;gBACbJ,QAAQK,IAAI,CAACV,MAAMJ,KAAK,CAACY,KAAK;gBAC9BF,aAAaI,IAAI,CAAChB,qBAAqBC;YACzC;QACF,OAAO,IAAIA,UAAU;YACnB,MAAMgB,SAAST,2BAA2BP,UAAUQ;YACpD,IAAI,CAACC,eAAe;gBACjB,CAAA,EAAEA,aAAa,EAAE,GAAGO,MAAK;YAC5B;YAEAN,QAAQK,IAAI,IAAIC,OAAON,OAAO;QAChC;IACF;IAEA,OAAO;QACLA;QACAD;IACF;AACF"}

package/dist/form/sliderStyles.d.ts

@@ -0,0 +1,89 @@
+/**
+ * @since 6.0.0
+ */
+export interface SliderContainerClassNameOptions {
+    className?: string;
+    vertical?: boolean;
+    beforeAddon?: boolean;
+    afterAddon?: boolean;
+}
+/**
+ * @since 6.0.0
+ */
+export declare function sliderContainer(options?: SliderContainerClassNameOptions): string;
+/**
+ * @since 6.0.0
+ */
+export interface SliderMarkClassNameOptions {
+    className?: string;
+    active: boolean;
+    vertical: boolean;
+}
+/**
+ * @since 6.0.0
+ */
+export declare function sliderMark(options: SliderMarkClassNameOptions): string;
+/**
+ * @since 6.0.0
+ */
+export interface SliderMarkLabelClassNameOptions {
+    className?: string;
+    vertical: boolean;
+}
+/**
+ * @since 6.0.0
+ */
+export declare function sliderMarkLabel(options: SliderMarkLabelClassNameOptions): string;
+/**
+ * @since 6.0.0
+ */
+export interface SliderThumbClassNameOptions {
+    className?: string;
+    mask?: boolean;
+    index: 1 | 2;
+    active: boolean;
+    animate: boolean;
+    vertical: boolean;
+    disabled: boolean;
+}
+/**
+ * @since 6.0.0
+ */
+export declare function sliderThumb(options: SliderThumbClassNameOptions): string;
+/**
+ * @since 6.0.0
+ */
+export interface SliderThumbInputClassNameOptions {
+    className?: string;
+}
+/**
+ * @since 6.0.0
+ */
+export declare function sliderThumbInput(options?: SliderThumbInputClassNameOptions): string;
+/**
+ * @since 6.0.0
+ */
+export interface SliderTrackClassNameOptions {
+    className?: string;
+    animate?: boolean;
+    disabled?: boolean;
+    vertical: boolean;
+    isRangeSlider: boolean;
+}
+/**
+ * @since 6.0.0
+ */
+export declare function sliderTrack(options: SliderTrackClassNameOptions): string;
+/**
+ * @since 6.0.0
+ */
+export interface SliderValueTooltipClassNameOptions {
+    className?: string;
+    index: 1 | 2;
+    animate?: boolean;
+    vertical: boolean;
+}
+/**
+ * @since 6.0.0
+ */
+export declare function sliderValueTooltip(options: SliderValueTooltipClassNameOptions): string;

package/dist/form/sliderStyles.js

@@ -0,0 +1,96 @@
+import { cnb } from "cnbuilder";
+import { bem } from "../utils/bem.js";
+const sliderContainerStyles = bem("rmd-slider-container");
+const sliderMarkStyles = bem("rmd-slider-mark");
+const sliderMarkLabelStyles = bem("rmd-slider-mark-label");
+const sliderThumbStyles = bem("rmd-slider-thumb");
+const sliderTrackStyles = bem("rmd-slider-track");
+const sliderValueTooltipStyles = bem("rmd-slider-tooltip");
+/**
+ * @since 6.0.0
+ */ export function sliderContainer(options = {}) {
+    const { className, vertical, beforeAddon, afterAddon } = options;
+    return cnb(sliderContainerStyles({
+        h: !vertical,
+        "pad-left": !vertical && !beforeAddon,
+        "pad-right": !vertical && !afterAddon,
+        v: vertical,
+        "pad-bottom": vertical && !beforeAddon,
+        "pad-top": vertical && !afterAddon
+    }), className);
+}
+/**
+ * @since 6.0.0
+ */ export function sliderMark(options) {
+    const { className, active, vertical } = options;
+    return cnb(sliderMarkStyles({
+        active,
+        inactive: !active,
+        h: !vertical,
+        v: vertical
+    }), className);
+}
+/**
+ * @since 6.0.0
+ */ export function sliderMarkLabel(options) {
+    const { className, vertical } = options;
+    return cnb(sliderMarkLabelStyles({
+        h: !vertical,
+        v: vertical
+    }), className);
+}
+/**
+ * @since 6.0.0
+ */ export function sliderThumb(options) {
+    const { className, mask, index, active, animate, disabled, vertical } = options;
+    const isSecondThumb = index === 2;
+    return cnb(sliderThumbStyles({
+        h: !vertical,
+        h1: !vertical && !isSecondThumb,
+        h2: !vertical && isSecondThumb,
+        v: vertical,
+        v1: vertical && !isSecondThumb,
+        v2: vertical && isSecondThumb,
+        mask,
+        "mask-h": mask && !vertical,
+        "mask-v": mask && vertical,
+        active,
+        animate,
+        disabled,
+        "disabled-h": disabled && !vertical && !mask,
+        "disabled-v": disabled && vertical && !mask
+    }), className);
+}
+/**
+ * @since 6.0.0
+ */ export function sliderThumbInput(options = {}) {
+    const { className } = options;
+    return cnb(sliderThumbStyles("input"), className);
+}
+/**
+ * @since 6.0.0
+ */ export function sliderTrack(options) {
+    const { className, animate, disabled, vertical, isRangeSlider } = options;
+    return cnb(sliderTrackStyles({
+        animate,
+        disabled,
+        hoverable: !disabled,
+        h: !vertical,
+        h1: !vertical && !isRangeSlider,
+        h2: !vertical && isRangeSlider,
+        v: vertical,
+        v1: vertical && !isRangeSlider,
+        v2: vertical && isRangeSlider
+    }), className);
+}
+/**
+ * @since 6.0.0
+ */ export function sliderValueTooltip(options) {
+    const { className, index, animate, vertical } = options;
+    return cnb(sliderValueTooltipStyles({
+        h: !vertical,
+        v: vertical
+    }), animate && "rmd-slider-thumb--animate", `rmd-slider-thumb--${vertical ? "v" : "h"}${index}`, className);
+}
+
+//# sourceMappingURL=sliderStyles.js.map

package/dist/form/sliderStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/form/sliderStyles.ts"],"sourcesContent":["import { cnb } from \"cnbuilder\";\n\nimport { bem } from \"../utils/bem.js\";\n\nconst sliderContainerStyles = bem(\"rmd-slider-container\");\nconst sliderMarkStyles = bem(\"rmd-slider-mark\");\nconst sliderMarkLabelStyles = bem(\"rmd-slider-mark-label\");\nconst sliderThumbStyles = bem(\"rmd-slider-thumb\");\nconst sliderTrackStyles = bem(\"rmd-slider-track\");\nconst sliderValueTooltipStyles = bem(\"rmd-slider-tooltip\");\n\n/**\n * @since 6.0.0\n */\nexport interface SliderContainerClassNameOptions {\n  className?: string;\n  vertical?: boolean;\n  beforeAddon?: boolean;\n  afterAddon?: boolean;\n}\n\n/**\n * @since 6.0.0\n */\nexport function sliderContainer(\n  options: SliderContainerClassNameOptions = {}\n): string {\n  const { className, vertical, beforeAddon, afterAddon } = options;\n\n  return cnb(\n    sliderContainerStyles({\n      h: !vertical,\n      \"pad-left\": !vertical && !beforeAddon,\n      \"pad-right\": !vertical && !afterAddon,\n      v: vertical,\n      \"pad-bottom\": vertical && !beforeAddon,\n      \"pad-top\": vertical && !afterAddon,\n    }),\n    className\n  );\n}\n\n/**\n * @since 6.0.0\n */\nexport interface SliderMarkClassNameOptions {\n  className?: string;\n  active: boolean;\n  vertical: boolean;\n}\n\n/**\n * @since 6.0.0\n */\nexport function sliderMark(options: SliderMarkClassNameOptions): string {\n  const { className, active, vertical } = options;\n\n  return cnb(\n    sliderMarkStyles({\n      active,\n      inactive: !active,\n      h: !vertical,\n      v: vertical,\n    }),\n    className\n  );\n}\n\n/**\n * @since 6.0.0\n */\nexport interface SliderMarkLabelClassNameOptions {\n  className?: string;\n  vertical: boolean;\n}\n\n/**\n * @since 6.0.0\n */\nexport function sliderMarkLabel(\n  options: SliderMarkLabelClassNameOptions\n): string {\n  const { className, vertical } = options;\n\n  return cnb(sliderMarkLabelStyles({ h: !vertical, v: vertical }), className);\n}\n\n/**\n * @since 6.0.0\n */\nexport interface SliderThumbClassNameOptions {\n  className?: string;\n\n  mask?: boolean;\n  index: 1 | 2;\n  active: boolean;\n  animate: boolean;\n  vertical: boolean;\n  disabled: boolean;\n}\n\n/**\n * @since 6.0.0\n */\nexport function sliderThumb(options: SliderThumbClassNameOptions): string {\n  const { className, mask, index, active, animate, disabled, vertical } =\n    options;\n\n  const isSecondThumb = index === 2;\n  return cnb(\n    sliderThumbStyles({\n      h: !vertical,\n      h1: !vertical && !isSecondThumb,\n      h2: !vertical && isSecondThumb,\n      v: vertical,\n      v1: vertical && !isSecondThumb,\n      v2: vertical && isSecondThumb,\n      mask,\n      \"mask-h\": mask && !vertical,\n      \"mask-v\": mask && vertical,\n      active,\n      animate,\n      disabled,\n      \"disabled-h\": disabled && !vertical && !mask,\n      \"disabled-v\": disabled && vertical && !mask,\n    }),\n    className\n  );\n}\n/**\n * @since 6.0.0\n */\nexport interface SliderThumbInputClassNameOptions {\n  className?: string;\n}\n\n/**\n * @since 6.0.0\n */\nexport function sliderThumbInput(\n  options: SliderThumbInputClassNameOptions = {}\n): string {\n  const { className } = options;\n\n  return cnb(sliderThumbStyles(\"input\"), className);\n}\n\n/**\n * @since 6.0.0\n */\nexport interface SliderTrackClassNameOptions {\n  className?: string;\n  animate?: boolean;\n  disabled?: boolean;\n  vertical: boolean;\n  isRangeSlider: boolean;\n}\n\n/**\n * @since 6.0.0\n */\nexport function sliderTrack(options: SliderTrackClassNameOptions): string {\n  const { className, animate, disabled, vertical, isRangeSlider } = options;\n  return cnb(\n    sliderTrackStyles({\n      animate,\n      disabled,\n      hoverable: !disabled,\n      h: !vertical,\n      h1: !vertical && !isRangeSlider,\n      h2: !vertical && isRangeSlider,\n      v: vertical,\n      v1: vertical && !isRangeSlider,\n      v2: vertical && isRangeSlider,\n    }),\n    className\n  );\n}\n\n/**\n * @since 6.0.0\n */\nexport interface SliderValueTooltipClassNameOptions {\n  className?: string;\n  index: 1 | 2;\n  animate?: boolean;\n  vertical: boolean;\n}\n\n/**\n * @since 6.0.0\n */\nexport function sliderValueTooltip(\n  options: SliderValueTooltipClassNameOptions\n): string {\n  const { className, index, animate, vertical } = options;\n\n  return cnb(\n    sliderValueTooltipStyles({ h: !vertical, v: vertical }),\n    animate && \"rmd-slider-thumb--animate\",\n    `rmd-slider-thumb--${vertical ? \"v\" : \"h\"}${index}`,\n    className\n  );\n}\n"],"names":["cnb","bem","sliderContainerStyles","sliderMarkStyles","sliderMarkLabelStyles","sliderThumbStyles","sliderTrackStyles","sliderValueTooltipStyles","sliderContainer","options","className","vertical","beforeAddon","afterAddon","h","v","sliderMark","active","inactive","sliderMarkLabel","sliderThumb","mask","index","animate","disabled","isSecondThumb","h1","h2","v1","v2","sliderThumbInput","sliderTrack","isRangeSlider","hoverable","sliderValueTooltip"],"mappings":"AAAA,SAASA,GAAG,QAAQ,YAAY;AAEhC,SAASC,GAAG,QAAQ,kBAAkB;AAEtC,MAAMC,wBAAwBD,IAAI;AAClC,MAAME,mBAAmBF,IAAI;AAC7B,MAAMG,wBAAwBH,IAAI;AAClC,MAAMI,oBAAoBJ,IAAI;AAC9B,MAAMK,oBAAoBL,IAAI;AAC9B,MAAMM,2BAA2BN,IAAI;AAYrC;;CAEC,GACD,OAAO,SAASO,gBACdC,UAA2C,CAAC,CAAC;IAE7C,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,WAAW,EAAEC,UAAU,EAAE,GAAGJ;IAEzD,OAAOT,IACLE,sBAAsB;QACpBY,GAAG,CAACH;QACJ,YAAY,CAACA,YAAY,CAACC;QAC1B,aAAa,CAACD,YAAY,CAACE;QAC3BE,GAAGJ;QACH,cAAcA,YAAY,CAACC;QAC3B,WAAWD,YAAY,CAACE;IAC1B,IACAH;AAEJ;AAWA;;CAEC,GACD,OAAO,SAASM,WAAWP,OAAmC;IAC5D,MAAM,EAAEC,SAAS,EAAEO,MAAM,EAAEN,QAAQ,EAAE,GAAGF;IAExC,OAAOT,IACLG,iBAAiB;QACfc;QACAC,UAAU,CAACD;QACXH,GAAG,CAACH;QACJI,GAAGJ;IACL,IACAD;AAEJ;AAUA;;CAEC,GACD,OAAO,SAASS,gBACdV,OAAwC;IAExC,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGF;IAEhC,OAAOT,IAAII,sBAAsB;QAAEU,GAAG,CAACH;QAAUI,GAAGJ;IAAS,IAAID;AACnE;AAgBA;;CAEC,GACD,OAAO,SAASU,YAAYX,OAAoC;IAC9D,MAAM,EAAEC,SAAS,EAAEW,IAAI,EAAEC,KAAK,EAAEL,MAAM,EAAEM,OAAO,EAAEC,QAAQ,EAAEb,QAAQ,EAAE,GACnEF;IAEF,MAAMgB,gBAAgBH,UAAU;IAChC,OAAOtB,IACLK,kBAAkB;QAChBS,GAAG,CAACH;QACJe,IAAI,CAACf,YAAY,CAACc;QAClBE,IAAI,CAAChB,YAAYc;QACjBV,GAAGJ;QACHiB,IAAIjB,YAAY,CAACc;QACjBI,IAAIlB,YAAYc;QAChBJ;QACA,UAAUA,QAAQ,CAACV;QACnB,UAAUU,QAAQV;QAClBM;QACAM;QACAC;QACA,cAAcA,YAAY,CAACb,YAAY,CAACU;QACxC,cAAcG,YAAYb,YAAY,CAACU;IACzC,IACAX;AAEJ;AAQA;;CAEC,GACD,OAAO,SAASoB,iBACdrB,UAA4C,CAAC,CAAC;IAE9C,MAAM,EAAEC,SAAS,EAAE,GAAGD;IAEtB,OAAOT,IAAIK,kBAAkB,UAAUK;AACzC;AAaA;;CAEC,GACD,OAAO,SAASqB,YAAYtB,OAAoC;IAC9D,MAAM,EAAEC,SAAS,EAAEa,OAAO,EAAEC,QAAQ,EAAEb,QAAQ,EAAEqB,aAAa,EAAE,GAAGvB;IAClE,OAAOT,IACLM,kBAAkB;QAChBiB;QACAC;QACAS,WAAW,CAACT;QACZV,GAAG,CAACH;QACJe,IAAI,CAACf,YAAY,CAACqB;QAClBL,IAAI,CAAChB,YAAYqB;QACjBjB,GAAGJ;QACHiB,IAAIjB,YAAY,CAACqB;QACjBH,IAAIlB,YAAYqB;IAClB,IACAtB;AAEJ;AAYA;;CAEC,GACD,OAAO,SAASwB,mBACdzB,OAA2C;IAE3C,MAAM,EAAEC,SAAS,EAAEY,KAAK,EAAEC,OAAO,EAAEZ,QAAQ,EAAE,GAAGF;IAEhD,OAAOT,IACLO,yBAAyB;QAAEO,GAAG,CAACH;QAAUI,GAAGJ;IAAS,IACrDY,WAAW,6BACX,CAAC,kBAAkB,EAAEZ,WAAW,MAAM,MAAMW,OAAO,EACnDZ;AAEJ"}

package/dist/form/sliderUtils.d.ts

@@ -2,7 +2,7 @@ import { type RefObject } from "react";
 import { type DraggableEventHandlers, type DraggableImplementation, type DraggableMouseEventHandlers, type DraggableTouchEventHandlers } from "../draggable/useDraggable.js";
 import { type RenameKeysWithPrefix } from "../types.js";
 /**
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  * @internal
  */
 interface JumpOptions {
@@ -12,19 +12,19 @@ interface JumpOptions {
     jump: number | undefined;
 }
 /**
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  * @internal
  */
 export declare const getJumpValue: (options: JumpOptions) => number;
 /**
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  * @internal
  */
-type RequiredThumbProps = Pick<DraggableImplementation<HTMLElement>, "dragging" | keyof DraggableMouseEventHandlers<HTMLElement> | keyof DraggableTouchEventHandlers<HTMLElement>> & {
+export type RequiredThumbProps = Pick<DraggableImplementation, "dragging" | keyof DraggableMouseEventHandlers<HTMLElement> | keyof DraggableTouchEventHandlers<HTMLElement>> & {
     ref: RefObject<HTMLSpanElement>;
 };
 /**
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  * @internal
  */
 export type ClosestThumbEventHandlersOptions = RenameKeysWithPrefix<RequiredThumbProps, "thumb1"> & RenameKeysWithPrefix<RequiredThumbProps, "thumb2"> & {
@@ -34,17 +34,12 @@ export type ClosestThumbEventHandlersOptions = RenameKeysWithPrefix<RequiredThum
 /**
  * NOTE: I do not need the mousemove events for this one to work.
  *
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  * @internal
  */
 export declare const getClosestThumbEventHandlers: (options: ClosestThumbEventHandlersOptions) => DraggableEventHandlers<HTMLElement>;
 /**
- * @internal
- * @remarks \@since 6.0.0
- */
-export declare function getThumbOffset(offset: number | undefined, fallback: number): string | undefined;
-/**
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  * @internal
  */
 export interface ThumbOffsetsOptions {
@@ -59,7 +54,7 @@ export interface ThumbOffsetsOptions {
     isRangeSlider: boolean;
 }
 /**
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  * @internal
  */
 interface ThumbOffsets {
@@ -67,8 +62,8 @@ interface ThumbOffsets {
     "--rmd-slider-offset-2"?: string;
 }
 /**
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  * @internal
  */
-export declare const getThumbOffsets: (options: ThumbOffsetsOptions) => ThumbOffsets;
+export declare function getThumbOffsets(options: ThumbOffsetsOptions): ThumbOffsets;
 export {};

package/dist/form/sliderUtils.js

@@ -2,7 +2,7 @@ import { getClientPosition } from "../utils/getClientPosition.js";
 import { getPercentage } from "../utils/getPercentage.js";
 import { getRangeSteps } from "../utils/getRangeSteps.js";
 /**
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  * @internal
  */ export const getJumpValue = (options)=>{
     const { min, max, step, jump } = options;
@@ -13,14 +13,14 @@ import { getRangeSteps } from "../utils/getRangeSteps.js";
     });
     const value = jump ?? steps / 10 * step;
     if (Number.isInteger(step)) {
-        return Math.ceil(value);
+        return Math.max(step, Math.ceil(value));
     }
     return value;
 };
 /**
  * NOTE: I do not need the mousemove events for this one to work.
  *
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  * @internal
  */ export const getClosestThumbEventHandlers = (options)=>{
     const { thumb1Ref, thumb1Dragging, thumb1OnMouseUp, thumb1OnMouseDown, thumb1OnTouchStart, thumb1OnTouchMove, thumb2Ref, thumb2Dragging, thumb2OnMouseUp, thumb2OnMouseDown, thumb2OnTouchStart, thumb2OnTouchMove, isRangeSlider, vertical } = options;
@@ -47,7 +47,7 @@ import { getRangeSteps } from "../utils/getRangeSteps.js";
             const thumb2Rect = thumb2.getBoundingClientRect();
             const thumb1Position = vertical ? thumb1Rect.y : thumb1Rect.x;
             const thumb2Position = vertical ? thumb2Rect.y : thumb2Rect.x;
-            return Math.abs(clientPosition - thumb1Position) < Math.abs(clientPosition - thumb2Position);
+            return Math.abs(clientPosition - thumb1Position) <= Math.abs(clientPosition - thumb2Position);
         }
         return true;
     };
@@ -84,8 +84,8 @@ import { getRangeSteps } from "../utils/getRangeSteps.js";
 };
 /**
  * @internal
- * @remarks \@since 6.0.0
- */ export function getThumbOffset(offset, fallback) {
+ * @since 6.0.0
+ */ function getThumbOffset(offset, fallback) {
     if (typeof offset !== "number") {
         return;
     }
@@ -96,9 +96,9 @@ import { getRangeSteps } from "../utils/getRangeSteps.js";
     return `${value * 100}%`;
 }
 /**
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  * @internal
- */ export const getThumbOffsets = (options)=>{
+ */ export function getThumbOffsets(options) {
     const { min, max, thumb1Value, thumb1Dragging, thumb1DragPercentage, thumb2Value, thumb2Dragging, thumb2DragPercentage, isRangeSlider } = options;
     let thumb1Percentage = thumb1Dragging ? thumb1DragPercentage : getPercentage({
         min,
@@ -119,6 +119,6 @@ import { getRangeSteps } from "../utils/getRangeSteps.js";
         "--rmd-slider-offset-1": getThumbOffset(thumb1Percentage, 0),
         "--rmd-slider-offset-2": getThumbOffset(thumb2Percentage, 1)
     };
-};
+}
 
 //# sourceMappingURL=sliderUtils.js.map

package/dist/form/sliderUtils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/form/sliderUtils.ts"],"sourcesContent":["import { type RefObject } from \"react\";\nimport {\n  type DraggableEventHandlers,\n  type DraggableImplementation,\n  type DraggableMouseEventHandlers,\n  type DraggableTouchEventHandlers,\n} from \"../draggable/useDraggable.js\";\nimport { type RenameKeysWithPrefix } from \"../types.js\";\nimport {\n  getClientPosition,\n  type ClientPositionEvent,\n} from \"../utils/getClientPosition.js\";\nimport { getPercentage } from \"../utils/getPercentage.js\";\nimport { getRangeSteps } from \"../utils/getRangeSteps.js\";\n\n/**\n * @remarks \\@since 6.0.0\n * @internal\n */\ninterface JumpOptions {\n  min: number;\n  max: number;\n  step: number;\n  jump: number | undefined;\n}\n\n/**\n * @remarks \\@since 6.0.0\n * @internal\n */\nexport const getJumpValue = (options: JumpOptions): number => {\n  const { min, max, step, jump } = options;\n\n  const steps = getRangeSteps({ min, max, step });\n  const value = jump ?? (steps / 10) * step;\n  if (Number.isInteger(step)) {\n    return Math.ceil(value);\n  }\n\n  return value;\n};\n\n/**\n * @remarks \\@since 6.0.0\n * @internal\n */\ntype RequiredThumbProps = Pick<\n  DraggableImplementation<HTMLElement>,\n  | \"dragging\"\n  | keyof DraggableMouseEventHandlers<HTMLElement>\n  | keyof DraggableTouchEventHandlers<HTMLElement>\n> & { ref: RefObject<HTMLSpanElement> };\n\n/**\n * @remarks \\@since 6.0.0\n * @internal\n */\nexport type ClosestThumbEventHandlersOptions = RenameKeysWithPrefix<\n  RequiredThumbProps,\n  \"thumb1\"\n> &\n  RenameKeysWithPrefix<RequiredThumbProps, \"thumb2\"> & {\n    vertical: boolean;\n    isRangeSlider: boolean;\n  };\n\n/**\n * NOTE: I do not need the mousemove events for this one to work.\n *\n * @remarks \\@since 6.0.0\n * @internal\n */\nexport const getClosestThumbEventHandlers = (\n  options: ClosestThumbEventHandlersOptions\n): DraggableEventHandlers<HTMLElement> => {\n  const {\n    thumb1Ref,\n    thumb1Dragging,\n    thumb1OnMouseUp,\n    thumb1OnMouseDown,\n    thumb1OnTouchStart,\n    thumb1OnTouchMove,\n    thumb2Ref,\n    thumb2Dragging,\n    thumb2OnMouseUp,\n    thumb2OnMouseDown,\n    thumb2OnTouchStart,\n    thumb2OnTouchMove,\n    isRangeSlider,\n    vertical,\n  } = options;\n\n  if (!isRangeSlider) {\n    return {\n      onMouseDown: thumb1OnMouseDown,\n      onMouseUp: thumb1OnMouseUp,\n      onTouchStart: thumb1OnTouchStart,\n      onTouchMove: thumb1OnTouchMove,\n    };\n  }\n\n  const isThumbOneClosest = (event: ClientPositionEvent): boolean => {\n    if (thumb2Dragging) {\n      return false;\n    }\n\n    const thumb1 = thumb1Ref.current;\n    const thumb2 = thumb2Ref.current;\n    if (!thumb1Dragging && thumb1 && thumb2) {\n      const clientPosition = getClientPosition({ event, vertical });\n      const thumb1Rect = thumb1.getBoundingClientRect();\n      const thumb2Rect = thumb2.getBoundingClientRect();\n      const thumb1Position = vertical ? thumb1Rect.y : thumb1Rect.x;\n      const thumb2Position = vertical ? thumb2Rect.y : thumb2Rect.x;\n\n      return (\n        Math.abs(clientPosition - thumb1Position) <\n        Math.abs(clientPosition - thumb2Position)\n      );\n    }\n\n    return true;\n  };\n\n  return {\n    onMouseDown(event) {\n      if (isThumbOneClosest(event)) {\n        thumb1OnMouseDown(event);\n      } else {\n        thumb2OnMouseDown(event);\n      }\n    },\n    onMouseUp(event) {\n      if (isThumbOneClosest(event)) {\n        thumb1OnMouseUp(event);\n      } else {\n        thumb2OnMouseUp(event);\n      }\n    },\n    onTouchStart(event) {\n      if (isThumbOneClosest(event)) {\n        thumb1OnTouchStart(event);\n      } else {\n        thumb2OnTouchStart(event);\n      }\n    },\n    onTouchMove(event) {\n      if (isThumbOneClosest(event)) {\n        thumb1OnTouchMove(event);\n      } else {\n        thumb2OnTouchMove(event);\n      }\n    },\n  };\n};\n\n/**\n * @internal\n * @remarks \\@since 6.0.0\n */\nexport function getThumbOffset(\n  offset: number | undefined,\n  fallback: number\n): string | undefined {\n  if (typeof offset !== \"number\") {\n    return;\n  }\n\n  // the `offset` will be NaN when there are no possible steps to take because\n  // the first thumb is at the maximum value or the second thumb is at the\n  // minimum value\n  const value = Number.isNaN(offset) ? fallback : offset;\n  return `${value * 100}%`;\n}\n\n/**\n * @remarks \\@since 6.0.0\n * @internal\n */\nexport interface ThumbOffsetsOptions {\n  min: number;\n  max: number;\n  thumb1Value: number;\n  thumb1Dragging: boolean;\n  thumb1DragPercentage: number;\n  thumb2Value: number;\n  thumb2Dragging: boolean;\n  thumb2DragPercentage: number;\n  isRangeSlider: boolean;\n}\n\n/**\n * @remarks \\@since 6.0.0\n * @internal\n */\ninterface ThumbOffsets {\n  \"--rmd-slider-offset-1\"?: string;\n  \"--rmd-slider-offset-2\"?: string;\n}\n\n/**\n * @remarks \\@since 6.0.0\n * @internal\n */\nexport const getThumbOffsets = (options: ThumbOffsetsOptions): ThumbOffsets => {\n  const {\n    min,\n    max,\n    thumb1Value,\n    thumb1Dragging,\n    thumb1DragPercentage,\n    thumb2Value,\n    thumb2Dragging,\n    thumb2DragPercentage,\n    isRangeSlider,\n  } = options;\n  let thumb1Percentage = thumb1Dragging\n    ? thumb1DragPercentage\n    : getPercentage({ min, max, value: thumb1Value });\n\n  let thumb2Percentage: number | undefined;\n  if (isRangeSlider) {\n    const percentage = getPercentage({ min, max, value: thumb2Value });\n\n    thumb1Percentage = Math.min(thumb1Percentage, percentage);\n    thumb2Percentage = thumb2Dragging\n      ? Math.max(thumb1Percentage, thumb2DragPercentage)\n      : percentage;\n  }\n\n  return {\n    \"--rmd-slider-offset-1\": getThumbOffset(thumb1Percentage, 0),\n    \"--rmd-slider-offset-2\": getThumbOffset(thumb2Percentage, 1),\n  };\n};\n"],"names":["getClientPosition","getPercentage","getRangeSteps","getJumpValue","options","min","max","step","jump","steps","value","Number","isInteger","Math","ceil","getClosestThumbEventHandlers","thumb1Ref","thumb1Dragging","thumb1OnMouseUp","thumb1OnMouseDown","thumb1OnTouchStart","thumb1OnTouchMove","thumb2Ref","thumb2Dragging","thumb2OnMouseUp","thumb2OnMouseDown","thumb2OnTouchStart","thumb2OnTouchMove","isRangeSlider","vertical","onMouseDown","onMouseUp","onTouchStart","onTouchMove","isThumbOneClosest","event","thumb1","current","thumb2","clientPosition","thumb1Rect","getBoundingClientRect","thumb2Rect","thumb1Position","y","x","thumb2Position","abs","getThumbOffset","offset","fallback","isNaN","getThumbOffsets","thumb1Value","thumb1DragPercentage","thumb2Value","thumb2DragPercentage","thumb1Percentage","thumb2Percentage","percentage"],"mappings":"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"}
+{"version":3,"sources":["../../src/form/sliderUtils.ts"],"sourcesContent":["import { type RefObject } from \"react\";\n\nimport {\n  type DraggableEventHandlers,\n  type DraggableImplementation,\n  type DraggableMouseEventHandlers,\n  type DraggableTouchEventHandlers,\n} from \"../draggable/useDraggable.js\";\nimport { type RenameKeysWithPrefix } from \"../types.js\";\nimport {\n  type ClientPositionEvent,\n  getClientPosition,\n} from \"../utils/getClientPosition.js\";\nimport { getPercentage } from \"../utils/getPercentage.js\";\nimport { getRangeSteps } from \"../utils/getRangeSteps.js\";\n\n/**\n * @since 6.0.0\n * @internal\n */\ninterface JumpOptions {\n  min: number;\n  max: number;\n  step: number;\n  jump: number | undefined;\n}\n\n/**\n * @since 6.0.0\n * @internal\n */\nexport const getJumpValue = (options: JumpOptions): number => {\n  const { min, max, step, jump } = options;\n\n  const steps = getRangeSteps({ min, max, step });\n  const value = jump ?? (steps / 10) * step;\n  if (Number.isInteger(step)) {\n    return Math.max(step, Math.ceil(value));\n  }\n\n  return value;\n};\n\n/**\n * @since 6.0.0\n * @internal\n */\nexport type RequiredThumbProps = Pick<\n  DraggableImplementation,\n  | \"dragging\"\n  | keyof DraggableMouseEventHandlers<HTMLElement>\n  | keyof DraggableTouchEventHandlers<HTMLElement>\n> & { ref: RefObject<HTMLSpanElement> };\n\n/**\n * @since 6.0.0\n * @internal\n */\nexport type ClosestThumbEventHandlersOptions = RenameKeysWithPrefix<\n  RequiredThumbProps,\n  \"thumb1\"\n> &\n  RenameKeysWithPrefix<RequiredThumbProps, \"thumb2\"> & {\n    vertical: boolean;\n    isRangeSlider: boolean;\n  };\n\n/**\n * NOTE: I do not need the mousemove events for this one to work.\n *\n * @since 6.0.0\n * @internal\n */\nexport const getClosestThumbEventHandlers = (\n  options: ClosestThumbEventHandlersOptions\n): DraggableEventHandlers<HTMLElement> => {\n  const {\n    thumb1Ref,\n    thumb1Dragging,\n    thumb1OnMouseUp,\n    thumb1OnMouseDown,\n    thumb1OnTouchStart,\n    thumb1OnTouchMove,\n    thumb2Ref,\n    thumb2Dragging,\n    thumb2OnMouseUp,\n    thumb2OnMouseDown,\n    thumb2OnTouchStart,\n    thumb2OnTouchMove,\n    isRangeSlider,\n    vertical,\n  } = options;\n\n  if (!isRangeSlider) {\n    return {\n      onMouseDown: thumb1OnMouseDown,\n      onMouseUp: thumb1OnMouseUp,\n      onTouchStart: thumb1OnTouchStart,\n      onTouchMove: thumb1OnTouchMove,\n    };\n  }\n\n  const isThumbOneClosest = (event: ClientPositionEvent): boolean => {\n    if (thumb2Dragging) {\n      return false;\n    }\n\n    const thumb1 = thumb1Ref.current;\n    const thumb2 = thumb2Ref.current;\n    if (!thumb1Dragging && thumb1 && thumb2) {\n      const clientPosition = getClientPosition({ event, vertical });\n      const thumb1Rect = thumb1.getBoundingClientRect();\n      const thumb2Rect = thumb2.getBoundingClientRect();\n      const thumb1Position = vertical ? thumb1Rect.y : thumb1Rect.x;\n      const thumb2Position = vertical ? thumb2Rect.y : thumb2Rect.x;\n\n      return (\n        Math.abs(clientPosition - thumb1Position) <=\n        Math.abs(clientPosition - thumb2Position)\n      );\n    }\n\n    return true;\n  };\n\n  return {\n    onMouseDown(event) {\n      if (isThumbOneClosest(event)) {\n        thumb1OnMouseDown(event);\n      } else {\n        thumb2OnMouseDown(event);\n      }\n    },\n    onMouseUp(event) {\n      if (isThumbOneClosest(event)) {\n        thumb1OnMouseUp(event);\n      } else {\n        thumb2OnMouseUp(event);\n      }\n    },\n    onTouchStart(event) {\n      if (isThumbOneClosest(event)) {\n        thumb1OnTouchStart(event);\n      } else {\n        thumb2OnTouchStart(event);\n      }\n    },\n    onTouchMove(event) {\n      if (isThumbOneClosest(event)) {\n        thumb1OnTouchMove(event);\n      } else {\n        thumb2OnTouchMove(event);\n      }\n    },\n  };\n};\n\n/**\n * @internal\n * @since 6.0.0\n */\nfunction getThumbOffset(\n  offset: number | undefined,\n  fallback: number\n): string | undefined {\n  if (typeof offset !== \"number\") {\n    return;\n  }\n\n  // the `offset` will be NaN when there are no possible steps to take because\n  // the first thumb is at the maximum value or the second thumb is at the\n  // minimum value\n  const value = Number.isNaN(offset) ? fallback : offset;\n  return `${value * 100}%`;\n}\n\n/**\n * @since 6.0.0\n * @internal\n */\nexport interface ThumbOffsetsOptions {\n  min: number;\n  max: number;\n  thumb1Value: number;\n  thumb1Dragging: boolean;\n  thumb1DragPercentage: number;\n  thumb2Value: number;\n  thumb2Dragging: boolean;\n  thumb2DragPercentage: number;\n  isRangeSlider: boolean;\n}\n\n/**\n * @since 6.0.0\n * @internal\n */\ninterface ThumbOffsets {\n  \"--rmd-slider-offset-1\"?: string;\n  \"--rmd-slider-offset-2\"?: string;\n}\n\n/**\n * @since 6.0.0\n * @internal\n */\nexport function getThumbOffsets(options: ThumbOffsetsOptions): ThumbOffsets {\n  const {\n    min,\n    max,\n    thumb1Value,\n    thumb1Dragging,\n    thumb1DragPercentage,\n    thumb2Value,\n    thumb2Dragging,\n    thumb2DragPercentage,\n    isRangeSlider,\n  } = options;\n  let thumb1Percentage = thumb1Dragging\n    ? thumb1DragPercentage\n    : getPercentage({ min, max, value: thumb1Value });\n\n  let thumb2Percentage: number | undefined;\n  if (isRangeSlider) {\n    const percentage = getPercentage({ min, max, value: thumb2Value });\n\n    thumb1Percentage = Math.min(thumb1Percentage, percentage);\n    thumb2Percentage = thumb2Dragging\n      ? Math.max(thumb1Percentage, thumb2DragPercentage)\n      : percentage;\n  }\n\n  return {\n    \"--rmd-slider-offset-1\": getThumbOffset(thumb1Percentage, 0),\n    \"--rmd-slider-offset-2\": getThumbOffset(thumb2Percentage, 1),\n  };\n}\n"],"names":["getClientPosition","getPercentage","getRangeSteps","getJumpValue","options","min","max","step","jump","steps","value","Number","isInteger","Math","ceil","getClosestThumbEventHandlers","thumb1Ref","thumb1Dragging","thumb1OnMouseUp","thumb1OnMouseDown","thumb1OnTouchStart","thumb1OnTouchMove","thumb2Ref","thumb2Dragging","thumb2OnMouseUp","thumb2OnMouseDown","thumb2OnTouchStart","thumb2OnTouchMove","isRangeSlider","vertical","onMouseDown","onMouseUp","onTouchStart","onTouchMove","isThumbOneClosest","event","thumb1","current","thumb2","clientPosition","thumb1Rect","getBoundingClientRect","thumb2Rect","thumb1Position","y","x","thumb2Position","abs","getThumbOffset","offset","fallback","isNaN","getThumbOffsets","thumb1Value","thumb1DragPercentage","thumb2Value","thumb2DragPercentage","thumb1Percentage","thumb2Percentage","percentage"],"mappings":"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"}

package/dist/form/switchStyles.d.ts

@@ -1,11 +1,5 @@
-declare module "react" {
-    interface CSSProperties {
-        "--rmd-switch-track-background-color"?: string;
-        "--rmd-switch-ball-background-color"?: string;
-    }
-}
 /**
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export interface SwitchClassNameOptions {
     className?: string;
@@ -13,6 +7,30 @@ export interface SwitchClassNameOptions {
     currentColor?: boolean;
 }
 /**
- * @remarks \@since 6.0.0
+ * NOTE: This has to be `switchStyles` do to `switch` being a reserved keyword
+ *
+ * @since 6.0.0
  */
 export declare function switchStyles(options?: SwitchClassNameOptions): string;
+/**
+ * @since 6.0.0
+ */
+export interface SwitchTrackClassNameOptions {
+    className?: string;
+    disabled?: boolean;
+}
+/**
+ * @since 6.0.0
+ */
+export declare function switchTrack(options?: SwitchTrackClassNameOptions): string;
+/**
+ * @since 6.0.0
+ */
+export interface SwitchBallClassNameOptions {
+    className?: string;
+    active?: boolean;
+}
+/**
+ * @since 6.0.0
+ */
+export declare function switchBall(options?: SwitchBallClassNameOptions): string;

package/dist/form/switchStyles.js

@@ -2,7 +2,9 @@ import { cnb } from "cnbuilder";
 import { bem } from "../utils/bem.js";
 const styles = bem("rmd-switch");
 /**
- * @remarks \@since 6.0.0
+ * NOTE: This has to be `switchStyles` do to `switch` being a reserved keyword
+ *
+ * @since 6.0.0
  */ export function switchStyles(options = {}) {
     const { className, clickable, currentColor } = options;
     return cnb(styles({
@@ -10,5 +12,21 @@ const styles = bem("rmd-switch");
         clickable
     }), className);
 }
+/**
+ * @since 6.0.0
+ */ export function switchTrack(options = {}) {
+    const { disabled, className } = options;
+    return cnb(styles("track", {
+        disabled
+    }), className);
+}
+/**
+ * @since 6.0.0
+ */ export function switchBall(options = {}) {
+    const { active, className } = options;
+    return cnb(styles("ball", {
+        active
+    }), className);
+}
 
 //# sourceMappingURL=switchStyles.js.map

package/dist/form/switchStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/form/switchStyles.ts"],"sourcesContent":["import { cnb } from \"cnbuilder\";\nimport { bem } from \"../utils/bem.js\";\n\ndeclare module \"react\" {\n  interface CSSProperties {\n    \"--rmd-switch-track-background-color\"?: string;\n    \"--rmd-switch-ball-background-color\"?: string;\n  }\n}\n\nconst styles = bem(\"rmd-switch\");\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport interface SwitchClassNameOptions {\n  className?: string;\n  clickable?: boolean;\n  currentColor?: boolean;\n}\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport function switchStyles(options: SwitchClassNameOptions = {}): string {\n  const { className, clickable, currentColor } = options;\n\n  return cnb(styles({ \"current-color\": currentColor, clickable }), className);\n}\n"],"names":["cnb","bem","styles","switchStyles","options","className","clickable","currentColor"],"mappings":"AAAA,SAASA,GAAG,QAAQ,YAAY;AAChC,SAASC,GAAG,QAAQ,kBAAkB;AAStC,MAAMC,SAASD,IAAI;AAWnB;;CAEC,GACD,OAAO,SAASE,aAAaC,UAAkC,CAAC,CAAC;IAC/D,MAAM,EAAEC,SAAS,EAAEC,SAAS,EAAEC,YAAY,EAAE,GAAGH;IAE/C,OAAOJ,IAAIE,OAAO;QAAE,iBAAiBK;QAAcD;IAAU,IAAID;AACnE"}
+{"version":3,"sources":["../../src/form/switchStyles.ts"],"sourcesContent":["import { cnb } from \"cnbuilder\";\n\nimport { bem } from \"../utils/bem.js\";\n\nconst styles = bem(\"rmd-switch\");\n\n/**\n * @since 6.0.0\n */\nexport interface SwitchClassNameOptions {\n  className?: string;\n  clickable?: boolean;\n  currentColor?: boolean;\n}\n\n/**\n * NOTE: This has to be `switchStyles` do to `switch` being a reserved keyword\n *\n * @since 6.0.0\n */\nexport function switchStyles(options: SwitchClassNameOptions = {}): string {\n  const { className, clickable, currentColor } = options;\n\n  return cnb(styles({ \"current-color\": currentColor, clickable }), className);\n}\n\n/**\n * @since 6.0.0\n */\nexport interface SwitchTrackClassNameOptions {\n  className?: string;\n  disabled?: boolean;\n}\n\n/**\n * @since 6.0.0\n */\nexport function switchTrack(options: SwitchTrackClassNameOptions = {}): string {\n  const { disabled, className } = options;\n\n  return cnb(styles(\"track\", { disabled }), className);\n}\n\n/**\n * @since 6.0.0\n */\nexport interface SwitchBallClassNameOptions {\n  className?: string;\n  active?: boolean;\n}\n\n/**\n * @since 6.0.0\n */\nexport function switchBall(options: SwitchBallClassNameOptions = {}): string {\n  const { active, className } = options;\n\n  return cnb(styles(\"ball\", { active }), className);\n}\n"],"names":["cnb","bem","styles","switchStyles","options","className","clickable","currentColor","switchTrack","disabled","switchBall","active"],"mappings":"AAAA,SAASA,GAAG,QAAQ,YAAY;AAEhC,SAASC,GAAG,QAAQ,kBAAkB;AAEtC,MAAMC,SAASD,IAAI;AAWnB;;;;CAIC,GACD,OAAO,SAASE,aAAaC,UAAkC,CAAC,CAAC;IAC/D,MAAM,EAAEC,SAAS,EAAEC,SAAS,EAAEC,YAAY,EAAE,GAAGH;IAE/C,OAAOJ,IAAIE,OAAO;QAAE,iBAAiBK;QAAcD;IAAU,IAAID;AACnE;AAUA;;CAEC,GACD,OAAO,SAASG,YAAYJ,UAAuC,CAAC,CAAC;IACnE,MAAM,EAAEK,QAAQ,EAAEJ,SAAS,EAAE,GAAGD;IAEhC,OAAOJ,IAAIE,OAAO,SAAS;QAAEO;IAAS,IAAIJ;AAC5C;AAUA;;CAEC,GACD,OAAO,SAASK,WAAWN,UAAsC,CAAC,CAAC;IACjE,MAAM,EAAEO,MAAM,EAAEN,SAAS,EAAE,GAAGD;IAE9B,OAAOJ,IAAIE,OAAO,QAAQ;QAAES;IAAO,IAAIN;AACzC"}

package/dist/form/textAreaStyles.d.ts

@@ -1,13 +1,7 @@
 import { type TextFieldClassNameOptions } from "./textFieldStyles.js";
 import { type TextAreaResize } from "./useResizingTextArea.js";
-declare module "react" {
-    interface CSSProperties {
-        "--rmd-textarea-height"?: string | number;
-        "--rmd-textarea-padding"?: string | number;
-    }
-}
 /**
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export interface TextareaClassNameOptions extends TextFieldClassNameOptions {
     className?: string;
@@ -31,11 +25,11 @@ export interface TextareaClassNameOptions extends TextFieldClassNameOptions {
     scrollable?: boolean;
 }
 /**
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export declare function textArea(options?: TextareaClassNameOptions): string;
 /**
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export interface TextareaContainerClassNameOptions {
     className?: string;
@@ -45,6 +39,6 @@ export interface TextareaContainerClassNameOptions {
     underlineLabelled?: boolean;
 }
 /**
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export declare function textAreaContainer(options?: TextareaContainerClassNameOptions): string;

package/dist/form/textAreaStyles.js

@@ -4,7 +4,7 @@ import { textField } from "./textFieldStyles.js";
 const styles = bem("rmd-textarea");
 const containerStyles = bem("rmd-textarea-container");
 /**
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */ export function textArea(options = {}) {
     const { className, mask, resize = "auto", scrollable, placeholderHidden } = options;
     return cnb(textField({
@@ -18,7 +18,7 @@ const containerStyles = bem("rmd-textarea-container");
     }), className);
 }
 /**
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */ export function textAreaContainer(options = {}) {
     const { className, height, animate, disabled, underlineLabelled } = options;
     return cnb(containerStyles({

package/dist/form/textAreaStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/form/textAreaStyles.ts"],"sourcesContent":["import { cnb } from \"cnbuilder\";\nimport { bem } from \"../utils/bem.js\";\nimport {\n  textField,\n  type TextFieldClassNameOptions,\n} from \"./textFieldStyles.js\";\nimport { type TextAreaResize } from \"./useResizingTextArea.js\";\n\ndeclare module \"react\" {\n  interface CSSProperties {\n    \"--rmd-textarea-height\"?: string | number;\n    \"--rmd-textarea-padding\"?: string | number;\n  }\n}\n\nconst styles = bem(\"rmd-textarea\");\nconst containerStyles = bem(\"rmd-textarea-container\");\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport interface TextareaClassNameOptions extends TextFieldClassNameOptions {\n  className?: string;\n\n  /**\n   * This should not be used externally and is only used for creating the hidden\n   * textarea mask for the auto resizing behavior.\n   *\n   * @defaultValue `false`\n   */\n  mask?: boolean;\n\n  /**\n   * @see {@link TextAreaResize}\n   * @defaultValue `\"auto\"`\n   */\n  resize?: TextAreaResize;\n\n  /**\n   * Set this to `true` if the textarea should display a scrollbar.\n   *\n   * @defaultValue `false`\n   */\n  scrollable?: boolean;\n}\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport function textArea(options: TextareaClassNameOptions = {}): string {\n  const {\n    className,\n    mask,\n    resize = \"auto\",\n    scrollable,\n    placeholderHidden,\n  } = options;\n\n  return cnb(\n    textField({ placeholderHidden }),\n    styles({\n      rh: resize === \"horizontal\",\n      rv: resize === \"vertical\",\n      rn: resize === \"auto\" || resize === \"none\",\n      mask,\n      scrollable: scrollable || resize === \"none\",\n    }),\n    className\n  );\n}\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport interface TextareaContainerClassNameOptions {\n  className?: string;\n  height?: boolean;\n  disabled?: boolean;\n  animate?: boolean;\n  underlineLabelled?: boolean;\n}\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport function textAreaContainer(\n  options: TextareaContainerClassNameOptions = {}\n): string {\n  const { className, height, animate, disabled, underlineLabelled } = options;\n\n  return cnb(\n    containerStyles({\n      height,\n      animate,\n      cursor: !disabled,\n      \"underline-labelled\": underlineLabelled,\n    }),\n    className\n  );\n}\n"],"names":["cnb","bem","textField","styles","containerStyles","textArea","options","className","mask","resize","scrollable","placeholderHidden","rh","rv","rn","textAreaContainer","height","animate","disabled","underlineLabelled","cursor"],"mappings":"AAAA,SAASA,GAAG,QAAQ,YAAY;AAChC,SAASC,GAAG,QAAQ,kBAAkB;AACtC,SACEC,SAAS,QAEJ,uBAAuB;AAU9B,MAAMC,SAASF,IAAI;AACnB,MAAMG,kBAAkBH,IAAI;AA8B5B;;CAEC,GACD,OAAO,SAASI,SAASC,UAAoC,CAAC,CAAC;IAC7D,MAAM,EACJC,SAAS,EACTC,IAAI,EACJC,SAAS,MAAM,EACfC,UAAU,EACVC,iBAAiB,EAClB,GAAGL;IAEJ,OAAON,IACLE,UAAU;QAAES;IAAkB,IAC9BR,OAAO;QACLS,IAAIH,WAAW;QACfI,IAAIJ,WAAW;QACfK,IAAIL,WAAW,UAAUA,WAAW;QACpCD;QACAE,YAAYA,cAAcD,WAAW;IACvC,IACAF;AAEJ;AAaA;;CAEC,GACD,OAAO,SAASQ,kBACdT,UAA6C,CAAC,CAAC;IAE/C,MAAM,EAAEC,SAAS,EAAES,MAAM,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,iBAAiB,EAAE,GAAGb;IAEpE,OAAON,IACLI,gBAAgB;QACdY;QACAC;QACAG,QAAQ,CAACF;QACT,sBAAsBC;IACxB,IACAZ;AAEJ"}
+{"version":3,"sources":["../../src/form/textAreaStyles.ts"],"sourcesContent":["import { cnb } from \"cnbuilder\";\n\nimport { bem } from \"../utils/bem.js\";\nimport {\n  type TextFieldClassNameOptions,\n  textField,\n} from \"./textFieldStyles.js\";\nimport { type TextAreaResize } from \"./useResizingTextArea.js\";\n\nconst styles = bem(\"rmd-textarea\");\nconst containerStyles = bem(\"rmd-textarea-container\");\n\n/**\n * @since 6.0.0\n */\nexport interface TextareaClassNameOptions extends TextFieldClassNameOptions {\n  className?: string;\n\n  /**\n   * This should not be used externally and is only used for creating the hidden\n   * textarea mask for the auto resizing behavior.\n   *\n   * @defaultValue `false`\n   */\n  mask?: boolean;\n\n  /**\n   * @see {@link TextAreaResize}\n   * @defaultValue `\"auto\"`\n   */\n  resize?: TextAreaResize;\n\n  /**\n   * Set this to `true` if the textarea should display a scrollbar.\n   *\n   * @defaultValue `false`\n   */\n  scrollable?: boolean;\n}\n\n/**\n * @since 6.0.0\n */\nexport function textArea(options: TextareaClassNameOptions = {}): string {\n  const {\n    className,\n    mask,\n    resize = \"auto\",\n    scrollable,\n    placeholderHidden,\n  } = options;\n\n  return cnb(\n    textField({ placeholderHidden }),\n    styles({\n      rh: resize === \"horizontal\",\n      rv: resize === \"vertical\",\n      rn: resize === \"auto\" || resize === \"none\",\n      mask,\n      scrollable: scrollable || resize === \"none\",\n    }),\n    className\n  );\n}\n\n/**\n * @since 6.0.0\n */\nexport interface TextareaContainerClassNameOptions {\n  className?: string;\n  height?: boolean;\n  disabled?: boolean;\n  animate?: boolean;\n  underlineLabelled?: boolean;\n}\n\n/**\n * @since 6.0.0\n */\nexport function textAreaContainer(\n  options: TextareaContainerClassNameOptions = {}\n): string {\n  const { className, height, animate, disabled, underlineLabelled } = options;\n\n  return cnb(\n    containerStyles({\n      height,\n      animate,\n      cursor: !disabled,\n      \"underline-labelled\": underlineLabelled,\n    }),\n    className\n  );\n}\n"],"names":["cnb","bem","textField","styles","containerStyles","textArea","options","className","mask","resize","scrollable","placeholderHidden","rh","rv","rn","textAreaContainer","height","animate","disabled","underlineLabelled","cursor"],"mappings":"AAAA,SAASA,GAAG,QAAQ,YAAY;AAEhC,SAASC,GAAG,QAAQ,kBAAkB;AACtC,SAEEC,SAAS,QACJ,uBAAuB;AAG9B,MAAMC,SAASF,IAAI;AACnB,MAAMG,kBAAkBH,IAAI;AA8B5B;;CAEC,GACD,OAAO,SAASI,SAASC,UAAoC,CAAC,CAAC;IAC7D,MAAM,EACJC,SAAS,EACTC,IAAI,EACJC,SAAS,MAAM,EACfC,UAAU,EACVC,iBAAiB,EAClB,GAAGL;IAEJ,OAAON,IACLE,UAAU;QAAES;IAAkB,IAC9BR,OAAO;QACLS,IAAIH,WAAW;QACfI,IAAIJ,WAAW;QACfK,IAAIL,WAAW,UAAUA,WAAW;QACpCD;QACAE,YAAYA,cAAcD,WAAW;IACvC,IACAF;AAEJ;AAaA;;CAEC,GACD,OAAO,SAASQ,kBACdT,UAA6C,CAAC,CAAC;IAE/C,MAAM,EAAEC,SAAS,EAAES,MAAM,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,iBAAiB,EAAE,GAAGb;IAEpE,OAAON,IACLI,gBAAgB;QACdY;QACAC;QACAG,QAAQ,CAACF;QACT,sBAAsBC;IACxB,IACAZ;AAEJ"}

package/dist/form/textFieldAddonStyles.d.ts

@@ -0,0 +1,17 @@
+/** @since 6.0.0 */
+export interface TextFieldAddonClassNameOptions {
+    className?: string;
+    /**
+     * @defaultValue `false`
+     */
+    after?: boolean;
+    /**
+     *
+     * @defaultValue `true`
+     */
+    presentational?: boolean;
+}
+/**
+ * @since 6.0.0
+ */
+export declare function textFieldAddon(options?: TextFieldAddonClassNameOptions): string;