@kubit-ui-web/react-components 2.0.0-beta.4 → 2.0.0-beta.40

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 t=require("../types/animation.js");exports.getPlacementDirection=s=>s?s.startsWith("top")?"top":s.startsWith("bottom")?"bottom":s.startsWith("left")?"left":s.startsWith("right")?"right":t.DEFAULT_PLACEMENT:t.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 r=require("./placement.utils.js");var 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=e[r.getPlacementDirection(o)];b&&Object.assign(i,b(t.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");exports.Portal=({children:t,wrapperId:r})=>{let d=document.body;return r&&(d=document.getElementById(r),d||(d=(e=>{const t=document.createElement("div");return t.setAttribute("id",e),document.body.appendChild(t),t})(r))),(0,e.createPortal)(t,d)};

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

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

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

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

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

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

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

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

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:r,errorMessage:d,errorMessageId:s,screenReaderId:o})=>{let t="";e&&(t+=`${e}`),o&&(t+=` ${o}`),d&&r&&(t+=` ${s}`);const i=t.trim();return i.length>0?i: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=(S=!1,T=!1,t=!1)=>{const e=t,s=T,A=S;return e&&!A?E.STATES.ERROR:e&&A?E.STATES.ERROR_SELECTED:s&&!A?E.STATES.DISABLED:s&&A?E.STATES.DISABLED_SELECTED:A?E.STATES.SELECTED:E.STATES.DEFAULT};

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

@@ -0,0 +1,4 @@
+const { SelectControlled } = require('./selectControlled.js');
+module.exports = { ...module.exports, SelectControlled };
+const { Select } = require('./selectUncontrolled.js');
+module.exports = { ...module.exports, Select };

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../_virtual/jsx-runtime.js"),e=require("../../text/text.js"),s=require("../../../lib/components/elementOrIcon/elementOrIcon.js"),n=require("../../../lib/components/renderIf/renderIf.js"),i=require("../../../lib/types/states/states.js"),o=require("../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),r=require("../../../lib/utils/process/processText/processText.js");exports.SelectorBoxFileContainerBox=({containerBoxStateContent:c,cssClasses:x,filename:a,focus:u,htmlFor:l,loader:m,state:p})=>{const d={"data-focus":u,"data-state":p};return t.jsxRuntimeExports.jsxs("label",{className:x?.containerboxcontainer,"data-focus":u,htmlFor:l,...o.pickCustomAttributes(d),children:[t.jsxRuntimeExports.jsxs("span",{children:[m,t.jsxRuntimeExports.jsx(s.ElementOrIcon,{className:x?.containerboxicon,customAttributes:d,...c[p]?.icon}),t.jsxRuntimeExports.jsx(s.ElementOrIcon,{className:x?.containerboxicon,customAttributes:d,...c[p]?.icon})]}),t.jsxRuntimeExports.jsxs("span",{className:x?.containerboxtextscontainer,...o.pickCustomAttributes(d),children:[t.jsxRuntimeExports.jsx(n.RenderIf,{condition:!!a&&[i.STATES.LOADING,i.STATES.SUCCESS,i.STATES.ERROR].includes(p),children:t.jsxRuntimeExports.jsx(e.Text,{additionalClasses:{text:x?.containerboxfilename},component:"span",customAttributes:d,children:a})}),t.jsxRuntimeExports.jsxs("span",{className:x?.actiondescriptioncontainer,children:[t.jsxRuntimeExports.jsx(n.RenderIf,{condition:!!r.processText(c[p]?.actionText).children,children:t.jsxRuntimeExports.jsxs("span",{className:x?.actioniconandactiontextcontainer,...o.pickCustomAttributes(d),children:[t.jsxRuntimeExports.jsx(s.ElementOrIcon,{className:x?.actionicon,customAttributes:d,...c[p]?.actionIcon}),t.jsxRuntimeExports.jsx(e.Text,{additionalClasses:{text:x?.containerboxactiontext},component:"span",customAttributes:d,...r.processText(c[p]?.actionText),children:r.processText(c[p]?.actionText).children})]})}),t.jsxRuntimeExports.jsx(n.RenderIf,{condition:!!c[p]?.description,children:t.jsxRuntimeExports.jsx(e.Text,{additionalClasses:{text:x?.containerboxdescription},component:"span",customAttributes:d,...r.processText(c[p]?.description),children:r.processText(c[p]?.description).children})})]})]}),t.jsxRuntimeExports.jsx(n.RenderIf,{condition:!!c[p]?.iconRight,children:t.jsxRuntimeExports.jsx("span",{children:t.jsxRuntimeExports.jsx(s.ElementOrIcon,{className:x?.containerboxicon,customAttributes:d,...c[p]?.iconRight})})})]})};
+const t=require("../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),e=require("../../text/text2.js"),s=require("../../../lib/utils/process/processCommonProp.js"),o=require("../../../lib/components/elementOrIcon/elementOrIcon.js"),n=require("../../../lib/types/states/states.js");let c=require("react/jsx-runtime");exports.SelectorBoxFileContainerBox=({containerBoxStateContent:i,cssClasses:r,filename:a,focus:l,htmlFor:x,loader:p,state:u})=>{const m={"data-focus":l,"data-state":u};return(0,c.jsxs)("label",{className:r?.containerboxcontainer,"data-focus":l,htmlFor:x,...t.pickCustomAttributes(m),children:[(0,c.jsxs)("span",{children:[p,(0,c.jsx)(o.ElementOrIcon,{className:r?.containerboxicon,customAttributes:m,...s.processIconProp(i[u]?.icon)}),(0,c.jsx)(o.ElementOrIcon,{className:r?.containerboxicon,customAttributes:m,...s.processIconProp(i[u]?.icon)})]}),(0,c.jsxs)("span",{className:r?.containerboxtextscontainer,...t.pickCustomAttributes(m),children:[!!a&&[n.STATES.LOADING,n.STATES.SUCCESS,n.STATES.ERROR].includes(u)&&(0,c.jsx)(e.Text,{additionalClasses:{text:r?.containerboxfilename},component:"span",customAttributes:m,children:a}),!!s.processTextProp(i[u]?.actionText).children&&(0,c.jsxs)("span",{className:r?.actioniconandactiontextcontainer,...t.pickCustomAttributes(m),children:[(0,c.jsx)(o.ElementOrIcon,{className:r?.actionicon,customAttributes:m,...s.processIconProp(i[u]?.actionIcon)}),(0,c.jsx)(e.Text,{additionalClasses:{text:r?.containerboxactiontext},component:"span",customAttributes:m,...s.processTextProp(i[u]?.actionText),children:s.processTextProp(i[u]?.actionText).children})]}),!!i[u]?.description&&(0,c.jsx)(e.Text,{additionalClasses:{text:r?.containerboxdescription},component:"span",customAttributes:m,...s.processTextProp(i[u]?.description),children:s.processTextProp(i[u]?.description).children})]}),!!i[u]?.iconRight&&(0,c.jsx)("span",{children:(0,c.jsx)(o.ElementOrIcon,{className:r?.containerboxicon,customAttributes:m,...s.processIconProp(i[u]?.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 r="100%",n=(e,t)=>{e&&(e.style.transition="none",e.style[t]="0%",e.style.removeProperty("transition"))};exports.useBorderAnimation=({...i})=>{const s=(0,t.useRef)(null),u=(0,t.useRef)(null),c=(0,t.useRef)(null),a=(0,t.useRef)(null),[o,g]=(0,t.useState)(!1),[d,h]=(0,t.useState)(!1),[l,p]=(0,t.useState)(!1);return(0,t.useEffect)(()=>{0===i.percentage?(n(s.current,"width"),n(u.current,"height"),n(c.current,"width"),n(a.current,"height"),g(!1),h(!1),p(!1)):i.percentage>0&&(i.percentage>=0&&s?.current&&(s.current.style.width=`${e.getTopBarWith(i.percentage)}%`),o&&i.percentage>25&&u?.current&&(u.current.style.height=`${e.getRightBarHeight(i.percentage)}%`),d&&i.percentage>50&&c?.current&&(c.current.style.width=`${e.getBottomBarWith(i.percentage)}%`),l&&i.percentage>75&&a?.current&&(a.current.style.height=`${e.getLeftBarHeight(i.percentage)}%`))},[i.percentage,o,d,l]),(0,t.useEffect)(()=>{const e=()=>{g(s.current?.style.width===r)},t=()=>{h(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}};

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

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

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

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

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 t=require("../translateValue/translateValue.js");var 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);

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 S=require("../../../../lib/types/states/states.js");exports.getState=(T,t,E,e)=>e?S.STATES.DISABLED:E?S.STATES.ERROR:t?S.STATES.SUCCESS:T?S.STATES.LOADING:S.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:t,inputMin:u,outputMax:a,outputMin:n,value:e})=>{if(u===t)return n;const i=n+(e-u)/(t-u)*(a-n);return Math.min(a,Math.max(n,i))};

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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"),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;

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

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:r,onClose:u,open:t})=>{const c=(0,e.useRef)(null),n=(0,e.useRef)(!1),l=(0,e.useRef)(!1),a=(0,e.useRef)(null),s=(0,e.useCallback)(()=>{!r||n.current||l.current||(c.current=setTimeout(()=>{u?.()},r))},[r,u]),o=(0,e.useCallback)(()=>{c.current&&clearTimeout(c.current)},[]);(0,e.useEffect)(()=>(t?(a.current=document.activeElement,s()):o(),()=>{o()}),[t,s]);const C=(0,e.useCallback)(e=>{n.current=!0,o()},[o]),b=(0,e.useCallback)(e=>{n.current=!1,s()},[s]),d=(0,e.useCallback)(e=>{l.current||(l.current=!0,o())},[o]);return{handleBlur:(0,e.useCallback)(e=>{l.current&&e.currentTarget.contains(e.relatedTarget)||(l.current=!1,s())},[s]),handleFocus:d,handleMouseEnter:C,handleMouseLeave:b,lastFocusedElement:a}};

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

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

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

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

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=(r,e,i)=>r===e&&"vertical"===i?"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;u=i?.prefix?`${i.prefix?.step} ${e+1} ${i.prefix?.of} ${r} ${f}`:f;return 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)};
+exports.buildScreenReaderText=(e,r,f,t,c,i)=>{if(i)return((e,r,f,t,c)=>{let i;return i=c?.prefix?`${c.prefix?.step} ${e+1} ${c.prefix?.of} ${r} ${t}`:t,e<f&&c?.suffix?.completed?i=i.concat(" ",c.suffix?.completed):e===f&&c?.suffix?.current&&(i=i.concat(" ",c.suffix?.current)),i})(e,f,r,c,t)};

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 t=require("../../../lib/types/states/states.js");exports.mapToStepState=(e,a)=>{if(!e?.length)return[];const r=Math.max(0,Math.min(a,e.length));return e?.reduce((e,a,n)=>{const s=n===r?t.STATES.ACTIVE:n<r?t.STATES.COMPLETED:t.STATES.INACTIVE;return[...e,{"aria-label":a["aria-label"],name:a.name,state:s}]},[])};

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

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

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

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

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/resizeObserver/resizeObserver.js"),s=require("../../../lib/utils/scroll/hasScroll.js");exports.useTableHasScroll=({disabled:t=!1,ref:l})=>{const[o,c]=e.useState(!1);return e.useEffect(()=>{const e=l.current?.querySelector?.("[data-table-scrollable-container]");let o;if(e instanceof HTMLElement&&!t){const t=e=>{c(s.hasScroll(e))};t(e),o=new r.ResizeObserver(()=>{t(e)}),o.observe(e)}return t&&c(!1),()=>{o?.disconnect()}},[t]),{hasScroll:o}};
+const e=require("../../../lib/utils/scroll/hasScroll.js");let r=require("react");exports.useTableHasScroll=({disabled:l=!1,ref:s})=>{const[t,c]=(0,r.useState)(!1);return(0,r.useEffect)(()=>{const r=s.current?.querySelector?.("[data-table-scrollable-container]");let t;if(r instanceof HTMLElement&&!l){const l=r=>{c(e.hasScroll(r))};l(r),t=new ResizeObserver(()=>{l(r)}),t.observe(r)}return l&&c(!1),()=>{t?.disconnect()}},[l]),{hasScroll:t}};

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

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

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

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

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),a=require("../../lib/hooks/useClassName/useClassName.js"),l=require("./hooks/useTableHasScroll.js"),o=require("./hooks/useTableShadow.js"),r=require("./hooks/useTableStickyLeftColumns.js"),t=require("./hooks/useTableStickyRightColumns.js"),i=require("./tableStandAlone.js"),u=s.forwardRef(({additionalClasses:u,autoLeftStickyCalc:d=!0,autoRightStickyCalc:n=!0,disableShadowEffects:h,hasScrollDisabled:b,variant:c,...S},f)=>{const m=a.useClassName({additionalClassNames:u,component:"TABLE",variant:c}),x=s.useRef(null);s.useImperativeHandle(f,()=>x.current);const{hasScroll:C}=l.useTableHasScroll({disabled:b,ref:x});return t.useTableStickyRightColumns({disabled:!n,ref:x}),r.useTableStickyLeftColumns({disabled:!d,ref:x}),o.useTableShadow({disabled:h,headBoxShadow:m?.headboxshadow,leftBoxShadow:m?.leftboxshadow,ref:x,rightBoxShadow:m?.rightboxshadow}),e.jsxRuntimeExports.jsx(i.TableStandAlone,{ref:x,cssClasses:m,hasScroll:C,...S})});exports.Table=u;
+const e=require("../../lib/hooks/useClassName/useClassName.js"),s=require("./hooks/useTableHasScroll.js"),a=require("./hooks/useTableShadow.js"),l=require("./hooks/useTableStickyLeftColumns.js"),o=require("./hooks/useTableStickyRightColumns.js"),r=require("./tableStandAlone.js");let t=require("react"),i=require("react/jsx-runtime");const u=(0,t.forwardRef)(({additionalClasses:u,autoLeftStickyCalc:d=!0,autoRightStickyCalc:h=!0,disableShadowEffects:c,hasScrollDisabled:n,variant:b,...S},f)=>{const C=e.useClassName({additionalClassNames:u,component:"TABLE",variant:b}),k=(0,t.useRef)(null);(0,t.useImperativeHandle)(f,()=>k.current);const{hasScroll:m}=s.useTableHasScroll({disabled:n,ref:k});return o.useTableStickyRightColumns({disabled:!h,ref:k}),l.useTableStickyLeftColumns({disabled:!d,ref:k}),a.useTableShadow({disabled:c,headBoxShadow:C?.headboxshadow,leftBoxShadow:C?.leftboxshadow,ref:k,rightBoxShadow:C?.rightboxshadow}),(0,i.jsx)(r.TableStandAlone,{ref:k,cssClasses:C,hasScroll:m,...S})});exports.Table=u;

package/dist/cjs/components/table/tableStandAlone.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),t=require("react"),a=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),s=require("../../lib/components/customComponent/customComponent.js"),i=t.forwardRef(({children:t,component:i="table",cssClasses:o,hasScroll:r,hasScrollDisabled:l,sticky:n,...d},c)=>{const b=a.pickCustomAttributes(d),u=d["data-testid"]||"table-standalone";return e.jsxRuntimeExports.jsxs("div",{ref:c,className:o?.table,"data-sticky":n,"data-testid":`${u}-wrapper`,children:[e.jsxRuntimeExports.jsx("div",{"aria-hidden":d["aria-hidden"],"aria-label":r?d["aria-label"]:void 0,"aria-labelledby":r?d["aria-labelledby"]:void 0,className:o?.scrollablecontainer,"data-table-scrollable-container":!0,"data-testid":`${u}-scrollable-container`,role:r?"region":void 0,style:{overflow:l?"visible":"auto"},...r?{tabIndex:0}:{},children:e.jsxRuntimeExports.jsx(s.CustomComponent,{className:o?.container,component:i,"data-testid":u,...b,children:t})}),e.jsxRuntimeExports.jsx("div",{className:o?.leftboxshadowcontainer,"data-table-left-shadow":!0}),e.jsxRuntimeExports.jsx("div",{className:o?.rightboxshadowcontainer,"data-table-right-shadow":!0})]})});exports.TableStandAlone=i;
+const a=require("../../lib/components/customComponent/customComponent.js"),e=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js");let t=require("react"),s=require("react/jsx-runtime");const l=(0,t.forwardRef)(({children:t,component:l="table",cssClasses:i,hasScroll:o,hasScrollDisabled:r,sticky:n,...d},c)=>{const b=e.pickCustomAttributes(d),m=d["data-testid"]||"table-standalone";return(0,s.jsxs)("div",{ref:c,className:i?.table,"data-sticky":n,"data-testid":`${m}-wrapper`,children:[(0,s.jsx)("div",{"aria-hidden":d["aria-hidden"],"aria-label":o?d["aria-label"]:void 0,"aria-labelledby":o?d["aria-labelledby"]:void 0,className:i?.scrollablecontainer,"data-table-scrollable-container":!0,"data-testid":`${m}-scrollable-container`,role:o?"region":void 0,style:{overflow:r?"visible":"auto"},...o?{tabIndex:0}:{},children:(0,s.jsx)(a.CustomComponent,{className:i?.container,component:l,"data-testid":m,...b,children:t})}),(0,s.jsx)("div",{className:i?.leftboxshadowcontainer,"data-table-left-shadow":!0}),(0,s.jsx)("div",{className:i?.rightboxshadowcontainer,"data-table-right-shadow":!0})]})});exports.TableStandAlone=l;

package/dist/cjs/components/tableBody/tableBody.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),a=require("../../lib/hooks/useClassName/useClassName.js"),r=require("./tableBodyStandAlone.js"),t=s.forwardRef(({additionalClasses:s,variant:t,...o},l)=>{const i=a.useClassName({additionalClassNames:s,component:"TABLE_BODY",variant:t});return e.jsxRuntimeExports.jsx(r.TableBodyStandAlone,{ref:l,cssClasses:i,...o})});exports.TableBody=t;
+const e=require("../../lib/hooks/useClassName/useClassName.js"),s=require("./tableBodyStandAlone.js");let a=require("react"),r=require("react/jsx-runtime");const l=(0,a.forwardRef)(({additionalClasses:a,variant:l,...o},t)=>(0,r.jsx)(s.TableBodyStandAlone,{ref:t,cssClasses:e.useClassName({additionalClassNames:a,component:"TABLE_BODY",variant:l}),...o}));exports.TableBody=l;

package/dist/cjs/components/tableBody/tableBodyStandAlone.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/jsx-runtime.js"),e=require("react"),o=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),s=require("../../lib/components/customComponent/customComponent.js"),r=e.forwardRef(({children:e,component:r="tbody",cssClasses:i,id:n,...u},c)=>{const m=o.pickCustomAttributes(u);return t.jsxRuntimeExports.jsx(s.CustomComponent,{ref:c,className:i?.table_body,component:r,"data-testid":"table-body",...m,id:n,children:e})});exports.TableBodyStandAlone=r;
+const t=require("../../lib/components/customComponent/customComponent.js"),e=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js");let o=require("react"),s=require("react/jsx-runtime");const r=(0,o.forwardRef)(({children:o,component:r="tbody",cssClasses:n,id:i,...c},u)=>{const m=e.pickCustomAttributes(c);return(0,s.jsx)(t.CustomComponent,{ref:u,className:n?.table_body,component:r,"data-testid":"table-body",...m,id:i,children:o})});exports.TableBodyStandAlone=r;

package/dist/cjs/components/tableCaption/tableCaption.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),a=require("../../lib/hooks/useClassName/useClassName.js"),t=require("./tableCaptionStandAlone.js"),r=s.forwardRef(({additionalClasses:s,variant:r,...o},i)=>{const n=a.useClassName({additionalClassNames:s,component:"TABLE_CAPTION",variant:r});return e.jsxRuntimeExports.jsx(t.TableCaptionStandAlone,{ref:i,cssClasses:n,...o})});exports.TableCaption=r;
+const e=require("../../lib/hooks/useClassName/useClassName.js"),a=require("./tableCaptionStandAlone.js");let s=require("react"),t=require("react/jsx-runtime");const r=(0,s.forwardRef)(({additionalClasses:s,variant:r,...n},i)=>(0,t.jsx)(a.TableCaptionStandAlone,{ref:i,cssClasses:e.useClassName({additionalClassNames:s,component:"TABLE_CAPTION",variant:r}),...n}));exports.TableCaption=r;

package/dist/cjs/components/tableCaption/tableCaptionStandAlone.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/jsx-runtime.js"),e=require("react"),o=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),s=require("../../lib/components/customComponent/customComponent.js"),i=e.forwardRef(({children:e,component:i="caption",cssClasses:n,hidden:r,id:u,...c},a)=>{const m=o.pickCustomAttributes(c);return t.jsxRuntimeExports.jsx(s.CustomComponent,{ref:a,className:n?.table_caption,component:i,"data-hidden":r,id:u,...m,children:e})});exports.TableCaptionStandAlone=i;
+const t=require("../../lib/components/customComponent/customComponent.js"),e=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js");let o=require("react"),n=require("react/jsx-runtime");const s=(0,o.forwardRef)(({children:o,component:s="caption",cssClasses:i,hidden:r,id:c,...u},a)=>{const m=e.pickCustomAttributes(u);return(0,n.jsx)(t.CustomComponent,{ref:a,className:i?.table_caption,component:s,"data-hidden":r,id:c,...m,children:o})});exports.TableCaptionStandAlone=s;