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

package/dist/cjs/components/popover/types/animation.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),exports.DEFAULT_PLACEMENT="center";
+exports.DEFAULT_PLACEMENT=`center`;

package/dist/cjs/components/popover/utils/animation.utils.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),exports.getPositioningTransforms=t=>({bottom:"translateX(-50%)","bottom-end":"","bottom-start":"",center:"translate(-50%, -50%)",left:"translateY(-50%)","left-end":"","left-start":"",right:"translateY(-50%)","right-end":"","right-start":"",top:"translateX(-50%)","top-end":"","top-start":""}[t]||"");
+exports.getPositioningTransforms=e=>({bottom:`translateX(-50%)`,"bottom-end":``,"bottom-start":``,center:`translate(-50%, -50%)`,left:`translateY(-50%)`,"left-end":``,"left-start":``,right:`translateY(-50%)`,"right-end":``,"right-start":``,top:`translateX(-50%)`,"top-end":``,"top-start":``})[e]||``;

package/dist/cjs/components/popover/utils/placement.utils.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../types/animation.js");exports.getPlacementDirection=e=>e?e.startsWith("top")?"top":e.startsWith("bottom")?"bottom":e.startsWith("left")?"left":e.startsWith("right")?"right":t.DEFAULT_PLACEMENT:t.DEFAULT_PLACEMENT;
+const e=require(`../types/animation.js`);exports.getPlacementDirection=t=>t?t.startsWith(`top`)?`top`:t.startsWith(`bottom`)?`bottom`:t.startsWith(`left`)?`left`:t.startsWith(`right`)?`right`:e.DEFAULT_PLACEMENT:e.DEFAULT_PLACEMENT;

package/dist/cjs/components/popover/utils/styling.utils.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./placement.utils.js"),e={bottom:r=>({borderLeft:r,borderTop:r}),left:r=>({borderRight:r,borderTop:r}),right:r=>({borderBottom:r,borderLeft:r}),top:r=>({borderBottom:r,borderRight:r})};exports.getArrowBorderStyles=(o,t)=>{if(!t)return{};const i={"--arrow-size":`${t.size}px`,backgroundColor:t.backgroundColor,height:`${t.size}px`,width:`${t.size}px`};if(t.border){const b=r.getPlacementDirection(o),d=e[b];d&&Object.assign(i,d(t.border))}return i};
+const e=require(`./placement.utils.js`);var t={bottom:e=>({borderLeft:e,borderTop:e}),left:e=>({borderRight:e,borderTop:e}),right:e=>({borderBottom:e,borderLeft:e}),top:e=>({borderBottom:e,borderRight:e})};exports.getArrowBorderStyles=(n,r)=>{if(!r)return{};let i={"--arrow-size":`${r.size}px`,backgroundColor:r.backgroundColor,height:`${r.size}px`,width:`${r.size}px`};if(r.border){let a=t[e.getPlacementDirection(n)];a&&Object.assign(i,a(r.border))}return i};

package/dist/cjs/components/portal/portal.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react-dom");exports.Portal=({children:t,wrapperId:r})=>{let o=document.body;return r&&(o=document.getElementById(r),o||(o=(e=>{const t=document.createElement("div");return t.setAttribute("id",e),document.body.appendChild(t),t})(r))),e.createPortal(t,o)};
+let e=require(`react-dom`);var t=e=>{let t=document.createElement(`div`);return t.setAttribute(`id`,e),document.body.appendChild(t),t};exports.Portal=({children:n,wrapperId:r})=>{let i=document.body;return r&&(i=document.getElementById(r),i||=t(r)),(0,e.createPortal)(n,i)};

package/dist/cjs/components/progressBar/progressBar.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),e=require("react"),a=require("../../lib/hooks/useClassName/useClassName.js"),r=require("./progressBarStandAlone.js"),t=e.forwardRef(({additionalSizeClasses:e,additionalVariantClasses:t,percentProgressCompleted:o,size:i,variant:n,...l},d)=>{const m=a.useClassName({additionalClassNames:t,component:"PROGRESS_BAR",variant:n}),u=a.useClassName({additionalClassNames:e,component:"PROGRESS_BAR",variant:i}),C=o?Math.min(Math.max(o,0),100):0;return s.jsx(r.ProgressBarStandalone,{...l,ref:d,cssSizeClasses:u,cssVariantClasses:m,progressCompleted:C})});exports.ProgressBar=t;
+const e=require(`../../lib/hooks/useClassName/useClassName.js`),t=require(`./progressBarStandAlone.js`);let n=require(`react`),r=require(`react/jsx-runtime`);const i=(0,n.forwardRef)(({additionalSizeClasses:n,additionalVariantClasses:i,percentProgressCompleted:a,size:o,variant:s,...c},l)=>{let u=e.useClassName({additionalClassNames:i,component:`PROGRESS_BAR`,variant:s}),d=e.useClassName({additionalClassNames:n,component:`PROGRESS_BAR`,variant:o}),f=a?Math.min(Math.max(a,0),100):0;return(0,r.jsx)(t.ProgressBarStandalone,{...c,ref:l,cssSizeClasses:d,cssVariantClasses:u,progressCompleted:f})});exports.ProgressBar=i;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),s=require("react"),a=require("../../lib/utils/classNames/classNames.js"),e=s.forwardRef(({barAriaLabel:s,color:e,cssSizeClasses:t,cssVariantClasses:i,progressAnimation:o,progressCompleted:l,...n},c)=>{const d=n["data-testid"]||"progress-bar",b={backgroundColor:e?.bar},u={backgroundColor:e?.progressBar,transition:`width ${o?.duration} ${o?.timingFunction}`,width:`${l}%`};return r.jsx("div",{ref:c,className:i?.progress_bar,"data-testid":`${d}-progressbar`,children:r.jsxs("div",{className:i?.barcontainer,children:[r.jsx("div",{"aria-label":s,"aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":l,className:a.classNames(t?.bar,i?.bar),"data-testid":d,role:"progressbar",style:b}),r.jsx("div",{className:a.classNames(t?.progressbar,i?.progressbar),style:u})]})})});exports.ProgressBarStandalone=e;
+const e=require(`../../lib/utils/classNames/classNames.js`);let t=require(`react`),n=require(`react/jsx-runtime`);const r=(0,t.forwardRef)(({barAriaLabel:t,color:r,cssSizeClasses:i,cssVariantClasses:a,progressAnimation:o,progressCompleted:s,...c},l)=>{let u=c[`data-testid`]||`progress-bar`,d={backgroundColor:r?.bar},f={backgroundColor:r?.progressBar,transition:`width ${o?.duration} ${o?.timingFunction}`,width:`${s}%`};return(0,n.jsx)(`div`,{ref:l,className:a?.progress_bar,"data-testid":`${u}-progressbar`,children:(0,n.jsxs)(`div`,{className:a?.barcontainer,children:[(0,n.jsx)(`div`,{"aria-label":t,"aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":s,className:e.classNames(i?.bar,a?.bar),"data-testid":u,role:`progressbar`,style:d}),(0,n.jsx)(`div`,{className:e.classNames(i?.progressbar,a?.progressbar),style:f})]})})});exports.ProgressBarStandalone=r;

package/dist/cjs/components/radioButton/radioButton.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../../lib/hooks/useClassName/useClassName.js"),t=require("./radioButtonStandAlone.js"),a=require("./utils/state.utils.js");exports.RadioButton=({additionalClasses:r,checked:o=!1,cssClasses:i,disabled:l=!1,error:n=!1,variant:d,...u})=>{const c=s.useClassName({additionalClassNames:r,component:"RADIO_BUTTON",variant:d}),m=a.getState(o,l,n);return e.jsx(t.RadioButtonStandAlone,{cssClasses:i??c,state:m,...u,checked:o,disabled:l,error:n})};
+const e=require(`../../lib/hooks/useClassName/useClassName.js`),t=require(`./radioButtonStandAlone.js`),n=require(`./utils/state.utils.js`);let r=require(`react/jsx-runtime`);exports.RadioButton=({additionalClasses:i,checked:a=!1,cssClasses:o,disabled:s=!1,error:c=!1,variant:l,...u})=>{let d=e.useClassName({additionalClassNames:i,component:`RADIO_BUTTON`,variant:l}),f=n.getState(a,s,c);return(0,r.jsx)(t.RadioButtonStandAlone,{cssClasses:o??d,state:f,...u,checked:a,disabled:s,error:c})};

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),exports.buildAriaLabelledBy=({descriptionId:e,error:r,errorMessage:t,errorMessageId:o,screenReaderId:s})=>{let d="";e&&(d+=`${e}`),s&&(d+=` ${s}`),t&&r&&(d+=` ${o}`);const i=d.trim();return i.length>0?i:void 0};
+exports.buildAriaLabelledBy=({descriptionId:e,error:t,errorMessage:n,errorMessageId:r,screenReaderId:i})=>{let a=``;e&&(a+=`${e}`),i&&(a+=` ${i}`),n&&t&&(a+=` ${r}`);let o=a.trim();return o.length>0?o:void 0};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("../../../lib/types/states/states.js");exports.getState=(S=!1,t=!1,e=!1)=>{const T=e,s=t,r=S;return T&&!r?E.STATES.ERROR:T&&r?E.STATES.ERROR_SELECTED:s&&!r?E.STATES.DISABLED:s&&r?E.STATES.DISABLED_SELECTED:r?E.STATES.SELECTED:E.STATES.DEFAULT};
+const e=require(`../../../lib/types/states/states.js`);exports.getState=(t=!1,n=!1,r=!1)=>{let i=r,a=n,o=t;return i&&!o?e.STATES.ERROR:i&&o?e.STATES.ERROR_SELECTED:a&&!o?e.STATES.DISABLED:a&&o?e.STATES.DISABLED_SELECTED:o?e.STATES.SELECTED:e.STATES.DEFAULT};

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

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

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),o=require("../../lib/constants/keyboardKeys/keyboardKeys.js"),n=require("./selectControlled.js"),r=t.forwardRef(({defaultOpen:r=!1,defaultOptionSelected:l,onBlur:s,onButtonClick:c,onClosePopover:i,onFocus:u,onOptionClick:d,openAndCloseOnHover:a=!1,...p},f)=>{const[y,C]=t.useState(r),[S,k]=t.useState(l),v=t.useRef(null);return t.useEffect(()=>{const e=()=>{document.hidden&&C(!1)};return document.addEventListener("visibilitychange",e),()=>document.removeEventListener("visibilitychange",e)},[]),e.jsx(n.SelectControlled,{...p,ref:f,buttonOrLinkRef:v,open:y,optionSelected:S,onBlur:e=>{e.currentTarget.contains(e.relatedTarget)||(C(!1),s?.(!1)),a&&(C(!1),s?.(!1))},onButtonClick:()=>{c?.(!y),C(!y)},onClosePopover:()=>{C(!1),i?.(!1)},onFocus:()=>{a&&(C(!0),u?.(!0))},onKeyDown:e=>{o.ESCAPE.key.includes(e.key)&&y&&(v.current?.focus(),C(!1))},onOptionClick:e=>{k(e),d?.(e)}})});exports.Select=r,exports.SelectUnControlled=r;
+const e=require(`../../lib/constants/keyboardKeys/keyboardKeys.js`),t=require(`./selectControlled.js`);let n=require(`react`),r=require(`react/jsx-runtime`);const i=(0,n.forwardRef)(({defaultOpen:i=!1,defaultOptionSelected:a,onBlur:o,onButtonClick:s,onClosePopover:c,onFocus:l,onOptionClick:u,openAndCloseOnHover:d=!1,...f},p)=>{let[m,h]=(0,n.useState)(i),[g,_]=(0,n.useState)(a),v=(0,n.useRef)(null);(0,n.useEffect)(()=>{let e=()=>{document.hidden&&h(!1)};return document.addEventListener(`visibilitychange`,e),()=>document.removeEventListener(`visibilitychange`,e)},[]);let y=()=>{s?.(!m),h(!m)},b=()=>{h(!1),c?.(!1)},x=e=>{_(e),u?.(e)},S=t=>{e.ESCAPE.key.includes(t.key)&&m&&(v.current?.focus(),h(!1))},C=()=>{d&&(h(!0),l?.(!0))},w=e=>{e.currentTarget.contains(e.relatedTarget)||(h(!1),o?.(!1)),d&&(h(!1),o?.(!1))};return(0,r.jsx)(t.SelectControlled,{...f,ref:p,buttonOrLinkRef:v,open:m,optionSelected:g,onBlur:w,onButtonClick:y,onClosePopover:b,onFocus:C,onKeyDown:S,onOptionClick:x})});exports.SelectUnControlled=i;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),i=require("../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),a=require("../hooks/useBorderAnimation.js");exports.SelectorBoxFileAnimation=({children:n,cssClasses:s,focus:o,onAnimationCompleted:r,percentage:c,state:m,...l})=>{const{bottomRef:d,leftRef:u,rightRef:f,topRef:p}=a.useBorderAnimation({onAnimationCompleted:r,percentage:c}),j={"data-focus":o,"data-state":m},x=i.pickCustomAttributes({...j}),b=s?.animationcontainer,h=s?.topanimationcontainer,A=s?.rightanimationcontainer,g=s?.bottomanimationcontainer,v=s?.leftanimationcontainer,C=t.Children.map(n,e=>t.isValidElement(e)?t.cloneElement(e,{focus:o}):e);return b?e.jsxs("div",{className:b,"data-focus":o,"data-testid":`${l["data-testid"]}-animations`,...x,children:[!!h&&e.jsx("div",{...x,ref:p,className:h}),!!A&&e.jsx("div",{...x,ref:f,className:A}),!!g&&e.jsx("div",{...x,ref:d,className:g}),!!v&&e.jsx("div",{...x,ref:u,className:v}),e.jsx("div",{...x,className:s.borderanimationcontainer,children:n})]}):e.jsx(e.Fragment,{children:C})};
+const e=require(`../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js`),t=require(`../hooks/useBorderAnimation.js`);let n=require(`react`),r=require(`react/jsx-runtime`);exports.SelectorBoxFileAnimation=({children:i,cssClasses:a,focus:o,onAnimationCompleted:s,percentage:c,state:l,...u})=>{let{bottomRef:d,leftRef:f,rightRef:p,topRef:m}=t.useBorderAnimation({onAnimationCompleted:s,percentage:c}),h=e.pickCustomAttributes({"data-focus":o,"data-state":l}),g=a?.animationcontainer,_=a?.topanimationcontainer,v=a?.rightanimationcontainer,y=a?.bottomanimationcontainer,b=a?.leftanimationcontainer,x=n.Children.map(i,e=>(0,n.isValidElement)(e)?(0,n.cloneElement)(e,{focus:o}):e);return g?(0,r.jsxs)(`div`,{className:g,"data-focus":o,"data-testid":`${u[`data-testid`]}-animations`,...h,children:[!!_&&(0,r.jsx)(`div`,{...h,ref:m,className:_}),!!v&&(0,r.jsx)(`div`,{...h,ref:p,className:v}),!!y&&(0,r.jsx)(`div`,{...h,ref:d,className:y}),!!b&&(0,r.jsx)(`div`,{...h,ref:f,className:b}),(0,r.jsx)(`div`,{...h,className:a.borderanimationcontainer,children:i})]}):(0,r.jsx)(r.Fragment,{children:x})};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("../../text/text.js"),s=require("../../../lib/components/elementOrIcon/elementOrIcon.js"),o=require("../../../lib/types/states/states.js"),n=require("../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),c=require("../../../lib/utils/process/processCommonProp.js");exports.SelectorBoxFileContainerBox=({containerBoxStateContent:i,cssClasses:r,filename:a,focus:l,htmlFor:p,loader:x,state:u})=>{const m={"data-focus":l,"data-state":u};return t.jsxs("label",{className:r?.containerboxcontainer,"data-focus":l,htmlFor:p,...n.pickCustomAttributes(m),children:[t.jsxs("span",{children:[x,t.jsx(s.ElementOrIcon,{className:r?.containerboxicon,customAttributes:m,...c.processIconProp(i[u]?.icon)}),t.jsx(s.ElementOrIcon,{className:r?.containerboxicon,customAttributes:m,...c.processIconProp(i[u]?.icon)})]}),t.jsxs("span",{className:r?.containerboxtextscontainer,...n.pickCustomAttributes(m),children:[!!a&&[o.STATES.LOADING,o.STATES.SUCCESS,o.STATES.ERROR].includes(u)&&t.jsx(e.Text,{additionalClasses:{text:r?.containerboxfilename},component:"span",customAttributes:m,children:a}),!!c.processTextProp(i[u]?.actionText).children&&t.jsxs("span",{className:r?.actioniconandactiontextcontainer,...n.pickCustomAttributes(m),children:[t.jsx(s.ElementOrIcon,{className:r?.actionicon,customAttributes:m,...c.processIconProp(i[u]?.actionIcon)}),t.jsx(e.Text,{additionalClasses:{text:r?.containerboxactiontext},component:"span",customAttributes:m,...c.processTextProp(i[u]?.actionText),children:c.processTextProp(i[u]?.actionText).children})]}),!!i[u]?.description&&t.jsx(e.Text,{additionalClasses:{text:r?.containerboxdescription},component:"span",customAttributes:m,...c.processTextProp(i[u]?.description),children:c.processTextProp(i[u]?.description).children})]}),!!i[u]?.iconRight&&t.jsx("span",{children:t.jsx(s.ElementOrIcon,{className:r?.containerboxicon,customAttributes:m,...c.processIconProp(i[u]?.iconRight)})})]})};
+const e=require(`../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js`),t=require(`../../text/text2.js`),n=require(`../../../lib/utils/process/processCommonProp.js`),r=require(`../../../lib/components/elementOrIcon/elementOrIcon.js`),i=require(`../../../lib/types/states/states.js`);let a=require(`react/jsx-runtime`);exports.SelectorBoxFileContainerBox=({containerBoxStateContent:o,cssClasses:s,filename:c,focus:l,htmlFor:u,loader:d,state:f})=>{let p={"data-focus":l,"data-state":f};return(0,a.jsxs)(`label`,{className:s?.containerboxcontainer,"data-focus":l,htmlFor:u,...e.pickCustomAttributes(p),children:[(0,a.jsxs)(`span`,{children:[d,(0,a.jsx)(r.ElementOrIcon,{className:s?.containerboxicon,customAttributes:p,...n.processIconProp(o[f]?.icon)}),(0,a.jsx)(r.ElementOrIcon,{className:s?.containerboxicon,customAttributes:p,...n.processIconProp(o[f]?.icon)})]}),(0,a.jsxs)(`span`,{className:s?.containerboxtextscontainer,...e.pickCustomAttributes(p),children:[!!c&&[i.STATES.LOADING,i.STATES.SUCCESS,i.STATES.ERROR].includes(f)&&(0,a.jsx)(t.Text,{additionalClasses:{text:s?.containerboxfilename},component:`span`,customAttributes:p,children:c}),!!n.processTextProp(o[f]?.actionText).children&&(0,a.jsxs)(`span`,{className:s?.actioniconandactiontextcontainer,...e.pickCustomAttributes(p),children:[(0,a.jsx)(r.ElementOrIcon,{className:s?.actionicon,customAttributes:p,...n.processIconProp(o[f]?.actionIcon)}),(0,a.jsx)(t.Text,{additionalClasses:{text:s?.containerboxactiontext},component:`span`,customAttributes:p,...n.processTextProp(o[f]?.actionText),children:n.processTextProp(o[f]?.actionText).children})]}),!!o[f]?.description&&(0,a.jsx)(t.Text,{additionalClasses:{text:s?.containerboxdescription},component:`span`,customAttributes:p,...n.processTextProp(o[f]?.description),children:n.processTextProp(o[f]?.description).children})]}),!!o[f]?.iconRight&&(0,a.jsx)(`span`,{children:(0,a.jsx)(r.ElementOrIcon,{className:s?.containerboxicon,customAttributes:p,...n.processIconProp(o[f]?.iconRight)})})]})};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../utils/animation/animation.js"),r="100%",n=(e,t)=>{e&&(e.style.transition="none",e.style[t]="0%",e.style.removeProperty("transition"))};exports.useBorderAnimation=({...i})=>{const s=e.useRef(null),u=e.useRef(null),c=e.useRef(null),a=e.useRef(null),[o,g]=e.useState(!1),[d,l]=e.useState(!1),[h,p]=e.useState(!1);return e.useEffect(()=>{0===i.percentage?(n(s.current,"width"),n(u.current,"height"),n(c.current,"width"),n(a.current,"height"),g(!1),l(!1),p(!1)):i.percentage>0&&(i.percentage>=0&&s?.current&&(s.current.style.width=`${t.getTopBarWith(i.percentage)}%`),o&&i.percentage>25&&u?.current&&(u.current.style.height=`${t.getRightBarHeight(i.percentage)}%`),d&&i.percentage>50&&c?.current&&(c.current.style.width=`${t.getBottomBarWith(i.percentage)}%`),h&&i.percentage>75&&a?.current&&(a.current.style.height=`${t.getLeftBarHeight(i.percentage)}%`))},[i.percentage,o,d,h]),e.useEffect(()=>{const e=()=>{g(s.current?.style.width===r)},t=()=>{l(u.current?.style.height===r)},n=()=>{p(c.current?.style.width===r)},o=()=>{a.current?.style.height===r&&i.onAnimationCompleted?.()};return s.current?.addEventListener("transitionend",e),u.current?.addEventListener("transitionend",t),c.current?.addEventListener("transitionend",n),a.current?.addEventListener("transitionend",o),()=>{s.current?.removeEventListener("transitionend",e),u.current?.removeEventListener("transitionend",t),c.current?.removeEventListener("transitionend",n),a.current?.removeEventListener("transitionend",o)}},[]),{bottomRef:c,leftRef:a,rightRef:u,topRef:s}};
+const e=require(`../utils/animation/animation.js`);let t=require(`react`);var n=25,r=50,i=75,a=0,o=`100%`,s=(e,t)=>{e&&(e.style.transition=`none`,e.style[t]=`0%`,e.style.removeProperty(`transition`))};exports.useBorderAnimation=({...c})=>{let l=(0,t.useRef)(null),u=(0,t.useRef)(null),d=(0,t.useRef)(null),f=(0,t.useRef)(null),[p,m]=(0,t.useState)(!1),[h,g]=(0,t.useState)(!1),[_,v]=(0,t.useState)(!1),y=()=>{c.percentage>=a&&l?.current&&(l.current.style.width=`${e.getTopBarWith(c.percentage)}%`)},b=()=>{p&&c.percentage>n&&u?.current&&(u.current.style.height=`${e.getRightBarHeight(c.percentage)}%`)},x=()=>{h&&c.percentage>r&&d?.current&&(d.current.style.width=`${e.getBottomBarWith(c.percentage)}%`)},S=()=>{_&&c.percentage>i&&f?.current&&(f.current.style.height=`${e.getLeftBarHeight(c.percentage)}%`)},C=()=>{s(l.current,`width`),s(u.current,`height`),s(d.current,`width`),s(f.current,`height`),m(!1),g(!1),v(!1)};return(0,t.useEffect)(()=>{c.percentage===0?C():c.percentage>0&&(y(),b(),x(),S())},[c.percentage,p,h,_]),(0,t.useEffect)(()=>{let e=()=>{m(l.current?.style.width===o)},t=()=>{g(u.current?.style.height===o)},n=()=>{v(d.current?.style.width===o)},r=()=>{f.current?.style.height===o&&c.onAnimationCompleted?.()};return l.current?.addEventListener(`transitionend`,e),u.current?.addEventListener(`transitionend`,t),d.current?.addEventListener(`transitionend`,n),f.current?.addEventListener(`transitionend`,r),()=>{l.current?.removeEventListener(`transitionend`,e),u.current?.removeEventListener(`transitionend`,t),d.current?.removeEventListener(`transitionend`,n),f.current?.removeEventListener(`transitionend`,r)}},[]),{bottomRef:d,leftRef:f,rightRef:u,topRef:l}};

package/dist/cjs/components/selectorBoxFile/selectorBoxFile.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),t=require("../../lib/hooks/useClassName/useClassName.js"),r=require("./selectorBoxFileStandAlone.js"),a=require("./utils/state/state.js"),i=s.forwardRef(({additionalClasses:i,disabled:o=!1,error:n=!1,errorFileExtensionMessage:l={content:""},errorMaxSizeMessage:u={content:""},fileExtension:c,loading:d=!1,maxSize:S,onChange:x,onFileError:g,onSizeError:E,percentage:m=0,success:v=!1,variant:C,...f},p)=>{const z=t.useClassName({additionalClassNames:i,component:"SELECTOR_BOX_FILE",variant:C}),[F,j]=s.useState(!1),[q,B]=s.useState({validExtension:!0,validSize:!0});return e.jsx(r.SelectorBoxFileStandAlone,{...f,ref:p,cssClasses:z,focus:F,percentage:m,state:a.getState(d,v,n||!q.validExtension||!q.validSize,o),onBlur:()=>{j(!1)},onChange:e=>{(e=>{if(!e||0===e.length)return;const s=e[0],t=s.size/1024/1024,r=s.type;let a=!0,i=!0;S&&t>S&&(a=!1,E?.(!0)),c&&!c?.some(e=>r.includes(e))&&(i=!1,g?.(!0)),B({validExtension:i,validSize:a})})(e.target.files),x?.(e)},onFocus:()=>{j(!0)}})});exports.SelectorBoxFile=i;
+const e=require(`../../lib/hooks/useClassName/useClassName.js`),t=require(`./selectorBoxFileStandAlone.js`),n=require(`./utils/state/state.js`);let r=require(`react`),i=require(`react/jsx-runtime`);const a=(0,r.forwardRef)(({additionalClasses:a,disabled:o=!1,error:s=!1,errorFileExtensionMessage:c={content:``},errorMaxSizeMessage:l={content:``},fileExtension:u,loading:d=!1,maxSize:f,onChange:p,onFileError:m,onSizeError:h,percentage:g=0,success:_=!1,variant:v,...y},b)=>{let x=e.useClassName({additionalClassNames:a,component:`SELECTOR_BOX_FILE`,variant:v}),[S,C]=(0,r.useState)(!1),[w,T]=(0,r.useState)({validExtension:!0,validSize:!0}),E=()=>{C(!0)},D=()=>{C(!1)},O=e=>{if(!e||e.length===0)return;let t=e[0],n=t.size/1024/1024,r=t.type,i=!0,a=!0;f&&n>f&&(i=!1,h?.(!0)),u&&!u?.some(e=>r.includes(e))&&(a=!1,m?.(!0)),T({validExtension:a,validSize:i})},k=()=>s||!w.validExtension||!w.validSize,A=e=>{O(e.target.files),p?.(e)};return(0,i.jsx)(t.SelectorBoxFileStandAlone,{...y,ref:b,cssClasses:x,focus:S,percentage:g,state:n.getState(d,_,k(),o),onBlur:D,onChange:A,onFocus:E})});exports.SelectorBoxFile=a;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),s=require("../../lib/types/states/states.js"),o=require("./components/selectorBoxFileAnimation.js"),n=require("./components/selectorBoxFileContainerBox.js"),i=t.forwardRef(({accept:i,containerBoxStateContent:a,cssClasses:l,filename:r,focus:c,id:d,multiple:u,name:x,onAnimationCompleted:m,onBlur:p,onChange:f,onClick:C,onFocus:B,percentage:j,state:S,...b},h)=>{const F=`selectorboxfile-${t.useId().replace(/:/g,"")}`,g=d??F,A=b["data-testid"]??"selector-box-file";return e.jsxs("div",{ref:h,children:[e.jsx("div",{className:l?.selector_box_file,"data-testid":A,children:e.jsx("div",{className:l?.header,children:e.jsx(o.SelectorBoxFileAnimation,{cssClasses:l,"data-testid":A,focus:c,percentage:j,state:S,onAnimationCompleted:m,children:e.jsx(n.SelectorBoxFileContainerBox,{containerBoxStateContent:a,cssClasses:l,filename:r,focus:!1,htmlFor:g,state:S})})})}),e.jsx("input",{accept:i,className:"kbt-sr-only",disabled:S===s.STATES.DISABLED,id:g,multiple:u,name:x,type:"file",onBlur:p,onChange:f,onClick:C,onFocus:B})]})});exports.SelectorBoxFileStandAlone=i;
+const e=require(`../../lib/types/states/states.js`),t=require(`./components/selectorBoxFileAnimation.js`),n=require(`./components/selectorBoxFileContainerBox.js`);let r=require(`react`),i=require(`react/jsx-runtime`);const a=(0,r.forwardRef)(({accept:a,containerBoxStateContent:o,cssClasses:s,filename:c,focus:l,id:u,multiple:d,name:f,onAnimationCompleted:p,onBlur:m,onChange:h,onClick:g,onFocus:_,percentage:v,state:y,...b},x)=>{let S=`selectorboxfile-${(0,r.useId)().replace(/:/g,``)}`,C=u??S,w=b[`data-testid`]??`selector-box-file`;return(0,i.jsxs)(`div`,{ref:x,children:[(0,i.jsx)(`div`,{className:s?.selector_box_file,"data-testid":w,children:(0,i.jsx)(`div`,{className:s?.header,children:(0,i.jsx)(t.SelectorBoxFileAnimation,{cssClasses:s,"data-testid":w,focus:l,percentage:v,state:y,onAnimationCompleted:p,children:(0,i.jsx)(n.SelectorBoxFileContainerBox,{containerBoxStateContent:o,cssClasses:s,filename:c,focus:!1,htmlFor:C,state:y})})})}),(0,i.jsx)(`input`,{accept:a,className:`kbt-sr-only`,disabled:y===e.STATES.DISABLED,id:C,multiple:d,name:f,type:`file`,onBlur:m,onChange:h,onClick:g,onFocus:_})]})});exports.SelectorBoxFileStandAlone=a;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../translateValue/translateValue.js"),e=(e,a,r)=>e>r?100:t.translateValue({inputMax:r,inputMin:a,outputMax:100,outputMin:0,value:e});exports.getBottomBarWith=t=>e(t,50,75),exports.getLeftBarHeight=t=>e(t,75,100),exports.getRightBarHeight=t=>e(t,25,50),exports.getTopBarWith=t=>e(t,0,25);
+const e=require(`../translateValue/translateValue.js`);var t=25,n=50,r=75,i=100,a=(t,n,r)=>t>r?i:e.translateValue({inputMax:r,inputMin:n,outputMax:i,outputMin:0,value:t});exports.getBottomBarWith=e=>a(e,n,r),exports.getLeftBarHeight=e=>a(e,r,i),exports.getRightBarHeight=e=>a(e,t,n),exports.getTopBarWith=e=>a(e,0,t);

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../../lib/types/states/states.js");exports.getState=(S,e,T,s)=>s?t.STATES.DISABLED:T?t.STATES.ERROR:e?t.STATES.SUCCESS:S?t.STATES.LOADING:t.STATES.DEFAULT;
+const e=require(`../../../../lib/types/states/states.js`);exports.getState=(t,n,r,i)=>i?e.STATES.DISABLED:r?e.STATES.ERROR:n?e.STATES.SUCCESS:t?e.STATES.LOADING:e.STATES.DEFAULT;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),exports.translateValue=({inputMax:t,inputMin:e,outputMax:u,outputMin:a,value:n})=>{if(e===t)return a;const r=a+(n-e)/(t-e)*(u-a);return Math.min(u,Math.max(a,r))};
+exports.translateValue=({inputMax:e,inputMin:t,outputMax:n,outputMin:r,value:i})=>{if(t===e)return r;let a=e-t,o=n-r,s=r+(i-t)/a*o;return Math.min(n,Math.max(r,s))};

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

@@ -0,0 +1 @@
+const e=require(`../../lib/hooks/useClassName/useClassName.js`),t=require(`./skeletonStandAlone.js`);let n=require(`react`),r=require(`react/jsx-runtime`);const i=(0,n.forwardRef)(({additionalClasses:n,additionalShapeClasses:i,shapeVariant:a,variant:o,...s},c)=>{let l=e.useClassName({component:`SKELETON`,variant:o}),u=e.useClassName({component:`SKELETON`,variant:a});return(0,r.jsx)(t.SkeletonStandAlone,{...s,ref:c,cssClasses:l,cssShapeClasses:u,shapeVariant:o})});exports.Skeleton=i;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");;/* empty css              */const s=require("react"),t=require("../../lib/utils/classNames/classNames.js"),r=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),i=s.forwardRef(({cssClasses:s,cssShapeClasses:i,duration:o="1.2s",height:l,width:a,...n},u)=>{const c=r.pickCustomAttributes(n);return e.jsx("div",{ref:u,className:t.classNames("kbt-skeleton",s?.skeleton,i?.skeleton),"data-testid":"skeleton",style:{"--skeleton-duration":o,"--skeleton-height":l,"--skeleton-width":a},...c})});exports.SkeletonStandAlone=i;
+const e=require(`../../lib/utils/pickCustomAttributes/pickCustomAttributes.js`),t=require(`../../lib/utils/classNames/classNames.js`);;/* empty css          */let n=require(`react`),r=require(`react/jsx-runtime`);const i=(0,n.forwardRef)(({cssClasses:n,cssShapeClasses:i,duration:a=`1.2s`,height:o,width:s,...c},l)=>{let u=e.pickCustomAttributes(c);return(0,r.jsx)(`div`,{ref:l,className:t.classNames(`kbt-skeleton`,n?.skeleton,i?.skeleton),"data-testid":`skeleton`,style:{"--skeleton-duration":a,"--skeleton-height":o,"--skeleton-width":s},...u})});exports.SkeletonStandAlone=i;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("../../button/button.js");exports.SliderButtonStandAlone=({content:n,cssClasses:s,customAttributes:r,...o})=>{const i=s?.decrement_button_variant,u=s?.decrement_button_size;return i&&u?t.jsx(e.Button,{...o,additionalSizeClasses:u,additionalVariantClasses:i,children:n}):null};
+const e=require(`../../button/button.js`);let t=require(`react/jsx-runtime`);exports.SliderButtonStandAlone=({content:n,cssClasses:r,customAttributes:i,...a})=>{let o=r?.decrement_button_variant,s=r?.decrement_button_size;return!o||!s?null:(0,t.jsx)(e.Button,{...a,additionalSizeClasses:s,additionalVariantClasses:o,children:n})};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../text/text.js");exports.SliderHelperTextStandAlone=({cssClasses:s,customAttributes:r,leftHelperText:l,leftHelperTextId:i,rightHelperText:n,rightHelperTextId:x})=>l||n?e.jsxs("div",{className:s?.helpertextcontainer,children:[!!l&&e.jsx("div",{className:s?.helpertextleftcontainer,children:e.jsx(t.Text,{additionalClasses:{text:s?.helpertext},component:"span",customAttributes:r,id:i,children:l})}),!!n&&e.jsx("div",{className:s?.helpertextrightcontainer,children:e.jsx(t.Text,{additionalClasses:{text:s?.helpertext},component:"span",customAttributes:r,id:x,children:n})})]}):null;
+const e=require(`../../text/text2.js`);let t=require(`react/jsx-runtime`);exports.SliderHelperTextStandAlone=({cssClasses:n,customAttributes:r,leftHelperText:i,leftHelperTextId:a,rightHelperText:o,rightHelperTextId:s})=>!i&&!o?null:(0,t.jsxs)(`div`,{className:n?.helpertextcontainer,children:[!!i&&(0,t.jsx)(`div`,{className:n?.helpertextleftcontainer,children:(0,t.jsx)(e.Text,{additionalClasses:{text:n?.helpertext},component:`span`,customAttributes:r,id:a,children:i})}),!!o&&(0,t.jsx)(`div`,{className:n?.helpertextrightcontainer,children:(0,t.jsx)(e.Text,{additionalClasses:{text:n?.helpertext},component:`span`,customAttributes:r,id:s,children:o})})]});

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),s=require("../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js");exports.SliderScaleStandAlone=({cssClasses:r,customAttributes:c,scaleOffsets:u,showScale:i})=>{const l=`tickmarks-${t.useId().replace(/:/g,"")}`,[a,n]=t.useState("0px"),o=t.useRef(null);return t.useEffect(()=>{o.current&&n(`${o.current.offsetWidth}px`)},[o.current]),i&&i?e.jsx("div",{className:r?.scalecontainer,id:l,...s.pickCustomAttributes(c),children:u.map((t,s)=>{const c={left:`calc(${t}% - ${a} / 2)`};return e.jsx("span",{className:r?.scaleoption,style:c},`${l}-${s.toString()}`)})}):null};
+const e=require(`../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js`);let t=require(`react`),n=require(`react/jsx-runtime`);exports.SliderScaleStandAlone=({cssClasses:r,customAttributes:i,scaleOffsets:a,showScale:o})=>{let s=`tickmarks-${(0,t.useId)().replace(/:/g,``)}`,[c,l]=(0,t.useState)(`0px`),u=(0,t.useRef)(null);return(0,t.useEffect)(()=>{u.current&&l(`${u.current.offsetWidth}px`)},[u.current]),!o||!o?null:(0,n.jsx)(`div`,{className:r?.scalecontainer,id:s,...e.pickCustomAttributes(i),children:a.map((e,t)=>{let i={left:`calc(${e}% - ${c} / 2)`};return(0,n.jsx)(`span`,{className:r?.scaleoption,style:i},`${s}-${t.toString()}`)})})};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../tooltip/tooltipUnControlled.js"),a=require("../../../lib/components/elementOrIcon/elementOrIcon.js"),o=require("../../../lib/hooks/useMediaDevice/useMediaDevice.js"),i=require("../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),s=require("../utils/ui.utils.js");exports.SliderThumbStandAlone=({ariaDescribedBy:r,ariaLabel:l,ariaLabelBy:n,cssClasses:u,customAttributes:d,disabled:c,hover:b,icon:m,max:p,min:h,onFocus:v,onKeyDown:x,onMouseOut:y,onMouseOver:j,onTouchStart:M,pressed:O,rightThumb:A,style:C,tooltip:T,tooltipAlign:g="top",value:D,...S})=>{const q=o.useMediaDevice(),I=i.pickCustomAttributes({...S,...d}),k=i.pickCustomAttributes(d);return s.isTooltipVisible(T,O,q)&&u?.tooltip?e.jsx("div",{"data-disabled":c,"data-hover":b,"data-pressed":O,role:"presentation",style:C,...I,className:u?.thumb,children:e.jsx(t.TooltipUnControlled,{additionalClasses:u?.tooltip,align:g,childrenAsButton:!1,content:{content:T?.content},tooltipAsModal:!1,children:e.jsx("div",{"aria-describedby":r,"aria-disabled":c,"aria-label":l,"aria-labelledby":n,"aria-valuemax":p,"aria-valuemin":h,"aria-valuenow":D,className:u.innerthumbtooltip,"data-disabled":c,"data-hover":b,"data-pressed":O,role:"slider",tabIndex:0,onBlur:y,onFocus:v,onKeyDown:x,onMouseOut:y,onMouseOver:j,onTouchStart:M,...k,children:e.jsx(a.ElementOrIcon,{className:A?u?.rightthumbicon:u?.thumbicon,...m})})})}):e.jsx("div",{"aria-describedby":r,"aria-disabled":c,"aria-label":l,"aria-labelledby":n,"aria-valuemax":p,"aria-valuemin":h,"aria-valuenow":D,className:u?.thumb,"data-disabled":c,"data-hover":b,"data-position":A?"right":void 0,"data-pressed":O,role:"slider",style:C,tabIndex:0,onBlur:y,onFocus:v,onKeyDown:x,onMouseOut:y,onMouseOver:j,onTouchStart:M,...I,children:e.jsx(a.ElementOrIcon,{className:u?.thumbicon,...m})})};
+const e=require(`../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js`),t=require(`../../../lib/components/elementOrIcon/elementOrIcon.js`),n=require(`../../../lib/hooks/useMediaDevice/useMediaDevice.js`),r=require(`../../tooltip/tooltipUnControlled.js`),i=require(`../utils/ui.utils.js`);let a=require(`react/jsx-runtime`);exports.SliderThumbStandAlone=({ariaDescribedBy:o,ariaLabel:s,ariaLabelBy:c,cssClasses:l,customAttributes:u,disabled:d,hover:f,icon:p,max:m,min:h,onFocus:g,onKeyDown:_,onMouseOut:v,onMouseOver:y,onTouchStart:b,pressed:x,rightThumb:S,style:C,tooltip:w,tooltipAlign:T=`top`,value:E,...D})=>{let O=n.useMediaDevice(),k=e.pickCustomAttributes({...D,...u}),A=e.pickCustomAttributes(u);return!i.isTooltipVisible(w,x,O)||!l?.tooltip?(0,a.jsx)(`div`,{"aria-describedby":o,"aria-disabled":d,"aria-label":s,"aria-labelledby":c,"aria-valuemax":m,"aria-valuemin":h,"aria-valuenow":E,className:l?.thumb,"data-disabled":d,"data-hover":f,"data-position":S?`right`:void 0,"data-pressed":x,role:`slider`,style:C,tabIndex:0,onBlur:v,onFocus:g,onKeyDown:_,onMouseOut:v,onMouseOver:y,onTouchStart:b,...k,children:(0,a.jsx)(t.ElementOrIcon,{className:l?.thumbicon,...p})}):(0,a.jsx)(`div`,{"data-disabled":d,"data-hover":f,"data-pressed":x,role:`presentation`,style:C,...k,className:l?.thumb,children:(0,a.jsx)(r.TooltipUnControlled,{additionalClasses:l?.tooltip,align:T,childrenAsButton:!1,content:{content:w?.content},tooltipAsModal:!1,children:(0,a.jsx)(`div`,{"aria-describedby":o,"aria-disabled":d,"aria-label":s,"aria-labelledby":c,"aria-valuemax":m,"aria-valuemin":h,"aria-valuenow":E,className:l.innerthumbtooltip,"data-disabled":d,"data-hover":f,"data-pressed":x,role:`slider`,tabIndex:0,onBlur:v,onFocus:g,onKeyDown:_,onMouseOut:v,onMouseOver:y,onTouchStart:b,...A,children:(0,a.jsx)(t.ElementOrIcon,{className:S?l?.rightthumbicon:l?.thumbicon,...p})})})})};

package/dist/cjs/components/slider/slider.js

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

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../lib/constants/keyboardKeys/keyboardKeys.js"),t=({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}),a=({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});exports.buildAriaDescribedBy=e=>e.filter(e=>e.helperText).map(e=>e.helperTextId).join(" ")||void 0,exports.calcNewValueAfterKeyPress=({activePointer:i,event:n,max:r,min:v,range:l,step:s,value:u})=>[e.ARROW_DOWN.key,e.ARROW_LEFT.key].includes(n.key)?(n.preventDefault(),a({activePointer:i,min:v,range:l,step:s,value:u})):[e.ARROW_UP.key,e.ARROW_RIGHT.key].includes(n.key)?(n.preventDefault(),t({activePointer:i,max:r,range:l,step:s,value:u})):[e.HOME.key].includes(n.key)?(n.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:i,min:v,range:l,step:s,value:u})):[e.END.key].includes(n.key)?(n.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:i,max:r,range:l,step:s,value:u})):void 0,exports.decrementValue=a,exports.incrementValue=t;
+const e=require(`../../../lib/constants/keyboardKeys/keyboardKeys.js`);var t=({max:e,step:t,value:n})=>n+t>e?e:n+t,n=({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 r=({activePointer:e,max:r,range:i,step:a,value:o})=>i?n({activePointer:e,max:r,step:a,value:o}):t({max:r,step:a,value:o});var i=({min:e,step:t,value:n})=>n-t<e?e:n-t,a=({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 o=({activePointer:e,min:t,range:n,step:r,value:o})=>n?a({activePointer:e,min:t,step:r,value:o}):i({min:t,step:r,value:o});var s=({max:e})=>e,c=({activePointer:e,max:t,step:n,value:r})=>e===`left`?[r[1]-n,r[1]]:[r[0],t],l=({activePointer:e,max:t,range:n,step:r,value:i})=>n?c({activePointer:e,max:t,step:r,value:i}):s({max:t}),u=({min:e})=>e,d=({activePointer:e,min:t,step:n,value:r})=>e===`left`?[t,r[1]]:[r[0],r[0]+n],f=({activePointer:e,min:t,range:n,step:r,value:i})=>n?d({activePointer:e,min:t,step:r,value:i}):u({min:t});exports.buildAriaDescribedBy=e=>e.filter(e=>e.helperText).map(e=>e.helperTextId).join(` `)||void 0,exports.calcNewValueAfterKeyPress=({activePointer:t,event:n,max:i,min:a,range:s,step:c,value:u})=>{if([e.ARROW_DOWN.key,e.ARROW_LEFT.key].includes(n.key))return n.preventDefault(),o({activePointer:t,min:a,range:s,step:c,value:u});if([e.ARROW_UP.key,e.ARROW_RIGHT.key].includes(n.key))return n.preventDefault(),r({activePointer:t,max:i,range:s,step:c,value:u});if([e.HOME.key].includes(n.key))return n.preventDefault(),f({activePointer:t,min:a,range:s,step:c,value:u});if([e.END.key].includes(n.key))return n.preventDefault(),l({activePointer:t,max:i,range:s,step:c,value:u})},exports.decrementValue=o,exports.incrementValue=r;

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../lib/types/states/states.js");exports.getState=({disabled:t,hover:s,pressed:S})=>t?e.STATES.DISABLED:S?e.STATES.PRESSED:s?e.STATES.HOVER:e.STATES.DEFAULT;
+const e=require(`../../../lib/types/states/states.js`);exports.getState=({disabled:t,hover:n,pressed:r})=>t?e.STATES.DISABLED:r?e.STATES.PRESSED:n?e.STATES.HOVER:e.STATES.DEFAULT;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../lib/types/breakpoints/breakpoints.js");exports.isActive=(e,t,i)=>e&&t===i,exports.isTooltipVisible=(t,i,s)=>!(!t||e.DeviceBreakpointsTypeUtils.isDesktop(s)&&i);
+const e=require(`../../../lib/types/breakpoints/breakpoints.js`);exports.isActive=(e,t,n)=>e&&t===n,exports.isTooltipVisible=(t,n,r)=>!!t&&(!e.DeviceBreakpointsTypeUtils.isDesktop(r)||!n);

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useSnackbarAutoClose=({closeTimeout:r,onClose:t,open:u})=>{const c=e.useRef(null),n=e.useRef(!1),l=e.useRef(!1),a=e.useRef(null),s=e.useCallback(()=>{!r||n.current||l.current||(c.current=setTimeout(()=>{t?.()},r))},[r,t]),o=e.useCallback(()=>{c.current&&clearTimeout(c.current)},[]);e.useEffect(()=>(u?(a.current=document.activeElement,s()):o(),()=>{o()}),[u,s]);const b=e.useCallback(e=>{n.current=!0,o()},[o]),d=e.useCallback(e=>{n.current=!1,s()},[s]),i=e.useCallback(e=>{l.current||(l.current=!0,o())},[o]);return{handleBlur:e.useCallback(e=>{l.current&&e.currentTarget.contains(e.relatedTarget)||(l.current=!1,s())},[s]),handleFocus:i,handleMouseEnter:b,handleMouseLeave:d,lastFocusedElement:a}};
+let e=require(`react`);exports.useSnackbarAutoClose=({closeTimeout:t,onClose:n,open:r})=>{let i=(0,e.useRef)(null),a=(0,e.useRef)(!1),o=(0,e.useRef)(!1),s=(0,e.useRef)(null),c=(0,e.useCallback)(()=>{!t||a.current||o.current||(i.current=setTimeout(()=>{n?.()},t))},[t,n]),l=(0,e.useCallback)(()=>{i.current&&clearTimeout(i.current)},[]);(0,e.useEffect)(()=>(r?(s.current=document.activeElement,c()):l(),()=>{l()}),[r,c]);let u=(0,e.useCallback)(e=>{a.current=!0,l()},[l]),d=(0,e.useCallback)(e=>{a.current=!1,c()},[c]),f=(0,e.useCallback)(e=>{o.current||(o.current=!0,l())},[l]);return{handleBlur:(0,e.useCallback)(e=>{o.current&&e.currentTarget.contains(e.relatedTarget)||(o.current=!1,c())},[c]),handleFocus:f,handleMouseEnter:u,handleMouseLeave:d,lastFocusedElement:s}};

package/dist/cjs/components/snackbar/snackbar.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),o=require("../../lib/hooks/useClassName/useClassName.js"),a=require("./hooks/useSnackbarAutoClose.js"),n=require("./snackbarStandAlone.js"),r=s.forwardRef(({additionalClasses:r,closeTimeout:u,open:l=!1,...t},c)=>{const i=o.useClassName({additionalClassNames:r,component:"SNACKBAR"}),d=s.useRef(null);s.useImperativeHandle(c,()=>d?.current,[]);const{handleBlur:C,handleFocus:m,handleMouseEnter:S,handleMouseLeave:b}=a.useSnackbarAutoClose({closeTimeout:u,onClose:t.onClose,open:l});return e.jsx(n.SnackbarStandAlone,{...t,ref:d,cssClasses:i,open:l,onBlur:C,onFocus:m,onMouseEnter:S,onMouseLeave:b})});exports.Snackbar=r;
+const e=require(`../../lib/hooks/useClassName/useClassName.js`),t=require(`./hooks/useSnackbarAutoClose.js`),n=require(`./snackbarStandAlone.js`);let r=require(`react`),i=require(`react/jsx-runtime`);const a=(0,r.forwardRef)(({additionalClasses:a,closeTimeout:o,open:s=!1,...c},l)=>{let u=e.useClassName({additionalClassNames:a,component:`SNACKBAR`}),d=(0,r.useRef)(null);(0,r.useImperativeHandle)(l,()=>d?.current,[]);let{handleBlur:f,handleFocus:p,handleMouseEnter:m,handleMouseLeave:h}=t.useSnackbarAutoClose({closeTimeout:o,onClose:c.onClose,open:s});return(0,i.jsx)(n.SnackbarStandAlone,{...c,ref:d,cssClasses:u,open:s,onBlur:f,onFocus:p,onMouseEnter:m,onMouseLeave:h})});exports.Snackbar=a;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),r=require("../../lib/utils/classNames/classNames.js"),o=require("../popover/popover.js"),a=s.forwardRef(({children:s,cssClasses:a,onClose:l,open:i,popover:c,...n},t)=>e.jsx(o.Popover,{disableClickOverlayClose:!0,disableEscapeClose:!0,component:"div",open:i,onClose:l,...c,children:e.jsx("div",{ref:t,className:r.classNames(a?.container),"data-testid":"snackbar",...n,children:s})}));exports.SnackbarStandAlone=a;
+const e=require(`../../lib/utils/classNames/classNames.js`),t=require(`../popover/popover.js`);let n=require(`react`),r=require(`react/jsx-runtime`);const i=(0,n.forwardRef)(({children:n,cssClasses:i,onClose:a,open:o,popover:s,...c},l)=>(0,r.jsx)(t.Popover,{disableClickOverlayClose:!0,disableEscapeClose:!0,component:`div`,open:o,onClose:a,...s,children:(0,r.jsx)(`div`,{ref:l,className:e.classNames(i?.container),"data-testid":`snackbar`,...c,children:n})}));exports.SnackbarStandAlone=i;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),exports.buildAriaCurrent=(e,t,r)=>e===t&&"vertical"===r?"step":void 0;
+exports.buildAriaCurrent=(e,t,n)=>e===t&&n===`vertical`?`step`:void 0;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),exports.buildScreenReaderText=(e,r,t,f,i,u)=>{if(u)return((e,r,t,f,i)=>{let u;return u=i?.prefix?`${i.prefix?.step} ${e+1} ${i.prefix?.of} ${r} ${f}`:f,e<t&&i?.suffix?.completed?u=u.concat(" ",i.suffix?.completed):e===t&&i?.suffix?.current&&(u=u.concat(" ",i.suffix?.current)),u})(e,t,r,i,f)};
+var e=(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};exports.buildScreenReaderText=(t,n,r,i,a,o)=>{if(o)return e(t,r,n,a,i)};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../lib/types/states/states.js");exports.mapToStepState=(t,a)=>{if(!t?.length)return[];const r=Math.max(0,Math.min(a,t.length)),s=t?.reduce((t,a,s)=>{const n=s<r?e.STATES.COMPLETED:e.STATES.INACTIVE,T=s===r?e.STATES.ACTIVE:n;return[...t,{"aria-label":a["aria-label"],name:a.name,state:T}]},[]);return s};
+const e=require(`../../../lib/types/states/states.js`);exports.mapToStepState=(t,n)=>{if(!t?.length)return[];let r=Math.max(0,Math.min(n,t.length));return t?.reduce((t,n,i)=>{let a=i===r?e.STATES.ACTIVE:i<r?e.STATES.COMPLETED:e.STATES.INACTIVE;return[...t,{"aria-label":n[`aria-label`],name:n.name,state:a}]},[])};

package/dist/cjs/components/stepperNumber/stepperNumber.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),s=require("../../lib/hooks/useClassName/useClassName.js"),t=require("./stepperNumberStandAlone.js"),r="STEPPER_NUMBER",n=a.forwardRef(({additionalOrientationClasses:a,additionalVariantClasses:n,orientation:i="horizontal",variant:o,...l},u)=>{const d=s.useClassName({additionalClassNames:n,component:r,variant:o}),m=s.useClassName({additionalClassNames:a,component:r,variant:i});return e.jsx(t.StepperNumberStandAlone,{...l,ref:u,cssOrientationClasses:m,cssVariantClasses:d,orientation:i})});exports.StepperNumber=n;
+const e=require(`../../lib/hooks/useClassName/useClassName.js`),t=require(`./stepperNumberStandAlone.js`);let n=require(`react`),r=require(`react/jsx-runtime`);var i=`STEPPER_NUMBER`;const a=(0,n.forwardRef)(({additionalOrientationClasses:n,additionalVariantClasses:a,orientation:o=`horizontal`,variant:s,...c},l)=>{let u=e.useClassName({additionalClassNames:a,component:i,variant:s}),d=e.useClassName({additionalClassNames:n,component:i,variant:o});return(0,r.jsx)(t.StepperNumberStandAlone,{...c,ref:l,cssOrientationClasses:d,cssVariantClasses:u,orientation:o})});exports.StepperNumber=a;

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../../../lib/utils/scroll/hasScroll.js");exports.useTableHasScroll=({disabled:t=!1,ref:s})=>{const[l,o]=e.useState(!1);return e.useEffect(()=>{const e=s.current?.querySelector?.("[data-table-scrollable-container]");let l;if(e instanceof HTMLElement&&!t){const t=e=>{o(r.hasScroll(e))};t(e),l=new ResizeObserver(()=>{t(e)}),l.observe(e)}return t&&o(!1),()=>{l?.disconnect()}},[t]),{hasScroll:l}};
+const e=require(`../../../lib/utils/scroll/hasScroll.js`);let t=require(`react`);exports.useTableHasScroll=({disabled:n=!1,ref:r})=>{let[i,a]=(0,t.useState)(!1);return(0,t.useEffect)(()=>{let t=r.current?.querySelector?.(`[data-table-scrollable-container]`),i;if(t instanceof HTMLElement&&!n){let n=t=>{a(e.hasScroll(t))};n(t),i=new ResizeObserver(()=>{n(t)}),i.observe(t)}return n&&a(!1),()=>{i?.disconnect()}},[n]),{hasScroll:i}};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useTableShadow=({disabled:t=!1,headBoxShadow:s,leftBoxShadow:a,ref:o,rightBoxShadow:r})=>(e.useEffect(()=>{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]),{});
+let e=require(`react`);exports.useTableShadow=({disabled:t=!1,headBoxShadow:n,leftBoxShadow:r,ref:i,rightBoxShadow:a})=>((0,e.useEffect)(()=>{let e=i.current,o=e?.querySelector(`[data-table-scrollable-container]`),s,c=()=>{if(!o)return;let t=o.querySelector(`[data-table-head]`);if(t instanceof HTMLElement&&t.hasAttribute(`data-sticky`)&&n&&(o.scrollTop?t.classList.add(n):t.classList.remove(n)),r){let t=e?.querySelector(`[data-table-left-shadow]`);t instanceof HTMLElement&&(o.scrollLeft?t.classList.add(r):t.classList.remove(r))}if(a){let t=e?.querySelector(`[data-table-right-shadow]`);t instanceof HTMLElement&&(o.scrollLeft+o.clientWidth<o.scrollWidth?t.classList.add(a):t.classList.remove(a))}};return o instanceof HTMLElement&&!t&&(c(),o?.addEventListener(`scroll`,c),s=new ResizeObserver(()=>{c()}),s.observe(o)),()=>{o?.removeEventListener(`scroll`,c),s?.disconnect()}},[t]),{});