@kubit-ui-web/react-components 2.0.0-beta.3 → 2.0.0-beta.30

package/dist/esm/components/progressBar/progressBarStandAlone.js

@@ -1,4 +1,2 @@
-import{j as r}from"../../_virtual/jsx-runtime.js";import{forwardRef as s}from"react";import{classNames as a}from"../../lib/utils/classNames/classNames.js";import{Slider as e}from"../slider/slider.js";const o=s(({barAriaLabel:s,color:o,cssSizeClasses:t,cssVariantClasses:i,onChange:n,onDragEnd:l,onDragStart:d,progressAnimation:m,progressCompleted:c,tooltip:g,useAsSlider:p=!1,...b},u)=>{const j=b["data-testid"]||"progress-bar",x={backgroundColor:o?.bar},C={backgroundColor:o?.progressBar,transition:`width ${m?.duration} ${m?.timingFunction}`,width:`${c}%`};/* @__PURE__ */
-return r.jsx("div",{ref:u,className:i?.progress_bar,"data-testid":`${j}-progressbar`,children:/* @__PURE__ */r.jsx("div",{className:i?.barcontainer,children:p?/* @__PURE__ */r.jsx(e,{additionalClasses:i?.slider,ariaLabel:s,max:1e3,min:0,tooltip:g,type:"continuous",value:10*c,onChange:r=>{n&&!Array.isArray(r)&&n(r/10)},onDragEnd:l,onDragStart:d}):/* @__PURE__ */r.jsxs(r.Fragment,{children:[
-/* @__PURE__ */r.jsx("div",{className:a(t?.bar,i?.bar),"data-testid":j,style:x}),
-/* @__PURE__ */r.jsx("div",{className:a(t?.progressbar,i?.progressbar),style:C})]})})})});export{o as ProgressBarStandalone};
+import{classNames as r}from"../../lib/utils/classNames/classNames.js";import{forwardRef as a}from"react";import{jsx as s,jsxs as e}from"react/jsx-runtime";const i=a(({barAriaLabel:a,color:i,cssSizeClasses:o,cssVariantClasses:t,progressAnimation:l,progressCompleted:n,...c},d)=>{const m=c["data-testid"]||"progress-bar",b={backgroundColor:i?.bar},p={backgroundColor:i?.progressBar,transition:`width ${l?.duration} ${l?.timingFunction}`,width:`${n}%`};/* @__PURE__ */
+return s("div",{ref:d,className:t?.progress_bar,"data-testid":`${m}-progressbar`,children:/* @__PURE__ */e("div",{className:t?.barcontainer,children:[/* @__PURE__ */s("div",{"aria-label":a,"aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":n,className:r(o?.bar,t?.bar),"data-testid":m,role:"progressbar",style:b}),/* @__PURE__ */s("div",{className:r(o?.progressbar,t?.progressbar),style:p})]})})});export{i as ProgressBarStandalone};

package/dist/esm/components/radioButton/radioButton.js

@@ -1,2 +1,2 @@
-import{j as s}from"../../_virtual/jsx-runtime.js";import{useClassName as a}from"../../lib/hooks/useClassName/useClassName.js";import{RadioButtonStandAlone as t}from"./radioButtonStandAlone.js";import{getState as e}from"./utils/state.utils.js";const o=({additionalClasses:o,checked:r=!1,cssClasses:i,disabled:l=!1,error:m=!1,variant:n,...d})=>{const c=a({additionalClassNames:o,component:"RADIO_BUTTON",variant:n}),u=e(r,l,m);/* @__PURE__ */
-return s.jsx(t,{cssClasses:i??c,state:u,...d,checked:r,disabled:l,error:m})};export{o as RadioButton};
+import{useClassName as s}from"../../lib/hooks/useClassName/useClassName.js";import{RadioButtonStandAlone as a}from"./radioButtonStandAlone.js";import{getState as e}from"./utils/state.utils.js";import{jsx as t}from"react/jsx-runtime";const o=({additionalClasses:o,checked:r=!1,cssClasses:i,disabled:l=!1,error:m=!1,variant:n,...d})=>{const c=s({additionalClassNames:o,component:"RADIO_BUTTON",variant:n}),u=e(r,l,m);/* @__PURE__ */
+return t(a,{cssClasses:i??c,state:u,...d,checked:r,disabled:l,error:m})};export{o as RadioButton};

package/dist/esm/components/radioButton/radioButtonStandAlone.js

@@ -1,8 +1,2 @@
-import{j as e}from"../../_virtual/jsx-runtime.js";import{LabelStandAlone as s}from"../label/labelStandAlone.js";import{RenderIf as r}from"../renderIf/renderIf.js";import{Text as i}from"../text/text.js";import{useId as t}from"../../lib/hooks/useId/useId.js";import{classNames as a}from"../../lib/utils/classNames/classNames.js";import{pickCustomAttributes as o}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processText as l}from"../../lib/utils/process/processText/processText.js";import{ElementOrIcon as n}from"../elementOrIcon/elementOrIcon.js";import{buildAriaLabelledBy as d}from"./utils/aria.utils.js";const c=({altVariant:c=!1,checked:m,cssClasses:b,disabled:u,error:j,errorAriaLiveType:p,errorIcon:x,errorMessage:h,id:f,label:I,lastChild:g,name:v,onBlur:C,onChange:N,screenReaderId:y,state:A,subTitle:k,tabIndex:_,value:B,...T})=>{let $=t("RadioButton");$=f??$;const M=l(k).id&&`${$}__description`,R=h&&`${$}__error`,O={"data-state":A},w=o(O),L=T["data-testid"]??"radio-button";/* @__PURE__ */
-return e.jsxs("div",{className:b?.rowcontainer,"data-testid":L,...w,style:{display:I?"grid":"block",marginBottom:g?0:void 0},children:[
-/* @__PURE__ */e.jsx("div",{...w,className:b?.radiobuttoncontainer,children:/* @__PURE__ */e.jsx("input",{"aria-describedby":d({descriptionId:M,error:j,errorMessage:h,errorMessageId:R,screenReaderId:y}),"aria-hidden":T["aria-hidden"],"aria-label":T["aria-label"],"aria-labelledby":T["aria-labelledby"],checked:m,className:a(b?.radio_button,{"global-focus-visible":!!c}),"data-testid":`${L}-input`,disabled:u,id:$,name:v,tabIndex:_,type:"radio",value:B,onBlur:C,onChange:N,...w})}),
-/* @__PURE__ */e.jsxs("div",{className:b?.infocontainer,children:[
-/* @__PURE__ */e.jsx(r,{condition:!!I?.content,children:/* @__PURE__ */e.jsx("div",{className:b?.labelcontainer,children:/* @__PURE__ */e.jsx(s,{cursor:u?"default":"pointer",customAttributes:O,inputId:$,textCssClasses:a(b?.label,{[`${b?.speciallabel}`]:!!k}),...I,children:I?.content})})}),
-/* @__PURE__ */e.jsx(r,{condition:!!l(k).children,children:"string"==typeof l(k)?/* @__PURE__ */e.jsx(i,{additionalClasses:{text:b?.sublabel},...l(k),id:M}):/* @__PURE__ */e.jsx("div",{id:M,children:l(k).children})}),
-/* @__PURE__ */e.jsx(r,{condition:!(!j||!h),children:/* @__PURE__ */e.jsx("div",{"aria-live":p,className:b?.errormessagecontainer,id:R,...w,children:/* @__PURE__ */e.jsxs(i,{additionalClasses:{text:b?.errormessage},customAttributes:O,children:[
-/* @__PURE__ */e.jsx(r,{condition:!!x,children:/* @__PURE__ */e.jsx("span",{...w,className:b?.errormessageiconcontainer,children:/* @__PURE__ */e.jsx(n,{className:b?.errormessageicon,customAttributes:O,...x})})}),h]})})})]})]})};export{c as RadioButtonStandAlone};
+import{pickCustomAttributes as e}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{classNames as r}from"../../lib/utils/classNames/classNames.js";import{Text as a}from"../text/text2.js";import{processIconProp as t,processTextProp as i}from"../../lib/utils/process/processCommonProp.js";import{ElementOrIcon as s}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{LabelStandAlone as o}from"../label/labelStandAlone.js";import{buildAriaLabelledBy as l}from"./utils/aria.utils.js";import{useId as n}from"react";import{jsx as d,jsxs as c}from"react/jsx-runtime";const m=({altVariant:m=!1,checked:b,cssClasses:u,disabled:p,error:h,errorAriaLiveType:g,errorIcon:f,errorMessage:v,id:C,label:I,lastChild:N,name:x,onBlur:j,onChange:y,screenReaderId:A,state:k,subTitle:$,tabIndex:_,value:B,...M})=>{let O=`radiobutton-${n().replace(/:/g,"")}`;O=C??O;const R=i($).id&&`${O}__description`,T=v&&`${O}__error`,w={"data-state":k},L=e(w),P=M["data-testid"]??"radio-button";/* @__PURE__ */
+return c("div",{className:u?.rowcontainer,"data-testid":P,...L,style:{display:I?"grid":"block",marginBottom:N?0:void 0},children:[/* @__PURE__ */d("div",{...L,className:u?.radiobuttoncontainer,children:/* @__PURE__ */d("input",{"aria-describedby":l({descriptionId:R,error:h,errorMessage:v,errorMessageId:T,screenReaderId:A}),"aria-hidden":M["aria-hidden"],"aria-label":M["aria-label"],"aria-labelledby":M["aria-labelledby"],checked:b,className:r(u?.radio_button,{"global-focus-visible":!!m}),"data-testid":`${P}-input`,disabled:p,id:O,name:x,tabIndex:_,type:"radio",value:B,onBlur:j,onChange:y,...L})}),/* @__PURE__ */c("div",{className:u?.infocontainer,children:[!!I?.content&&/* @__PURE__ */d("div",{className:u?.labelcontainer,children:/* @__PURE__ */d(o,{cursor:p?"default":"pointer",customAttributes:w,inputId:O,textCssClasses:r(u?.label,{[`${u?.speciallabel}`]:!!$}),...I,children:I?.content})}),!!i($).children&&("string"==typeof i($)?/* @__PURE__ */d(a,{additionalClasses:{text:u?.sublabel},...i($),id:R}):/* @__PURE__ */d("div",{id:R,children:i($).children})),!(!h||!v)&&/* @__PURE__ */d("div",{"aria-live":g,className:u?.errormessagecontainer,id:T,...L,children:/* @__PURE__ */c(a,{additionalClasses:{text:u?.errormessage},customAttributes:w,children:[!!f&&/* @__PURE__ */d("span",{...L,className:u?.errormessageiconcontainer,children:/* @__PURE__ */d(s,{className:u?.errormessageicon,customAttributes:w,...t(f)})}),v]})})]})]})};export{m as RadioButtonStandAlone};

package/dist/esm/components/radioButton/utils/aria.utils.js

@@ -1 +1 @@
-const e=({descriptionId:e,error:r,errorMessage:o,errorMessageId:s,screenReaderId:t})=>{let d="";e&&(d+=`${e}`),t&&(d+=` ${t}`),o&&r&&(d+=` ${s}`);const n=d.trim();return n.length>0?n:void 0};export{e as buildAriaLabelledBy};
+const e=({descriptionId:e,error:r,errorMessage:o,errorMessageId:s,screenReaderId:t})=>{let d="";e&&(d+=`${e}`),t&&(d+=` ${t}`),o&&r&&(d+=` ${s}`);const n=d.trim();return n.length>0?n:void 0};export{e as buildAriaLabelledBy};

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

@@ -1 +1 @@
-import{STATES as E}from"../../../lib/types/states/states.js";const t=(t=!1,s=!1,D=!1)=>{const L=D,R=s,e=t;return L&&!e?E.ERROR:L&&e?E.ERROR_SELECTED:R&&!e?E.DISABLED:R&&e?E.DISABLED_SELECTED:e?E.SELECTED:E.DEFAULT};export{t as getState};
+import{STATES as E}from"../../../lib/types/states/states.js";const t=(t=!1,s=!1,D=!1)=>{const L=D,R=s,e=t;return L&&!e?E.ERROR:L&&e?E.ERROR_SELECTED:R&&!e?E.DISABLED:R&&e?E.DISABLED_SELECTED:e?E.SELECTED:E.DEFAULT};export{t as getState};

package/dist/esm/components/select/index.js

@@ -0,0 +1,2 @@
+export {  SelectControlled  } from './selectControlled.js';
+export {  Select  } from './selectUncontrolled.js';

package/dist/esm/components/select/selectControlled.js

@@ -0,0 +1 @@
+import{useClassName as e}from"../../lib/hooks/useClassName/useClassName.js";import{useGenericComponents as o}from"../../lib/provider/genericComponentsProvider/genericComponentsProvider.js";import{TAB as r}from"../../lib/constants/keyboardKeys/keyboardKeys.js";import{isKeyPressed as s}from"../../lib/utils/keyboard/keyboard.js";import{focusFirstDescendant as t}from"../../lib/utils/focusHandlers/focusHandlers.js";import{SelectStandAlone as n}from"./selectStandAlone.js";import{forwardRef as i,useEffect as l,useRef as a}from"react";import{jsx as m}from"react/jsx-runtime";const p=i(({additionalClasses:i,closePopoverOnScroll:p,listOptions:c,onClosePopover:d,open:u,url:f,variant:v,...y},C)=>{const{LINK:b}=o(),j=e({additionalClassNames:i,component:"SELECT",variant:v}),k=a(null);return l(()=>{if(p)return window.addEventListener("scroll",d),()=>{window.removeEventListener("scroll",d)}},[p,d]),/* @__PURE__ */m(n,{ref:C,component:f?b:"button",cssClasses:j,listOptions:c,listOptionsRef:k,open:u,onButtonKeyDown:e=>{u&&s(e.key,r.key)&&!e.shiftKey&&k.current&&("selection"===c.type?k.current.firstElementChild?.focus():t({element:k.current}),e.preventDefault())},onClosePopover:d,...y})});export{p as SelectControlled};

package/dist/esm/components/select/selectStandAlone.js

@@ -0,0 +1,2 @@
+import{CustomComponent as o}from"../../lib/components/customComponent/customComponent.js";import{pickCustomAttributes as e}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{Text as t}from"../text/text2.js";import{processIconProp as n,processTextProp as s}from"../../lib/utils/process/processCommonProp.js";import{ElementOrIcon as i}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{keyDownMove as r,keyUpMove as l}from"../listOptions/utils/listOptions.utils.js";import{ListOptions as a}from"../listOptions/listOptions.js";import{Popover as c}from"../popover/popover.js";import{forwardRef as p,useId as m,useMemo as u}from"react";import{jsx as d,jsxs as b}from"react/jsx-runtime";const v=p(({buttonOrLinkRef:p,component:v,cssClasses:f,icon:C,label:h,listOptions:k,listOptionsRef:y,onBlur:x,onButtonClick:O,onButtonKeyDown:g,onClosePopover:D,onFocus:j,onKeyDown:F,onOptionClick:M,open:w,optionSelected:A,popover:K,url:B,urlTarget:N,...E},I)=>{const R=`select-${m().replace(/:/g,"")}`,T=w?`${R}-list`:void 0,$=E["data-testid"]||"select",L=e(E),P=u(()=>{return{currentFocusSelected:-1,keyDownMove:r(k.options),keyLeftMove:0,keyRightMove:0,keyTabMove:(o=k.options,(e,t)=>{if(t?.shiftKey){const o=Math.max(e,0)-1;return o>=0&&t?.preventDefault(),Math.max(o,0)}const n=Math.max(e,0)+1;return n<=o.length-1&&t?.preventDefault(),Math.min(n,o.length-1)}),keyUpMove:l,size:k.options.length};var o},[k.options]);/* @__PURE__ */
+return b("div",{ref:I,className:f?.select,"data-testid":$,role:"combobox",onBlur:x,onFocus:j,onKeyDown:F,...L,"aria-controls":"select-list","aria-expanded":w,tabIndex:0,children:[/* @__PURE__ */b(o,{ref:p,"aria-controls":T,"aria-expanded":w,"aria-haspopup":"listbox",className:f?.buttonorlinkcontainer,component:v,target:B?N:void 0,type:B?void 0:"button",url:B,onClick:O,onKeyDown:g,children:[/* @__PURE__ */d(t,{additionalClasses:{text:w?f?.labelopened:f?.labelclosed},component:"span",...s(h)}),/* @__PURE__ */d(i,{className:w?f?.iconopened:f?.iconclosed,rotate:w?"180deg":"0deg",transitionDuration:"0.2s",...n(C)})]}),!!K&&/* @__PURE__ */d(c,{anchorElement:p?.current,component:"div",disableAutoFocusFirstDescendant:!0,disableAutoFocusFirstDescendantAfterClose:!0,disableClickOverlayClose:!1,disableEscapeClose:!1,disableTrapFocus:!0,id:T,open:w,placement:"bottom",preventCloseOnClickElements:[p?.current],strategy:"absolute",...K,onClose:()=>{D(),K?.onClose?.()},children:/* @__PURE__ */d("div",{className:f?.listoptionscontainer,"data-testid":`${$}-list`,children:!!k.variant&&!!k.optionVariant&&/* @__PURE__ */d(a,{ref:y,roveFocus:"selection"===k.type?P:void 0,selectedValue:A,...k,onOptionClick:o=>{M(o),D()}})})})]})});export{v as SelectStandAlone};

package/dist/esm/components/select/selectUncontrolled.js

@@ -0,0 +1 @@
+import{ESCAPE as e}from"../../lib/constants/keyboardKeys/keyboardKeys.js";import{SelectControlled as o}from"./selectControlled.js";import{forwardRef as n,useEffect as t,useRef as r,useState as i}from"react";import{jsx as c}from"react/jsx-runtime";const l=n(({defaultOpen:n=!1,defaultOptionSelected:l,onBlur:s,onButtonClick:u,onClosePopover:d,onFocus:a,onOptionClick:p,openAndCloseOnHover:m=!1,...f},k)=>{const[y,v]=i(n),[C,b]=i(l),O=r(null);return t(()=>{const e=()=>{document.hidden&&v(!1)};return document.addEventListener("visibilitychange",e),()=>document.removeEventListener("visibilitychange",e)},[]),/* @__PURE__ */c(o,{...f,ref:k,buttonOrLinkRef:O,open:y,optionSelected:C,onBlur:e=>{e.currentTarget.contains(e.relatedTarget)||(v(!1),s?.(!1)),m&&(v(!1),s?.(!1))},onButtonClick:()=>{u?.(!y),v(!y)},onClosePopover:()=>{v(!1),d?.(!1)},onFocus:()=>{m&&(v(!0),a?.(!0))},onKeyDown:o=>{e.key.includes(o.key)&&y&&(O.current?.focus(),v(!1))},onOptionClick:e=>{b(e),p?.(e)}})});export{l as SelectUnControlled};

package/dist/esm/components/selectorBoxFile/components/selectorBoxFileAnimation.js

@@ -1,7 +1,2 @@
-import{j as t}from"../../../_virtual/jsx-runtime.js";import{Children as i,isValidElement as e,cloneElement as n}from"react";import{RenderIf as o}from"../../renderIf/renderIf.js";import{pickCustomAttributes as a}from"../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{useBorderAnimation as s}from"../hooks/useBorderAnimation.js";const r=({children:r,cssClasses:c,focus:m,onAnimationCompleted:d,percentage:l,state:f,...j})=>{const{bottomRef:p,leftRef:u,rightRef:x,topRef:h}=s({onAnimationCompleted:d,percentage:l}),v=a({...{"data-focus":m,"data-state":f}}),b=c?.animationcontainer,N=c?.topanimationcontainer,g=c?.rightanimationcontainer,A=c?.bottomanimationcontainer,C=c?.leftanimationcontainer,R=i.map(r,t=>e(t)?n(t,{focus:m}):t);return b?/* @__PURE__ */t.jsxs("div",{className:b,"data-focus":m,"data-testid":`${j["data-testid"]}-animations`,...v,children:[
-/* @__PURE__ */t.jsx(o,{condition:!!N,children:/* @__PURE__ */t.jsx("div",{...v,ref:h,className:N})}),
-/* @__PURE__ */t.jsx(o,{condition:!!g,children:/* @__PURE__ */t.jsx("div",{...v,ref:x,className:g})}),
-/* @__PURE__ */t.jsx(o,{condition:!!A,children:/* @__PURE__ */t.jsx("div",{...v,ref:p,className:A})}),
-/* @__PURE__ */t.jsx(o,{condition:!!C,children:/* @__PURE__ */t.jsx("div",{...v,ref:u,className:C})}),
-/* @__PURE__ */t.jsx("div",{...v,className:c.borderanimationcontainer,children:r})]}):
-/* @__PURE__ */t.jsx(t.Fragment,{children:R})};export{r as SelectorBoxFileAnimation};
+import{pickCustomAttributes as t}from"../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{useBorderAnimation as a}from"../hooks/useBorderAnimation.js";import{Children as e,cloneElement as i,isValidElement as o}from"react";import{Fragment as n,jsx as r,jsxs as s}from"react/jsx-runtime";const m=({children:m,cssClasses:c,focus:d,onAnimationCompleted:f,percentage:l,state:p,...u})=>{const{bottomRef:h,leftRef:b,rightRef:v,topRef:N}=a({onAnimationCompleted:f,percentage:l}),g=t({"data-focus":d,"data-state":p}),A=c?.animationcontainer,C=c?.topanimationcontainer,R=c?.rightanimationcontainer,j=c?.bottomanimationcontainer,k=c?.leftanimationcontainer,x=e.map(m,t=>o(t)?i(t,{focus:d}):t);return A?/* @__PURE__ */s("div",{className:A,"data-focus":d,"data-testid":`${u["data-testid"]}-animations`,...g,children:[!!C&&/* @__PURE__ */r("div",{...g,ref:N,className:C}),!!R&&/* @__PURE__ */r("div",{...g,ref:v,className:R}),!!j&&/* @__PURE__ */r("div",{...g,ref:h,className:j}),!!k&&/* @__PURE__ */r("div",{...g,ref:b,className:k}),
+/* @__PURE__ */r("div",{...g,className:c.borderanimationcontainer,children:m})]}):/* @__PURE__ */r(n,{children:x})};export{m as SelectorBoxFileAnimation};

package/dist/esm/components/selectorBoxFile/components/selectorBoxFileContainerBox.js

@@ -1,13 +1,6 @@
-import{j as t}from"../../../_virtual/jsx-runtime.js";import{RenderIf as s}from"../../renderIf/renderIf.js";import{Text as n}from"../../text/text.js";import{STATES as e}from"../../../lib/types/states/states.js";import{pickCustomAttributes as i}from"../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processText as o}from"../../../lib/utils/process/processText/processText.js";import{ElementOrIcon as c}from"../../elementOrIcon/elementOrIcon.js";const a=({containerBoxStateContent:a,cssClasses:r,filename:l,focus:m,htmlFor:x,loader:d,state:p})=>{const u={"data-focus":m,"data-state":p};/* @__PURE__ */
-return t.jsxs("label",{className:r?.containerboxcontainer,"data-focus":m,htmlFor:x,...i(u),children:[
-/* @__PURE__ */t.jsxs("span",{children:[d,
-/* @__PURE__ */t.jsx(c,{className:r?.containerboxicon,customAttributes:u,...a[p]?.icon}),
-/* @__PURE__ */t.jsx(c,{className:r?.containerboxicon,customAttributes:u,...a[p]?.icon})]}),
-/* @__PURE__ */t.jsxs("span",{className:r?.containerboxtextscontainer,...i(u),children:[
-/* @__PURE__ */t.jsx(s,{condition:!!l&&[e.LOADING,e.SUCCESS,e.ERROR].includes(p),children:/* @__PURE__ */t.jsx(n,{additionalClasses:{text:r?.containerboxfilename},component:"span",customAttributes:u,children:l})}),
-/* @__PURE__ */t.jsxs("span",{className:r?.actiondescriptioncontainer,children:[
-/* @__PURE__ */t.jsx(s,{condition:!!o(a[p]?.actionText).children,children:/* @__PURE__ */t.jsxs("span",{className:r?.actioniconandactiontextcontainer,...i(u),children:[
-/* @__PURE__ */t.jsx(c,{className:r?.actionicon,customAttributes:u,...a[p]?.actionIcon}),
-/* @__PURE__ */t.jsx(n,{additionalClasses:{text:r?.containerboxactiontext},component:"span",customAttributes:u,...o(a[p]?.actionText),children:o(a[p]?.actionText).children})]})}),
-/* @__PURE__ */t.jsx(s,{condition:!!a[p]?.description,children:/* @__PURE__ */t.jsx(n,{additionalClasses:{text:r?.containerboxdescription},component:"span",customAttributes:u,...o(a[p]?.description),children:o(a[p]?.description).children})})]})]}),
-/* @__PURE__ */t.jsx(s,{condition:!!a[p]?.iconRight,children:/* @__PURE__ */t.jsx("span",{children:/* @__PURE__ */t.jsx(c,{className:r?.containerboxicon,customAttributes:u,...a[p]?.iconRight})})})]})};export{a as SelectorBoxFileContainerBox};
+import{pickCustomAttributes as t}from"../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{Text as o}from"../../text/text2.js";import{processIconProp as n,processTextProp as e}from"../../../lib/utils/process/processCommonProp.js";import{ElementOrIcon as s}from"../../../lib/components/elementOrIcon/elementOrIcon.js";import{STATES as i}from"../../../lib/types/states/states.js";import{jsx as c,jsxs as a}from"react/jsx-runtime";const r=({containerBoxStateContent:r,cssClasses:l,filename:m,focus:p,htmlFor:d,loader:u,state:b})=>{const x={"data-focus":p,"data-state":b};/* @__PURE__ */
+return a("label",{className:l?.containerboxcontainer,"data-focus":p,htmlFor:d,...t(x),children:[
+/* @__PURE__ */a("span",{children:[u,
+/* @__PURE__ */c(s,{className:l?.containerboxicon,customAttributes:x,...n(r[b]?.icon)}),
+/* @__PURE__ */c(s,{className:l?.containerboxicon,customAttributes:x,...n(r[b]?.icon)})]}),
+/* @__PURE__ */a("span",{className:l?.containerboxtextscontainer,...t(x),children:[!!m&&[i.LOADING,i.SUCCESS,i.ERROR].includes(b)&&/* @__PURE__ */c(o,{additionalClasses:{text:l?.containerboxfilename},component:"span",customAttributes:x,children:m}),!!e(r[b]?.actionText).children&&/* @__PURE__ */a("span",{className:l?.actioniconandactiontextcontainer,...t(x),children:[/* @__PURE__ */c(s,{className:l?.actionicon,customAttributes:x,...n(r[b]?.actionIcon)}),/* @__PURE__ */c(o,{additionalClasses:{text:l?.containerboxactiontext},component:"span",customAttributes:x,...e(r[b]?.actionText),children:e(r[b]?.actionText).children})]}),!!r[b]?.description&&/* @__PURE__ */c(o,{additionalClasses:{text:l?.containerboxdescription},component:"span",customAttributes:x,...e(r[b]?.description),children:e(r[b]?.description).children})]}),!!r[b]?.iconRight&&/* @__PURE__ */c("span",{children:/* @__PURE__ */c(s,{className:l?.containerboxicon,customAttributes:x,...n(r[b]?.iconRight)})})]})};export{r as SelectorBoxFileContainerBox};

package/dist/esm/components/selectorBoxFile/hooks/useBorderAnimation.js

@@ -1 +1 @@
-import{useRef as e,useState as t,useEffect as n}from"react";import{getTopBarWith as r,getRightBarHeight as i,getBottomBarWith as c,getLeftBarHeight as s}from"../utils/animation/animation.js";const o="100%",a=(e,t)=>{e&&(e.style.transition="none",e.style[t]="0%",e.style.removeProperty("transition"))},u=({...u})=>{const d=e(null),l=e(null),h=e(null),g=e(null),[p,m]=t(!1),[v,y]=t(!1),[E,L]=t(!1);return n(()=>{0===u.percentage?(a(d.current,"width"),a(l.current,"height"),a(h.current,"width"),a(g.current,"height"),m(!1),y(!1),L(!1)):u.percentage>0&&(u.percentage>=0&&d?.current&&(d.current.style.width=`${r(u.percentage)}%`),p&&u.percentage>25&&l?.current&&(l.current.style.height=`${i(u.percentage)}%`),v&&u.percentage>50&&h?.current&&(h.current.style.width=`${c(u.percentage)}%`),E&&u.percentage>75&&g?.current&&(g.current.style.height=`${s(u.percentage)}%`))},[u.percentage,p,v,E]),n(()=>{const e=()=>{m(d.current?.style.width===o)},t=()=>{y(l.current?.style.height===o)},n=()=>{L(h.current?.style.width===o)},r=()=>{g.current?.style.height===o&&u.onAnimationCompleted?.()};return d.current?.addEventListener("transitionend",e),l.current?.addEventListener("transitionend",t),h.current?.addEventListener("transitionend",n),g.current?.addEventListener("transitionend",r),()=>{d.current?.removeEventListener("transitionend",e),l.current?.removeEventListener("transitionend",t),h.current?.removeEventListener("transitionend",n),g.current?.removeEventListener("transitionend",r)}},[]),{bottomRef:h,leftRef:g,rightRef:l,topRef:d}};export{u as useBorderAnimation};
+import{getBottomBarWith as e,getLeftBarHeight as t,getRightBarHeight as n,getTopBarWith as r}from"../utils/animation/animation.js";import{useEffect as i,useRef as c,useState as s}from"react";var o="100%",a=(e,t)=>{e&&(e.style.transition="none",e.style[t]="0%",e.style.removeProperty("transition"))};const u=({...u})=>{const d=c(null),l=c(null),h=c(null),g=c(null),[p,m]=s(!1),[v,y]=s(!1),[E,L]=s(!1);return i(()=>{0===u.percentage?(a(d.current,"width"),a(l.current,"height"),a(h.current,"width"),a(g.current,"height"),m(!1),y(!1),L(!1)):u.percentage>0&&(u.percentage>=0&&d?.current&&(d.current.style.width=`${r(u.percentage)}%`),p&&u.percentage>25&&l?.current&&(l.current.style.height=`${n(u.percentage)}%`),v&&u.percentage>50&&h?.current&&(h.current.style.width=`${e(u.percentage)}%`),E&&u.percentage>75&&g?.current&&(g.current.style.height=`${t(u.percentage)}%`))},[u.percentage,p,v,E]),i(()=>{const e=()=>{m(d.current?.style.width===o)},t=()=>{y(l.current?.style.height===o)},n=()=>{L(h.current?.style.width===o)},r=()=>{g.current?.style.height===o&&u.onAnimationCompleted?.()};return d.current?.addEventListener("transitionend",e),l.current?.addEventListener("transitionend",t),h.current?.addEventListener("transitionend",n),g.current?.addEventListener("transitionend",r),()=>{d.current?.removeEventListener("transitionend",e),l.current?.removeEventListener("transitionend",t),h.current?.removeEventListener("transitionend",n),g.current?.removeEventListener("transitionend",r)}},[]),{bottomRef:h,leftRef:g,rightRef:l,topRef:d}};export{u as useBorderAnimation};

package/dist/esm/components/selectorBoxFile/selectorBoxFile.js

@@ -1,2 +1,2 @@
-import{j as e}from"../../_virtual/jsx-runtime.js";import{forwardRef as s,useState as o}from"react";import{useClassName as r}from"../../lib/hooks/useClassName/useClassName.js";import{SelectorBoxFileStandAlone as t}from"./selectorBoxFileStandAlone.js";import{getState as i}from"./utils/state/state.js";const n=s(({additionalClasses:s,disabled:n=!1,error:a=!1,errorFileExtensionMessage:l={content:""},errorMaxSizeMessage:c={content:""},errorMessage:d={content:""},fileExtension:m,loading:u=!1,maxSize:x,onChange:g,onFileError:v,onSizeError:E,percentage:f=0,success:p=!1,variant:S,...z},C)=>{const j=r({additionalClassNames:s,component:"SELECTOR_BOX_FILE",variant:S}),[F,M]=o(!1),[h,B]=o({validExtension:!0,validSize:!0});/* @__PURE__ */
-return e.jsx(t,{...z,ref:C,cssClasses:j,errorMessage:h.validExtension?h.validSize?d:c:l,focus:F,percentage:f,state:i(u,p,a||!h.validExtension||!h.validSize,n),onBlur:()=>{M(!1)},onChange:e=>{(e=>{if(!e||0===e.length)return;const s=e[0],o=s.size/1024/1024,r=s.type;let t=!0,i=!0;x&&o>x&&(t=!1,E?.(!0)),m&&!m?.some(e=>r.includes(e))&&(i=!1,v?.(!0)),B({validExtension:i,validSize:t})})(e.target.files),g?.(e)},onFocus:()=>{M(!0)}})});export{n as SelectorBoxFile};
+import{useClassName as e}from"../../lib/hooks/useClassName/useClassName.js";import{SelectorBoxFileStandAlone as s}from"./selectorBoxFileStandAlone.js";import{getState as o}from"./utils/state/state.js";import{forwardRef as t,useState as i}from"react";import{jsx as n}from"react/jsx-runtime";const r=t(({additionalClasses:t,disabled:r=!1,error:a=!1,errorFileExtensionMessage:l={content:""},errorMaxSizeMessage:c={content:""},fileExtension:m,loading:d=!1,maxSize:u,onChange:f,onFileError:p,onSizeError:x,percentage:E=0,success:g=!1,variant:v,...C},S)=>{const z=e({additionalClassNames:t,component:"SELECTOR_BOX_FILE",variant:v}),[F,h]=i(!1),[j,B]=i({validExtension:!0,validSize:!0});/* @__PURE__ */
+return n(s,{...C,ref:S,cssClasses:z,focus:F,percentage:E,state:o(d,g,a||!j.validExtension||!j.validSize,r),onBlur:()=>{h(!1)},onChange:e=>{(e=>{if(!e||0===e.length)return;const s=e[0],o=s.size/1024/1024,t=s.type;let i=!0,n=!0;u&&o>u&&(i=!1,x?.(!0)),m&&!m?.some(e=>t.includes(e))&&(n=!1,p?.(!0)),B({validExtension:n,validSize:i})})(e.target.files),f?.(e)},onFocus:()=>{h(!0)}})});export{r as SelectorBoxFile};

package/dist/esm/components/selectorBoxFile/selectorBoxFileStandAlone.js

@@ -1,8 +1,2 @@
-import{j as e}from"../../_virtual/jsx-runtime.js";import{forwardRef as s}from"react";import{RenderIf as o}from"../renderIf/renderIf.js";import{useId as t}from"../../lib/hooks/useId/useId.js";import{STATES as r}from"../../lib/types/states/states.js";import{SelectorBoxFileAnimation as i}from"./components/selectorBoxFileAnimation.js";import{SelectorBoxFileContainerBox as n}from"./components/selectorBoxFileContainerBox.js";import{SelectorBoxFileErrorMessage as a}from"./components/selectorBoxFileErrorMessage.js";import{SelectorBoxFileHeader as l}from"./components/selectorBoxFileHeader.js";const c=s(({accept:s,button:c,containerBoxStateContent:d,cssClasses:m,description:p,errorMessage:x,errorMessageIcon:f,filename:u,focus:j,id:C,multiple:I,name:b,onAnimationCompleted:h,onBlur:B,onChange:g,onClick:F,onFocus:M,percentage:v,state:k,subtitle:y,title:A,tooltip:E,tooltipIcon:$,...N},R)=>{const S=t("selectorBoxFile"),_=C??S,D=`${_}HeaderId`,H=`${_}ErrorId`,L=N["data-testid"]??"selector-box-file";/* @__PURE__ */
-return e.jsxs("div",{ref:R,children:[
-/* @__PURE__ */e.jsxs("div",{className:m?.selector_box_file,"data-testid":L,children:[
-/* @__PURE__ */e.jsxs("div",{className:m?.header,children:[
-/* @__PURE__ */e.jsx(o,{condition:!(!A&&!y),children:/* @__PURE__ */e.jsx(l,{button:c,cssClasses:m,description:p,headerId:D,subtitle:y,title:A,tooltip:E,tooltipIcon:$})}),
-/* @__PURE__ */e.jsx(i,{cssClasses:m,"data-testid":L,focus:j,percentage:v,state:k,onAnimationCompleted:h,children:/* @__PURE__ */e.jsx(n,{containerBoxStateContent:d,cssClasses:m,filename:u,focus:!1,htmlFor:_,state:k})})]}),
-/* @__PURE__ */e.jsx(a,{cssClasses:m,errorMessage:x,errorMessageIcon:f,errorMessageId:H,state:k})]}),
-/* @__PURE__ */e.jsx("input",{accept:s,"aria-describedby":(()=>{let e="";return(A||y)&&(e+=` ${D}`),k===r.ERROR&&x&&(e+=` ${H}`),e||void 0})(),className:"kbt-sr-only",disabled:k===r.DISABLED,id:_,multiple:I,name:b,type:"file",onBlur:B,onChange:g,onClick:F,onFocus:M})]})});export{c as SelectorBoxFileStandAlone};
+import{STATES as e}from"../../lib/types/states/states.js";import{SelectorBoxFileAnimation as t}from"./components/selectorBoxFileAnimation.js";import{SelectorBoxFileContainerBox as o}from"./components/selectorBoxFileContainerBox.js";import{forwardRef as s,useId as n}from"react";import{jsx as a,jsxs as i}from"react/jsx-runtime";const l=s(({accept:s,containerBoxStateContent:l,cssClasses:c,filename:r,focus:m,id:d,multiple:p,name:f,onAnimationCompleted:u,onBlur:C,onChange:x,onClick:h,onFocus:B,percentage:b,state:g,...F},j)=>{const A=`selectorboxfile-${n().replace(/:/g,"")}`,k=d??A,v=F["data-testid"]??"selector-box-file";/* @__PURE__ */
+return i("div",{ref:j,children:[/* @__PURE__ */a("div",{className:c?.selector_box_file,"data-testid":v,children:/* @__PURE__ */a("div",{className:c?.header,children:/* @__PURE__ */a(t,{cssClasses:c,"data-testid":v,focus:m,percentage:b,state:g,onAnimationCompleted:u,children:/* @__PURE__ */a(o,{containerBoxStateContent:l,cssClasses:c,filename:r,focus:!1,htmlFor:k,state:g})})})}),/* @__PURE__ */a("input",{accept:s,className:"kbt-sr-only",disabled:g===e.DISABLED,id:k,multiple:p,name:f,type:"file",onBlur:C,onChange:x,onClick:h,onFocus:B})]})});export{l as SelectorBoxFileStandAlone};

package/dist/esm/components/selectorBoxFile/utils/animation/animation.js

@@ -1 +1 @@
-import{translateValue as t}from"../translateValue/translateValue.js";const a=(a,u,n)=>a>n?100:t({inputMax:n,inputMin:u,outputMax:100,outputMin:0,value:a}),u=t=>a(t,0,25),n=t=>a(t,25,50),e=t=>a(t,50,75),o=t=>a(t,75,100);export{e as getBottomBarWith,o as getLeftBarHeight,n as getRightBarHeight,u as getTopBarWith};
+import{translateValue as t}from"../translateValue/translateValue.js";var a=(a,u,n)=>a>n?100:t({inputMax:n,inputMin:u,outputMax:100,outputMin:0,value:a});const u=t=>a(t,0,25),n=t=>a(t,25,50),e=t=>a(t,50,75),o=t=>a(t,75,100);export{e as getBottomBarWith,o as getLeftBarHeight,n as getRightBarHeight,u as getTopBarWith};

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

@@ -1 +1 @@
-import{STATES as t}from"../../../../lib/types/states/states.js";const s=(s,e,o,D)=>D?t.DISABLED:o?t.ERROR:e?t.SUCCESS:s?t.LOADING:t.DEFAULT;export{s as getState};
+import{STATES as t}from"../../../../lib/types/states/states.js";const s=(s,e,o,D)=>D?t.DISABLED:o?t.ERROR:e?t.SUCCESS:s?t.LOADING:t.DEFAULT;export{s as getState};

package/dist/esm/components/selectorBoxFile/utils/translateValue/translateValue.js

@@ -1 +1 @@
-const t=({inputMax:t,inputMin:n,outputMax:u,outputMin:a,value:i})=>{if(n===t)return a;const M=a+(i-n)/(t-n)*(u-a);return Math.min(u,Math.max(a,M))};export{t as translateValue};
+const t=({inputMax:t,inputMin:n,outputMax:u,outputMin:a,value:i})=>{if(n===t)return a;const M=a+(i-n)/(t-n)*(u-a);return Math.min(u,Math.max(a,M))};export{t as translateValue};

package/dist/esm/components/skeleton/skeleton.css

@@ -1,20 +1 @@
-@keyframes breatheAnimation {
-  from {
-    background-position-x: 0%;
-  }
-
-  to {
-    background-position-x: -200%;
-  }
-}
-
-.kbt-skeleton {
-  width: var(--skeleton-width, 100%);
-  height: var(--skeleton-height, 20px);
-  animation-name: breatheAnimation;
-  animation-timing-function: linear;
-  animation-iteration-count: infinite;
-  animation-duration: var(--skeleton-duration, 2s);
-  animation-delay: 1ms;
-  background-size: 200% 100%;
-}
+@keyframes breatheAnimation{0%{background-position-x:0}to{background-position-x:-200%}}.kbt-skeleton{animation-delay:1ms;animation-duration:var(--skeleton-duration,2s);animation-iteration-count:infinite;animation-name:breatheAnimation;animation-timing-function:linear;background-size:200% 100%;height:var(--skeleton-height,20px);width:var(--skeleton-width,100%)}

package/dist/esm/components/skeleton/skeleton2.js

@@ -0,0 +1,2 @@
+import{useClassName as s}from"../../lib/hooks/useClassName/useClassName.js";import{SkeletonStandAlone as a}from"./skeletonStandAlone.js";import{forwardRef as e}from"react";import{jsx as t}from"react/jsx-runtime";const o=e(({additionalClasses:e,additionalShapeClasses:o,shapeVariant:r,variant:n,...i},m)=>{const l=s({component:"SKELETON",variant:n}),p=s({component:"SKELETON",variant:r});/* @__PURE__ */
+return t(a,{...i,ref:m,cssClasses:l,cssShapeClasses:p,shapeVariant:n})});export{o as Skeleton};

package/dist/esm/components/skeleton/skeletonStandAlone.js

@@ -1,2 +1,2 @@
-import{j as s}from"../../_virtual/jsx-runtime.js";/* empty css            */import{forwardRef as t}from"react";import{classNames as e}from"../../lib/utils/classNames/classNames.js";import{pickCustomAttributes as o}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";const i=t(({cssClasses:t,cssShapeClasses:i,duration:r="1.2s",height:l,width:a,...m},n)=>{const c=o(m);/* @__PURE__ */
-return s.jsx("div",{ref:n,className:e("kbt-skeleton",t?.skeleton,i?.skeleton),"data-testid":"skeleton",style:{"--skeleton-duration":r,"--skeleton-height":l,"--skeleton-width":a},...c})});export{i as SkeletonStandAlone};
+import{pickCustomAttributes as s}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{classNames as t}from"../../lib/utils/classNames/classNames.js";/* empty css        */import{forwardRef as e}from"react";import{jsx as o}from"react/jsx-runtime";const i=e(({cssClasses:e,cssShapeClasses:i,duration:r="1.2s",height:l,width:a,...m},n)=>{const c=s(m);/* @__PURE__ */
+return o("div",{ref:n,className:t("kbt-skeleton",e?.skeleton,i?.skeleton),"data-testid":"skeleton",style:{"--skeleton-duration":r,"--skeleton-height":l,"--skeleton-width":a},...c})});export{i as SkeletonStandAlone};

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

@@ -1 +1 @@
-import{j as t}from"../../../_virtual/jsx-runtime.js";import{Button as s}from"../../button/button.js";const n=({content:n,cssClasses:e,customAttributes:o,...r})=>{const i=e?.decrement_button_variant,a=e?.decrement_button_size;return i&&a?/* @__PURE__ */t.jsx(s,{...r,additionalSizeClasses:a,additionalVariantClasses:i,children:n}):null};export{n as SliderButtonStandAlone};
+import{Button as t}from"../../button/button.js";import{jsx as e}from"react/jsx-runtime";const n=({content:n,cssClasses:s,customAttributes:o,...r})=>{const i=s?.decrement_button_variant,a=s?.decrement_button_size;return i&&a?/* @__PURE__ */e(t,{...r,additionalSizeClasses:a,additionalVariantClasses:i,children:n}):null};export{n as SliderButtonStandAlone};

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

@@ -1,3 +1 @@
-import{j as e}from"../../../_virtual/jsx-runtime.js";import{RenderIf as t}from"../../renderIf/renderIf.js";import{Text as s}from"../../text/text.js";const r=({cssClasses:r,customAttributes:i,leftHelperText:l,leftHelperTextId:n,rightHelperText:o,rightHelperTextId:c})=>l||o?/* @__PURE__ */e.jsxs("div",{className:r?.helpertextcontainer,children:[
-/* @__PURE__ */e.jsx(t,{condition:!!l,children:/* @__PURE__ */e.jsx("div",{className:r?.helpertextleftcontainer,children:/* @__PURE__ */e.jsx(s,{additionalClasses:{text:r?.helpertext},component:"span",customAttributes:i,id:n,children:l})})}),
-/* @__PURE__ */e.jsx(t,{condition:!!o,children:/* @__PURE__ */e.jsx("div",{className:r?.helpertextrightcontainer,children:/* @__PURE__ */e.jsx(s,{additionalClasses:{text:r?.helpertext},component:"span",customAttributes:i,id:c,children:o})})})]}):null;export{r as SliderHelperTextStandAlone};
+import{Text as e}from"../../text/text2.js";import{jsx as t,jsxs as r}from"react/jsx-runtime";const s=({cssClasses:s,customAttributes:l,leftHelperText:i,leftHelperTextId:n,rightHelperText:a,rightHelperTextId:c})=>i||a?/* @__PURE__ */r("div",{className:s?.helpertextcontainer,children:[!!i&&/* @__PURE__ */t("div",{className:s?.helpertextleftcontainer,children:/* @__PURE__ */t(e,{additionalClasses:{text:s?.helpertext},component:"span",customAttributes:l,id:n,children:i})}),!!a&&/* @__PURE__ */t("div",{className:s?.helpertextrightcontainer,children:/* @__PURE__ */t(e,{additionalClasses:{text:s?.helpertext},component:"span",customAttributes:l,id:c,children:a})})]}):null;export{s as SliderHelperTextStandAlone};

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

@@ -1,2 +1,2 @@
-import{j as s}from"../../../_virtual/jsx-runtime.js";import{useState as t,useRef as r,useEffect as e}from"react";import{useId as o}from"../../../lib/hooks/useId/useId.js";import{pickCustomAttributes as c}from"../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";const i=({cssClasses:i,customAttributes:l,scaleOffsets:u,showScale:a})=>{const n=o("tickmarks"),[m,p]=t("0px"),f=r(null);return e(()=>{f.current&&p(`${f.current.offsetWidth}px`)},[f.current]),a&&a?/* @__PURE__ */s.jsx("div",{className:i?.scalecontainer,id:n,...c(l),children:u.map((t,r)=>{const e={left:`calc(${t}% - ${m} / 2)`};/* @__PURE__ */
-return s.jsx("span",{className:i?.scaleoption,style:e},`${n}-${r.toString()}`)})}):null};export{i as SliderScaleStandAlone};
+import{pickCustomAttributes as t}from"../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{useEffect as s,useId as r,useRef as e,useState as c}from"react";import{jsx as i}from"react/jsx-runtime";const o=({cssClasses:o,customAttributes:l,scaleOffsets:a,showScale:n})=>{const u=`tickmarks-${r().replace(/:/g,"")}`,[m,p]=c("0px"),f=e(null);return s(()=>{f.current&&p(`${f.current.offsetWidth}px`)},[f.current]),n&&n?/* @__PURE__ */i("div",{className:o?.scalecontainer,id:u,...t(l),children:a.map((t,s)=>{const r={left:`calc(${t}% - ${m} / 2)`};/* @__PURE__ */
+return i("span",{className:o?.scaleoption,style:r},`${u}-${s.toString()}`)})}):null};export{o as SliderScaleStandAlone};

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

@@ -1 +1 @@
-import{j as o}from"../../../_virtual/jsx-runtime.js";import{TooltipUnControlled as e}from"../../tooltip/tooltipUnControlled.js";import{useMediaDevice as a}from"../../../lib/hooks/useMediaDevice/useMediaDevice.js";import{pickCustomAttributes as t}from"../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{ElementOrIcon as i}from"../../elementOrIcon/elementOrIcon.js";import{isTooltipVisible as s}from"../utils/ui.utils.js";const l=({ariaDescribedBy:l,ariaLabel:r,ariaLabelBy:n,cssClasses:d,customAttributes:c,disabled:u,hover:m,icon:b,max:p,min:h,onFocus:v,onKeyDown:j,onMouseOut:x,onMouseOver:y,onTouchStart:I,pressed:M,rightThumb:O,style:A,tooltip:f,tooltipAlign:C="top",value:D,...g})=>{const w=a(),B=t({...g,...c}),N=t(c);return s(f,M,w)&&d?.tooltip?/* @__PURE__ */o.jsx("div",{"data-disabled":u,"data-hover":m,"data-pressed":M,role:"presentation",style:A,...B,className:d?.thumb,children:/* @__PURE__ */o.jsx(e,{additionalClasses:d?.tooltip,align:C,childrenAsButton:!1,closeIcon:f?.closeIcon?{"aria-label":f.closeIconAriaLabel,color:f.closeIconColor,icon:f.closeIcon}:void 0,content:{content:f?.content},title:{content:f?.title},tooltipAsModal:!1,children:/* @__PURE__ */o.jsx("div",{"aria-describedby":l,"aria-disabled":u,"aria-label":r,"aria-labelledby":n,"aria-valuemax":p,"aria-valuemin":h,"aria-valuenow":D,className:d.innerthumbtooltip,"data-disabled":u,"data-hover":m,"data-pressed":M,role:"slider",tabIndex:0,onBlur:x,onFocus:v,onKeyDown:j,onMouseOut:x,onMouseOver:y,onTouchStart:I,...N,children:/* @__PURE__ */o.jsx(i,{className:O?d?.rightthumbicon:d?.thumbicon,...b})})})}):/* @__PURE__ */o.jsx("div",{"aria-describedby":l,"aria-disabled":u,"aria-label":r,"aria-labelledby":n,"aria-valuemax":p,"aria-valuemin":h,"aria-valuenow":D,className:d?.thumb,"data-disabled":u,"data-hover":m,"data-position":O?"right":void 0,"data-pressed":M,role:"slider",style:A,tabIndex:0,onBlur:x,onFocus:v,onKeyDown:j,onMouseOut:x,onMouseOver:y,onTouchStart:I,...B,children:/* @__PURE__ */o.jsx(i,{className:d?.thumbicon,...b})})};export{l as SliderThumbStandAlone};
+import{pickCustomAttributes as e}from"../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{ElementOrIcon as a}from"../../../lib/components/elementOrIcon/elementOrIcon.js";import{useMediaDevice as o}from"../../../lib/hooks/useMediaDevice/useMediaDevice.js";import{TooltipUnControlled as t}from"../../tooltip/tooltipUnControlled.js";import{isTooltipVisible as i}from"../utils/ui.utils.js";import{jsx as r}from"react/jsx-runtime";const s=({ariaDescribedBy:s,ariaLabel:l,ariaLabelBy:n,cssClasses:d,customAttributes:u,disabled:c,hover:m,icon:b,max:p,min:h,onFocus:v,onKeyDown:y,onMouseOut:M,onMouseOver:O,onTouchStart:x,pressed:f,rightThumb:j,style:A,tooltip:D,tooltipAlign:g="top",value:w,...B})=>{const C=o(),N=e({...B,...u}),I=e(u);return i(D,f,C)&&d?.tooltip?/* @__PURE__ */r("div",{"data-disabled":c,"data-hover":m,"data-pressed":f,role:"presentation",style:A,...N,className:d?.thumb,children:/* @__PURE__ */r(t,{additionalClasses:d?.tooltip,align:g,childrenAsButton:!1,content:{content:D?.content},tooltipAsModal:!1,children:/* @__PURE__ */r("div",{"aria-describedby":s,"aria-disabled":c,"aria-label":l,"aria-labelledby":n,"aria-valuemax":p,"aria-valuemin":h,"aria-valuenow":w,className:d.innerthumbtooltip,"data-disabled":c,"data-hover":m,"data-pressed":f,role:"slider",tabIndex:0,onBlur:M,onFocus:v,onKeyDown:y,onMouseOut:M,onMouseOver:O,onTouchStart:x,...I,children:/* @__PURE__ */r(a,{className:j?d?.rightthumbicon:d?.thumbicon,...b})})})}):/* @__PURE__ */r("div",{"aria-describedby":s,"aria-disabled":c,"aria-label":l,"aria-labelledby":n,"aria-valuemax":p,"aria-valuemin":h,"aria-valuenow":w,className:d?.thumb,"data-disabled":c,"data-hover":m,"data-position":j?"right":void 0,"data-pressed":f,role:"slider",style:A,tabIndex:0,onBlur:M,onFocus:v,onKeyDown:y,onMouseOut:M,onMouseOver:O,onTouchStart:x,...N,children:/* @__PURE__ */r(a,{className:d?.thumbicon,...b})})};export{s as SliderThumbStandAlone};

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

@@ -1,2 +1 @@
-import{j as e}from"../../_virtual/jsx-runtime.js";import{forwardRef as t,useRef as i,useState as n,useCallback as r,useEffect as o}from"react";import{useClassName as a}from"../../lib/hooks/useClassName/useClassName.js";import{SliderStandAlone as s}from"./sliderStandAlone.js";import{calcNewValueAfterKeyPress as l,incrementValue as u,decrementValue as m}from"./utils/accessibility.utils.js";import{calcDefaultValue as d,getOffset as c,equalsRangeValues as f,getScale as v,calculateChange as p,calcValueByOffset as h,calcNewRangeValue as g,calcScaleValue as b}from"./utils/slider.utils.js";const w=t(({additionalClasses:t,ariaLabel:w,ariaLabelBy:x,decrementButton:L,defaultValue:B,disabled:C=!1,incrementButton:T,initialStepOffset:E,label:S,leftHelperText:y,max:j=100,min:k=0,onChange:O,onDragEnd:P,onDragStart:R,range:A=!1,rightAriaLabel:H,rightAriaLabelBy:I,rightHelperText:D,rightThumbIcon:N,rightTooltip:V,step:z=1,thumbExceedsTrack:q=!0,thumbIcon:K,tooltip:M,type:_="discrete",value:F,variant:G},J)=>{const Q=e=>d({initialStepOffset:E,max:j,min:k,range:A,step:z,value:e}),U=i(null),[W,X]=n(Q(F??B)),[Y,Z]=n(!1),[$,ee]=n(!1),te=i("left"),[ie,ne]=n({max:100,min:0}),re=i(),oe=r(e=>{O&&(clearTimeout(re.current),re.current=setTimeout(()=>{O(e)},50))},[O]),ae=e=>{if(!U.current||C)return;const t=p({container:U.current,event:e,offsetBoundaries:ie}),i=h({max:j,min:k,offset:t,offsetBoundaries:ie,step:z}),n=b({initialStepOffset:E,max:j,min:k,step:z,value:i});X(e=>{let t=n;return A&&(t=g({activePointer:te,newValue:n,prevValue:e})),oe(t),t})},se=()=>{P?.(),ee(!1),fe()},{scaleOffsets:le,showScale:ue}=v({initialStepOffset:E,max:j,min:k,step:z,type:_}),{offset:me,offsetLeft:de,offsetRight:ce}=c({max:j,min:k,offsetBoundaries:ie,range:A,value:W}),fe=()=>{window.removeEventListener("mousemove",ae),window.removeEventListener("mouseup",se),window.removeEventListener("touchend",se)},ve=a({additionalClassNames:t,component:"SLIDER",variant:G}),pe=r(()=>{if(q)return void ne({max:100,min:0});if(!U.current)return;const e=U.current.querySelector('[role="slider"]');if(!e)return;const t=U.current.getBoundingClientRect().width,i=e.getBoundingClientRect().width/t*100/2;ne({max:100-i,min:i})},[q]);o(()=>(pe(),q||window.addEventListener("resize",pe),()=>{q||window.removeEventListener("resize",pe)}),[q]),o(()=>{void 0!==F&&(A&&!f({values1:F,values2:W})||!A&&F!==W)&&X(Q(F))},[F]),o(()=>fe,[]);/* @__PURE__ */
-return e.jsx(s,{ref:J,activePointer:te,ariaLabel:w,ariaLabelBy:x,containerRef:U,cssClasses:ve,decrementButton:{...L,disabled:C||L?.disabled,onClick:e=>{const t=m({activePointer:te.current,min:k,range:A,step:z,value:W});void 0!==t&&(X(t),oe(t)),L?.onClick?.(e)}},disabled:C,hover:Y,incrementButton:{...T,disabled:C||T?.disabled,onClick:e=>{const t=u({activePointer:te.current,max:j,range:A,step:z,value:W});void 0!==t&&(X(t),oe(t)),T?.onClick?.(e)}},label:S,leftHelperText:y,max:j,min:k,offset:me,offsetLeft:de,offsetRight:ce,pressed:$,range:A,rightAriaLabel:H,rightAriaLabelBy:I,rightHelperText:D,rightThumbIcon:N,rightTooltip:V,scaleOffsets:le,setHover:Z,showScale:ue,step:z,thumbIcon:K,tooltip:M,value:W,onChange:ae,onKeyPress:e=>{if(C)return;const t=l({activePointer:te.current,event:e,max:j,min:k,range:A,step:z,value:W});void 0!==t&&(X(t),oe(t))},onMouseDown:e=>{R?.(),ee(!0),ae(e),window.addEventListener("mousemove",ae),window.addEventListener("mouseup",se)},onTouchStart:e=>{R?.(),ee(!0),ae(e),window.addEventListener("touchend",se)}})});export{w as Slider};
+import{useClassName as e}from"../../lib/hooks/useClassName/useClassName.js";import{calcNewValueAfterKeyPress as t,decrementValue as i,incrementValue as n}from"./utils/accessibility.utils.js";import{SliderStandAlone as r}from"./sliderStandAlone.js";import{calcDefaultValue as o,calcNewRangeValue as a,calcScaleValue as s,calcValueByOffset as l,calculateChange as u,equalsRangeValues as m,getOffset as c,getScale as d}from"./utils/slider.utils.js";import{forwardRef as f,useCallback as v,useEffect as p,useRef as h,useState as g}from"react";import{jsx as b}from"react/jsx-runtime";const w=f(({additionalClasses:f,ariaLabel:w,ariaLabelBy:x,decrementButton:L,defaultValue:B,disabled:C=!1,incrementButton:T,initialStepOffset:E,label:S,leftHelperText:y,max:k=100,min:O=0,onChange:P,onDragEnd:R,onDragStart:j,range:A=!1,rightAriaLabel:H,rightAriaLabelBy:I,rightHelperText:D,rightThumbIcon:N,rightTooltip:V,step:z=1,thumbExceedsTrack:q=!0,thumbIcon:K,tooltip:M,type:F="discrete",value:G,variant:J},Q)=>{const U=e=>o({initialStepOffset:E,max:k,min:O,range:A,step:z,value:e}),W=h(null),[X,Y]=g(U(G??B)),[Z,$]=g(!1),[_,ee]=g(!1),te=h("left"),[ie,ne]=g({max:100,min:0}),re=h(),oe=v(e=>{P&&(clearTimeout(re.current),re.current=setTimeout(()=>{P(e)},50))},[P]),ae=e=>{if(!W.current||C)return;const t=s({initialStepOffset:E,max:k,min:O,step:z,value:l({max:k,min:O,offset:u({container:W.current,event:e,offsetBoundaries:ie}),offsetBoundaries:ie,step:z})});Y(e=>{let i=t;return A&&(i=a({activePointer:te,newValue:t,prevValue:e})),oe(i),i})},se=()=>{R?.(),ee(!1),fe()},{scaleOffsets:le,showScale:ue}=d({initialStepOffset:E,max:k,min:O,step:z,type:F}),{offset:me,offsetLeft:ce,offsetRight:de}=c({max:k,min:O,offsetBoundaries:ie,range:A,value:X}),fe=()=>{window.removeEventListener("mousemove",ae),window.removeEventListener("mouseup",se),window.removeEventListener("touchend",se)},ve=e({additionalClassNames:f,component:"SLIDER",variant:J}),pe=v(()=>{if(q)return void ne({max:100,min:0});if(!W.current)return;const e=W.current.querySelector('[role="slider"]');if(!e)return;const t=W.current.getBoundingClientRect().width,i=e.getBoundingClientRect().width/t*100/2;ne({max:100-i,min:i})},[q]);return p(()=>(pe(),q||window.addEventListener("resize",pe),()=>{q||window.removeEventListener("resize",pe)}),[q]),p(()=>{void 0!==G&&(A&&!m({values1:G,values2:X})||!A&&G!==X)&&Y(U(G))},[G]),p(()=>fe,[]),/* @__PURE__ */b(r,{ref:Q,activePointer:te,ariaLabel:w,ariaLabelBy:x,containerRef:W,cssClasses:ve,decrementButton:{...L,disabled:C||L?.disabled,onClick:e=>{const t=i({activePointer:te.current,min:O,range:A,step:z,value:X});void 0!==t&&(Y(t),oe(t)),L?.onClick?.(e)}},disabled:C,hover:Z,incrementButton:{...T,disabled:C||T?.disabled,onClick:e=>{const t=n({activePointer:te.current,max:k,range:A,step:z,value:X});void 0!==t&&(Y(t),oe(t)),T?.onClick?.(e)}},label:S,leftHelperText:y,max:k,min:O,offset:me,offsetLeft:ce,offsetRight:de,pressed:_,range:A,rightAriaLabel:H,rightAriaLabelBy:I,rightHelperText:D,rightThumbIcon:N,rightTooltip:V,scaleOffsets:le,setHover:$,showScale:ue,step:z,thumbIcon:K,tooltip:M,value:X,onChange:ae,onKeyPress:e=>{if(C)return;const i=t({activePointer:te.current,event:e,max:k,min:O,range:A,step:z,value:X});void 0!==i&&(Y(i),oe(i))},onMouseDown:e=>{j?.(),ee(!0),ae(e),window.addEventListener("mousemove",ae),window.addEventListener("mouseup",se)},onTouchStart:e=>{j?.(),ee(!0),ae(e),window.addEventListener("touchend",se)}})});export{w as Slider};

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

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

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

@@ -1 +1 @@
-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 as e,ARROW_LEFT as t,ARROW_RIGHT as a,ARROW_UP as i,END as n,HOME 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})):[i.key,a.key].includes(s.key)?(s.preventDefault(),r({activePointer:u,max:p,range:o,step:c,value:P})):[v.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})):[n.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};

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

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

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

@@ -1 +1 @@
-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 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};

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

@@ -1 +1 @@
-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 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};

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

@@ -1 +1 @@
-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 as e,useEffect as r,useRef as t}from"react";const n=({closeTimeout:n,onClose:u,open:c})=>{const o=t(null),l=t(!1),a=t(!1),s=t(null),m=e(()=>{!n||l.current||a.current||(o.current=setTimeout(()=>{u?.()},n))},[n,u]),d=e(()=>{o.current&&clearTimeout(o.current)},[]);r(()=>(c?(s.current=document.activeElement,m()):d(),()=>{d()}),[c,m]);const i=e(e=>{l.current=!0,d()},[d]),T=e(e=>{l.current=!1,m()},[m]),h=e(e=>{a.current||(a.current=!0,d())},[d]);return{handleBlur:e(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};

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

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

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

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

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

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

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

@@ -1 +1 @@
-const e=(e,f,r,t,c,i)=>{if(i)return((e,f,r,t,c)=>{let i;i=c?.prefix?`${c.prefix?.step} ${e+1} ${c.prefix?.of} ${f} ${t}`:t;return 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};
+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};

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

@@ -1 +1 @@
-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 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));return e?.reduce((e,a,n)=>{const s=n===r?t.ACTIVE:n<r?t.COMPLETED:t.INACTIVE;return[...e,{"aria-label":a["aria-label"],name:a.name,state:s}]},[])};export{e as mapToStepState};

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

@@ -1,2 +1,2 @@
-import{j as a}from"../../_virtual/jsx-runtime.js";import{forwardRef as s}from"react";import{useClassName as t}from"../../lib/hooks/useClassName/useClassName.js";import{StepperNumberStandAlone as o}from"./stepperNumberStandAlone.js";const i="STEPPER_NUMBER",n=s(({additionalOrientationClasses:s,additionalVariantClasses:n,orientation:r="horizontal",variant:e,...l},m)=>{const d=t({additionalClassNames:n,component:i,variant:e}),p=t({additionalClassNames:s,component:i,variant:r});/* @__PURE__ */
-return a.jsx(o,{...l,ref:m,cssOrientationClasses:p,cssVariantClasses:d,orientation:r})});export{n as StepperNumber};
+import{useClassName as a}from"../../lib/hooks/useClassName/useClassName.js";import{StepperNumberStandAlone as s}from"./stepperNumberStandAlone.js";import{forwardRef as t}from"react";import{jsx as o}from"react/jsx-runtime";var i="STEPPER_NUMBER";const n=t(({additionalOrientationClasses:t,additionalVariantClasses:n,orientation:r="horizontal",variant:e,...m},l)=>{const d=a({additionalClassNames:n,component:i,variant:e}),p=a({additionalClassNames:t,component:i,variant:r});/* @__PURE__ */
+return o(s,{...m,ref:l,cssOrientationClasses:p,cssVariantClasses:d,orientation:r})});export{n as StepperNumber};

package/dist/esm/components/stepperNumber/stepperNumberStandAlone.js

@@ -1,10 +1,3 @@
-import{j as e}from"../../_virtual/jsx-runtime.js";import{forwardRef as t}from"react";import{Text as s}from"../text/text.js";import{STATES as n}from"../../lib/types/states/states.js";import{classNames as a}from"../../lib/utils/classNames/classNames.js";import{pickCustomAttributes as r}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{CustomComponent as i}from"../../lib/components/customComponent/customComponent.js";import{ElementOrIcon as o}from"../elementOrIcon/elementOrIcon.js";import{buildAriaCurrent as c}from"./helpers/aria.js";import{buildScreenReaderText as l}from"./helpers/screnReader.js";import{mapToStepState as p}from"./helpers/stepState.js";const m=t(({completedStepIcon:t,cssOrientationClasses:m,cssVariantClasses:d,currentStep:x=0,horizontalOrientationWidth:j,orientation:u,screenReaderCompletedStep:h,screenReaderTextBuilder:b,screenReaderTitle:f,stepMaxTruncatedLines:C,steps:N,...y},$)=>{const v=p(N,x),O="vertical"===u,T=Boolean(f),k=y["data-testid"]||"stepper-number";/* @__PURE__ */
-return e.jsxs("div",{ref:$,"aria-hidden":!O,"data-testid":k,children:[f?.content&&/* @__PURE__ */e.jsx(i,{className:"kbt-sr-only",component:f.component,children:f?.content}),
-/* @__PURE__ */e.jsx("ol",{className:a(m?.stepper_number,d?.stepper_number),"data-testid":`${k}-steps-container`,children:v.map((p,f)=>{const N=f===v.length-1,y={"data-state":p.state},$=r(y);/* @__PURE__ */
-return e.jsxs("li",{"aria-current":c(x,f,u),"data-testid":`${k}-li-${f}`,style:{display:O?"flex":"block",width:!O&&N?"auto":j},children:[T&&/* @__PURE__ */e.jsx("screen-reader-only",{children:l(f,x,v.length,b,p.name,O)}),
-/* @__PURE__ */e.jsxs("span",{"aria-hidden":!(O&&!T)||void 0,className:a(m?.stepcontainer,d?.stepcontainer),...$,children:[
-/* @__PURE__ */e.jsxs("span",{className:d?.stepcirclecontainer,"data-testid":`${k}-step-${f}`,style:{flexDirection:"vertical"===u?"column":"row"},children:[
-/* @__PURE__ */e.jsx("span",{className:a(m?.stepcircle,d?.stepcircle),...$,children:p.state===n.COMPLETED?/* @__PURE__ */e.jsxs(e.Fragment,{children:[
-/* @__PURE__ */e.jsx(o,{className:a(m?.iconselected,d?.iconselected),customAttributes:y,...t}),
-/* @__PURE__ */e.jsx("screen-reader-only",{children:f+1})]}):/* @__PURE__ */e.jsx(s,{additionalClasses:{text:a(m?.stepindex,d?.stepindex)},component:"span",customAttributes:y,children:f+1})}),!N&&/* @__PURE__ */e.jsx("span",{className:a(m?.stepbar,d?.stepbar),...r({"data-state":v[f+1].state})})]}),O&&/* @__PURE__ */e.jsxs("span",{"aria-hidden":!!T||void 0,className:a(m?.stepnamecontainer,d?.stepnamecontainer),"data-islast":N,"data-testid":`${k}-step-description-${f}`,...$,children:[
-/* @__PURE__ */e.jsx(s,{additionalClasses:{text:a(m?.stepname,d?.stepname)},component:"span",customAttributes:y,maxTruncatedLines:C,children:p.name}),!T&&p.state===n.COMPLETED&&h?.content&&/* @__PURE__ */e.jsxs(i,{className:"kbt-sr-only",component:h.component,"data-testid":h["data-testid"],children:[" ",h.content]})]})]})]},`stepContainer-${f.toString()}`)})})]})});export{m as StepperNumberStandAlone};
+import{CustomComponent as e}from"../../lib/components/customComponent/customComponent.js";import{pickCustomAttributes as t}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{classNames as s}from"../../lib/utils/classNames/classNames.js";import{Text as n}from"../text/text2.js";import{ScreenReaderOnly as a}from"../../lib/components/screen-reader-only/screenReaderOnly.js";import{ElementOrIcon as r}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{STATES as i}from"../../lib/types/states/states.js";import{buildAriaCurrent as o}from"./helpers/aria.js";import{buildScreenReaderText as c}from"./helpers/screnReader.js";import{mapToStepState as l}from"./helpers/stepState.js";import{forwardRef as m}from"react";import{Fragment as p,jsx as d,jsxs as u}from"react/jsx-runtime";const h=m(({completedStepIcon:m,cssOrientationClasses:h,cssVariantClasses:b,currentStep:f=0,horizontalOrientationWidth:x,orientation:C,screenReaderCompletedStep:j,screenReaderTextBuilder:N,screenReaderTitle:y,stepMaxTruncatedLines:$,steps:O,...T},k)=>{const v=l(O,f),A="vertical"===C,R=Boolean(y),S=T["data-testid"]||"stepper-number";/* @__PURE__ */
+return u("div",{ref:k,"aria-hidden":!A,"data-testid":S,children:[y?.content&&/* @__PURE__ */d(e,{className:"kbt-sr-only",component:y.component,children:y?.content}),/* @__PURE__ */d("ol",{className:s(h?.stepper_number,b?.stepper_number),"data-testid":`${S}-steps-container`,children:v.map((l,y)=>{const O=y===v.length-1,T={"data-state":l.state},k=t(T);/* @__PURE__ */
+return u("li",{"aria-current":o(f,y,C),"data-testid":`${S}-li-${y}`,style:{display:A?"flex":"block",width:!A&&O?"auto":x},children:[R&&/* @__PURE__ */d(a,{children:c(y,f,v.length,N,l.name,A)}),/* @__PURE__ */u("span",{"aria-hidden":!(A&&!R)||void 0,className:s(h?.stepcontainer,b?.stepcontainer),...k,children:[/* @__PURE__ */u("span",{className:b?.stepcirclecontainer,"data-testid":`${S}-step-${y}`,style:{flexDirection:"vertical"===C?"column":"row"},children:[/* @__PURE__ */d("span",{className:s(h?.stepcircle,b?.stepcircle),...k,children:l.state===i.COMPLETED?/* @__PURE__ */u(p,{children:[/* @__PURE__ */d(r,{className:s(h?.iconselected,b?.iconselected),customAttributes:T,...m}),/* @__PURE__ */d(a,{children:y+1})]}):/* @__PURE__ */d(n,{additionalClasses:{text:s(h?.stepindex,b?.stepindex)},component:"span",customAttributes:T,children:y+1})}),!O&&/* @__PURE__ */d("span",{className:s(h?.stepbar,b?.stepbar),...t({"data-state":v[y+1].state})})]}),A&&/* @__PURE__ */u("span",{"aria-hidden":!!R||void 0,className:s(h?.stepnamecontainer,b?.stepnamecontainer),"data-islast":O,"data-testid":`${S}-step-description-${y}`,...k,children:[/* @__PURE__ */d(n,{additionalClasses:{text:s(h?.stepname,b?.stepname)},component:"span",customAttributes:T,maxTruncatedLines:$,children:l.name}),!R&&l.state===i.COMPLETED&&j?.content&&/* @__PURE__ */u(e,{className:"kbt-sr-only",component:j.component,"data-testid":j["data-testid"],children:[" ",j.content]})]})]})]},`stepContainer-${y.toString()}`)})})]})});export{h as StepperNumberStandAlone};

package/dist/esm/components/table/hooks/useTableHasScroll.js

@@ -1 +1 @@
-import{useState as e,useEffect as r}from"react";import{ResizeObserver as t}from"../../../lib/utils/resizeObserver/resizeObserver.js";import{hasScroll as o}from"../../../lib/utils/scroll/hasScroll.js";const s=({disabled:s=!1,ref:l})=>{const[c,n]=e(!1);return r(()=>{const e=l.current?.querySelector?.("[data-table-scrollable-container]");let r;if(e instanceof HTMLElement&&!s){const s=e=>{n(o(e))};s(e),r=new t(()=>{s(e)}),r.observe(e)}return s&&n(!1),()=>{r?.disconnect()}},[s]),{hasScroll:c}};export{s as useTableHasScroll};
+import{hasScroll as e}from"../../../lib/utils/scroll/hasScroll.js";import{useEffect as r,useState as t}from"react";const o=({disabled:o=!1,ref:l})=>{const[s,c]=t(!1);return r(()=>{const r=l.current?.querySelector?.("[data-table-scrollable-container]");let t;if(r instanceof HTMLElement&&!o){const o=r=>{c(e(r))};o(r),t=new ResizeObserver(()=>{o(r)}),t.observe(r)}return o&&c(!1),()=>{t?.disconnect()}},[o]),{hasScroll:s}};export{o as useTableHasScroll};

package/dist/esm/components/table/hooks/useTableShadow.js

@@ -1 +1 @@
-import{useEffect as e}from"react";import{ResizeObserver as t}from"../../../lib/utils/resizeObserver/resizeObserver.js";const s=({disabled:s=!1,headBoxShadow:r,leftBoxShadow:o,ref:a,rightBoxShadow:l})=>(e(()=>{const e=a.current,c=e?.querySelector("[data-table-scrollable-container]");let i;const n=()=>{if(!c)return;const t=c.querySelector("[data-table-head]");if(t instanceof HTMLElement&&t.hasAttribute("data-sticky")&&r&&(c.scrollTop?t.classList.add(r):t.classList.remove(r)),o){const t=e?.querySelector("[data-table-left-shadow]");t instanceof HTMLElement&&(c.scrollLeft?t.classList.add(o):t.classList.remove(o))}if(l){const t=e?.querySelector("[data-table-right-shadow]");t instanceof HTMLElement&&(c.scrollLeft+c.clientWidth<c.scrollWidth?t.classList.add(l):t.classList.remove(l))}};return c instanceof HTMLElement&&!s&&(n(),c?.addEventListener("scroll",n),i=new t(()=>{n()}),i.observe(c)),()=>{c?.removeEventListener("scroll",n),i?.disconnect()}},[s]),{});export{s as useTableShadow};
+import{useEffect as e}from"react";const t=({disabled:t=!1,headBoxShadow:s,leftBoxShadow:a,ref:o,rightBoxShadow:r})=>(e(()=>{const e=o.current,l=e?.querySelector("[data-table-scrollable-container]");let c;const n=()=>{if(!l)return;const t=l.querySelector("[data-table-head]");if(t instanceof HTMLElement&&t.hasAttribute("data-sticky")&&s&&(l.scrollTop?t.classList.add(s):t.classList.remove(s)),a){const t=e?.querySelector("[data-table-left-shadow]");t instanceof HTMLElement&&(l.scrollLeft?t.classList.add(a):t.classList.remove(a))}if(r){const t=e?.querySelector("[data-table-right-shadow]");t instanceof HTMLElement&&(l.scrollLeft+l.clientWidth<l.scrollWidth?t.classList.add(r):t.classList.remove(r))}};return l instanceof HTMLElement&&!t&&(n(),l?.addEventListener("scroll",n),c=new ResizeObserver(()=>{n()}),c.observe(l)),()=>{l?.removeEventListener("scroll",n),c?.disconnect()}},[t]),{});export{t as useTableShadow};

package/dist/esm/components/table/hooks/useTableStickyLeftColumns.js

@@ -1 +1 @@
-import{useEffect as e}from"react";import{ResizeObserver as t}from"../../../lib/utils/resizeObserver/resizeObserver.js";import{hasHorizontalScroll as r}from"../../../lib/utils/scroll/hasScroll.js";const l=({disabled:l=!1,ref:o})=>(e(()=>{const e=o.current?.querySelector("[data-table-scrollable-container]"),s=o.current?.querySelector("[data-table-left-shadow]");let a;if(e instanceof HTMLElement&&!l){const l=e=>{const t=r(e),l=e.querySelectorAll("[data-table-row]");let o=0;l.forEach(e=>{const r=Array.from(e.querySelectorAll('[data-sticky="left"]'));let l=0;r.forEach(e=>{e instanceof HTMLElement&&(e.style.left=t?`${l}px`:"auto",l+=e.offsetWidth)}),o=Math.max(o,l)}),s instanceof HTMLElement&&(s.style.left=`${o}px`)};l(e),a=new t(()=>{l(e)}),a.observe(e)}return()=>{a?.disconnect()}},[l]),{});export{l as useTableStickyLeftColumns};
+import{hasHorizontalScroll as e}from"../../../lib/utils/scroll/hasScroll.js";import{useEffect as t}from"react";const r=({disabled:r=!1,ref:l})=>(t(()=>{const t=l.current?.querySelector("[data-table-scrollable-container]"),o=l.current?.querySelector("[data-table-left-shadow]");let a;if(t instanceof HTMLElement&&!r){const r=t=>{const r=e(t),l=t.querySelectorAll("[data-table-row]");let a=0;l.forEach(e=>{const t=Array.from(e.querySelectorAll('[data-sticky="left"]'));let l=0;t.forEach(e=>{e instanceof HTMLElement&&(e.style.left=r?`${l}px`:"auto",l+=e.offsetWidth)}),a=Math.max(a,l)}),o instanceof HTMLElement&&(o.style.left=`${a}px`)};r(t),a=new ResizeObserver(()=>{r(t)}),a.observe(t)}return()=>{a?.disconnect()}},[r]),{});export{r as useTableStickyLeftColumns};

package/dist/esm/components/table/hooks/useTableStickyRightColumns.js

@@ -1 +1 @@
-import{useEffect as e}from"react";import{ResizeObserver as t}from"../../../lib/utils/resizeObserver/resizeObserver.js";import{hasHorizontalScroll as r,hasVerticalScroll as o}from"../../../lib/utils/scroll/hasScroll.js";const l=({disabled:l=!1,ref:s})=>(e(()=>{const e=s.current?.querySelector("[data-table-scrollable-container]"),a=s.current?.querySelector("[data-table-right-shadow]");let i;if(e instanceof HTMLElement&&!l){const l=e=>{const t=r(e),l=e.querySelectorAll("[data-table-row]");let s=0;if(l.forEach(e=>{const r=Array.from(e.querySelectorAll('[data-sticky="true"], [data-sticky="right"]')).reverse();let o=0;r.forEach(e=>{e instanceof HTMLElement&&(e.style.right=t?`${o}px`:"auto",o+=e.offsetWidth)}),s=Math.max(s,o)}),a instanceof HTMLElement){if(o(e)){const t=e.offsetWidth-e.clientWidth;s+=t}a.style.right=`${s}px`}};l(e),i=new t(()=>{l(e)}),i.observe(e)}return()=>{i?.disconnect()}},[l]),{});export{l as useTableStickyRightColumns};
+import{hasHorizontalScroll as t,hasVerticalScroll as e}from"../../../lib/utils/scroll/hasScroll.js";import{useEffect as r}from"react";const o=({disabled:o=!1,ref:l})=>(r(()=>{const r=l.current?.querySelector("[data-table-scrollable-container]"),a=l.current?.querySelector("[data-table-right-shadow]");let c;if(r instanceof HTMLElement&&!o){const o=r=>{const o=t(r),l=r.querySelectorAll("[data-table-row]");let c=0;if(l.forEach(t=>{const e=Array.from(t.querySelectorAll('[data-sticky="true"], [data-sticky="right"]')).reverse();let r=0;e.forEach(t=>{t instanceof HTMLElement&&(t.style.right=o?`${r}px`:"auto",r+=t.offsetWidth)}),c=Math.max(c,r)}),a instanceof HTMLElement){if(e(r)){const t=r.offsetWidth-r.clientWidth;c+=t}a.style.right=`${c}px`}};o(r),c=new ResizeObserver(()=>{o(r)}),c.observe(r)}return()=>{c?.disconnect()}},[o]),{});export{o as useTableStickyRightColumns};