@viasat/beam-react 2.36.0 → 2.37.0

package/lib/FloatingUI/FloatingUI.content.es.js

@@ -1,45 +1,45 @@
-import { jsx as n, jsxs as M } from "react/jsx-runtime";
-import { a as v, v as I } from "../../chunks/FloatingUI.context.Dl4Y1y1z.js";
-import m, { useMemo as N } from "react";
-import { useMergeRefs as B, useTransitionStatus as R, FloatingNode as S, FloatingPortal as A, FloatingOverlay as D, FloatingFocusManager as O } from "@floating-ui/react";
-import { g as u } from "../../chunks/classNames.BTJmrO_L.js";
+import { jsx as n, jsxs as F } from "react/jsx-runtime";
+import { a as M, v } from "../../chunks/FloatingUI.context.Dl4Y1y1z.js";
+import I, { forwardRef as N, useMemo as B } from "react";
+import { useMergeRefs as R, useTransitionStatus as S, FloatingNode as A, FloatingPortal as D, FloatingOverlay as O, FloatingFocusManager as U } from "@floating-ui/react";
+import { g as m } from "../../chunks/classNames.BTJmrO_L.js";
 import "../../chunks/constants.CKKGf1-i.js";
-import g from "clsx";
-import { f as d, A as U } from "../../chunks/FloatingUI.arrow.tN5_IctZ.js";
-import { Box as _ } from "../Box/Box.es.js";
-function h({
+import u from "clsx";
+import { f as d, A as _ } from "../../chunks/FloatingUI.arrow.BXR2atOC.js";
+import { Box as h } from "../Box/Box.es.js";
+function j({
   children: o,
   props: t
 }) {
-  return t ? /* @__PURE__ */ n(A, { ...typeof t == "boolean" ? {} : t, children: o }) : o;
+  return t ? /* @__PURE__ */ n(D, { ...typeof t == "boolean" ? {} : t, children: o }) : o;
 }
-function j({
+function E({
   children: o,
   props: t
 }) {
   if (!t)
     return o;
-  const e = typeof t == "boolean", i = t === "transparent", { baseClassNamePrefix: s, classModifierPrefix: f } = u("floatingui__overlay"), l = {
-    className: g(d[s], i && d[`${f}transparent`]),
+  const e = typeof t == "boolean", i = t === "transparent", { baseClassNamePrefix: s, classModifierPrefix: f } = m("floatingui__overlay"), l = {
+    className: u(d[s], i && d[`${f}transparent`]),
     lockScroll: !0
   }, r = e || i ? l : { ...l, ...t };
-  return /* @__PURE__ */ n(D, { ...r, children: o });
+  return /* @__PURE__ */ n(O, { ...r, children: o });
 }
-function E({
+function T({
   children: o,
   context: t,
   props: e
 }) {
-  const i = m.useMemo(
+  const i = I.useMemo(
     () => ({
       context: t,
       ...typeof e == "boolean" ? {} : e
     }),
     [t, e]
   );
-  return e ? /* @__PURE__ */ n(O, { ...i, children: o }) : o;
+  return e ? /* @__PURE__ */ n(U, { ...i, children: o }) : o;
 }
-const Q = m.forwardRef(
+const V = N(
   ({
     children: o,
     className: t,
@@ -50,16 +50,16 @@ const Q = m.forwardRef(
   }, l) => {
     const {
       context: r,
-      nodeId: p,
+      nodeId: g,
       arrow: c,
       ...a
-    } = v(), P = B([a.refs.setFloating, l]), { isMounted: b, status: x } = R(
+    } = M(), p = R([a.refs.setFloating, l]), { isMounted: P, status: b } = S(
       r,
       a.transitionConfig
-    ), { baseClassNamePrefix: y } = u("floatingui"), C = s ? t : g(d[y], t), w = N(
+    ), { baseClassNamePrefix: x } = m("floatingui"), y = s ? t : u(d[x], t), C = B(
       () => ({
         ...s ? {} : r.floatingStyles,
-        ...I(r.middlewareData),
+        ...v(r.middlewareData),
         ...e
       }),
       [
@@ -69,18 +69,18 @@ const Q = m.forwardRef(
         e
       ]
     );
-    return b ? /* @__PURE__ */ n(S, { id: p, children: /* @__PURE__ */ n(h, { props: a.portalled, children: /* @__PURE__ */ n(j, { props: i, children: /* @__PURE__ */ n(
-      E,
+    return P ? /* @__PURE__ */ n(A, { id: g, children: /* @__PURE__ */ n(j, { props: a.portalled, children: /* @__PURE__ */ n(E, { props: i, children: /* @__PURE__ */ n(
+      T,
       {
         context: r,
         props: a.focusConfiguration,
-        children: /* @__PURE__ */ M(
-          _,
+        children: /* @__PURE__ */ F(
+          h,
           {
-            "data-status": x,
-            ref: P,
-            style: w,
-            className: C,
+            "data-status": b,
+            ref: p,
+            style: C,
+            className: y,
             "aria-labelledby": a.labelId,
             "aria-describedby": a.descriptionId,
             ...a.getFloatingProps(
@@ -89,11 +89,11 @@ const Q = m.forwardRef(
             children: [
               o,
               c && /* @__PURE__ */ n(
-                U,
+                _,
                 {
                   options: c,
                   middleware: a.middlewareData,
-                  ref: (F) => a.setArrowEl(F)
+                  ref: (w) => a.setArrowEl(w)
                 }
               )
             ]
@@ -104,6 +104,6 @@ const Q = m.forwardRef(
   }
 );
 export {
-  Q as Content,
-  Q as default
+  V as Content,
+  V as default
 };

package/lib/Search/SearchDropdown.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),d=require("@floating-ui/react"),p=require("../Box/Box.cjs.js"),b=require("clsx"),t=require("../../chunks/classNames.DAeKwerT.js"),g=require("../../chunks/constants.hwjHOsvT.js"),q=require("../ActionList/ActionList.context.cjs.js"),N=require("react"),e=require("../../chunks/Search.Results.DqEXVJeE.js"),h=require("../../chunks/FloatingUI.arrow.DFhYQv_F.js"),B=require("../../chunks/popover.module.DGUJIXrP.js"),{baseClassNamePrefix:P}=t.getBEMClassNames("floatingui"),{baseClassNamePrefix:S}=t.getBEMClassNames("popover"),{subElementClassPrefix:w}=t.getBEMClassNames("search"),y=[e.Results,e.Results.Item,e.Results.ViewAll],v=({setOpen:o,isMounted:l,getFloatingProps:a,floatingStyles:i,labelsRef:n,elementsRef:c,getItemProps:u,setFloating:m,theme:r,className:x,children:C,activeIndex:f})=>{const _=N.useCallback(()=>o(!1),[o]);return l?s.jsx(d.FloatingPortal,{children:s.jsx(p.Box,{className:b(r&&g.themeClassName(r),h.floatinguiStyles[P],B.popoverStyles[S],e.styles[`${w}dropdown`],x),...a(),style:i,ref:m,children:s.jsx(q.ActionListContextProvider,{allowChildrenTypes:y,getItemProps:u,itemsFocusable:!1,onItemClick:_,labelsRef:n,elementsRef:c,activeIndex:f,children:C})})}):null};exports.SearchDropdown=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),d=require("@floating-ui/react"),p=require("../Box/Box.cjs.js"),b=require("clsx"),t=require("../../chunks/classNames.DAeKwerT.js"),g=require("../../chunks/constants.hwjHOsvT.js"),q=require("../ActionList/ActionList.context.cjs.js"),N=require("react"),e=require("../../chunks/Search.Results.DqEXVJeE.js"),h=require("../../chunks/FloatingUI.arrow.BK0jH2ge.js"),B=require("../../chunks/popover.module.DGUJIXrP.js"),{baseClassNamePrefix:P}=t.getBEMClassNames("floatingui"),{baseClassNamePrefix:S}=t.getBEMClassNames("popover"),{subElementClassPrefix:w}=t.getBEMClassNames("search"),y=[e.Results,e.Results.Item,e.Results.ViewAll],v=({setOpen:o,isMounted:l,getFloatingProps:a,floatingStyles:i,labelsRef:n,elementsRef:c,getItemProps:u,setFloating:m,theme:r,className:x,children:C,activeIndex:f})=>{const _=N.useCallback(()=>o(!1),[o]);return l?s.jsx(d.FloatingPortal,{children:s.jsx(p.Box,{className:b(r&&g.themeClassName(r),h.floatinguiStyles[P],B.popoverStyles[S],e.styles[`${w}dropdown`],x),...a(),style:i,ref:m,children:s.jsx(q.ActionListContextProvider,{allowChildrenTypes:y,getItemProps:u,itemsFocusable:!1,onItemClick:_,labelsRef:n,elementsRef:c,activeIndex:f,children:C})})}):null};exports.SearchDropdown=v;

package/lib/Search/SearchDropdown.es.js

@@ -7,7 +7,7 @@ import { t as g } from "../../chunks/constants.CKKGf1-i.js";
 import { ActionListContextProvider as h } from "../ActionList/ActionList.context.es.js";
 import { useCallback as b } from "react";
 import { R as o, s as y } from "../../chunks/Search.Results.XLqY_iES.js";
-import { f as v } from "../../chunks/FloatingUI.arrow.tN5_IctZ.js";
+import { f as v } from "../../chunks/FloatingUI.arrow.BXR2atOC.js";
 import { p as w } from "../../chunks/popover.module.3dnl8y6-.js";
 const { baseClassNamePrefix: B } = e("floatingui"), { baseClassNamePrefix: k } = e("popover"), { subElementClassPrefix: I } = e("search"), S = [o, o.Item, o.ViewAll], q = ({
   setOpen: r,

package/lib/Select/SelectDropdown.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("@floating-ui/react"),B=require("../Box/Box.cjs.js"),C=require("clsx"),a=require("../../chunks/classNames.DAeKwerT.js"),P=require("../../chunks/constants.hwjHOsvT.js");require("../_Options/Option.context.cjs.js");const v=require("../_Options/Option.cjs.js"),y=require("react");require("../_Options/OptionGroup.context.cjs.js");require("../../utils/hooks/useId.cjs.js");require("../ActionList/ActionList.cjs.js");require("../../chunks/form.context.hesWPMlU.js");require("../Form/contexts/label.context.cjs.js");require("../Form/contexts/helperText.context.cjs.js");const S=require("../ActionList/ActionList.context.cjs.js"),O=require("../../chunks/FloatingUI.arrow.DFhYQv_F.js"),w=require("../../chunks/popover.module.DGUJIXrP.js"),{baseClassNamePrefix:M}=a.getBEMClassNames("floatingui"),{baseClassNamePrefix:A}=a.getBEMClassNames("popover"),L=[v.Option],T=({setOpen:t,isMounted:n,status:l,nodeId:c,context:u,getFloatingProps:d,floatingStyles:q,labelsRef:x,elementsRef:g,getItemProps:f,setFloating:p,disabled:F,readOnly:_,theme:o,className:b,children:m,multiple:i,activeIndex:N,onItemClick:r})=>{const j=y.useCallback(h=>{r==null||r(h),!i&&t(!1)},[i,r,t]);return n?e.jsx(s.FloatingTree,{children:e.jsx(s.FloatingNode,{id:c,children:e.jsx(s.FloatingPortal,{children:e.jsx(s.FloatingFocusManager,{context:u,modal:!1,initialFocus:0,disabled:F||_,closeOnFocusOut:!0,restoreFocus:!0,returnFocus:!0,guards:!0,order:["content","reference"],children:e.jsx(B.Box,{"data-status":l,className:C(o&&P.themeClassName(o),O.floatinguiStyles[M],w.popoverStyles[A],b),...d(),style:q,ref:p,children:e.jsx(S.ActionListContextProvider,{allowChildrenTypes:L,getItemProps:f,itemsFocusable:!1,onItemClick:j,labelsRef:x,elementsRef:g,activeIndex:N,children:m})})})})})}):null};exports.SelectDropdown=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("@floating-ui/react"),B=require("../Box/Box.cjs.js"),C=require("clsx"),a=require("../../chunks/classNames.DAeKwerT.js"),P=require("../../chunks/constants.hwjHOsvT.js");require("../_Options/Option.context.cjs.js");const v=require("../_Options/Option.cjs.js"),y=require("react");require("../_Options/OptionGroup.context.cjs.js");require("../../utils/hooks/useId.cjs.js");require("../ActionList/ActionList.cjs.js");require("../../chunks/form.context.hesWPMlU.js");require("../Form/contexts/label.context.cjs.js");require("../Form/contexts/helperText.context.cjs.js");const S=require("../ActionList/ActionList.context.cjs.js"),O=require("../../chunks/FloatingUI.arrow.BK0jH2ge.js"),w=require("../../chunks/popover.module.DGUJIXrP.js"),{baseClassNamePrefix:M}=a.getBEMClassNames("floatingui"),{baseClassNamePrefix:A}=a.getBEMClassNames("popover"),L=[v.Option],T=({setOpen:t,isMounted:n,status:l,nodeId:c,context:u,getFloatingProps:d,floatingStyles:q,labelsRef:x,elementsRef:g,getItemProps:f,setFloating:p,disabled:F,readOnly:_,theme:o,className:b,children:m,multiple:i,activeIndex:N,onItemClick:r})=>{const j=y.useCallback(h=>{r==null||r(h),!i&&t(!1)},[i,r,t]);return n?e.jsx(s.FloatingTree,{children:e.jsx(s.FloatingNode,{id:c,children:e.jsx(s.FloatingPortal,{children:e.jsx(s.FloatingFocusManager,{context:u,modal:!1,initialFocus:0,disabled:F||_,closeOnFocusOut:!0,restoreFocus:!0,returnFocus:!0,guards:!0,order:["content","reference"],children:e.jsx(B.Box,{"data-status":l,className:C(o&&P.themeClassName(o),O.floatinguiStyles[M],w.popoverStyles[A],b),...d(),style:q,ref:p,children:e.jsx(S.ActionListContextProvider,{allowChildrenTypes:L,getItemProps:f,itemsFocusable:!1,onItemClick:j,labelsRef:x,elementsRef:g,activeIndex:N,children:m})})})})})}):null};exports.SelectDropdown=T;

package/lib/Select/SelectDropdown.es.js

@@ -14,7 +14,7 @@ import "../../chunks/form.context.D7b4066_.js";
 import "../Form/contexts/label.context.es.js";
 import "../Form/contexts/helperText.context.es.js";
 import { ActionListContextProvider as A } from "../ActionList/ActionList.context.es.js";
-import { f as D } from "../../chunks/FloatingUI.arrow.tN5_IctZ.js";
+import { f as D } from "../../chunks/FloatingUI.arrow.BXR2atOC.js";
 import { p as E } from "../../chunks/popover.module.3dnl8y6-.js";
 const { baseClassNamePrefix: L } = a("floatingui"), { baseClassNamePrefix: q } = a("popover"), z = [T], er = ({
   setOpen: e,

package/lib/SideNav/SideNavActionList.es.js

@@ -16,6 +16,7 @@ const e = ({
     itemsFocusable: !0,
     parentContext: s,
     append: !0,
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     getItemProps: (m) => m
   }, children: /* @__PURE__ */ t(a, { ...n, children: r }) });
 };

package/lib/SideNav/SideNavActionListItemLabel.d.ts

@@ -5,4 +5,4 @@ export interface SideNavActionListItemLabelProps {
      */
     children: React.ReactNode;
 }
-export declare const SideNavActionListItemLabel: (props: SideNavActionListItemLabelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SideNavActionListItemLabel: (props: SideNavActionListItemLabelProps) => React.ReactElement;

package/lib/Slider/DualSlider.cjs.js

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

package/lib/Slider/DualSlider.es.js

@@ -1,12 +1,12 @@
-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 { jsxs as d, jsx as a, Fragment as Q } from "react/jsx-runtime";
+import W, { useState as Y, useCallback as k } from "react";
 import { useMergeRefs as Z } from "@floating-ui/react";
-import { s as P } from "../../chunks/slider.module.C__JUl2f.js";
+import { s as A } from "../../chunks/slider.module.C__JUl2f.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 { SliderTextField as P } from "./Slider.TextField.es.js";
 import { SliderThumb as N } from "./Slider.Thumb.es.js";
 import { useDualSliderLogic as lr } from "./hooks/useDualSliderLogic.es.js";
 import "../../chunks/constants.CKKGf1-i.js";
@@ -15,11 +15,11 @@ 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.DOOy1rxJ.js";
 import "../../utils/hooks/useId.es.js";
-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 { validateDualSliderDefaultValue as tr } from "./utils/slider.validation.utils.es.js";
+import { clientXToValue as dr, 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(
+const Ar = W.forwardRef(
   function({
     base: r,
     value: B,
@@ -37,7 +37,7 @@ const Pr = W.forwardRef(
     onChange: H,
     ...X
   }, j) {
-    const U = Z([r.containerRef, j]), x = dr(
+    const U = Z([r.containerRef, j]), x = tr(
       _,
       r.normalizedMin,
       r.normalizedMax
@@ -74,17 +74,17 @@ const Pr = W.forwardRef(
         l
       ]
     );
-    const G = A(
+    const G = k(
       (e) => {
         if (r.disabled || r.readOnly) return;
         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, l, i]
-    ), V = A(
+    ), V = k(
       (e, u) => {
         if (r.disabled || r.readOnly || !r.trackRef.current) return;
-        const f = r.trackRef.current.getBoundingClientRect(), [p, M] = r.normalizedRange, d = tr(
+        const f = r.trackRef.current.getBoundingClientRect(), [p, M] = r.normalizedRange, t = dr(
           e,
           f,
           p,
@@ -92,12 +92,12 @@ const Pr = W.forwardRef(
           r.isRTL
         ), [v, h] = i;
         if (u === "left")
-          l([d, h]);
+          l([t, h]);
         else if (u === "right")
-          l([v, d]);
+          l([v, t]);
         else {
-          const J = Math.abs(d - v), K = Math.abs(d - h);
-          J < K ? (l([d, h]), o("left")) : (l([v, d]), o("right"));
+          const J = Math.abs(t - v), K = Math.abs(t - h);
+          J < K ? (l([t, h]), o("left")) : (l([v, t]), o("right"));
         }
       },
       [
@@ -105,6 +105,7 @@ const Pr = W.forwardRef(
         r.readOnly,
         r.normalizedRange,
         r.isRTL,
+        r.trackRef,
         l,
         i
       ]
@@ -118,7 +119,7 @@ const Pr = W.forwardRef(
       ]
     );
     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: [
+    return /* @__PURE__ */ d("div", { ref: U, className: r.classNames.container, ...X, children: [
       /* @__PURE__ */ a(
         ar,
         {
@@ -129,16 +130,16 @@ const Pr = W.forwardRef(
           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: [
+      /* @__PURE__ */ d("div", { className: r.classNames.contentContainer, role: "group", children: [
         T && /* @__PURE__ */ a(
           "div",
           {
-            className: P[`${r.bem.subElementClassPrefix}content-before`],
+            className: A[`${r.bem.subElementClassPrefix}content-before`],
             children: T
           }
         ),
         R && /* @__PURE__ */ a(
-          k,
+          P,
           {
             value: i[0],
             readOnly: r.readOnly,
@@ -157,8 +158,8 @@ const Pr = W.forwardRef(
             ariaLabel: r.isRTL ? r.aria.label ? `${r.aria.label} (maximum)` : "Maximum value" : r.aria.label ? `${r.aria.label} (minimum)` : "Minimum value"
           }
         ),
-        /* @__PURE__ */ t("div", { style: { width: "100%" }, children: [
-          /* @__PURE__ */ t(
+        /* @__PURE__ */ d("div", { style: { width: "100%" }, children: [
+          /* @__PURE__ */ d(
             "div",
             {
               ref: r.trackRef,
@@ -259,7 +260,7 @@ const Pr = W.forwardRef(
           )
         ] }),
         R && /* @__PURE__ */ a(
-          k,
+          P,
           {
             value: i[1],
             readOnly: r.readOnly,
@@ -281,12 +282,12 @@ const Pr = W.forwardRef(
         D && /* @__PURE__ */ a(
           "div",
           {
-            className: P[`${r.bem.subElementClassPrefix}content-after`],
+            className: A[`${r.bem.subElementClassPrefix}content-after`],
             children: D
           }
         )
       ] }),
-      r.name && /* @__PURE__ */ t(Q, { children: [
+      r.name && /* @__PURE__ */ d(Q, { children: [
         /* @__PURE__ */ a(
           "input",
           {
@@ -309,7 +310,7 @@ const Pr = W.forwardRef(
           }
         )
       ] }),
-      /* @__PURE__ */ t(nr, { ctxId: r.ids.helperText, ctxDisabled: r.disabled, children: [
+      /* @__PURE__ */ d(nr, { ctxId: r.ids.helperText, ctxDisabled: r.disabled, children: [
         q,
         /* @__PURE__ */ a(ir, { error: r.error, errorId: r.ids.error })
       ] }),
@@ -318,6 +319,6 @@ const Pr = W.forwardRef(
   }
 );
 export {
-  Pr as DualSlider,
-  Pr as default
+  Ar as DualSlider,
+  Ar 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"),B=require("@floating-ui/react"),R=require("../../chunks/slider.module.hYyjcVRE.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.hesWPMlU.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;
+"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.hYyjcVRE.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.hesWPMlU.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:k=!1,helperText:j,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,e.trackRef,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:k,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:[j,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.es.js

@@ -85,7 +85,7 @@ const kr = F.forwardRef(function({
       );
       l(_), o(!0);
     },
-    [r.disabled, r.readOnly, r.normalizedRange, r.isRTL, l]
+    [r.disabled, r.readOnly, r.normalizedRange, r.isRTL, r.trackRef, l]
   );
   ir(s, p, () => o(!1));
   const [D, O] = r.normalizedRange, x = Y(Number(a), D, O);

package/lib/Slider/Slider.es.js

@@ -1,9 +1,9 @@
 import { jsx as i } from "react/jsx-runtime";
-import D from "react";
+import { forwardRef as D } from "react";
 import { SingleSlider as L } from "./SingleSlider.es.js";
-import { DualSlider as R } from "./DualSlider.es.js";
-import { useSliderBase as g } from "./hooks/useSliderBase.es.js";
-const w = D.forwardRef(
+import { DualSlider as g } from "./DualSlider.es.js";
+import { useSliderBase as w } from "./hooks/useSliderBase.es.js";
+const B = D(
   function(a, e) {
     const {
       name: o,
@@ -11,10 +11,10 @@ const w = D.forwardRef(
       disabled: t,
       readOnly: d,
       required: n,
-      className: u,
-      range: m,
-      step: f,
-      min: b,
+      className: m,
+      range: u,
+      step: b,
+      min: f,
       max: c,
       label: y,
       valueAxis: S,
@@ -23,17 +23,17 @@ const w = D.forwardRef(
       "aria-label": x,
       "aria-labelledby": v,
       ...r
-    } = a, l = g(
+    } = a, l = w(
       {
         name: o,
         validationRules: s,
         disabled: t,
         readOnly: d,
         required: n,
-        className: u,
-        range: m,
-        step: f,
-        min: b,
+        className: m,
+        range: u,
+        step: b,
+        min: f,
         max: c,
         label: y,
         valueAxis: S,
@@ -45,7 +45,7 @@ const w = D.forwardRef(
       e
     );
     return Array.isArray(a.value) || Array.isArray(a.defaultValue) ? /* @__PURE__ */ i(
-      R,
+      g,
       {
         ref: e,
         base: l,
@@ -60,8 +60,8 @@ const w = D.forwardRef(
       }
     );
   }
-), C = w;
+), N = B;
 export {
-  C as Slider,
-  C as default
+  N as Slider,
+  N as default
 };

package/lib/Slider/hooks/useDualSliderLogic.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),n=require("../utils/sliderLogic.utils.cjs.js");function D({value:g,defaultValue:S,range:[f,k],min:l,max:e,step:a,valueAxis:C,restrictToValueAxis:b=!1,onChange:d,minGap:h}){const o=h??a,r=c.useMemo(()=>n.calculateMarkValues(C,f,k),[C,f,k]),_=c.useCallback(u=>n.getClosestMark(u,r,l,e),[r,l,e]),F=c.useCallback(u=>n.getClosestStep(u,l,e,a),[l,e,a]),i=c.useCallback(u=>n.getValidValue(u,b,r,l,e,a),[b,r,l,e,a]),V=g!==void 0,L=()=>S!==void 0?S:[l,e],[q,w]=c.useState(L()),M=V?g:q,y=c.useCallback(u=>{let[t,s]=u;t=i(t),s=i(s),s-t<o&&(t!==M[0]?t=Math.min(t,s-o):s=Math.max(s,t+o)),t=Math.max(l,Math.min(t,e-o)),s=Math.max(t+o,Math.min(s,e));const v=[t,s];V||w(v),d&&d(v)},[i,V,d,M,o,l,e]);return{value:M,setValue:y,markValues:r,getClosestMark:_,getClosestStep:F,getValidValue:i,min:l,max:e,step:a}}exports.useDualSliderLogic=D;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),n=require("../utils/sliderLogic.utils.cjs.js");function D({value:d,defaultValue:g,range:[S,f],min:l,max:e,step:a,valueAxis:k,restrictToValueAxis:C=!1,onChange:M,minGap:h}){const o=h??a,r=c.useMemo(()=>n.calculateMarkValues(k,S,f),[k,S,f]),_=c.useCallback(u=>n.getClosestMark(u,r,l,e),[r,l,e]),F=c.useCallback(u=>n.getClosestStep(u,l,e,a),[l,e,a]),i=c.useCallback(u=>n.getValidValue(u,C,r,l,e,a),[C,r,l,e,a]),b=d!==void 0,L=()=>g!==void 0?g:[l,e],[q,w]=c.useState(L()),V=d!==void 0?d:q,y=c.useCallback(u=>{let[t,s]=u;t=i(t),s=i(s),s-t<o&&(t!==V[0]?t=Math.min(t,s-o):s=Math.max(s,t+o)),t=Math.max(l,Math.min(t,e-o)),s=Math.max(t+o,Math.min(s,e));const v=[t,s];b||w(v),M&&M(v)},[i,b,M,V,o,l,e]);return{value:V,setValue:y,markValues:r,getClosestMark:_,getClosestStep:F,getValidValue:i,min:l,max:e,step:a}}exports.useDualSliderLogic=D;

package/lib/Slider/hooks/useDualSliderLogic.es.js

@@ -1,20 +1,20 @@
 import { useMemo as I, useCallback as n, useState as L } from "react";
 import { calculateMarkValues as U, getClosestMark as j, getClosestStep as q, getValidValue as y } from "../utils/sliderLogic.utils.es.js";
 function H({
-  value: f,
-  defaultValue: d,
-  range: [g, k],
+  value: i,
+  defaultValue: f,
+  range: [d, g],
   min: l,
   max: e,
   step: a,
-  valueAxis: C,
-  restrictToValueAxis: S = !1,
+  valueAxis: k,
+  restrictToValueAxis: v = !1,
   onChange: V,
   minGap: h
 }) {
   const r = h ?? a, u = I(
-    () => U(C, g, k),
-    [C, g, k]
+    () => U(k, d, g),
+    [k, d, g]
   ), F = n(
     (s) => j(s, u, l, e),
     [u, l, e]
@@ -22,20 +22,20 @@ function H({
     (s) => q(s, l, e, a),
     [l, e, a]
   ), c = n(
-    (s) => y(s, S, u, l, e, a),
-    [S, u, l, e, a]
-  ), i = f !== void 0, w = () => d !== void 0 ? d : [l, e], [b, D] = L(
+    (s) => y(s, v, u, l, e, a),
+    [v, u, l, e, a]
+  ), C = i !== void 0, w = () => f !== void 0 ? f : [l, e], [b, D] = L(
     w()
-  ), M = i ? f : b, G = n(
+  ), M = i !== void 0 ? i : b, G = n(
     (s) => {
       let [t, o] = s;
       t = c(t), o = c(o), o - t < r && (t !== M[0] ? t = Math.min(t, o - r) : o = Math.max(o, t + r)), t = Math.max(l, Math.min(t, e - r)), o = Math.max(t + r, Math.min(o, e));
-      const v = [t, o];
-      i || D(v), V && V(v);
+      const S = [t, o];
+      C || D(S), V && V(S);
     },
     [
       c,
-      i,
+      C,
       V,
       M,
       r,

package/lib/Slider/hooks/useSingleSliderLogic.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),r=require("../utils/sliderLogic.utils.cjs.js");function q({value:d,defaultValue:g,range:[n,S],min:e,max:l,step:o,valueAxis:V,restrictToValueAxis:k=!1,onChange:c}){const u=s.useMemo(()=>r.calculateMarkValues(V,n,S),[V,n,S]),b=s.useCallback(t=>r.getClosestMark(t,u,e,l),[u,e,l]),f=s.useCallback(t=>r.getClosestStep(t,e,l,o),[e,l,o]),a=s.useCallback(t=>r.getValidValue(t,k,u,e,l,o),[k,u,e,l,o]),i=d!==void 0,v=()=>g!==void 0?g:e,[M,_]=s.useState(v()),F=i?d:M,L=s.useCallback(t=>{const C=a(t);i||_(C),c&&c(C)},[a,i,c]);return{value:F,setValue:L,markValues:u,getClosestMark:b,getClosestStep:f,getValidValue:a,min:e,max:l,step:o}}exports.useSingleSliderLogic=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),r=require("../utils/sliderLogic.utils.cjs.js");function q({value:c,defaultValue:d,range:[g,n],min:e,max:l,step:o,valueAxis:S,restrictToValueAxis:V=!1,onChange:a}){const u=s.useMemo(()=>r.calculateMarkValues(S,g,n),[S,g,n]),b=s.useCallback(t=>r.getClosestMark(t,u,e,l),[u,e,l]),v=s.useCallback(t=>r.getClosestStep(t,e,l,o),[e,l,o]),i=s.useCallback(t=>r.getValidValue(t,V,u,e,l,o),[V,u,e,l,o]),k=c!==void 0,f=()=>d!==void 0?d:e,[M,_]=s.useState(f()),F=c!==void 0?c:M,L=s.useCallback(t=>{const C=i(t);k||_(C),a&&a(C)},[i,k,a]);return{value:F,setValue:L,markValues:u,getClosestMark:b,getClosestStep:v,getValidValue:i,min:e,max:l,step:o}}exports.useSingleSliderLogic=q;

package/lib/Slider/hooks/useSingleSliderLogic.es.js

@@ -1,36 +1,36 @@
 import { useMemo as I, useCallback as r, useState as L } from "react";
 import { calculateMarkValues as U, getClosestMark as j, getClosestStep as q, getValidValue as w } from "../utils/sliderLogic.utils.es.js";
 function B({
-  value: V,
-  defaultValue: d,
-  range: [g, i],
+  value: u,
+  defaultValue: V,
+  range: [d, g],
   min: e,
   max: t,
   step: o,
-  valueAxis: n,
-  restrictToValueAxis: S = !1,
-  onChange: u
+  valueAxis: i,
+  restrictToValueAxis: n = !1,
+  onChange: a
 }) {
   const s = I(
-    () => U(n, g, i),
-    [n, g, i]
+    () => U(i, d, g),
+    [i, d, g]
   ), k = r(
     (l) => j(l, s, e, t),
     [s, e, t]
   ), C = r(
     (l) => q(l, e, t, o),
     [e, t, o]
-  ), a = r(
-    (l) => w(l, S, s, e, t, o),
-    [S, s, e, t, o]
-  ), c = V !== void 0, v = () => d !== void 0 ? d : e, [F, M] = L(
+  ), c = r(
+    (l) => w(l, n, s, e, t, o),
+    [n, s, e, t, o]
+  ), S = u !== void 0, v = () => V !== void 0 ? V : e, [F, M] = L(
     v()
-  ), p = c ? V : F, b = r(
+  ), p = u !== void 0 ? u : F, b = r(
     (l) => {
-      const f = a(l);
-      c || M(f), u && u(f);
+      const f = c(l);
+      S || M(f), a && a(f);
     },
-    [a, c, u]
+    [c, S, a]
   );
   return {
     value: p,
@@ -38,7 +38,7 @@ function B({
     markValues: s,
     getClosestMark: k,
     getClosestStep: C,
-    getValidValue: a,
+    getValidValue: c,
     min: e,
     max: t,
     step: o