@kubit-ui-web/react-components 2.0.0-beta.47 → 2.0.0-beta.49

package/dist/esm/components/slider/sliderStandAlone.js

@@ -1,17 +1,253 @@
-import{jsxs as e,jsx as t,Fragment as s}from"react/jsx-runtime";import{forwardRef as a,useId as r}from"react";import{classNames as i}from"../../lib/utils/classNames/classNames.js";import{pickCustomAttributes as o}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processTextProp as l}from"../../lib/utils/process/processCommonProp.js";import{Text as c}from"../text/text.js";import{SliderButtonStandAlone as d}from"./components/sliderButtonStandAlone.js";import{SliderHelperTextStandAlone as n}from"./components/sliderHelperTextStandAlone.js";import{SliderScaleStandAlone as u}from"./components/sliderScaleStandAlone.js";import{SliderThumbStandAlone as m}from"./components/sliderThumbStandAlone.js";import{buildAriaDescribedBy as h}from"./utils/accessibility.utils.js";import{getState as p}from"./utils/state.utils.js";import{isActive as b}from"./utils/ui.utils.js";const v=a(({activePointer:a,ariaLabel:v,ariaLabelBy:f,containerRef:$,cssClasses:x,decrementButton:T,disabled:g,hover:y,incrementButton:k,label:A,leftHelperText:C,max:L,min:j,offset:N,offsetLeft:w,offsetRight:B,onChange:I,onKeyPress:S,onMouseDown:H,onTouchStart:M,pressed:D,range:O,rightAriaLabel:K,rightAriaLabelBy:P,rightHelperText:R,rightThumbIcon:F,rightTooltip:q,scaleOffsets:z,setHover:E,showScale:G,step:J,thumbIcon:Q,tooltip:U,value:V,...W},X)=>{const Y=`slider-${r().replace(/:/g,"")}`,Z=p({disabled:g,hover:y,pressed:D}),_={"data-state":Z},ee=W["data-testid"]??"slider",te=o(_),se=l(A).children&&!O?`${Y}Label`:void 0,ae=`${Y}LeftHelperText`,re=`${Y}RightHelperText`,ie=f??se;/* @__PURE__ */
-return e("div",{ref:X,className:x?.slider,"data-disabled":g,"data-hover":y,"data-pressed":D,...te,children:[
-/* @__PURE__ */t("div",{className:x?.labelcontainer,...te,children:/* @__PURE__ */t(c,{additionalClasses:{text:x?.label},component:"label",customAttributes:_,id:se,...l(A)})}),
-/* @__PURE__ */t(u,{cssClasses:x,customAttributes:_,scaleOffsets:z,showScale:G}),
-/* @__PURE__ */e("div",{className:x?.buttonstrackscontainer,children:[
-/* @__PURE__ */t(d,{...T,cssClasses:x,customAttributes:_}),
-/* @__PURE__ */t("div",{className:x?.tracksthumbscontainer,children:/* @__PURE__ */e("div",{ref:$,className:x?.tracksthumbsinnercontainer,"data-testid":`${ee}-container`,role:"button",tabIndex:0,onMouseDown:H,onTouchMove:I,onTouchStart:M,children:[O&&/* @__PURE__ */e(s,{children:[
-/* @__PURE__ */t("div",{className:i({[`${x?.activetrack}`]:!1,[`${x?.inactivetrack}`]:!0}),...te,"data-disabled":g,"data-hover":y,"data-pressed":D,"data-testid":`${ee}-inactive-left-track`,style:{left:0,width:`${w}%`}}),
-/* @__PURE__ */t("div",{className:i({[`${x?.activetrack}`]:!0,[`${x?.inactivetrack}`]:!1}),"data-disabled":g,"data-hover":y,"data-pressed":D,"data-testid":`${ee}-active-track`,style:{left:`${w}%`,right:`${B}%`},...te}),
-/* @__PURE__ */t("div",{className:i({[`${x?.activetrack}`]:!1,[`${x?.inactivetrack}`]:!0}),"data-disabled":g,"data-hover":y,"data-pressed":D,"data-testid":`${ee}-inactive-right-track`,style:{right:0,width:`${B}%`},...te}),
-/* @__PURE__ */t(m,{ariaDescribedBy:h([{helperText:C,helperTextId:ae},{helperText:R,helperTextId:re}]),ariaLabel:v,ariaLabelBy:ie,cssClasses:x,customAttributes:_,"data-testid":`${ee}-left-thumb`,disabled:g,hover:b(y,a.current,"left"),icon:Q,max:V[1]-J,min:j,pressed:b(D,a.current,"left"),state:Z,style:{left:`${w}%`},tooltip:U,value:V[0],onFocus:()=>a.current="left",onKeyDown:S,onMouseOut:()=>E(!1),onMouseOver:()=>{E(!0),a.current="left"},onTouchStart:()=>{a.current="left"}}),
-/* @__PURE__ */t(m,{ariaDescribedBy:h([{helperText:C,helperTextId:ae},{helperText:R,helperTextId:re}]),ariaLabel:K,ariaLabelBy:P,cssClasses:x,customAttributes:_,"data-testid":`${ee}-right-thumb`,disabled:g,hover:b(y,a.current,"right"),icon:F,max:L,min:V[0]+J,pressed:b(D,a.current,"right"),rightThumb:!0,state:Z,style:{right:`${B}%`},tooltip:q,value:V[1],onFocus:()=>a.current="right",onKeyDown:S,onMouseOut:()=>E(!1),onMouseOver:()=>{E(!0),a.current="right"},onTouchStart:()=>{a.current="right"}})]}),!O&&/* @__PURE__ */e(s,{children:[
-/* @__PURE__ */t("div",{className:i({[`${x?.activetrack}`]:!0,[`${x?.inactivetrack}`]:!1}),"data-disabled":g,"data-hover":y,"data-pressed":D,"data-testid":`${ee}-active-track`,style:{width:`${N}%`},...te}),
-/* @__PURE__ */t("div",{className:i({[`${x?.activetrack}`]:!1,[`${x?.inactivetrack}`]:!0}),"data-disabled":g,"data-hover":y,"data-pressed":D,"data-testid":`${ee}-inactive-track`,style:{right:0,width:`calc(${100-N}%)`},...te}),
-/* @__PURE__ */t(m,{ariaDescribedBy:h([{helperText:C,helperTextId:ae},{helperText:R,helperTextId:re}]),ariaLabel:v,ariaLabelBy:ie,cssClasses:x,customAttributes:_,"data-testid":`${ee}-thumb`,disabled:g,hover:y,icon:Q,max:L,min:j,pressed:D,state:Z,style:{left:`${N}%`},tooltip:U,value:V,onKeyDown:S,onMouseOut:()=>E(!1),onMouseOver:()=>E(!0)})]})]})}),
-/* @__PURE__ */t(d,{...k,cssClasses:x,customAttributes:_})]}),
-/* @__PURE__ */t(n,{cssClasses:x,customAttributes:_,leftHelperText:C,leftHelperTextId:ae,rightHelperText:R,rightHelperTextId:re})]})});export{v as SliderStandAlone};
+import { pickCustomAttributes } from "../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";
+import { classNames } from "../../lib/utils/classNames/classNames.js";
+import { Text } from "../text/text2.js";
+import { processTextProp } from "../../lib/utils/process/processCommonProp.js";
+import { SliderButtonStandAlone } from "./components/sliderButtonStandAlone.js";
+import { SliderHelperTextStandAlone } from "./components/sliderHelperTextStandAlone.js";
+import { SliderScaleStandAlone } from "./components/sliderScaleStandAlone.js";
+import { isActive } from "./utils/ui.utils.js";
+import { SliderThumbStandAlone } from "./components/sliderThumbStandAlone.js";
+import { buildAriaDescribedBy } from "./utils/accessibility.utils.js";
+import { getState } from "./utils/state.utils.js";
+import { forwardRef, useId } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+const SliderStandAlone = forwardRef(({ activePointer: e, ariaLabel: t, ariaLabelBy: n, containerRef: r, cssClasses: i, decrementButton: a, disabled: o, hover: s, incrementButton: c, label: l, leftHelperText: u, max: d, min: f, offset: p, offsetLeft: m, offsetRight: h, onChange: g, onKeyPress: _, onMouseDown: v, onTouchStart: y, pressed: b, range: x, rightAriaLabel: S, rightAriaLabelBy: C, rightHelperText: w, rightThumbIcon: T, rightTooltip: E, scaleOffsets: D, setHover: O, showScale: k, step: A, thumbIcon: j, tooltip: M, value: N, ...P }, F) => {
+	let I = `slider-${useId().replace(/:/g, "")}`, L = getState({
+		disabled: o,
+		hover: s,
+		pressed: b
+	}), R = { "data-state": L }, z = P["data-testid"] ?? "slider", B = pickCustomAttributes(R), V = processTextProp(l).children && !x ? `${I}Label` : void 0, H = `${I}LeftHelperText`, U = `${I}RightHelperText`, W = n ?? V;
+	return /* @__PURE__ */ jsxs("div", {
+		ref: F,
+		className: i?.slider,
+		"data-disabled": o,
+		"data-hover": s,
+		"data-pressed": b,
+		...B,
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: i?.labelcontainer,
+				...B,
+				children: /* @__PURE__ */ jsx(Text, {
+					additionalClasses: { text: i?.label },
+					component: "label",
+					customAttributes: R,
+					id: V,
+					...processTextProp(l)
+				})
+			}),
+			/* @__PURE__ */ jsx(SliderScaleStandAlone, {
+				cssClasses: i,
+				customAttributes: R,
+				scaleOffsets: D,
+				showScale: k
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: i?.buttonstrackscontainer,
+				children: [
+					/* @__PURE__ */ jsx(SliderButtonStandAlone, {
+						...a,
+						cssClasses: i,
+						customAttributes: R
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: i?.tracksthumbscontainer,
+						children: /* @__PURE__ */ jsxs("div", {
+							ref: r,
+							className: i?.tracksthumbsinnercontainer,
+							"data-testid": `${z}-container`,
+							role: "button",
+							tabIndex: 0,
+							onMouseDown: v,
+							onTouchMove: g,
+							onTouchStart: y,
+							children: [x && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+								/* @__PURE__ */ jsx("div", {
+									className: classNames({
+										[`${i?.activetrack}`]: !1,
+										[`${i?.inactivetrack}`]: !0
+									}),
+									...B,
+									"data-disabled": o,
+									"data-hover": s,
+									"data-pressed": b,
+									"data-testid": `${z}-inactive-left-track`,
+									style: {
+										left: 0,
+										width: `${m}%`
+									}
+								}),
+								/* @__PURE__ */ jsx("div", {
+									className: classNames({
+										[`${i?.activetrack}`]: !0,
+										[`${i?.inactivetrack}`]: !1
+									}),
+									"data-disabled": o,
+									"data-hover": s,
+									"data-pressed": b,
+									"data-testid": `${z}-active-track`,
+									style: {
+										left: `${m}%`,
+										right: `${h}%`
+									},
+									...B
+								}),
+								/* @__PURE__ */ jsx("div", {
+									className: classNames({
+										[`${i?.activetrack}`]: !1,
+										[`${i?.inactivetrack}`]: !0
+									}),
+									"data-disabled": o,
+									"data-hover": s,
+									"data-pressed": b,
+									"data-testid": `${z}-inactive-right-track`,
+									style: {
+										right: 0,
+										width: `${h}%`
+									},
+									...B
+								}),
+								/* @__PURE__ */ jsx(SliderThumbStandAlone, {
+									ariaDescribedBy: buildAriaDescribedBy([{
+										helperText: u,
+										helperTextId: H
+									}, {
+										helperText: w,
+										helperTextId: U
+									}]),
+									ariaLabel: t,
+									ariaLabelBy: W,
+									cssClasses: i,
+									customAttributes: R,
+									"data-testid": `${z}-left-thumb`,
+									disabled: o,
+									hover: isActive(s, e.current, "left"),
+									icon: j,
+									max: N[1] - A,
+									min: f,
+									pressed: isActive(b, e.current, "left"),
+									state: L,
+									style: { left: `${m}%` },
+									tooltip: M,
+									value: N[0],
+									onFocus: () => e.current = "left",
+									onKeyDown: _,
+									onMouseOut: () => O(!1),
+									onMouseOver: () => {
+										O(!0), e.current = "left";
+									},
+									onTouchStart: () => {
+										e.current = "left";
+									}
+								}),
+								/* @__PURE__ */ jsx(SliderThumbStandAlone, {
+									ariaDescribedBy: buildAriaDescribedBy([{
+										helperText: u,
+										helperTextId: H
+									}, {
+										helperText: w,
+										helperTextId: U
+									}]),
+									ariaLabel: S,
+									ariaLabelBy: C,
+									cssClasses: i,
+									customAttributes: R,
+									"data-testid": `${z}-right-thumb`,
+									disabled: o,
+									hover: isActive(s, e.current, "right"),
+									icon: T,
+									max: d,
+									min: N[0] + A,
+									pressed: isActive(b, e.current, "right"),
+									rightThumb: !0,
+									state: L,
+									style: { right: `${h}%` },
+									tooltip: E,
+									value: N[1],
+									onFocus: () => e.current = "right",
+									onKeyDown: _,
+									onMouseOut: () => O(!1),
+									onMouseOver: () => {
+										O(!0), e.current = "right";
+									},
+									onTouchStart: () => {
+										e.current = "right";
+									}
+								})
+							] }), !x && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+								/* @__PURE__ */ jsx("div", {
+									className: classNames({
+										[`${i?.activetrack}`]: !0,
+										[`${i?.inactivetrack}`]: !1
+									}),
+									"data-disabled": o,
+									"data-hover": s,
+									"data-pressed": b,
+									"data-testid": `${z}-active-track`,
+									style: { width: `${p}%` },
+									...B
+								}),
+								/* @__PURE__ */ jsx("div", {
+									className: classNames({
+										[`${i?.activetrack}`]: !1,
+										[`${i?.inactivetrack}`]: !0
+									}),
+									"data-disabled": o,
+									"data-hover": s,
+									"data-pressed": b,
+									"data-testid": `${z}-inactive-track`,
+									style: {
+										right: 0,
+										width: `calc(${100 - p}%)`
+									},
+									...B
+								}),
+								/* @__PURE__ */ jsx(SliderThumbStandAlone, {
+									ariaDescribedBy: buildAriaDescribedBy([{
+										helperText: u,
+										helperTextId: H
+									}, {
+										helperText: w,
+										helperTextId: U
+									}]),
+									ariaLabel: t,
+									ariaLabelBy: W,
+									cssClasses: i,
+									customAttributes: R,
+									"data-testid": `${z}-thumb`,
+									disabled: o,
+									hover: s,
+									icon: j,
+									max: d,
+									min: f,
+									pressed: b,
+									state: L,
+									style: { left: `${p}%` },
+									tooltip: M,
+									value: N,
+									onKeyDown: _,
+									onMouseOut: () => O(!1),
+									onMouseOver: () => O(!0)
+								})
+							] })]
+						})
+					}),
+					/* @__PURE__ */ jsx(SliderButtonStandAlone, {
+						...c,
+						cssClasses: i,
+						customAttributes: R
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx(SliderHelperTextStandAlone, {
+				cssClasses: i,
+				customAttributes: R,
+				leftHelperText: u,
+				leftHelperTextId: H,
+				rightHelperText: w,
+				rightHelperTextId: U
+			})
+		]
+	});
+});
+export { SliderStandAlone };

package/dist/esm/components/slider/utils/accessibility.utils.js

@@ -1 +1,68 @@
-import{ARROW_DOWN as e,ARROW_LEFT as t,ARROW_UP as a,ARROW_RIGHT as i,HOME as n,END as v}from"../../../lib/constants/keyboardKeys/keyboardKeys.js";const r=({activePointer:e,max:t,range:a,step:i,value:n})=>a?(({activePointer:e,max:t,step:a,value:i})=>{if("left"===e){if(i[0]+a>=i[1])return;return[i[0]+a,i[1]]}return i[1]+a>t?[i[0],t]:[i[0],i[1]+a]})({activePointer:e,max:t,step:i,value:n}):(({max:e,step:t,value:a})=>a+t>e?e:a+t)({max:t,step:i,value:n}),l=({activePointer:e,min:t,range:a,step:i,value:n})=>a?(({activePointer:e,min:t,step:a,value:i})=>"left"===e?i[0]-a<t?[t,i[1]]:[i[0]-a,i[1]]:i[1]-a<=i[0]?void 0:[i[0],i[1]-a])({activePointer:e,min:t,step:i,value:n}):(({min:e,step:t,value:a})=>a-t<e?e:a-t)({min:t,step:i,value:n}),u=({activePointer:u,event:s,max:p,min:m,range:o,step:c,value:P})=>[e.key,t.key].includes(s.key)?(s.preventDefault(),l({activePointer:u,min:m,range:o,step:c,value:P})):[a.key,i.key].includes(s.key)?(s.preventDefault(),r({activePointer:u,max:p,range:o,step:c,value:P})):[n.key].includes(s.key)?(s.preventDefault(),(({activePointer:e,min:t,range:a,step:i,value:n})=>a?(({activePointer:e,min:t,step:a,value:i})=>"left"===e?[t,i[1]]:[i[0],i[0]+a])({activePointer:e,min:t,step:i,value:n}):(({min:e})=>e)({min:t}))({activePointer:u,min:m,range:o,step:c,value:P})):[v.key].includes(s.key)?(s.preventDefault(),(({activePointer:e,max:t,range:a,step:i,value:n})=>a?(({activePointer:e,max:t,step:a,value:i})=>"left"===e?[i[1]-a,i[1]]:[i[0],t])({activePointer:e,max:t,step:i,value:n}):(({max:e})=>e)({max:t}))({activePointer:u,max:p,range:o,step:c,value:P})):void 0,s=e=>e.filter(e=>e.helperText).map(e=>e.helperTextId).join(" ")||void 0;export{s as buildAriaDescribedBy,u as calcNewValueAfterKeyPress,l as decrementValue,r as incrementValue};
+import { ARROW_DOWN, ARROW_LEFT, ARROW_RIGHT, ARROW_UP, END, HOME } from "../../../lib/constants/keyboardKeys/keyboardKeys.js";
+var incrementNoRangeValue = ({ max: e, step: t, value: n }) => n + t > e ? e : n + t, incrementRangeValue = ({ activePointer: e, max: t, step: n, value: r }) => e === "left" ? r[0] + n >= r[1] ? void 0 : [r[0] + n, r[1]] : r[1] + n > t ? [r[0], t] : [r[0], r[1] + n];
+const incrementValue = ({ activePointer: e, max: t, range: n, step: r, value: i }) => n ? incrementRangeValue({
+	activePointer: e,
+	max: t,
+	step: r,
+	value: i
+}) : incrementNoRangeValue({
+	max: t,
+	step: r,
+	value: i
+});
+var decrementNoRangeValue = ({ min: e, step: t, value: n }) => n - t < e ? e : n - t, decrementRangeValue = ({ activePointer: e, min: t, step: n, value: r }) => {
+	if (e === "left") return r[0] - n < t ? [t, r[1]] : [r[0] - n, r[1]];
+	if (!(r[1] - n <= r[0])) return [r[0], r[1] - n];
+};
+const decrementValue = ({ activePointer: e, min: t, range: n, step: r, value: i }) => n ? decrementRangeValue({
+	activePointer: e,
+	min: t,
+	step: r,
+	value: i
+}) : decrementNoRangeValue({
+	min: t,
+	step: r,
+	value: i
+});
+var incrementNoRangeValueToMax = ({ max: e }) => e, incrementRangeValueToMax = ({ activePointer: e, max: t, step: n, value: r }) => e === "left" ? [r[1] - n, r[1]] : [r[0], t], incrementValueToMax = ({ activePointer: e, max: t, range: n, step: r, value: i }) => n ? incrementRangeValueToMax({
+	activePointer: e,
+	max: t,
+	step: r,
+	value: i
+}) : incrementNoRangeValueToMax({ max: t }), decrementNoRangeValueToMin = ({ min: e }) => e, decrementRangeValueToMin = ({ activePointer: e, min: t, step: n, value: r }) => e === "left" ? [t, r[1]] : [r[0], r[0] + n], decrementValueToMin = ({ activePointer: e, min: t, range: n, step: r, value: i }) => n ? decrementRangeValueToMin({
+	activePointer: e,
+	min: t,
+	step: r,
+	value: i
+}) : decrementNoRangeValueToMin({ min: t });
+const calcNewValueAfterKeyPress = ({ activePointer: a, event: o, max: s, min: c, range: l, step: u, value: d }) => {
+	if ([ARROW_DOWN.key, ARROW_LEFT.key].includes(o.key)) return o.preventDefault(), decrementValue({
+		activePointer: a,
+		min: c,
+		range: l,
+		step: u,
+		value: d
+	});
+	if ([ARROW_UP.key, ARROW_RIGHT.key].includes(o.key)) return o.preventDefault(), incrementValue({
+		activePointer: a,
+		max: s,
+		range: l,
+		step: u,
+		value: d
+	});
+	if ([HOME.key].includes(o.key)) return o.preventDefault(), decrementValueToMin({
+		activePointer: a,
+		min: c,
+		range: l,
+		step: u,
+		value: d
+	});
+	if ([END.key].includes(o.key)) return o.preventDefault(), incrementValueToMax({
+		activePointer: a,
+		max: s,
+		range: l,
+		step: u,
+		value: d
+	});
+}, buildAriaDescribedBy = (e) => e.filter((e) => e.helperText).map((e) => e.helperTextId).join(" ") || void 0;
+export { buildAriaDescribedBy, calcNewValueAfterKeyPress, decrementValue, incrementValue };

package/dist/esm/components/slider/utils/slider.utils.js

@@ -1 +1,155 @@
-import{translateValue as e}from"../../selectorBoxFile/utils/translateValue/translateValue.js";const t=({container:e,event:t,offsetBoundaries:a})=>{t.preventDefault();const n=e.clientWidth;let i=100*(("number"==typeof t?.pageX?t.pageX:t.touches[0].pageX)-(e.getBoundingClientRect().left+window.scrollX))/n;return i=Math.min(a.max,Math.max(a.min,i)),i},a=({max:t,min:a,offset:n,offsetBoundaries:i,step:u})=>{let l=e({inputMax:i.max,inputMin:i.min,outputMax:t,outputMin:a,value:n});const r=String(u).indexOf(".")>0?String(u).split(".")[1].length:0;if(r>0){const e=Math.pow(10,r);l=Math.round(l*e)/e}else l=Math.round(l);return l},n=({initialStepOffset:e,max:t,min:a,step:n,value:i})=>{const u=e+Math.ceil((a-e)/n)*n;if(u>t)return i;let l=u+Math.round((i-u)/n)*n;return l=Math.max(a,l),l=Math.min(t,l),Math.abs(a-i)<Math.abs(l-i)&&(l=a),Math.abs(t-i)<Math.abs(l-i)&&(l=t),l},i=({max:e,min:t,step:a,value:n})=>{const i=n-t;let u=a/2;if((e-t)%a>0&&i/a>Math.floor((e-t)/a)&&(u=(e-t)%a/2),i%a>u){const n=t+Math.ceil(i/a)*a;return n>e?e:n}return t+Math.floor(i/a)*a},u=({initialStepOffset:e,max:t,min:a,step:u,value:l})=>u<=0?l:void 0!==e?n({initialStepOffset:e,max:t,min:a,step:u,value:l}):i({max:t,min:a,step:u,value:l}),l=({activePointer:e,newValue:t,prevValue:a})=>"left"===e&&t<a[1]||t<=a[0],r=({activePointer:e,newValue:t,prevValue:a})=>"right"===e&&t>a[0]||t>=a[1],o=({activePointer:e,newValue:t,prevValue:a})=>l({activePointer:e.current,newValue:t,prevValue:a})?("right"===e.current&&(e.current="left"),[t,a[1]]):r({activePointer:e.current,newValue:t,prevValue:a})?("left"===e.current&&(e.current="right"),[a[0],t]):a,s=({initialStepOffset:t,max:a,min:n,step:i,type:u})=>{const l="discrete"===u&&i>0&&i<a-n;let r=[];if(l){const u=[n];for(let e=t??n;e<a;e+=i)e>n&&u.push(e);u.push(a),r=u.map(t=>e({inputMax:a,inputMin:n,outputMax:100,outputMin:0,value:t}))}return{scaleOffsets:r,showScale:l}},f=({max:t,min:a,offsetBoundaries:n,range:i,value:u})=>{if(a===t)return{offset:100,offsetLeft:0,offsetRight:0};let l,r,o;return i?(r=e({inputMax:t,inputMin:a,outputMax:n.max,outputMin:n.min,value:u[0]}),o=100-e({inputMax:t,inputMin:a,outputMax:n.max,outputMin:n.min,value:u[1]})):l=e({inputMax:t,inputMin:a,outputMax:n.max,outputMin:n.min,value:u}),{offset:l,offsetLeft:r,offsetRight:o}},m=({values1:e,values2:t})=>!(!Array.isArray(e)||!Array.isArray(t)||2!==e.length||2!==t.length)&&e[0]===t[0]&&e[1]===t[1],p=({defaultValue:e,max:t,min:a,value:n})=>(({max:e,min:t,value:a})=>void 0!==a&&a>=t&&a<=e)({max:t,min:a,value:n})?n:e,c=({initialStepOffset:e,max:t,min:a,range:n,step:i,value:l})=>{if(n){let n=[a,t];if((({value:e})=>Boolean(e&&Array.isArray(e)&&2===e.length))({value:l})){const r=l[0],o=l[1],s=p({defaultValue:a,max:t,min:a,value:r}),f=p({defaultValue:t,max:t,min:a,value:o});n=[u({initialStepOffset:e,max:t,min:a,step:i,value:s}),u({initialStepOffset:e,max:t,min:a,step:i,value:f})]}return n}const r=p({defaultValue:a,max:t,min:a,value:l});return u({initialStepOffset:e,max:t,min:a,step:i,value:r})},v=({container:e,currentActivePointer:t,range:a})=>{if(!e)return;let n=null;if(a){const[a,i]=Array.from(e.querySelectorAll('[role="slider"]'));n="left"===t?a:i}else n=e.querySelector('[role="slider"]');n instanceof HTMLElement&&document.activeElement!==n&&n.focus()};export{c as calcDefaultValue,o as calcNewRangeValue,u as calcScaleValue,n as calcScaleValueWithStepOffset,i as calcScaleValueWithoutStepOffset,a as calcValueByOffset,t as calculateChange,m as equalsRangeValues,v as focusThumb,f as getOffset,s as getScale,l as shouldUpdateLeftThumb,r as shouldUpdateRightThumb};
+import { translateValue } from "../../selectorBoxFile/utils/translateValue/translateValue.js";
+const calculateChange = ({ container: e, event: t, offsetBoundaries: n }) => {
+	t.preventDefault();
+	let r = e.clientWidth, i = ((typeof t?.pageX == "number" ? t.pageX : t.touches[0].pageX) - (e.getBoundingClientRect().left + window.scrollX)) * 100 / r;
+	return i = Math.min(n.max, Math.max(n.min, i)), i;
+}, calcValueByOffset = ({ max: t, min: n, offset: r, offsetBoundaries: i, step: a }) => {
+	let o = translateValue({
+		inputMax: i.max,
+		inputMin: i.min,
+		outputMax: t,
+		outputMin: n,
+		value: r
+	}), s = String(a).indexOf(".") > 0 ? String(a).split(".")[1].length : 0;
+	if (s > 0) {
+		let e = 10 ** s;
+		o = Math.round(o * e) / e;
+	} else o = Math.round(o);
+	return o;
+}, calcScaleValueWithStepOffset = ({ initialStepOffset: e, max: t, min: n, step: r, value: i }) => {
+	let a = e + Math.ceil((n - e) / r) * r;
+	if (a > t) return i;
+	let o = a + Math.round((i - a) / r) * r;
+	return o = Math.max(n, o), o = Math.min(t, o), Math.abs(n - i) < Math.abs(o - i) && (o = n), Math.abs(t - i) < Math.abs(o - i) && (o = t), o;
+}, calcScaleValueWithoutStepOffset = ({ max: e, min: t, step: n, value: r }) => {
+	let i = r - t, a = n / 2;
+	if ((e - t) % n > 0 && i / n > Math.floor((e - t) / n) && (a = (e - t) % n / 2), i % n > a) {
+		let r = t + Math.ceil(i / n) * n;
+		return r > e ? e : r;
+	}
+	return t + Math.floor(i / n) * n;
+}, calcScaleValue = ({ initialStepOffset: e, max: t, min: n, step: a, value: o }) => a <= 0 ? o : e === void 0 ? calcScaleValueWithoutStepOffset({
+	max: t,
+	min: n,
+	step: a,
+	value: o
+}) : calcScaleValueWithStepOffset({
+	initialStepOffset: e,
+	max: t,
+	min: n,
+	step: a,
+	value: o
+}), shouldUpdateLeftThumb = ({ activePointer: e, newValue: t, prevValue: n }) => e === "left" && t < n[1] || t <= n[0], shouldUpdateRightThumb = ({ activePointer: e, newValue: t, prevValue: n }) => e === "right" && t > n[0] || t >= n[1], calcNewRangeValue = ({ activePointer: e, newValue: t, prevValue: n }) => shouldUpdateLeftThumb({
+	activePointer: e.current,
+	newValue: t,
+	prevValue: n
+}) ? (e.current === "right" && (e.current = "left"), [t, n[1]]) : shouldUpdateRightThumb({
+	activePointer: e.current,
+	newValue: t,
+	prevValue: n
+}) ? (e.current === "left" && (e.current = "right"), [n[0], t]) : n, getScale = ({ initialStepOffset: t, max: n, min: r, step: i, type: a }) => {
+	let o = a === "discrete" && i > 0 && i < n - r, s = [];
+	if (o) {
+		let a = [r];
+		for (let e = t ?? r; e < n; e += i) e > r && a.push(e);
+		a.push(n), s = a.map((t) => translateValue({
+			inputMax: n,
+			inputMin: r,
+			outputMax: 100,
+			outputMin: 0,
+			value: t
+		}));
+	}
+	return {
+		scaleOffsets: s,
+		showScale: o
+	};
+}, getOffset = ({ max: t, min: n, offsetBoundaries: r, range: i, value: a }) => {
+	if (n === t) return {
+		offset: 100,
+		offsetLeft: 0,
+		offsetRight: 0
+	};
+	let o, s, c;
+	return i ? (s = translateValue({
+		inputMax: t,
+		inputMin: n,
+		outputMax: r.max,
+		outputMin: r.min,
+		value: a[0]
+	}), c = 100 - translateValue({
+		inputMax: t,
+		inputMin: n,
+		outputMax: r.max,
+		outputMin: r.min,
+		value: a[1]
+	})) : o = translateValue({
+		inputMax: t,
+		inputMin: n,
+		outputMax: r.max,
+		outputMin: r.min,
+		value: a
+	}), {
+		offset: o,
+		offsetLeft: s,
+		offsetRight: c
+	};
+}, equalsRangeValues = ({ values1: e, values2: t }) => !Array.isArray(e) || !Array.isArray(t) || e.length !== 2 || t.length !== 2 ? !1 : e[0] === t[0] && e[1] === t[1];
+var isAllowValue = ({ max: e, min: t, value: n }) => n !== void 0 && n >= t && n <= e, allowValueOrDefault = ({ defaultValue: e, max: t, min: n, value: r }) => isAllowValue({
+	max: t,
+	min: n,
+	value: r
+}) ? r : e, isValidRangeValue = ({ value: e }) => !!(e && Array.isArray(e) && e.length === 2);
+const calcDefaultValue = ({ initialStepOffset: e, max: t, min: n, range: r, step: i, value: o }) => {
+	if (r) {
+		let r = [n, t];
+		if (isValidRangeValue({ value: o })) {
+			let s = o[0], c = o[1], l = allowValueOrDefault({
+				defaultValue: n,
+				max: t,
+				min: n,
+				value: s
+			}), u = allowValueOrDefault({
+				defaultValue: t,
+				max: t,
+				min: n,
+				value: c
+			});
+			r = [calcScaleValue({
+				initialStepOffset: e,
+				max: t,
+				min: n,
+				step: i,
+				value: l
+			}), calcScaleValue({
+				initialStepOffset: e,
+				max: t,
+				min: n,
+				step: i,
+				value: u
+			})];
+		}
+		return r;
+	}
+	return calcScaleValue({
+		initialStepOffset: e,
+		max: t,
+		min: n,
+		step: i,
+		value: allowValueOrDefault({
+			defaultValue: n,
+			max: t,
+			min: n,
+			value: o
+		})
+	});
+}, focusThumb = ({ container: e, currentActivePointer: t, range: n }) => {
+	if (!e) return;
+	let r = null;
+	if (n) {
+		let [n, i] = Array.from(e.querySelectorAll("[role=\"slider\"]"));
+		r = t === "left" ? n : i;
+	} else r = e.querySelector("[role=\"slider\"]");
+	r instanceof HTMLElement && document.activeElement !== r && r.focus();
+};
+export { calcDefaultValue, calcNewRangeValue, calcScaleValue, calcValueByOffset, calculateChange, equalsRangeValues, focusThumb, getOffset, getScale };

package/dist/esm/components/slider/utils/state.utils.js

@@ -1 +1,3 @@
-import{STATES as s}from"../../../lib/types/states/states.js";const e=({disabled:e,hover:t,pressed:o})=>e?s.DISABLED:o?s.PRESSED:t?s.HOVER:s.DEFAULT;export{e as getState};
+import { STATES } from "../../../lib/types/states/states.js";
+const getState = ({ disabled: e, hover: t, pressed: n }) => e ? STATES.DISABLED : n ? STATES.PRESSED : t ? STATES.HOVER : STATES.DEFAULT;
+export { getState };

package/dist/esm/components/slider/utils/ui.utils.js

@@ -1 +1,3 @@
-import{DeviceBreakpointsTypeUtils as o}from"../../../lib/types/breakpoints/breakpoints.js";const s=(o,s,t)=>o&&s===t,t=(s,t,p)=>!(!s||o.isDesktop(p)&&t);export{s as isActive,t as isTooltipVisible};
+import { DeviceBreakpointsTypeUtils } from "../../../lib/types/breakpoints/breakpoints.js";
+const isActive = (e, t, n) => e && t === n, isTooltipVisible = (t, n, r) => !!t && (!DeviceBreakpointsTypeUtils.isDesktop(r) || !n);
+export { isActive, isTooltipVisible };

package/dist/esm/components/snackbar/hooks/useSnackbarAutoClose.js

@@ -1 +1,30 @@
-import{useRef as e,useCallback as r,useEffect as t}from"react";const n=({closeTimeout:n,onClose:u,open:c})=>{const o=e(null),l=e(!1),a=e(!1),s=e(null),m=r(()=>{!n||l.current||a.current||(o.current=setTimeout(()=>{u?.()},n))},[n,u]),d=r(()=>{o.current&&clearTimeout(o.current)},[]);t(()=>(c?(s.current=document.activeElement,m()):d(),()=>{d()}),[c,m]);const i=r(e=>{l.current=!0,d()},[d]),T=r(e=>{l.current=!1,m()},[m]),h=r(e=>{a.current||(a.current=!0,d())},[d]);return{handleBlur:r(e=>{a.current&&e.currentTarget.contains(e.relatedTarget)||(a.current=!1,m())},[m]),handleFocus:h,handleMouseEnter:i,handleMouseLeave:T,lastFocusedElement:s}};export{n as useSnackbarAutoClose};
+import { useCallback, useEffect, useRef } from "react";
+const useSnackbarAutoClose = ({ closeTimeout: t, onClose: n, open: r }) => {
+	let i = useRef(null), a = useRef(!1), o = useRef(!1), s = useRef(null), c = useCallback(() => {
+		!t || a.current || o.current || (i.current = setTimeout(() => {
+			n?.();
+		}, t));
+	}, [t, n]), l = useCallback(() => {
+		i.current && clearTimeout(i.current);
+	}, []);
+	useEffect(() => (r ? (s.current = document.activeElement, c()) : l(), () => {
+		l();
+	}), [r, c]);
+	let u = useCallback((e) => {
+		a.current = !0, l();
+	}, [l]), d = useCallback((e) => {
+		a.current = !1, c();
+	}, [c]), f = useCallback((e) => {
+		o.current || (o.current = !0, l());
+	}, [l]);
+	return {
+		handleBlur: useCallback((e) => {
+			o.current && e.currentTarget.contains(e.relatedTarget) || (o.current = !1, c());
+		}, [c]),
+		handleFocus: f,
+		handleMouseEnter: u,
+		handleMouseLeave: d,
+		lastFocusedElement: s
+	};
+};
+export { useSnackbarAutoClose };

package/dist/esm/components/snackbar/snackbar.js

@@ -1,2 +1,28 @@
-import{jsx as o}from"react/jsx-runtime";import{forwardRef as e,useRef as s,useImperativeHandle as n}from"react";import{useClassName as a}from"../../lib/hooks/useClassName/useClassName.js";import{useSnackbarAutoClose as r}from"./hooks/useSnackbarAutoClose.js";import{SnackbarStandAlone as t}from"./snackbarStandAlone.js";const l=e(({additionalClasses:e,closeTimeout:l,open:u=!1,...m},c)=>{const i=a({additionalClassNames:e,component:"SNACKBAR"}),p=s(null);n(c,()=>p?.current,[]);const{handleBlur:d,handleFocus:C,handleMouseEnter:f,handleMouseLeave:h}=r({closeTimeout:l,onClose:m.onClose,open:u});/* @__PURE__ */
-return o(t,{...m,ref:p,cssClasses:i,open:u,onBlur:d,onFocus:C,onMouseEnter:f,onMouseLeave:h})});export{l as Snackbar};
+import { useClassName } from "../../lib/hooks/useClassName/useClassName.js";
+import { useSnackbarAutoClose } from "./hooks/useSnackbarAutoClose.js";
+import { SnackbarStandAlone } from "./snackbarStandAlone.js";
+import { forwardRef, useImperativeHandle, useRef } from "react";
+import { jsx } from "react/jsx-runtime";
+const Snackbar = forwardRef(({ additionalClasses: e, closeTimeout: t, open: n = !1, ...r }, i) => {
+	let a = useClassName({
+		additionalClassNames: e,
+		component: "SNACKBAR"
+	}), o = useRef(null);
+	useImperativeHandle(i, () => o?.current, []);
+	let { handleBlur: s, handleFocus: c, handleMouseEnter: l, handleMouseLeave: u } = useSnackbarAutoClose({
+		closeTimeout: t,
+		onClose: r.onClose,
+		open: n
+	});
+	return /* @__PURE__ */ jsx(SnackbarStandAlone, {
+		...r,
+		ref: o,
+		cssClasses: a,
+		open: n,
+		onBlur: s,
+		onFocus: c,
+		onMouseEnter: l,
+		onMouseLeave: u
+	});
+});
+export { Snackbar };

package/dist/esm/components/snackbar/snackbarStandAlone.js

@@ -1 +1,20 @@
-import{jsx as e}from"react/jsx-runtime";import{forwardRef as o}from"react";import{classNames as s}from"../../lib/utils/classNames/classNames.js";import{Popover as r}from"../popover/popover.js";const a=o(({children:o,cssClasses:a,onClose:i,open:l,popover:c,...p},t)=>/* @__PURE__ */e(r,{disableClickOverlayClose:!0,disableEscapeClose:!0,component:"div",open:l,onClose:i,...c,children:/* @__PURE__ */e("div",{ref:t,className:s(a?.container),"data-testid":"snackbar",...p,children:o})}));export{a as SnackbarStandAlone};
+import { classNames } from "../../lib/utils/classNames/classNames.js";
+import { Popover } from "../popover/popover.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+const SnackbarStandAlone = forwardRef(({ children: e, cssClasses: t, onClose: n, open: r, popover: i, ...a }, o) => /* @__PURE__ */ jsx(Popover, {
+	disableClickOverlayClose: !0,
+	disableEscapeClose: !0,
+	component: "div",
+	open: r,
+	onClose: n,
+	...i,
+	children: /* @__PURE__ */ jsx("div", {
+		ref: o,
+		className: classNames(t?.container),
+		"data-testid": "snackbar",
+		...a,
+		children: e
+	})
+}));
+export { SnackbarStandAlone };

package/dist/esm/components/stepperNumber/helpers/aria.js

@@ -1 +1,2 @@
-const t=(t,e,o)=>t===e&&"vertical"===o?"step":void 0;export{t as buildAriaCurrent};
+const buildAriaCurrent = (e, t, n) => e === t && n === "vertical" ? "step" : void 0;
+export { buildAriaCurrent };

package/dist/esm/components/stepperNumber/helpers/screnReader.js

@@ -1 +1,8 @@
-const e=(e,f,r,t,c,i)=>{if(i)return((e,f,r,t,c)=>{let i;return i=c?.prefix?`${c.prefix?.step} ${e+1} ${c.prefix?.of} ${f} ${t}`:t,e<r&&c?.suffix?.completed?i=i.concat(" ",c.suffix?.completed):e===r&&c?.suffix?.current&&(i=i.concat(" ",c.suffix?.current)),i})(e,r,f,c,t)};export{e as buildScreenReaderText};
+var concatPrefixSuffix = (e, t, n, r, i) => {
+	let a;
+	return a = i?.prefix ? `${`${i.prefix?.step} ${e + 1}`} ${`${i.prefix?.of} ${t} ${r}`}` : r, e < n && i?.suffix?.completed ? a = a.concat(" ", i.suffix?.completed) : e === n && i?.suffix?.current && (a = a.concat(" ", i.suffix?.current)), a;
+};
+const buildScreenReaderText = (t, n, r, i, a, o) => {
+	if (o) return concatPrefixSuffix(t, r, n, a, i);
+};
+export { buildScreenReaderText };

package/dist/esm/components/stepperNumber/helpers/stepState.js

@@ -1 +1,14 @@
-import{STATES as t}from"../../../lib/types/states/states.js";const e=(e,a)=>{if(!e?.length)return[];const r=Math.max(0,Math.min(a,e.length)),n=e?.reduce((e,a,n)=>{const s=n<r?t.COMPLETED:t.INACTIVE,l=n===r?t.ACTIVE:s;return[...e,{"aria-label":a["aria-label"],name:a.name,state:l}]},[]);return n};export{e as mapToStepState};
+import { STATES } from "../../../lib/types/states/states.js";
+const mapToStepState = (e, t) => {
+	if (!e?.length) return [];
+	let n = Math.max(0, Math.min(t, e.length));
+	return e?.reduce((e, t, r) => {
+		let i = r === n ? STATES.ACTIVE : r < n ? STATES.COMPLETED : STATES.INACTIVE;
+		return [...e, {
+			"aria-label": t["aria-label"],
+			name: t.name,
+			state: i
+		}];
+	}, []);
+};
+export { mapToStepState };