@viasat/beam-react 2.2.0 → 2.8.0

package/lib/Slider/DualSlider.es.js

@@ -1,24 +1,25 @@
-import { jsxs as t, jsx as a, Fragment as J } from "react/jsx-runtime";
-import K, { useState as Q, useCallback as A } from "react";
+import { jsxs as t, jsx as a, Fragment as Q } from "react/jsx-runtime";
+import W, { useState as Y, useCallback as A } from "react";
+import { useMergeRefs as Z } from "@floating-ui/react";
 import { s as P } from "../../chunks/slider.module.BW1fy3GU.js";
-import { Label as W } from "../Label/Label.es.js";
-import { SliderTickMarks as Y } from "./Slider.TickMarks.es.js";
-import { SliderValueAxisLabels as Z } from "./Slider.ValueAxisLabels.es.js";
-import { SliderError as b } from "./Slider.Error.es.js";
+import { Label as b } from "../Label/Label.es.js";
+import { SliderTickMarks as rr } from "./Slider.TickMarks.es.js";
+import { SliderValueAxisLabels as er } from "./Slider.ValueAxisLabels.es.js";
+import { SliderError as ir } from "./Slider.Error.es.js";
 import { SliderTextField as k } from "./Slider.TextField.es.js";
 import { SliderThumb as N } from "./Slider.Thumb.es.js";
-import { useDualSliderLogic as rr } from "./hooks/useDualSliderLogic.es.js";
+import { useDualSliderLogic as lr } from "./hooks/useDualSliderLogic.es.js";
 import "../../chunks/constants.BBi77pmH.js";
-import "../../chunks/form.context.CNWjF5qA.js";
-import { LabelProvider as ir } from "../Form/contexts/label.context.es.js";
-import { HelperTextProvider as lr } from "../Form/contexts/helperText.context.es.js";
+import "../../chunks/form.context.CfsTSQpm.js";
+import { LabelProvider as ar } from "../Form/contexts/label.context.es.js";
+import { HelperTextProvider as nr } from "../Form/contexts/helperText.context.es.js";
 import "../../chunks/CSSLookup.Cjf6o2Gz.js";
 import "../../utils/hooks/useId.es.js";
-import { validateDualSliderDefaultValue as er } from "./utils/slider.validation.utils.es.js";
-import { clientXToValue as ar, calculatePercentage as C } from "./utils/slider.rendering.utils.es.js";
-import { DEFAULT_TEXT_FIELD_WIDTH as nr, toCqw as w } from "./slider.constants.es.js";
-import { useSliderFormReset as dr, useSliderPointerEvents as tr } from "./hooks/useSliderEvents.es.js";
-const Or = K.forwardRef(
+import { validateDualSliderDefaultValue as dr } from "./utils/slider.validation.utils.es.js";
+import { clientXToValue as tr, calculatePercentage as C } from "./utils/slider.rendering.utils.es.js";
+import { DEFAULT_TEXT_FIELD_WIDTH as mr, toCqw as w } from "./slider.constants.es.js";
+import { useSliderFormReset as or, useSliderPointerEvents as ur } from "./hooks/useSliderEvents.es.js";
+const Pr = W.forwardRef(
   function({
     base: r,
     value: B,
@@ -26,7 +27,7 @@ const Or = K.forwardRef(
     marksSource: F = "none",
     restrictToValueAxis: g = !1,
     showTextField: R = !1,
-    textFieldWidth: y = nr,
+    textFieldWidth: y = mr,
     persistentTooltip: z = !1,
     disabledTooltip: L = !1,
     helperText: q,
@@ -35,18 +36,18 @@ const Or = K.forwardRef(
     minGap: s,
     onChange: H,
     ...X
-  }) {
-    const x = er(
+  }, j) {
+    const U = Z([r.containerRef, j]), x = dr(
       _,
       r.normalizedMin,
       r.normalizedMax
-    ), [m, o] = Q(!1), {
-      value: l,
-      setValue: e,
+    ), [m, o] = Y(!1), {
+      value: i,
+      setValue: l,
       markValues: S,
       step: n,
       getValidValue: c
-    } = rr({
+    } = lr({
       value: B,
       defaultValue: x,
       range: r.normalizedRange,
@@ -58,45 +59,45 @@ const Or = K.forwardRef(
       onChange: H,
       minGap: s
     });
-    dr(
+    or(
       r.internalInputRef,
       x ?? [
         r.normalizedMin ?? r.normalizedRange[0],
         r.normalizedMax ?? r.normalizedRange[1]
       ],
-      e,
+      l,
       [
         x,
         r.normalizedMin,
         r.normalizedMax,
         r.normalizedRange,
-        e
+        l
       ]
     );
-    const j = A(
-      (i) => {
+    const G = A(
+      (e) => {
         if (r.disabled || r.readOnly) return;
-        const [u, f] = l, p = Math.abs(i - u), v = Math.abs(i - f);
-        p < v ? e([i, f]) : e([u, i]);
+        const [u, f] = i, p = Math.abs(e - u), M = Math.abs(e - f);
+        p < M ? l([e, f]) : l([u, e]);
       },
-      [r.disabled, r.readOnly, e, l]
+      [r.disabled, r.readOnly, l, i]
     ), V = A(
-      (i, u) => {
+      (e, u) => {
         if (r.disabled || r.readOnly || !r.trackRef.current) return;
-        const f = r.trackRef.current.getBoundingClientRect(), [p, v] = r.normalizedRange, d = ar(
-          i,
+        const f = r.trackRef.current.getBoundingClientRect(), [p, M] = r.normalizedRange, d = tr(
+          e,
           f,
           p,
-          v,
+          M,
           r.isRTL
-        ), [M, h] = l;
+        ), [v, h] = i;
         if (u === "left")
-          e([d, h]);
+          l([d, h]);
         else if (u === "right")
-          e([M, d]);
+          l([v, d]);
         else {
-          const U = Math.abs(d - M), G = Math.abs(d - h);
-          U < G ? (e([d, h]), o("left")) : (e([M, d]), o("right"));
+          const J = Math.abs(d - v), K = Math.abs(d - h);
+          J < K ? (l([d, h]), o("left")) : (l([v, d]), o("right"));
         }
       },
       [
@@ -104,11 +105,11 @@ const Or = K.forwardRef(
         r.readOnly,
         r.normalizedRange,
         r.isRTL,
-        e,
-        l
+        l,
+        i
       ]
     );
-    tr(
+    ur(
       m,
       V,
       () => o(!1),
@@ -116,16 +117,16 @@ const Or = K.forwardRef(
         m === "left" ? "left" : m === "right" ? "right" : void 0
       ]
     );
-    const [E, O] = r.normalizedRange, I = C(l[0], E, O), $ = C(l[1], E, O);
-    return /* @__PURE__ */ t("div", { ref: r.containerRef, className: r.classNames.container, ...X, children: [
+    const [E, O] = r.normalizedRange, I = C(i[0], E, O), $ = C(i[1], E, O);
+    return /* @__PURE__ */ t("div", { ref: U, className: r.classNames.container, ...X, children: [
       /* @__PURE__ */ a(
-        ir,
+        ar,
         {
           ctxHtmlFor: r.ids.input,
           ctxRequired: r.required,
           ctxDisabled: r.disabled,
           ctxId: r.aria.labelledBy,
-          children: r.label && typeof r.label == "string" ? /* @__PURE__ */ a(W, { children: r.label }) : r.label
+          children: r.label && typeof r.label == "string" ? /* @__PURE__ */ a(b, { children: r.label }) : r.label
         }
       ),
       /* @__PURE__ */ t("div", { className: r.classNames.contentContainer, role: "group", children: [
@@ -139,13 +140,13 @@ const Or = K.forwardRef(
         R && /* @__PURE__ */ a(
           k,
           {
-            value: l[0],
+            value: i[0],
             readOnly: r.readOnly,
             disabled: r.disabled,
             error: r.hasError,
             getValidValue: c,
-            setValue: (i) => {
-              r.isRTL ? e([l[0], i]) : e([i, l[1]]);
+            setValue: (e) => {
+              r.isRTL ? l([i[0], e]) : l([e, i[1]]);
             },
             textFieldWidth: y,
             min: r.normalizedMin,
@@ -162,8 +163,8 @@ const Or = K.forwardRef(
             {
               ref: r.trackRef,
               className: r.classNames.track,
-              onPointerDown: (i) => {
-                r.disabled || r.readOnly || V(i.clientX);
+              onPointerDown: (e) => {
+                r.disabled || r.readOnly || V(e.clientX);
               },
               children: [
                 /* @__PURE__ */ a(
@@ -177,7 +178,7 @@ const Or = K.forwardRef(
                   }
                 ),
                 /* @__PURE__ */ a(
-                  Y,
+                  rr,
                   {
                     valueAxis: r.valueAxis,
                     markValues: S,
@@ -192,11 +193,11 @@ const Or = K.forwardRef(
                     isRTL: r.isRTL,
                     error: r.hasError,
                     isDragging: m === "left",
-                    setIsDragging: (i) => o(i ? "left" : !1),
+                    setIsDragging: (e) => o(e ? "left" : !1),
                     currentPercentage: I,
                     disabled: r.disabled,
                     readOnly: r.readOnly,
-                    value: l[0],
+                    value: i[0],
                     range: r.normalizedRange,
                     min: r.normalizedMin,
                     max: r.normalizedMax,
@@ -204,13 +205,13 @@ const Or = K.forwardRef(
                     persistentTooltip: z,
                     disabledTooltip: L,
                     getValidValue: c,
-                    setValue: (i) => e([i, l[1]]),
+                    setValue: (e) => l([e, i[1]]),
                     ariaLabelledby: r.aria.labelledBy,
                     ariaLabel: r.aria.label ? `${r.aria.label} (minimum)` : "Minimum value",
                     valueAxis: r.valueAxis,
                     restrictToValueAxis: g,
                     thumbSide: "left",
-                    otherThumbValue: l[1],
+                    otherThumbValue: i[1],
                     minGap: s ?? n
                   }
                 ),
@@ -220,11 +221,11 @@ const Or = K.forwardRef(
                     isRTL: r.isRTL,
                     error: r.hasError,
                     isDragging: m === "right",
-                    setIsDragging: (i) => o(i ? "right" : !1),
+                    setIsDragging: (e) => o(e ? "right" : !1),
                     currentPercentage: $,
                     disabled: r.disabled,
                     readOnly: r.readOnly,
-                    value: l[1],
+                    value: i[1],
                     range: r.normalizedRange,
                     min: r.normalizedMin,
                     max: r.normalizedMax,
@@ -232,13 +233,13 @@ const Or = K.forwardRef(
                     persistentTooltip: z,
                     disabledTooltip: L,
                     getValidValue: c,
-                    setValue: (i) => e([l[0], i]),
+                    setValue: (e) => l([i[0], e]),
                     ariaLabelledby: r.aria.labelledBy,
                     ariaLabel: r.aria.label ? `${r.aria.label} (maximum)` : "Maximum value",
                     valueAxis: r.valueAxis,
                     restrictToValueAxis: g,
                     thumbSide: "right",
-                    otherThumbValue: l[0],
+                    otherThumbValue: i[0],
                     minGap: s ?? n
                   }
                 )
@@ -246,13 +247,13 @@ const Or = K.forwardRef(
             }
           ),
           /* @__PURE__ */ a(
-            Z,
+            er,
             {
               valueAxis: r.valueAxis,
               markValues: S,
               range: r.normalizedRange,
               showValueAxisLabels: r.showValueAxisLabels,
-              onMarkClick: j,
+              onMarkClick: G,
               isRTL: r.isRTL
             }
           )
@@ -260,13 +261,13 @@ const Or = K.forwardRef(
         R && /* @__PURE__ */ a(
           k,
           {
-            value: l[1],
+            value: i[1],
             readOnly: r.readOnly,
             disabled: r.disabled,
             error: r.hasError,
             getValidValue: c,
-            setValue: (i) => {
-              r.isRTL ? e([i, l[1]]) : e([l[0], i]);
+            setValue: (e) => {
+              r.isRTL ? l([e, i[1]]) : l([i[0], e]);
             },
             textFieldWidth: y,
             min: r.normalizedMin,
@@ -285,7 +286,7 @@ const Or = K.forwardRef(
           }
         )
       ] }),
-      r.name && /* @__PURE__ */ t(J, { children: [
+      r.name && /* @__PURE__ */ t(Q, { children: [
         /* @__PURE__ */ a(
           "input",
           {
@@ -293,7 +294,7 @@ const Or = K.forwardRef(
             ref: r.internalInputRef,
             id: `${r.ids.input}-min`,
             name: `${r.name}-min`,
-            value: l[0],
+            value: i[0],
             disabled: r.disabled
           }
         ),
@@ -303,20 +304,20 @@ const Or = K.forwardRef(
             type: "hidden",
             id: `${r.ids.input}-max`,
             name: `${r.name}-max`,
-            value: l[1],
+            value: i[1],
             disabled: r.disabled
           }
         )
       ] }),
-      /* @__PURE__ */ t(lr, { ctxId: r.ids.helperText, ctxDisabled: r.disabled, children: [
+      /* @__PURE__ */ t(nr, { ctxId: r.ids.helperText, ctxDisabled: r.disabled, children: [
         q,
-        /* @__PURE__ */ a(b, { error: r.error, errorId: r.ids.error })
+        /* @__PURE__ */ a(ir, { error: r.error, errorId: r.ids.error })
       ] }),
       r.showErrors(r.ids.validationErrors)
     ] });
   }
 );
 export {
-  Or as DualSlider,
-  Or as default
+  Pr as DualSlider,
+  Pr as default
 };

package/lib/Slider/SingleSlider.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),a=require("react"),v=require("../../chunks/slider.module.Ds7jMW6I.js"),w=require("../Label/Label.cjs.js"),F=require("./Slider.TickMarks.cjs.js"),B=require("./Slider.ValueAxisLabels.cjs.js"),H=require("./Slider.Error.cjs.js"),X=require("./Slider.TextField.cjs.js"),W=require("./Slider.Thumb.cjs.js"),$=require("./hooks/useSingleSliderLogic.cjs.js");require("../../chunks/constants.hwjHOsvT.js");require("../../chunks/form.context.B1PXIJNq.js");const Q=require("../Form/contexts/label.context.cjs.js"),U=require("../Form/contexts/helperText.context.cjs.js");require("../../chunks/CSSLookup.DESAWWRT.js");require("../../utils/hooks/useId.cjs.js");const Z=require("./utils/slider.validation.utils.cjs.js"),R=require("./utils/slider.rendering.utils.cjs.js"),u=require("./slider.constants.cjs.js"),h=require("./hooks/useSliderEvents.cjs.js"),q=a.forwardRef(function({base:e,value:L,defaultValue:p,marksSource:y="none",restrictToValueAxis:c=!1,showTextField:z=!1,textFieldWidth:M=u.DEFAULT_TEXT_FIELD_WIDTH,persistentTooltip:T=!1,disabledTooltip:j=!1,helperText:k,contentBefore:m,contentAfter:x,onChange:E,...V}){const t=Z.validateSingleSliderDefaultValue(p,e.normalizedMin,e.normalizedMax),[_,o]=a.useState(!1),{value:n,setValue:l,markValues:g,step:s,getValidValue:d}=$.useSingleSliderLogic({value:L,defaultValue:t,range:e.normalizedRange,min:e.normalizedMin,max:e.normalizedMax,step:e.normalizedStep,valueAxis:e.valueAxis,restrictToValueAxis:c,onChange:E});h.useSliderFormReset(e.internalInputRef,t??e.normalizedMin??e.normalizedRange[0],i=>l(d(i)),[t,e.normalizedMin,e.normalizedRange,l,d]);const A=a.useCallback(i=>{e.disabled||e.readOnly||l(i)},[e.disabled,e.readOnly,l]),S=a.useCallback(i=>{if(e.disabled||e.readOnly||!e.trackRef.current)return;const O=e.trackRef.current.getBoundingClientRect(),[D,I]=e.normalizedRange,P=R.clientXToValue(i,O,D,I,e.isRTL);l(P),o(!0)},[e.disabled,e.readOnly,e.normalizedRange,e.isRTL,l]);h.useSliderPointerEvents(_,S,()=>o(!1));const[C,N]=e.normalizedRange,f=R.calculatePercentage(Number(n),C,N);return r.jsxs("div",{ref:e.containerRef,className:e.classNames.container,...V,children:[r.jsx(Q.LabelProvider,{ctxHtmlFor:e.ids.input,ctxDisabled:e.disabled,ctxRequired:e.required,ctxId:e.aria.labelledBy,children:e.label&&typeof e.label=="string"?r.jsx(w.Label,{children:e.label}):e.label}),r.jsxs("div",{className:e.classNames.contentContainer,role:"group",children:[m&&r.jsx("div",{className:v.styles[`${e.bem.subElementClassPrefix}content-before`],children:m}),r.jsxs("div",{style:{width:"100%"},children:[r.jsxs("div",{ref:e.trackRef,className:e.classNames.track,onPointerDown:i=>{e.disabled||e.readOnly||S(i.clientX)},children:[r.jsx("div",{className:e.classNames.fill,style:{[e.bem.variable("min-percentage")]:u.ZERO_CQW,[e.bem.variable("max-percentage")]:u.toCqw(f)}}),r.jsx(F.SliderTickMarks,{valueAxis:e.valueAxis,markValues:g,range:e.normalizedRange,step:s,marksSource:y}),r.jsx(W.SliderThumb,{isRTL:e.isRTL,error:e.hasError,isDragging:_,setIsDragging:o,currentPercentage:f,disabled:e.disabled,readOnly:e.readOnly,value:n,range:e.normalizedRange,min:e.normalizedMin,max:e.normalizedMax,step:s,persistentTooltip:T,disabledTooltip:j,getValidValue:d,setValue:l,ariaLabelledby:e.aria.labelledBy,ariaLabel:e.aria.label,valueAxis:e.valueAxis,restrictToValueAxis:c})]}),r.jsx(B.SliderValueAxisLabels,{valueAxis:e.valueAxis,markValues:g,range:e.normalizedRange,showValueAxisLabels:e.showValueAxisLabels,onMarkClick:A,isRTL:e.isRTL})]}),z&&r.jsx(X.SliderTextField,{value:n,readOnly:e.readOnly,disabled:e.disabled,error:e.hasError,getValidValue:d,setValue:l,textFieldWidth:M,min:e.normalizedMin,max:e.normalizedMax,step:s,errorId:e.ids.error,ariaLabelledby:e.aria.labelledBy,ariaLabel:e.aria.label}),x&&r.jsx("div",{className:v.styles[`${e.bem.subElementClassPrefix}content-after`],children:x})]}),e.name&&r.jsx("input",{type:"hidden",ref:e.internalInputRef,id:e.ids.input,name:e.name,value:n,disabled:e.disabled}),r.jsxs(U.HelperTextProvider,{ctxId:e.ids.helperText,ctxDisabled:e.disabled,children:[k,r.jsx(H.SliderError,{error:e.error,errorId:e.ids.error})]}),e.showErrors(e.ids.validationErrors)]})});exports.SingleSlider=q;exports.default=q;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),a=require("react"),B=require("@floating-ui/react"),R=require("../../chunks/slider.module.Ds7jMW6I.js"),H=require("../Label/Label.cjs.js"),X=require("./Slider.TickMarks.cjs.js"),W=require("./Slider.ValueAxisLabels.cjs.js"),$=require("./Slider.Error.cjs.js"),Q=require("./Slider.TextField.cjs.js"),U=require("./Slider.Thumb.cjs.js"),Z=require("./hooks/useSingleSliderLogic.cjs.js");require("../../chunks/constants.hwjHOsvT.js");require("../../chunks/form.context.B26th8Od.js");const G=require("../Form/contexts/label.context.cjs.js"),J=require("../Form/contexts/helperText.context.cjs.js");require("../../chunks/CSSLookup.DESAWWRT.js");require("../../utils/hooks/useId.cjs.js");const K=require("./utils/slider.validation.utils.cjs.js"),v=require("./utils/slider.rendering.utils.cjs.js"),c=require("./slider.constants.cjs.js"),h=require("./hooks/useSliderEvents.cjs.js"),q=a.forwardRef(function({base:e,value:L,defaultValue:p,marksSource:y="none",restrictToValueAxis:u=!1,showTextField:M=!1,textFieldWidth:z=c.DEFAULT_TEXT_FIELD_WIDTH,persistentTooltip:T=!1,disabledTooltip:j=!1,helperText:k,contentBefore:m,contentAfter:x,onChange:E,...V},A){const C=B.useMergeRefs([e.containerRef,A]),t=K.validateSingleSliderDefaultValue(p,e.normalizedMin,e.normalizedMax),[_,o]=a.useState(!1),{value:n,setValue:l,markValues:g,step:s,getValidValue:d}=Z.useSingleSliderLogic({value:L,defaultValue:t,range:e.normalizedRange,min:e.normalizedMin,max:e.normalizedMax,step:e.normalizedStep,valueAxis:e.valueAxis,restrictToValueAxis:u,onChange:E});h.useSliderFormReset(e.internalInputRef,t??e.normalizedMin??e.normalizedRange[0],i=>l(d(i)),[t,e.normalizedMin,e.normalizedRange,l,d]);const N=a.useCallback(i=>{e.disabled||e.readOnly||l(i)},[e.disabled,e.readOnly,l]),S=a.useCallback(i=>{if(e.disabled||e.readOnly||!e.trackRef.current)return;const I=e.trackRef.current.getBoundingClientRect(),[P,w]=e.normalizedRange,F=v.clientXToValue(i,I,P,w,e.isRTL);l(F),o(!0)},[e.disabled,e.readOnly,e.normalizedRange,e.isRTL,l]);h.useSliderPointerEvents(_,S,()=>o(!1));const[O,D]=e.normalizedRange,f=v.calculatePercentage(Number(n),O,D);return r.jsxs("div",{ref:C,className:e.classNames.container,...V,children:[r.jsx(G.LabelProvider,{ctxHtmlFor:e.ids.input,ctxDisabled:e.disabled,ctxRequired:e.required,ctxId:e.aria.labelledBy,children:e.label&&typeof e.label=="string"?r.jsx(H.Label,{children:e.label}):e.label}),r.jsxs("div",{className:e.classNames.contentContainer,role:"group",children:[m&&r.jsx("div",{className:R.styles[`${e.bem.subElementClassPrefix}content-before`],children:m}),r.jsxs("div",{style:{width:"100%"},children:[r.jsxs("div",{ref:e.trackRef,className:e.classNames.track,onPointerDown:i=>{e.disabled||e.readOnly||S(i.clientX)},children:[r.jsx("div",{className:e.classNames.fill,style:{[e.bem.variable("min-percentage")]:c.ZERO_CQW,[e.bem.variable("max-percentage")]:c.toCqw(f)}}),r.jsx(X.SliderTickMarks,{valueAxis:e.valueAxis,markValues:g,range:e.normalizedRange,step:s,marksSource:y}),r.jsx(U.SliderThumb,{isRTL:e.isRTL,error:e.hasError,isDragging:_,setIsDragging:o,currentPercentage:f,disabled:e.disabled,readOnly:e.readOnly,value:n,range:e.normalizedRange,min:e.normalizedMin,max:e.normalizedMax,step:s,persistentTooltip:T,disabledTooltip:j,getValidValue:d,setValue:l,ariaLabelledby:e.aria.labelledBy,ariaLabel:e.aria.label,valueAxis:e.valueAxis,restrictToValueAxis:u})]}),r.jsx(W.SliderValueAxisLabels,{valueAxis:e.valueAxis,markValues:g,range:e.normalizedRange,showValueAxisLabels:e.showValueAxisLabels,onMarkClick:N,isRTL:e.isRTL})]}),M&&r.jsx(Q.SliderTextField,{value:n,readOnly:e.readOnly,disabled:e.disabled,error:e.hasError,getValidValue:d,setValue:l,textFieldWidth:z,min:e.normalizedMin,max:e.normalizedMax,step:s,errorId:e.ids.error,ariaLabelledby:e.aria.labelledBy,ariaLabel:e.aria.label}),x&&r.jsx("div",{className:R.styles[`${e.bem.subElementClassPrefix}content-after`],children:x})]}),e.name&&r.jsx("input",{type:"hidden",ref:e.internalInputRef,id:e.ids.input,name:e.name,value:n,disabled:e.disabled}),r.jsxs(J.HelperTextProvider,{ctxId:e.ids.helperText,ctxDisabled:e.disabled,children:[k,r.jsx($.SliderError,{error:e.error,errorId:e.ids.error})]}),e.showErrors(e.ids.validationErrors)]})});exports.SingleSlider=q;exports.default=q;

package/lib/Slider/SingleSlider.d.ts

@@ -4,5 +4,5 @@ import { SingleSliderProps } from './Slider.types';
 interface SingleSliderInternalProps extends Omit<SingleSliderProps, 'name' | 'validationRules' | 'disabled' | 'readOnly' | 'required' | 'className' | 'range' | 'step' | 'min' | 'max' | 'label' | 'valueAxis' | 'showValueAxisLabels' | 'error' | 'aria-label' | 'aria-labelledby'> {
     base: UseSliderBaseReturn;
 }
-export declare const SingleSlider: React.ForwardRefExoticComponent<Omit<SingleSliderInternalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const SingleSlider: React.ForwardRefExoticComponent<SingleSliderInternalProps & React.RefAttributes<HTMLDivElement>>;
 export default SingleSlider;

package/lib/Slider/SingleSlider.es.js

@@ -1,50 +1,51 @@
 import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import P, { useState as _, useCallback as R } from "react";
+import F, { useState as q, useCallback as R } from "react";
+import { useMergeRefs as B } from "@floating-ui/react";
 import { s as v } from "../../chunks/slider.module.BW1fy3GU.js";
-import { Label as F } from "../Label/Label.es.js";
-import { SliderTickMarks as q } from "./Slider.TickMarks.es.js";
-import { SliderValueAxisLabels as B } from "./Slider.ValueAxisLabels.es.js";
-import { SliderError as H } from "./Slider.Error.es.js";
-import { SliderTextField as X } from "./Slider.TextField.es.js";
-import { SliderThumb as j } from "./Slider.Thumb.es.js";
-import { useSingleSliderLogic as W } from "./hooks/useSingleSliderLogic.es.js";
+import { Label as H } from "../Label/Label.es.js";
+import { SliderTickMarks as X } from "./Slider.TickMarks.es.js";
+import { SliderValueAxisLabels as j } from "./Slider.ValueAxisLabels.es.js";
+import { SliderError as W } from "./Slider.Error.es.js";
+import { SliderTextField as $ } from "./Slider.TextField.es.js";
+import { SliderThumb as Q } from "./Slider.Thumb.es.js";
+import { useSingleSliderLogic as U } from "./hooks/useSingleSliderLogic.es.js";
 import "../../chunks/constants.BBi77pmH.js";
-import "../../chunks/form.context.CNWjF5qA.js";
-import { LabelProvider as $ } from "../Form/contexts/label.context.es.js";
-import { HelperTextProvider as Q } from "../Form/contexts/helperText.context.es.js";
+import "../../chunks/form.context.CfsTSQpm.js";
+import { LabelProvider as Z } from "../Form/contexts/label.context.es.js";
+import { HelperTextProvider as G } from "../Form/contexts/helperText.context.es.js";
 import "../../chunks/CSSLookup.Cjf6o2Gz.js";
 import "../../utils/hooks/useId.es.js";
-import { validateSingleSliderDefaultValue as U } from "./utils/slider.validation.utils.es.js";
-import { clientXToValue as Z, calculatePercentage as G } from "./utils/slider.rendering.utils.es.js";
-import { toCqw as J, ZERO_CQW as K, DEFAULT_TEXT_FIELD_WIDTH as Y } from "./slider.constants.es.js";
-import { useSliderFormReset as b, useSliderPointerEvents as rr } from "./hooks/useSliderEvents.es.js";
-const Lr = P.forwardRef(function({
+import { validateSingleSliderDefaultValue as J } from "./utils/slider.validation.utils.es.js";
+import { clientXToValue as K, calculatePercentage as Y } from "./utils/slider.rendering.utils.es.js";
+import { toCqw as b, ZERO_CQW as rr, DEFAULT_TEXT_FIELD_WIDTH as er } from "./slider.constants.es.js";
+import { useSliderFormReset as lr, useSliderPointerEvents as ir } from "./hooks/useSliderEvents.es.js";
+const kr = F.forwardRef(function({
   base: r,
   value: h,
   defaultValue: z,
   marksSource: y = "none",
   restrictToValueAxis: c = !1,
   showTextField: L = !1,
-  textFieldWidth: S = Y,
-  persistentTooltip: M = !1,
+  textFieldWidth: M = er,
+  persistentTooltip: S = !1,
   disabledTooltip: T = !1,
   helperText: k,
   contentBefore: u,
   contentAfter: f,
   onChange: E,
   ...V
-}) {
-  const t = U(
+}, N) {
+  const A = B([r.containerRef, N]), t = J(
     z,
     r.normalizedMin,
     r.normalizedMax
-  ), [s, o] = _(!1), {
+  ), [s, o] = q(!1), {
     value: a,
     setValue: l,
-    markValues: p,
+    markValues: g,
     step: m,
     getValidValue: d
-  } = W({
+  } = U({
     value: h,
     defaultValue: t,
     range: r.normalizedRange,
@@ -55,7 +56,7 @@ const Lr = P.forwardRef(function({
     restrictToValueAxis: c,
     onChange: E
   });
-  b(
+  lr(
     r.internalInputRef,
     t ?? r.normalizedMin ?? r.normalizedRange[0],
     (i) => l(d(i)),
@@ -67,36 +68,36 @@ const Lr = P.forwardRef(function({
       d
     ]
   );
-  const N = R(
+  const C = R(
     (i) => {
       r.disabled || r.readOnly || l(i);
     },
     [r.disabled, r.readOnly, l]
-  ), g = R(
+  ), p = R(
     (i) => {
       if (r.disabled || r.readOnly || !r.trackRef.current) return;
-      const D = r.trackRef.current.getBoundingClientRect(), [O, I] = r.normalizedRange, w = Z(
+      const I = r.trackRef.current.getBoundingClientRect(), [w, P] = r.normalizedRange, _ = K(
         i,
-        D,
-        O,
         I,
+        w,
+        P,
         r.isRTL
       );
-      l(w), o(!0);
+      l(_), o(!0);
     },
     [r.disabled, r.readOnly, r.normalizedRange, r.isRTL, l]
   );
-  rr(s, g, () => o(!1));
-  const [A, C] = r.normalizedRange, x = G(Number(a), A, C);
-  return /* @__PURE__ */ n("div", { ref: r.containerRef, className: r.classNames.container, ...V, children: [
+  ir(s, p, () => o(!1));
+  const [D, O] = r.normalizedRange, x = Y(Number(a), D, O);
+  return /* @__PURE__ */ n("div", { ref: A, className: r.classNames.container, ...V, children: [
     /* @__PURE__ */ e(
-      $,
+      Z,
       {
         ctxHtmlFor: r.ids.input,
         ctxDisabled: r.disabled,
         ctxRequired: r.required,
         ctxId: r.aria.labelledBy,
-        children: r.label && typeof r.label == "string" ? /* @__PURE__ */ e(F, { children: r.label }) : r.label
+        children: r.label && typeof r.label == "string" ? /* @__PURE__ */ e(H, { children: r.label }) : r.label
       }
     ),
     /* @__PURE__ */ n("div", { className: r.classNames.contentContainer, role: "group", children: [
@@ -108,7 +109,7 @@ const Lr = P.forwardRef(function({
             ref: r.trackRef,
             className: r.classNames.track,
             onPointerDown: (i) => {
-              r.disabled || r.readOnly || g(i.clientX);
+              r.disabled || r.readOnly || p(i.clientX);
             },
             children: [
               /* @__PURE__ */ e(
@@ -116,23 +117,23 @@ const Lr = P.forwardRef(function({
                 {
                   className: r.classNames.fill,
                   style: {
-                    [r.bem.variable("min-percentage")]: K,
-                    [r.bem.variable("max-percentage")]: J(x)
+                    [r.bem.variable("min-percentage")]: rr,
+                    [r.bem.variable("max-percentage")]: b(x)
                   }
                 }
               ),
               /* @__PURE__ */ e(
-                q,
+                X,
                 {
                   valueAxis: r.valueAxis,
-                  markValues: p,
+                  markValues: g,
                   range: r.normalizedRange,
                   step: m,
                   marksSource: y
                 }
               ),
               /* @__PURE__ */ e(
-                j,
+                Q,
                 {
                   isRTL: r.isRTL,
                   error: r.hasError,
@@ -146,7 +147,7 @@ const Lr = P.forwardRef(function({
                   min: r.normalizedMin,
                   max: r.normalizedMax,
                   step: m,
-                  persistentTooltip: M,
+                  persistentTooltip: S,
                   disabledTooltip: T,
                   getValidValue: d,
                   setValue: l,
@@ -160,19 +161,19 @@ const Lr = P.forwardRef(function({
           }
         ),
         /* @__PURE__ */ e(
-          B,
+          j,
           {
             valueAxis: r.valueAxis,
-            markValues: p,
+            markValues: g,
             range: r.normalizedRange,
             showValueAxisLabels: r.showValueAxisLabels,
-            onMarkClick: N,
+            onMarkClick: C,
             isRTL: r.isRTL
           }
         )
       ] }),
       L && /* @__PURE__ */ e(
-        X,
+        $,
         {
           value: a,
           readOnly: r.readOnly,
@@ -180,7 +181,7 @@ const Lr = P.forwardRef(function({
           error: r.hasError,
           getValidValue: d,
           setValue: l,
-          textFieldWidth: S,
+          textFieldWidth: M,
           min: r.normalizedMin,
           max: r.normalizedMax,
           step: m,
@@ -202,14 +203,14 @@ const Lr = P.forwardRef(function({
         disabled: r.disabled
       }
     ),
-    /* @__PURE__ */ n(Q, { ctxId: r.ids.helperText, ctxDisabled: r.disabled, children: [
+    /* @__PURE__ */ n(G, { ctxId: r.ids.helperText, ctxDisabled: r.disabled, children: [
       k,
-      /* @__PURE__ */ e(H, { error: r.error, errorId: r.ids.error })
+      /* @__PURE__ */ e(W, { error: r.error, errorId: r.ids.error })
     ] }),
     r.showErrors(r.ids.validationErrors)
   ] });
 });
 export {
-  Lr as SingleSlider,
-  Lr as default
+  kr as SingleSlider,
+  kr as default
 };

package/lib/Slider/Slider.Error.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("react"),l=require("clsx"),n=require("../../chunks/slider.module.Ds7jMW6I.js"),o=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const c=require("../../chunks/form.context.B1PXIJNq.js"),u=i.memo(function({error:e,errorId:r}){if(!e)return null;const{subElementClassPrefix:s}=o.getBEMClassNames("slider");return t.jsx(c.HelperText,{appearance:"negative",size:"sm",className:l(n.styles[`${s}error`]),id:r,children:e})});exports.SliderError=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("react"),l=require("clsx"),n=require("../../chunks/slider.module.Ds7jMW6I.js"),o=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const c=require("../../chunks/form.context.B26th8Od.js"),u=i.memo(function({error:e,errorId:r}){if(!e)return null;const{subElementClassPrefix:s}=o.getBEMClassNames("slider");return t.jsx(c.HelperText,{appearance:"negative",size:"sm",className:l(n.styles[`${s}error`]),id:r,children:e})});exports.SliderError=u;

package/lib/Slider/Slider.Error.es.js

@@ -4,7 +4,7 @@ import m from "clsx";
 import { s as i } from "../../chunks/slider.module.BW1fy3GU.js";
 import { g as a } from "../../chunks/classNames.DNsS4J__.js";
 import "../../chunks/constants.BBi77pmH.js";
-import { H as l } from "../../chunks/form.context.CNWjF5qA.js";
+import { H as l } from "../../chunks/form.context.CfsTSQpm.js";
 const g = t.memo(function({
   error: r,
   errorId: e

package/lib/Slider/Slider.Thumb.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),P=require("react"),I=require("clsx"),l=require("../../chunks/slider.module.Ds7jMW6I.js"),J=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const Q=require("../Tooltip/Tooltip.cjs.js"),U=require("./hooks/useAxisPoints.cjs.js"),W=require("./hooks/useSliderApi.cjs.js"),X=require("./hooks/useSliderThumbNavigation.cjs.js");require("../../chunks/form.context.B1PXIJNq.js");require("../Form/contexts/label.context.cjs.js");require("../Form/contexts/helperText.context.cjs.js");require("../../chunks/CSSLookup.DESAWWRT.js");require("../../utils/hooks/useId.cjs.js");const Y=require("./utils/slider.rendering.utils.cjs.js"),Z=require("./slider.constants.cjs.js"),G=P.memo(function({isRTL:c=!1,error:C,isDragging:u,setIsDragging:m,currentPercentage:d,disabled:i,readOnly:r,value:e,range:[O,V],min:b,max:_,step:q,persistentTooltip:o,disabledTooltip:h=!1,errorId:w,getValidValue:y,setValue:j,ariaLabelledby:f,ariaLabel:k,valueAxis:t,restrictToValueAxis:s,thumbSide:S,otherThumbValue:n,minGap:x=q}){const{subElementClassPrefix:v,classModifierPrefix:p,variable:D}=J.getBEMClassNames("slider"),g=U.useAxisPoints({restrictToValueAxis:s,valueAxis:t}),M=S==="right"&&n!==void 0?Math.max(b,n+x):b,N=S==="left"&&n!==void 0?Math.min(_,n-x):_,{increment:T,decrement:$,gotoFirst:E,gotoLast:K}=W.useSliderApi({value:e,min:M,max:N,step:q,axisPoints:g,restrictToValueAxis:s,getValidValue:y,setValue:j}),z=X.useSliderThumbNavigation({disabled:i,readOnly:r,isRTL:c,restrictToValueAxis:s,axisPoints:g,increment:T,decrement:$,gotoFirst:E,gotoLast:K}),A=P.useCallback(H=>{i||r||(H.preventDefault(),m(!0))},[i,r,m]),B=I(l.styles[`${v}thumb`],u&&l.styles[`${p}thumb--active`]),F=l.styles[`${v}thumb-container`],R=()=>t&&t[e]?t[e]:String(e);return a.jsx("div",{className:F,"aria-invalid":C,style:{[D("thumb-percentage")]:Z.toCqw(d),touchAction:"none"},onPointerDown:A,children:a.jsx(Q.Tooltip,{text:e,open:h?!1:o||u||void 0,placement:Y.getTooltipPlacement(o,d,c),disabled:h,children:a.jsx("div",{className:B,role:"slider","aria-valuenow":Number(e),"aria-valuemin":M,"aria-valuemax":N,"aria-disabled":i,"aria-readonly":r,tabIndex:i||r?-1:0,onKeyDown:z,"aria-describedby":w,"aria-labelledby":f,"aria-label":f?void 0:k,"aria-valuetext":R(),"aria-orientation":"horizontal"})})})});exports.SliderThumb=G;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),P=require("react"),I=require("clsx"),l=require("../../chunks/slider.module.Ds7jMW6I.js"),J=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const Q=require("../Tooltip/Tooltip.cjs.js"),U=require("./hooks/useAxisPoints.cjs.js"),W=require("./hooks/useSliderApi.cjs.js"),X=require("./hooks/useSliderThumbNavigation.cjs.js");require("../../chunks/form.context.B26th8Od.js");require("../Form/contexts/label.context.cjs.js");require("../Form/contexts/helperText.context.cjs.js");require("../../chunks/CSSLookup.DESAWWRT.js");require("../../utils/hooks/useId.cjs.js");const Y=require("./utils/slider.rendering.utils.cjs.js"),Z=require("./slider.constants.cjs.js"),G=P.memo(function({isRTL:c=!1,error:C,isDragging:u,setIsDragging:m,currentPercentage:d,disabled:i,readOnly:r,value:e,range:[O,V],min:b,max:_,step:q,persistentTooltip:o,disabledTooltip:h=!1,errorId:w,getValidValue:y,setValue:j,ariaLabelledby:f,ariaLabel:k,valueAxis:t,restrictToValueAxis:s,thumbSide:S,otherThumbValue:n,minGap:x=q}){const{subElementClassPrefix:v,classModifierPrefix:p,variable:D}=J.getBEMClassNames("slider"),g=U.useAxisPoints({restrictToValueAxis:s,valueAxis:t}),M=S==="right"&&n!==void 0?Math.max(b,n+x):b,N=S==="left"&&n!==void 0?Math.min(_,n-x):_,{increment:T,decrement:$,gotoFirst:E,gotoLast:K}=W.useSliderApi({value:e,min:M,max:N,step:q,axisPoints:g,restrictToValueAxis:s,getValidValue:y,setValue:j}),z=X.useSliderThumbNavigation({disabled:i,readOnly:r,isRTL:c,restrictToValueAxis:s,axisPoints:g,increment:T,decrement:$,gotoFirst:E,gotoLast:K}),A=P.useCallback(H=>{i||r||(H.preventDefault(),m(!0))},[i,r,m]),B=I(l.styles[`${v}thumb`],u&&l.styles[`${p}thumb--active`]),F=l.styles[`${v}thumb-container`],R=()=>t&&t[e]?t[e]:String(e);return a.jsx("div",{className:F,"aria-invalid":C,style:{[D("thumb-percentage")]:Z.toCqw(d),touchAction:"none"},onPointerDown:A,children:a.jsx(Q.Tooltip,{text:e,open:h?!1:o||u||void 0,placement:Y.getTooltipPlacement(o,d,c),disabled:h,children:a.jsx("div",{className:B,role:"slider","aria-valuenow":Number(e),"aria-valuemin":M,"aria-valuemax":N,"aria-disabled":i,"aria-readonly":r,tabIndex:i||r?-1:0,onKeyDown:z,"aria-describedby":w,"aria-labelledby":f,"aria-label":f?void 0:k,"aria-valuetext":R(),"aria-orientation":"horizontal"})})})});exports.SliderThumb=G;

package/lib/Slider/Slider.Thumb.es.js

@@ -8,7 +8,7 @@ import { Tooltip as X } from "../Tooltip/Tooltip.es.js";
 import { useAxisPoints as Y } from "./hooks/useAxisPoints.es.js";
 import { useSliderApi as Z } from "./hooks/useSliderApi.es.js";
 import { useSliderThumbNavigation as A } from "./hooks/useSliderThumbNavigation.es.js";
-import "../../chunks/form.context.CNWjF5qA.js";
+import "../../chunks/form.context.CfsTSQpm.js";
 import "../Form/contexts/label.context.es.js";
 import "../Form/contexts/helperText.context.es.js";
 import "../../chunks/CSSLookup.Cjf6o2Gz.js";