@kubit-ui-web/react-components 1.17.2 → 2.0.0-alpha.1

package/dist/cjs/components/popover/hooks/usePopoverInteractions.js

@@ -0,0 +1 @@
+const e=require("../../../lib/constants/keyboardKeys/keyboardKeys.js"),s=require("../../../lib/utils/keyboard/keyboard.js"),t=require("../../../lib/hooks/useClickOutside/useClickOutside.js");let r=require("react");exports.usePopoverInteractions=({disableClickOverlayClose:o=!1,disableEscapeClose:i=!1,isVisible:n,onClose:l,popoverRef:u,preventCloseOnClickElements:a=[]})=>{const c=(0,r.useMemo)(()=>a.filter(Boolean),[a]),d=(0,r.useCallback)(e=>{if(!n||o)return;const s=e.target;u.current?.contains(s)||c.some(e=>e.contains(s))||l?.()},[n,o,u,c,l]);return t.useClickOutside(u,d,c),(0,r.useEffect)(()=>{if(!n)return;const t=t=>{s.isKeyPressed(t.key,...e.ESCAPE.key)&&(t.preventDefault(),t.stopPropagation(),i||l?.())};return document.addEventListener("keydown",t),()=>{document.removeEventListener("keydown",t)}},[i,n,l]),{handleClickOutside:d}};

package/dist/cjs/components/popover/hooks/usePopoverLifecycle.js

@@ -0,0 +1 @@
+const e=require("../../../lib/hooks/useScrollBlock/useScrollBlock.js"),r=require("../../../lib/utils/refs/syncRefs.js"),l=require("../../../lib/utils/focusHandlers/focusHandlers.js"),n=require("../../../lib/hooks/useSwipeDown/utils/convertDurationToNumber.js");let s=require("react");exports.usePopoverLifecycle=({animationExitDuration:u=200,disableAnimations:o,disableAutoFocusFirstDescendant:t=!1,disableAutoFocusFirstDescendantAfterClose:c=!0,disableRestoreFocusAfterClose:i=!1,disableScrollBackground:a=!1,open:f=!1,popoverContainerRef:d,preventScrollOnCloseFocus:b=!1})=>{const m=(0,s.useRef)(null),k=(0,s.useRef)(!1),R=(0,s.useRef)(null),S=(0,s.useRef)(null),[p,C]=(0,s.useState)(f),[v,w]=(0,s.useState)(!1),F=n.convertDurationToNumber(u),{allowScroll:D,blockScroll:A}=e.useScrollBlock(),q=(0,s.useCallback)(()=>{!t&&m.current&&l.focusFirstDescendant({element:m.current,preventScroll:!0})},[t]),T=(0,s.useCallback)(()=>{i?c||l.focusFirstDescendant({element:document.body}):S.current?.focus({preventScroll:b})},[i,b,c]);(0,s.useEffect)(()=>{f&&(S.current=document.activeElement,C(!0),w(!1))},[f]),(0,s.useEffect)(()=>(!f&&p&&(o?(T(),C(!1),w(!1)):(w(!0),R.current=window.setTimeout(()=>{T(),C(!1),w(!1)},F))),()=>{null!==R.current&&(window.clearTimeout(R.current),R.current=null)}),[f,p,o,F,T]);const j=(0,s.useCallback)(e=>{m.current=e,q(),a&&!k.current&&(k.current=!0,A({elementsToOmit:[m.current]}))},[A,q,a]),y=(0,s.useCallback)(()=>{k.current&&D(),m.current=null},[D]);return{handleInnerRef:(0,s.useCallback)(e=>{e?j(e):y(),r.syncInnerAndForwardedRef({forwardedRef:d,innerRef:m})},[d,y,j]),isClosing:v,isVisible:p,popoverRef:m}};

package/dist/cjs/components/popover/hooks/usePopoverPositioning.js

@@ -0,0 +1 @@
+const e=require("./positioning/arrowPositionStyles.js"),t=require("./positioning/middlewareUtils.js"),r=require("./positioning/positionCalculation.js"),n=require("./positioning/positionStyles.js");let a=require("react"),i=require("@floating-ui/dom");exports.usePopoverPositioning=({anchorElement:s,arrowStyles:o,isVisible:c,middlewareOptions:d={},middlewares:l=[],placement:u,ref:m,strategy:f})=>{const{edgePadding:p=0,hideWhenDetached:w,offsetDistance:g}=d,y=(0,a.useRef)(document.body),h=(0,a.useRef)(null),b=(0,a.useRef)({anchorElement:s,arrowStyles:o,isVisible:c,middlewareOptions:{edgePadding:p,hideWhenDetached:w,offsetDistance:g},middlewares:l,placement:u,ref:m,strategy:f});(0,a.useEffect)(()=>{b.current={anchorElement:s,arrowStyles:o,isVisible:c,middlewareOptions:{edgePadding:p,hideWhenDetached:w,offsetDistance:g},middlewares:l,placement:u,ref:m,strategy:f}},[s,u,g,p,w,l,f,c,m,o]);const S=(0,a.useCallback)(()=>m?.current&&c&&o?(h.current=m.current.querySelector('[data-kbt-id="popover-arrow"]'),h.current):null,[m,c,o]);(0,a.useEffect)(()=>{const e=()=>{!S()&&c&&o&&m?.current&&requestAnimationFrame(e)};e()},[S,c,o]);const P=(0,a.useCallback)((e,t)=>e&&t?.current&&document.body.contains(t.current),[]),k=(0,a.useCallback)((t,r,a,i,s,c,d,l,u,m,f,p,w,g=[],y=[])=>{t?.current&&(n.applyPositionStyles({edgePadding:d,hasCustomMiddlewares:g.length>0,isBodyAnchor:r,middlewareStack:y,placement:a,ref:t,strategy:c,x:i,y:s}),r||t.current.setAttribute("data-kbt-placement",m),e.positionArrow(!!o,l,u,m,f,p),w?.())},[o]),D=(0,a.useCallback)((e,r,n,a,i,s,c)=>{const d=t.calculateMainAxisOffset({arrowSize:r,hasArrow:!!o,offsetDistance:e}),l=h.current;return{arrowElement:l,middlewareStack:t.getMiddlewareStack({arrowElement:l,customMiddlewares:s,edgePadding:a,hideWhenDetached:c?.hideWhenDetached,isBodyAnchor:n,mainAxisOffset:d,offsetDistance:e,placement:i})}},[o]),E=(0,a.useCallback)((e,t,r,n,a,i,s,o,c,d,l,u,m,f=[],p=[])=>{const w=t.hide?.referenceHidden||t.hide?.escaped;e.current&&(e.current.style.opacity=w?"0":"",e.current.style.pointerEvents=w?"none":""),w||k(e,r,n,a,i,s,o,c,t,d,l,u,m,f,p)},[k]),C=(0,a.useCallback)(async()=>{const{anchorElement:e,arrowStyles:t,middlewareOptions:n,middlewares:a,onPositioned:s,placement:o,ref:c,strategy:d}=b.current,l=n?.offsetDistance,u=n?.edgePadding??8,m=t?.size||0,f=e||y.current;if(!c?.current||!P(f,c))return;const p=f===document.body,{arrowElement:w,middlewareStack:g}=D(l,m,p,u,o,a,n||{}),{actualPlacement:h,autoStrategy:S}=r.determinePositioningConfig(p,d,o),{middlewareData:k,placement:C,x:q,y:A}=await(0,i.computePosition)(f,c.current,{middleware:g,placement:"center"===h?"top":h,strategy:S});E(c,k,p,h,q,A,d,u,w,C,l,m,s,a,g)},[]);(0,a.useEffect)(()=>{if(!c||!m?.current)return;C();const e=s??y.current;let t=()=>{};return t=(0,i.autoUpdate)(e,m.current,C,{ancestorResize:!0,ancestorScroll:!0,animationFrame:!1,elementResize:!0}),()=>{t()}},[c,s,C])};

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

@@ -0,0 +1,3 @@
+module.exports = { ...module.exports, ...require('./middlewares.js') };
+const { Popover } = require('./popover.js');
+module.exports = { ...module.exports, Popover };

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

@@ -0,0 +1 @@
+const e=require("../../lib/hooks/useClassName/useClassName.js"),s=require("../../lib/hooks/useTrapFocus/useTrapFocus.js"),o=require("./hooks/usePopoverInteractions.js"),r=require("./hooks/usePopoverLifecycle.js"),i=require("./hooks/usePopoverPositioning.js"),a=require("./popoverStandAlone.js");let l=require("react"),n=require("react/jsx-runtime");const t=(0,l.forwardRef)(({additionalClasses:l,anchorElement:t,animationExitDuration:c=200,disableAnimations:u=!1,disableAutoFocusFirstDescendant:d=!1,disableAutoFocusFirstDescendantAfterClose:p=!0,disableClickOverlayClose:C=!1,disableEscapeClose:b=!1,disableRestoreFocusAfterClose:m=!1,disableScrollBackground:v=!1,disableTrapFocus:f=!1,middlewareOptions:F,middlewares:A,onClose:P,open:k=!1,popoverContainerRef:O,preventCloseOnClickElements:E=[],preventScrollOnCloseFocus:R=!1,strategy:g="absolute",...h},y)=>{const j=u||!!t,q=e.useClassName({additionalClassNames:l,component:"POPOVER"}),{handleInnerRef:w,isClosing:S,isVisible:D,popoverRef:x}=r.usePopoverLifecycle({animationExitDuration:c,disableAnimations:j,disableAutoFocusFirstDescendant:d,disableAutoFocusFirstDescendantAfterClose:p,disableRestoreFocusAfterClose:m,disableScrollBackground:v,open:k,popoverContainerRef:O,preventScrollOnCloseFocus:R});return s.useTrapFocus({ref:x,trapFocus:!f&&D}),o.usePopoverInteractions({disableClickOverlayClose:C,disableEscapeClose:b,isVisible:D,onClose:P,popoverRef:x,preventCloseOnClickElements:E}),i.usePopoverPositioning({anchorElement:t,arrowStyles:h.arrowStyles,isVisible:D,middlewareOptions:F,middlewares:A,placement:h.placement,ref:x,strategy:g}),(0,n.jsx)(a.PopoverStandAlone,{ref:y,...h,anchorElement:!!t,cssClasses:q,disableAnimations:j,isClosing:S,isVisible:D,middlewareOptions:F,popoverContainerRef:w,strategy:g})});exports.Popover=t;

package/dist/cjs/components/popover/popoverStandAlone.js

@@ -0,0 +1 @@
+const e=require("../../lib/components/customComponent/customComponent.js"),t=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),s=require("../../lib/utils/classNames/classNames.js");;/* empty css              */const a=require("./utils/styling.utils.js");let r=require("react"),o=require("react/jsx-runtime");const i=(0,r.forwardRef)(({anchorElement:r,arrowStyles:i,children:n,component:l="div",cssClasses:d,disableAnimations:c,id:m,isClosing:p,isVisible:u,overlay:b,placement:k,popoverContainerRef:j,zIndex:v="auto",...x},C)=>{const{"data-testid":y="popover",...h}=t.pickCustomAttributes(x,!0);return(0,o.jsx)("div",{ref:C,"data-testid":y,id:m,children:u&&(0,o.jsxs)(o.Fragment,{children:[b,(0,o.jsxs)(e.CustomComponent,{ref:j,...h,...x,className:s.classNames(d?.popover),component:l,"data-kbt-anchor-element":r,"data-kbt-closing":p,"data-kbt-disable-animations":c,"data-kbt-has-arrow":!!i,"data-kbt-id":"popover","data-kbt-placement":k,style:{zIndex:v||"auto"},children:[!!i&&(0,o.jsx)("div",{className:s.classNames(d?.arrow),"data-kbt-arrow-border":!!i,"data-kbt-id":"popover-arrow","data-kbt-placement":k,style:{...k?a.getArrowBorderStyles(k,i):{},zIndex:"number"==typeof v?v+1:v}}),n]})]})})});exports.PopoverStandAlone=i;

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

@@ -0,0 +1 @@
+exports.DEFAULT_PLACEMENT="center";

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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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/index.js

@@ -0,0 +1,2 @@
+const { Portal } = require('./portal.js');
+module.exports = { ...module.exports, Portal };

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

@@ -0,0 +1 @@
+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/index.js

@@ -0,0 +1,2 @@
+const { ProgressBar } = require('./progressBar.js');
+module.exports = { ...module.exports, ProgressBar };

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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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/index.js

@@ -0,0 +1,4 @@
+const { RadioButton } = require('./radioButton.js');
+module.exports = { ...module.exports, RadioButton };
+const { RadioButtonStandAlone } = require('./radioButtonStandAlone.js');
+module.exports = { ...module.exports, RadioButtonStandAlone };

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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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/index.js

@@ -0,0 +1,2 @@
+const { SelectorBoxFile } = require('./selectorBoxFile.js');
+module.exports = { ...module.exports, SelectorBoxFile };

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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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/index.js

@@ -0,0 +1,2 @@
+const { Skeleton } = require('./skeleton.js');
+module.exports = { ...module.exports, Skeleton };

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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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/index.js

@@ -0,0 +1,2 @@
+const { Slider } = require('./slider.js');
+module.exports = { ...module.exports, Slider };

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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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/index.js

@@ -0,0 +1,2 @@
+module.exports = { ...module.exports, ...require('./snackbar.js') };
+module.exports = { ...module.exports, ...require('./types.js') };

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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+exports.buildAriaCurrent=(r,e,i)=>r===e&&"vertical"===i?"step":void 0;

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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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/index.js

@@ -0,0 +1,3 @@
+module.exports = { ...module.exports, ...require('./orientation.js') };
+const { StepperNumber } = require('./stepperNumber.js');
+module.exports = { ...module.exports, StepperNumber };

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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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/index.js

@@ -0,0 +1,2 @@
+const { Table } = require('./table.js');
+module.exports = { ...module.exports, Table };

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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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/index.js

@@ -0,0 +1,2 @@
+const { TableBody } = require('./tableBody.js');
+module.exports = { ...module.exports, TableBody };

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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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/index.js

@@ -0,0 +1,2 @@
+const { TableCaption } = require('./tableCaption.js');
+module.exports = { ...module.exports, TableCaption };

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

@@ -0,0 +1 @@
+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

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

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

@@ -0,0 +1,2 @@
+const { TableCell } = require('./tableCell.js');
+module.exports = { ...module.exports, TableCell };

package/dist/cjs/components/tableCell/tableCell.js

@@ -0,0 +1 @@
+const e=require("../../lib/hooks/useClassName/useClassName.js"),s=require("./tableCellStandAlone.js");let a=require("react"),l=require("react/jsx-runtime");const r=(0,a.forwardRef)(({additionalClasses:a,variant:r,...t},n)=>(0,l.jsx)(s.TableCellStandAlone,{ref:n,cssClasses:e.useClassName({additionalClassNames:a,component:"TABLE_CELL",variant:r}),...t}));exports.TableCell=r;

package/dist/cjs/components/tableCell/tableCellStandAlone.js

@@ -0,0 +1 @@
+const t=require("../../lib/components/customComponent/customComponent.js"),e=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js");let i=require("react"),o=require("react/jsx-runtime");const n=(0,i.forwardRef)(({alignItems:i,bottom:n,children:l,colSpan:s,component:a,cssClasses:d,height:r,hidden:c,id:u,justifyContent:m,left:p,maxWidth:h,minWidth:b,onClick:C,onMouseEnter:$,onMouseLeave:g,right:A,role:x,rowSpan:y,scope:f,sticky:j,textAlign:k,th:M,top:S,verticalAlign:W,width:q,...v},w)=>{const L=e.pickCustomAttributes(v),T=d?.dynamic_values({$tdAlignItems:i||"",$tdBottom:n||"",$tdHeight:r||"",$tdJustifyContent:m||"",$tdLeft:p||"",$tdMaxWidth:h||"",$tdMinWidth:b||"",$tdRight:A||"",$tdTextAlign:k||"",$tdTop:S||"",$tdVerticalAlign:W||"",$tdWidth:q||""}).object;return(0,o.jsx)(t.CustomComponent,{ref:w,"aria-label":v["aria-label"],"aria-labelledby":v["aria-labelledby"],className:d?.table_cell,colSpan:s,component:a||(M?"th":"td"),"data-hidden":c,"data-sticky":j,"data-testid":"table-cell",id:u,role:x,rowSpan:y,scope:f,style:T,onClick:C,onMouseEnter:$,onMouseLeave:g,...L,children:c?(0,o.jsx)("span",{children:l}):l})});exports.TableCellStandAlone=n;

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

@@ -0,0 +1,2 @@
+const { TableDivider } = require('./tableDivider.js');
+module.exports = { ...module.exports, TableDivider };

package/dist/cjs/components/tableDivider/tableDivider.js

@@ -0,0 +1 @@
+const e=require("../../lib/hooks/useClassName/useClassName.js"),s=require("./tableDividerStandAlone.js");let a=require("react"),r=require("react/jsx-runtime");const i=(0,a.forwardRef)(({additionalClasses:a,variant:i,...l},t)=>(0,r.jsx)(s.TableDividerStandAlone,{ref:t,cssClasses:e.useClassName({additionalClassNames:a,component:"TABLE_DIVIDER",variant:i}),...l}));exports.TableDivider=i;

package/dist/cjs/components/tableDivider/tableDividerStandAlone.js

@@ -0,0 +1 @@
+const e=require("../../lib/components/customComponent/customComponent.js"),t=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js");let i=require("react"),s=require("react/jsx-runtime");const r=(0,i.forwardRef)(({children:i,component:r="div",cssClasses:o,id:n,...c},d)=>{const u=t.pickCustomAttributes(c);return(0,s.jsx)(e.CustomComponent,{ref:d,className:o?.table_divider,component:r,"data-table-divider":!0,"data-testid":"table-divider",id:n,...u,children:i})});exports.TableDividerStandAlone=r;

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

@@ -0,0 +1,2 @@
+const { TableFoot } = require('./tableFoot.js');
+module.exports = { ...module.exports, TableFoot };

package/dist/cjs/components/tableFoot/tableFoot.js

@@ -0,0 +1 @@
+const e=require("../../lib/hooks/useClassName/useClassName.js"),s=require("./tableFootStandAlone.js");let a=require("react"),o=require("react/jsx-runtime");const t=(0,a.forwardRef)(({additionalClasses:a,variant:t,...r},l)=>(0,o.jsx)(s.TableFootStandAlone,{ref:l,cssClasses:e.useClassName({additionalClassNames:a,component:"TABLE_FOOT",variant:t}),...r}));exports.TableFoot=t;

package/dist/cjs/components/tableFoot/tableFootStandAlone.js

@@ -0,0 +1 @@
+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="tfoot",cssClasses:n,id:i,...c},u)=>{const m=e.pickCustomAttributes(c);return(0,s.jsx)(t.CustomComponent,{ref:u,className:n?.table_foot,component:r,"data-testid":"table-foot",id:i,...m,children:o})});exports.TableFootStandAlone=r;

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

@@ -0,0 +1,2 @@
+const { TableHead } = require('./tableHead.js');
+module.exports = { ...module.exports, TableHead };

package/dist/cjs/components/tableHead/tableHead.js

@@ -0,0 +1 @@
+const e=require("../../lib/hooks/useClassName/useClassName.js"),a=require("./tableHeadStandAlone.js");let s=require("react"),r=require("react/jsx-runtime");const l=(0,s.forwardRef)(({additionalClasses:s,variant:l,...t},n)=>(0,r.jsx)(a.TableHeadStandAlone,{ref:n,cssClasses:e.useClassName({additionalClassNames:s,component:"TABLE_HEAD",variant:l}),...t}));exports.TableHead=l;

package/dist/cjs/components/tableHead/tableHeadStandAlone.js

@@ -0,0 +1 @@
+const t=require("../../lib/components/customComponent/customComponent.js"),e=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js");let s=require("react"),a=require("react/jsx-runtime");const o=(0,s.forwardRef)(({children:s,component:o="thead",cssClasses:i,hidden:n,id:r,sticky:d,...c},u)=>{const m=e.pickCustomAttributes(c);return(0,a.jsx)(t.CustomComponent,{ref:u,className:i?.table_head,component:o,"data-hidden":n,"data-sticky":d,"data-table-head":!0,"data-testid":"table-head",id:r,...m,children:s})});exports.TableHeadStandAlone=o;

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

@@ -0,0 +1,2 @@
+const { TableRow } = require('./tableRow.js');
+module.exports = { ...module.exports, TableRow };

package/dist/cjs/components/tableRow/tableRow.js

@@ -0,0 +1 @@
+const e=require("../../lib/hooks/useClassName/useClassName.js"),s=require("./tableRowStandAlone.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.TableRowStandAlone,{ref:t,cssClasses:e.useClassName({additionalClassNames:a,component:"TABLE_ROW",variant:l}),...o}));exports.TableRow=l;

package/dist/cjs/components/tableRow/tableRowStandAlone.js

@@ -0,0 +1 @@
+const e=require("../../lib/components/customComponent/customComponent.js"),t=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js");let o=require("react"),n=require("react/jsx-runtime");const s=(0,o.forwardRef)(({active:o,children:s,component:r="tr",cssClasses:a,hoverable:i=!0,id:c,onClick:u,onKeyDown:l,onMouseEnter:m,onMouseLeave:b,...d},p)=>{const C=t.pickCustomAttributes(d);return(0,n.jsx)(e.CustomComponent,{ref:p,className:a?.table_row,component:r,"data-active":o,"data-hoverable":i,"data-table-row":!0,"data-testid":"table-row",id:c,onClick:u,onKeyDown:l,onMouseEnter:m,onMouseLeave:b,...C,children:s})});exports.TableRowStandAlone=s;

package/dist/cjs/components/tabs/hooks/useTabs/useTabs.js

@@ -0,0 +1 @@
+const e=require("../../../../lib/hooks/useRoveFocus/useRoveFocus.js"),s=require("../../../../lib/hooks/useMediaDevice/useActiveBreakpoints.js"),t=require("../../utils/keyMove/keLeftMove.js"),o=require("../../utils/keyMove/keyRightMove.js");let i=require("react");exports.useTabs=({numTabsInView:u,selectedTab:r,tabsLength:c})=>{const{device:n,isMobile:l}=s.useActiveBreakpoints(),[v,a]=(0,i.useState)(0),[k,M,y]=e.useRoveFocus((0,i.useMemo)(()=>({keyDownMove:0,keyLeftMove:l?t.keyLeftMove(v,u):-1,keyRightMove:l?o.keyRightMove(c,v,u):1,keyTabMove:null,keyUpMove:0,size:c}),[n,v,u]));return(0,i.useEffect)(()=>{if(y.current&&l){const e=y?.current?.clientWidth/u*v;y.current.style.transform=`translate(-${e}px)`}M(v)},[v,n]),(0,i.useEffect)(()=>{var e;e=r??0,a(s=>{let t=s;return e>=s&&e<s+u||(t=e-u+1,t=t<0?0:t),t})},[r]),{focus:k,handleClickIcon:e=>{a(e?v+1:v-1)},handleClickTab:e=>{M(e)},listEl:y,position:v}};

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

@@ -0,0 +1,4 @@
+const { TabsControlled } = require('./tabsControlled.js');
+module.exports = { ...module.exports, TabsControlled };
+const { Tabs } = require('./tabsUnControlled.js');
+module.exports = { ...module.exports, Tabs };

package/dist/cjs/components/tabs/tabsControlled.js

@@ -0,0 +1 @@
+const e=require("../../lib/hooks/useClassName/useClassName.js"),s=require("../../lib/hooks/useMediaDevice/useMediaDevice.js"),a=require("./tabsStandAlone.js");let r=require("react"),i=require("react/jsx-runtime");const t=(0,r.forwardRef)(({additionalClasses:r,variant:t,...l},o)=>{const n=e.useClassName({additionalClassNames:r,component:"TABS",variant:t}),d=s.useMediaDevice();return(0,i.jsx)(a.TabsStandAlone,{...l,ref:o,cssClasses:n,device:d,selectedTab:l.defaultSelectedTab})});exports.TabsControlled=t;

package/dist/cjs/components/tabs/tabsStandAlone.js

@@ -0,0 +1 @@
+const t=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),e=require("../../lib/utils/classNames/classNames.js"),s=require("../text/text2.js"),a=require("../../lib/utils/process/processCommonProp.js"),i=require("../../lib/components/elementOrIcon/elementOrIcon.js"),n=require("../../lib/types/states/states.js"),l=require("../../lib/hooks/useMediaDevice/useActiveBreakpoints.js"),o=require("../../lib/components/itemRove/itemRove.js"),r=require("./hooks/useTabs/useTabs.js");let c=require("react"),b=require("react/jsx-runtime");const d=(0,c.forwardRef)(({allowFocusTabPanel:d=!0,autoWidth:u=!1,content:m,cssClasses:p,device:h,hideLabelForSingleTab:x,leftControlAriaLabel:$,leftIcon:T,maxTabsInView:j=3,onSelectTab:C,rightControlAriaLabel:v,rightIcon:N,selectedTab:A,tabs:I,unMountContent:S=!0,...f},k)=>{const{isMobile:g}=l.useActiveBreakpoints(),q=`tabs-${(0,c.useId)().replace(/:/g,"")}`,E=`${q}-tab-list`,y=`${q}-tab-panel`,w=I?.length??0,L=Math.min(w,j),{focus:P,handleClickIcon:D,handleClickTab:F,listEl:M,position:O}=r.useTabs({numTabsInView:L,selectedTab:A,tabsLength:w}),R=0===O,B=O>=w-L,V=f["data-testid"]||"tabs",W=t.pickCustomAttributes(f),U=t=>{const e="left"===t,s=e?R:B;return w>L?(0,b.jsx)("button",{"aria-label":e?$:v,className:p?.arrowiconcontainer,"data-position":e?"left":"right","data-testid":`${V}-icon-${t}`,disabled:s,tabIndex:0,type:"button",onClick:()=>{s||D(!e)},children:(0,b.jsx)(i.ElementOrIcon,{className:p?.icon,customAttributes:{"data-disabled":s},"data-position":e?"left":"right",...e?T:N})}):null};return(0,b.jsxs)("div",{ref:k,className:p?.tabs,"data-testid":V,...W,children:[(0,b.jsxs)("div",{className:p?.container,children:[U("left"),(0,b.jsx)("div",{ref:M,className:p?.tabbuttonscontainer,id:E,role:"tablist",children:I?.map((i,l)=>{const r=A===l,c=r?n.STATES.SELECTED:n.STATES.UNSELECTED,d=l>=O&&l<O+L,m={"data-state":c};return(0,b.jsx)("div",{className:p?.tabcontainer,"data-testid":`${V}-tab-${l}`,...t.pickCustomAttributes(m),style:{minWidth:g?`calc(100% / ${L})`:"auto",width:u?"auto":`calc(100% / ${w})`},children:w>1?(0,b.jsx)(o.ItemRove,{ariaDisabled:g&&!d||i.disabled,ariaSelected:r,asElement:"button",checkIsFirstTime:!0,classNames:e.classNames(p?.tabbutton,{[`${p?.firsttabbutton}`]:0===l,[`${p?.lasttabbutton}`]:l===w-1}),customAttributes:m,disabled:g&&!d||i.disabled,focus:P===l,id:`${q}-tab-${l}`,index:l,preventScrollOnFocus:!0,role:"tab",type:"button",onSelectItem:()=>{C?.(l),F(l)},children:(0,b.jsx)(s.Text,{additionalClasses:{text:p?.label},component:"span",customAttributes:m,"data-hidden":!!x,...a.processTextProp(i)})}):(0,b.jsx)("div",{className:e.classNames(p?.onetabcontainer,{[`${p?.tabbutton}`]:!!x}),id:`${q}-tab-${l}`,role:"tab",children:(0,b.jsx)(s.Text,{additionalClasses:{text:p?.label},"data-hidden":!!x,...a.processTextProp(i),children:a.processTextProp(i).children})})},`${V}-tab-${l.toString()}`)})}),U("right")]}),(()=>{const t={role:"tabpanel",tabIndex:d?0:-1};return S?null!=A&&(0,b.jsx)("div",{"aria-labelledby":`${q}-tab-${A}`,className:p?.contentcontainer,...t,children:m?.[A]}):m?.map((e,s)=>(0,b.jsx)("div",{"aria-labelledby":`${q}-tab-${s}`,className:p?.contentcontainer,id:`${y}-${s}`,style:{display:A===s?"block":"none"},...t,children:e},`${q}-${s.toString()}-tab`))})()]})});exports.TabsStandAlone=d;

package/dist/cjs/components/tabs/tabsUnControlled.js

@@ -0,0 +1 @@
+const e=require("./tabsControlled.js");let t=require("react"),r=require("react/jsx-runtime");const o=(0,t.forwardRef)(function({defaultSelectedTab:o=0,onSelectTab:a,...l},n){const[s,c]=(0,t.useState)(o);return(0,r.jsx)(e.TabsControlled,{...l,ref:n,defaultSelectedTab:s,onSelectTab:e=>{c(e),a?.(e)}})});exports.TabsUnControlled=o;

package/dist/cjs/components/tabs/utils/keyMove/keLeftMove.js

@@ -0,0 +1 @@
+exports.keyLeftMove=(e,o)=>t=>t-1<0||t-1<e?e-1+o:t-1;

package/dist/cjs/components/tabs/utils/keyMove/keyRightMove.js

@@ -0,0 +1 @@
+exports.keyRightMove=(e,o,t)=>g=>g+1>=e||g+1===o+t?o:g+1;

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

@@ -0,0 +1,2 @@
+const { Tag } = require('./tag.js');
+module.exports = { ...module.exports, Tag };

package/dist/cjs/components/tag/tag.js

@@ -0,0 +1 @@
+const s=require("../../lib/hooks/useClassName/useClassName.js"),e=require("./tagStandAlone.js");let a=require("react"),r=require("react/jsx-runtime");const t=(0,a.forwardRef)(({additionalClasses:a,variant:t,...n},o)=>{const i=s.useClassName({additionalClassNames:a,component:"TAG",variant:t});return(0,r.jsx)(e.TagStandAlone,{...n,ref:o,cssClasses:i})});exports.Tag=t;

package/dist/cjs/components/tag/tagStandAlone.js

@@ -0,0 +1 @@
+const e=require("../../lib/components/customComponent/customComponent.js"),t=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),s=require("../text/text2.js"),o=require("../../lib/utils/process/processCommonProp.js"),r=require("../../lib/components/elementOrIcon/elementOrIcon.js");let n=require("react"),c=require("react/jsx-runtime");const i=(0,n.forwardRef)(({component:n="div",cssClasses:i,icon:m,label:l,...a},p)=>{const u=t.pickCustomAttributes(a);return(0,c.jsx)(e.CustomComponent,{ref:p,className:i?.tag,component:n,"data-testid":"tag",...u,children:(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(r.ElementOrIcon,{className:i?.icon,...o.processIconProp(m)}),(0,c.jsx)(s.Text,{additionalClasses:{text:i?.label},component:"span",...o.processTextProp(l)})]})})});exports.TagStandAlone=i;

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

@@ -0,0 +1,2 @@
+const { Text } = require('./text.js');
+module.exports = { ...module.exports, Text };

package/dist/cjs/components/text/text2.js

@@ -0,0 +1 @@
+const e=require("../../lib/hooks/useClassName/useClassName.js"),s=require("./textStandAlone.js");let a=require("react"),r=require("react/jsx-runtime");const t=(0,a.forwardRef)(({additionalClasses:a,children:t,variant:n,...l},i)=>{const o=e.useClassName({additionalClassNames:a,component:"TEXT",variant:n});return t?(0,r.jsx)(s.TextStandAlone,{...l,ref:i,cssClasses:o,children:t}):null});exports.Text=t;

package/dist/cjs/components/text/textStandAlone.js

@@ -0,0 +1 @@
+const t=require("../../lib/components/customComponent/customComponent.js"),e=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js");;/* empty css      */const r=require("../../lib/utils/classNames/classNames.js");let s=require("react"),o=require("react/jsx-runtime");const i=(0,s.forwardRef)(({align:s,children:i,color:a,component:n,cssClasses:c,cursor:l,customAttributes:u,decoration:d,disabled:m,display:x,draggable:p,filter:b,htmlFor:g,id:k,maxTruncatedLines:C,onClick:f,role:j,target:A,textSizeAdjust:h,textWrap:q,transform:w,truncate:W,weight:N,wordBreak:y,wordWrap:S,...T},z)=>{const B=e.pickCustomAttributes({...T,...u}),F=r.classNames("kbt-text",c?.text,{"kbt-text--disabled":m??!1},{"kbt-text--truncate":W||!!C}),D={color:a,cursor:l,display:x,filter:b,fontWeight:N,textAlign:s,textDecoration:d,textSizeAdjust:h,textTransform:w,textWrap:q,wordBreak:y,wordWrap:S};return(0,o.jsx)(t.CustomComponent,{ref:z,className:F,component:n,"data-testid":"text",draggable:p,htmlFor:g,id:k,role:j,style:D,target:A,onClick:f,...B,children:i})});exports.TextStandAlone=i;

package/dist/cjs/components/textArea/components/errorStandAlone.js

@@ -0,0 +1 @@
+const e=require("../../text/text2.js"),r=require("../../../lib/utils/process/processCommonProp.js"),s=require("../../../lib/components/elementOrIcon/elementOrIcon.js"),t=require("../../../lib/types/states/states.js");let o=require("react/jsx-runtime");exports.ErrorStandAlone=({cssClasses:i,customAttributtes:c,errorAriaLiveType:n,errorIcon:a,errorMessage:l,id:m,state:p})=>(0,o.jsx)("div",{"aria-live":n,className:i?.errorcontainer,id:m,...c,children:!!r.processTextProp(l).children&&p===t.STATES.ERROR&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(s.ElementOrIcon,{className:i?.erroricon,customAttributes:c,...a}),(0,o.jsx)(e.Text,{additionalClasses:{text:i?.errormessage},component:"p",customAttributes:c,...r.processTextProp(l),children:r.processTextProp(l).children})]})});

package/dist/cjs/components/textArea/components/helpMessageStandAlone.js

@@ -0,0 +1 @@
+const e=require("../../text/text2.js"),s=require("../../../lib/utils/process/processCommonProp.js");let t=require("react/jsx-runtime");exports.HelpMessageStandAlone=({cssClasses:r,customAttributtes:o,helpMessage:i,id:l})=>(0,t.jsx)(e.Text,{additionalClasses:{text:r?.helpmessage},component:"small",customAttributes:o,id:l,...s.processTextProp(i)});

package/dist/cjs/components/textArea/components/textCount/textCount.js

@@ -0,0 +1 @@
+const e=require("../../../../lib/hooks/useClassName/useClassName.js"),s=require("./textCountStandAlone.js");let a=require("react"),t=require("react/jsx-runtime");const r=(0,a.forwardRef)(({additionalClasses:a,variant:r,...n},o)=>{const i=e.useClassName({additionalClassNames:a,component:"TEXT_COUNT",variant:r});return(0,t.jsx)(s.TextCountStandAlone,{...n,ref:o,cssClasses:i})});exports.TextCount=r;

package/dist/cjs/components/textArea/components/textCount/textCountStandAlone.js

@@ -0,0 +1 @@
+const e=require("../../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),t=require("../../../text/text2.js"),r=require("../../../../lib/components/screen-reader-only/screenReaderOnly.js");let i=require("react"),s=require("react/jsx-runtime");const n=(0,i.forwardRef)(({cssClasses:i,currentCharacters:n,id:a,leftColor:o,leftWeight:l,marginTop:c,maxLength:d,rightColor:x,rightWeight:u,screenReaderText:h,textVariant:p,...m},g)=>{const C=e.pickCustomAttributes(m);return(0,s.jsxs)("div",{ref:g,"aria-live":(()=>{if(0===n||n>=d)return"polite"})(),className:i?.text_count,"data-testid":"text-count",style:{marginTop:c},...C,children:[(0,s.jsx)(r.ScreenReaderOnly,{children:h},n),(0,s.jsx)(t.Text,{additionalClasses:{text:i?.letftext},"aria-hidden":!0,color:o,component:"span",variant:p,weight:l,children:n}),(0,s.jsx)(t.Text,{additionalClasses:{text:i?.righttext},"aria-hidden":!0,color:x,component:"span",variant:p,weight:u,children:` / ${d}`})]})});exports.TextCountStandAlone=n;

package/dist/cjs/components/textArea/components/titleStandAlone.js

@@ -0,0 +1 @@
+const e=require("../../text/text2.js"),t=require("../../../lib/utils/process/processCommonProp.js");let s=require("react/jsx-runtime");exports.TitleStandAlone=({cssClasses:r,customAttributtes:o,title:i})=>i?(0,s.jsx)("div",{className:r?.titlecontainer,...o,children:(0,s.jsx)(e.Text,{additionalClasses:{text:r?.title},customAttributes:o,...t.processTextProp(i),component:t.processTextProp(i).component??"p",children:t.processTextProp(i).children})}):null;

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

@@ -0,0 +1,2 @@
+const { TextArea } = require('./textArea.js');
+module.exports = { ...module.exports, TextArea };

package/dist/cjs/components/textArea/textArea.js

@@ -0,0 +1 @@
+const e=require("../../lib/hooks/useClassName/useClassName.js"),t=require("./textAreaStandAlone.js"),o=require("./utils/state.utils.js");let s=require("react"),r=require("react/jsx-runtime");const a=(0,s.forwardRef)(function({additionalClasses:a,disabled:n=!1,error:l=!1,labelInsideTextArea:i=!1,onBlur:u,onFocus:d,value:c,variant:m,...y},x){const S=e.useClassName({additionalClassNames:a,component:"TEXT_AREA",variant:m}),[p,b]=(0,s.useState)(!1);return(0,r.jsx)(t.TextAreaStandAlone,{ref:x,cssClasses:S,state:o.getState(n,l,c,p),value:c,onBlur:e=>{if(i){const t=e?.target,o=t?.parentElement;t&&o&&(o.style.removeProperty("outline"),o.style.removeProperty("boxShadow"),t.style.removeProperty("outline"),t.style.removeProperty("boxShadow"))}b(!1),u?.(e)},onFocus:e=>{if(i){const t=e?.target,o=t?.parentElement;if(t&&o){const e=window.getComputedStyle(t);o.style.outline=e.outline,o.style.boxShadow=e.boxShadow,t.style.outline="none",t.style.boxShadow="none"}}b(!0),d?.(e)},...y})});exports.TextArea=a;