@kubit-ui-web/react-components 2.0.0-beta.2 → 2.0.0-beta.20

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/esm/components/text/text.css

@@ -1,14 +1 @@
-.kbt-text {
-  -webkit-text-size-adjust: 100%;
-  text-size-adjust: 100%;
-}
-
-.kbt-text--disabled {
-  pointer-events: none;
-}
-
-.kbt-text--truncate {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
+.kbt-text{-webkit-text-size-adjust:100%;text-size-adjust:100%}.kbt-text--disabled{pointer-events:none}.kbt-text--truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

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

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

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

@@ -1,3 +1,3 @@
-import{j as r}from"../../../_virtual/jsx-runtime.js";import{RenderIf as e}from"../../renderIf/renderIf.js";import{Text as s}from"../../text/text.js";import{STATES as t}from"../../../lib/types/states/states.js";import{processText as o}from"../../../lib/utils/process/processText/processText.js";import{ElementOrIcon as i}from"../../elementOrIcon/elementOrIcon.js";const n=({cssClasses:n,customAttributtes:c,errorAriaLiveType:m,errorIcon:a,errorMessage:l,id:d,state:p})=>/* @__PURE__ */r.jsx("div",{"aria-live":m,className:n?.errorcontainer,id:d,...c,children:/* @__PURE__ */r.jsx(e,{condition:!!o(l).children&&p===t.ERROR,children:/* @__PURE__ */r.jsxs(r.Fragment,{children:[
-/* @__PURE__ */r.jsx(i,{className:n?.erroricon,customAttributes:c,...a}),
-/* @__PURE__ */r.jsx(s,{additionalClasses:{text:n?.errormessage},component:"p",customAttributes:c,...o(l),children:o(l).children})]})})});export{n as ErrorStandAlone};
+import{j as r}from"../../../_virtual/jsx-runtime.js";import{Text as s}from"../../text/text.js";import{ElementOrIcon as e}from"../../../lib/components/elementOrIcon/elementOrIcon.js";import{STATES as t}from"../../../lib/types/states/states.js";import{processTextProp as o}from"../../../lib/utils/process/processCommonProp.js";const i=({cssClasses:i,customAttributtes:m,errorAriaLiveType:n,errorIcon:c,errorMessage:a,id:l,state:p})=>/* @__PURE__ */r.jsx("div",{"aria-live":n,className:i?.errorcontainer,id:l,...m,children:!!o(a).children&&p===t.ERROR&&/* @__PURE__ */r.jsxs(r.Fragment,{children:[
+/* @__PURE__ */r.jsx(e,{className:i?.erroricon,customAttributes:m,...c}),
+/* @__PURE__ */r.jsx(s,{additionalClasses:{text:i?.errormessage},component:"p",customAttributes:m,...o(a),children:o(a).children})]})});export{i as ErrorStandAlone};

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

@@ -1 +1 @@
-import{j as s}from"../../../_virtual/jsx-runtime.js";import{Text as t}from"../../text/text.js";import{processText as e}from"../../../lib/utils/process/processText/processText.js";const o=({cssClasses:o,customAttributtes:r,helpMessage:i,id:m})=>/* @__PURE__ */s.jsx(t,{additionalClasses:{text:o?.helpmessage},component:"small",customAttributes:r,id:m,...e(i)});export{o as HelpMessageStandAlone};
+import{j as s}from"../../../_virtual/jsx-runtime.js";import{Text as t}from"../../text/text.js";import{processTextProp as e}from"../../../lib/utils/process/processCommonProp.js";const o=({cssClasses:o,customAttributtes:m,helpMessage:r,id:i})=>/* @__PURE__ */s.jsx(t,{additionalClasses:{text:o?.helpmessage},component:"small",customAttributes:m,id:i,...e(r)});export{o as HelpMessageStandAlone};

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

@@ -1 +1 @@
-import{j as t}from"../../../_virtual/jsx-runtime.js";import{Text as s}from"../../text/text.js";import{processText as e}from"../../../lib/utils/process/processText/processText.js";const i=({cssClasses:i,customAttributtes:o,title:r})=>r?/* @__PURE__ */t.jsx("div",{className:i?.titlecontainer,...o,children:/* @__PURE__ */t.jsx(s,{additionalClasses:{text:i?.title},customAttributes:o,...e(r),component:e(r).component??"p",children:e(r).children})}):null;export{i as TitleStandAlone};
+import{j as t}from"../../../_virtual/jsx-runtime.js";import{Text as s}from"../../text/text.js";import{processTextProp as e}from"../../../lib/utils/process/processCommonProp.js";const o=({cssClasses:o,customAttributtes:i,title:r})=>r?/* @__PURE__ */t.jsx("div",{className:o?.titlecontainer,...i,children:/* @__PURE__ */t.jsx(s,{additionalClasses:{text:o?.title},customAttributes:i,...e(r),component:e(r).component??"p",children:e(r).children})}):null;export{o as TitleStandAlone};

package/dist/esm/components/textArea/textAreaStandAlone.js

@@ -1,12 +1,11 @@
-import{j as e}from"../../_virtual/jsx-runtime.js";import{forwardRef as t}from"react";import{LabelStandAlone as s}from"../label/labelStandAlone.js";import{RenderIf as r}from"../renderIf/renderIf.js";import{useId as o}from"../../lib/hooks/useId/useId.js";import{STATES as a}from"../../lib/types/states/states.js";import{pickCustomAttributes as i}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processText as n}from"../../lib/utils/process/processText/processText.js";import{ErrorStandAlone as l}from"./components/errorStandAlone.js";import{HelpMessageStandAlone as c}from"./components/helpMessageStandAlone.js";import{TextCount as d}from"./components/textCount/textCount.js";import{TitleStandAlone as m}from"./components/titleStandAlone.js";import{buildAriaDescribedBy as u}from"./utils/aria.utils.js";const x=t(({additionalInfo:t,counterVariant:x,cssClasses:p,errorAriaLiveType:h="assertive",errorIcon:j,errorMessage:b,height:f,helpMessage:g,id:C,label:A,labelInsideTextArea:I,maxLength:v,onBlur:T,onChange:y,onFocus:E,placeholder:L,required:k,screenReaderTextCount:M,spellCheck:B,state:D,title:N,value:S,..._},q)=>{const F=o("textArea"),$=C??F,H=`${$}HelpText`,R=`${$}Error`,w=`${$}TextCount`,K=i({"data-state":D}),P=[a.DISABLED_EMPTY,a.DISABLED_FILLED].includes(D);/* @__PURE__ */
-return e.jsxs("div",{ref:q,className:p?.text_area,"data-testid":"text-area",...K,...i(_),children:[
-/* @__PURE__ */e.jsx(m,{cssClasses:p,customAttributtes:K,title:N}),
-/* @__PURE__ */e.jsxs("div",{className:p?.labeltextareacontainer,role:"button",style:{height:I?f:void 0},tabIndex:0,onClick:()=>document.getElementById($)?.focus(),onKeyDown:e=>{"Enter"===e.key&&document.getElementById($)?.focus()},children:[
+import{j as e}from"../../_virtual/jsx-runtime.js";import{forwardRef as t,useId as s}from"react";import{LabelStandAlone as r}from"../label/labelStandAlone.js";import{STATES as a}from"../../lib/types/states/states.js";import{pickCustomAttributes as o}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processTextProp as i}from"../../lib/utils/process/processCommonProp.js";import{ErrorStandAlone as l}from"./components/errorStandAlone.js";import{HelpMessageStandAlone as n}from"./components/helpMessageStandAlone.js";import{TextCount as c}from"./components/textCount/textCount.js";import{TitleStandAlone as d}from"./components/titleStandAlone.js";import{buildAriaDescribedBy as m}from"./utils/aria.utils.js";const u=t(({additionalInfo:t,counterVariant:u,cssClasses:p,errorAriaLiveType:x="assertive",errorIcon:h,errorMessage:j,height:b,helpMessage:g,id:C,label:f,labelInsideTextArea:A,maxLength:v,onBlur:I,onChange:y,onFocus:E,placeholder:L,required:T,screenReaderTextCount:M,spellCheck:k,state:B,title:D,value:N,...S},_)=>{const q=`textarea-${s().replace(/:/g,"")}`,$=C??q,F=`${$}HelpText`,H=`${$}Error`,P=`${$}TextCount`,R=o({"data-state":B}),w=[a.DISABLED_EMPTY,a.DISABLED_FILLED].includes(B);/* @__PURE__ */
+return e.jsxs("div",{ref:_,className:p?.text_area,"data-testid":"text-area",...R,...o(S),children:[
+/* @__PURE__ */e.jsx(d,{cssClasses:p,customAttributtes:R,title:D}),
+/* @__PURE__ */e.jsxs("div",{className:p?.labeltextareacontainer,role:"button",style:{height:A?b:void 0},tabIndex:0,onClick:()=>document.getElementById($)?.focus(),onKeyDown:e=>{"Enter"===e.key&&document.getElementById($)?.focus()},children:[
 /* @__PURE__ */e.jsxs("div",{className:p?.labelandadditionalinfocontainer,children:[
-/* @__PURE__ */e.jsx(s,{asteriskCssClasses:p?.required,customAttributes:K,inputId:$,required:k,textCssClasses:p?.label,...n(A),children:n(A).children}),t]}),
-/* @__PURE__ */e.jsx("textarea",{"aria-describedby":u({errorMessage:n(b).children,helpMessage:n(g).children,state:D,textAreaErrorId:R,textAreaHelpTextId:H}),className:p?.textarea,disabled:P,id:$,maxLength:v,placeholder:L,required:k,spellCheck:B,style:{height:f||void 0},value:S,onBlur:T,onChange:y,onFocus:E,...K,children:S})]}),
-/* @__PURE__ */e.jsxs("div",{className:p?.bottomcontainer,...K,children:[
-/* @__PURE__ */e.jsxs("div",{className:p?.helpmessageerrorcontainer,...K,children:[
-/* @__PURE__ */e.jsx(l,{cssClasses:p,customAttributtes:K,errorAriaLiveType:h,errorIcon:j,errorMessage:b,id:R,state:D}),
-/* @__PURE__ */e.jsx(c,{cssClasses:p,customAttributtes:K,helpMessage:g,id:H})]}),
-/* @__PURE__ */e.jsx(r,{condition:!!x,children:/* @__PURE__ */e.jsx(d,{additionalClasses:{letftext:p?.counterleft,righttext:p?.counterright,text_count:p?.counter},currentCharacters:S?.length??0,id:w,maxLength:v,screenReaderText:M,variant:x})})]})]})});export{x as TextAreaStandAlone};
+/* @__PURE__ */e.jsx(r,{asteriskCssClasses:p?.required,customAttributes:R,inputId:$,required:T,textCssClasses:p?.label,...i(f),children:i(f).children}),t]}),
+/* @__PURE__ */e.jsx("textarea",{"aria-describedby":m({errorMessage:i(j).children,helpMessage:i(g).children,state:B,textAreaErrorId:H,textAreaHelpTextId:F}),className:p?.textarea,disabled:w,id:$,maxLength:v,placeholder:L,required:T,spellCheck:k,style:{height:b||void 0},value:N,onBlur:I,onChange:y,onFocus:E,...R,children:N})]}),
+/* @__PURE__ */e.jsxs("div",{className:p?.bottomcontainer,...R,children:[
+/* @__PURE__ */e.jsxs("div",{className:p?.helpmessageerrorcontainer,...R,children:[
+/* @__PURE__ */e.jsx(l,{cssClasses:p,customAttributtes:R,errorAriaLiveType:x,errorIcon:h,errorMessage:j,id:H,state:B}),
+/* @__PURE__ */e.jsx(n,{cssClasses:p,customAttributtes:R,helpMessage:g,id:F})]}),!!u&&/* @__PURE__ */e.jsx(c,{additionalClasses:{letftext:p?.counterleft,righttext:p?.counterright,text_count:p?.counter},currentCharacters:N?.length??0,id:P,maxLength:v,screenReaderText:M,variant:u})]})]})});export{u as TextAreaStandAlone};

package/dist/esm/components/toggle/toggleStandAlone.js

@@ -1,4 +1,4 @@
-import{j as e}from"../../_virtual/jsx-runtime.js";import{forwardRef as o,useRef as t,useImperativeHandle as a}from"react";import{ElementOrIcon as s}from"../elementOrIcon/elementOrIcon.js";import{CustomComponent as i}from"../../lib/components/customComponent/customComponent.js";import{pickCustomAttributes as n}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processIcon as r}from"../../lib/utils/process/processIcon/processIcon.js";import{buildComponentProps as c}from"./utils/buildComponentProps.js";import{useToggleTransform as l}from"./utils/thumbTransformCalculations.js";const d=({checked:o=!1,component:d="button",cssClasses:m,dataTestId:u="toggle",disabled:b=!1,id:p,leftIcon:f,name:j,onBlur:h,onClick:v,onFocus:y,onKeyDown:k,onMouseEnter:x,onMouseLeave:C,rightIcon:I,tabIndex:N,value:g,...w},M)=>{const A=o&&!!I,T=!o&&!!f,B="button"!==d,D=t(null),E=t(null),{transform:F}=l({checked:o,thumbRef:E,trackRef:D});a(M,()=>D.current,[]);const K=n(w),L=c({"aria-describedby":w["aria-describedby"],"aria-label":w["aria-label"],"aria-labelledby":w["aria-labelledby"],checked:o,decorative:B,disabled:b,id:p,name:j,onBlur:h,onClick:v,onFocus:y,onKeyDown:k,onMouseEnter:x,onMouseLeave:C,tabIndex:N,value:g});/* @__PURE__ */
-return e.jsx(i,{...K,...L,ref:D,className:m?.track,component:d,"data-checked":!!o||void 0,"data-disabled":!!b||void 0,"data-testid":u,children:/* @__PURE__ */e.jsxs("span",{ref:E,className:m?.thumb,"data-checked":!!o||void 0,"data-disabled":!!b||void 0,style:{transform:F},children:[
-/* @__PURE__ */e.jsx("div",{className:m?.iconwrapper,"data-testid":`${u}-right-icon`,style:{opacity:A?1:0},children:/* @__PURE__ */e.jsx(s,{className:m?.icon,"data-disabled":!!b||void 0,...r(I)})}),
-/* @__PURE__ */e.jsx("div",{className:m?.iconwrapper,"data-testid":`${u}-left-icon`,style:{opacity:T?1:0},children:/* @__PURE__ */e.jsx(s,{className:m?.icon,"data-disabled":!!b||void 0,...r(f)})})]})})};d.displayName="ToggleStandAlone";const m=o(d);export{m as ToggleStandalone};
+import{j as e}from"../../_virtual/jsx-runtime.js";import{forwardRef as o,useRef as t,useImperativeHandle as a}from"react";import{CustomComponent as s}from"../../lib/components/customComponent/customComponent.js";import{ElementOrIcon as i}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{pickCustomAttributes as n}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processIconProp as r}from"../../lib/utils/process/processCommonProp.js";import{buildComponentProps as l}from"./utils/buildComponentProps.js";import{useToggleTransform as c}from"./utils/thumbTransformCalculations.js";const d=({checked:o=!1,component:d="button",cssClasses:m,dataTestId:u="toggle",disabled:b=!1,id:p,leftIcon:f,name:j,onBlur:h,onClick:v,onFocus:y,onKeyDown:k,onMouseEnter:x,onMouseLeave:C,rightIcon:I,tabIndex:N,value:g,...w},M)=>{const A=o&&!!I,T=!o&&!!f,B="button"!==d,D=t(null),E=t(null),{transform:F}=c({checked:o,thumbRef:E,trackRef:D});a(M,()=>D.current,[]);const K=n(w),L=l({"aria-describedby":w["aria-describedby"],"aria-label":w["aria-label"],"aria-labelledby":w["aria-labelledby"],checked:o,decorative:B,disabled:b,id:p,name:j,onBlur:h,onClick:v,onFocus:y,onKeyDown:k,onMouseEnter:x,onMouseLeave:C,tabIndex:N,value:g});/* @__PURE__ */
+return e.jsx(s,{...K,...L,ref:D,className:m?.track,component:d,"data-checked":!!o||void 0,"data-disabled":!!b||void 0,"data-testid":u,children:/* @__PURE__ */e.jsxs("span",{ref:E,className:m?.thumb,"data-checked":!!o||void 0,"data-disabled":!!b||void 0,style:{transform:F},children:[
+/* @__PURE__ */e.jsx("div",{className:m?.iconwrapper,"data-testid":`${u}-right-icon`,style:{opacity:A?1:0},children:/* @__PURE__ */e.jsx(i,{className:m?.icon,"data-disabled":!!b||void 0,...r(I)})}),
+/* @__PURE__ */e.jsx("div",{className:m?.iconwrapper,"data-testid":`${u}-left-icon`,style:{opacity:T?1:0},children:/* @__PURE__ */e.jsx(i,{className:m?.icon,"data-disabled":!!b||void 0,...r(f)})})]})})};d.displayName="ToggleStandAlone";const m=o(d);export{m as ToggleStandalone};

package/dist/esm/components/tooltip/hooks/useTooltip.js

@@ -1 +1 @@
-import{useRef as e,useState as t,useEffect as o,useCallback as r}from"react";import{flip as s,shift as i,arrow as n}from"@floating-ui/dom";import{useClassName as l}from"../../../lib/hooks/useClassName/useClassName.js";import{useClickOutside as p}from"../../../lib/hooks/useClickOutside/useClickOutside.js";import{useEscPressed as a}from"../../../lib/hooks/useEscPressed/useEscPressed.js";import{useActiveBreakpoints as c}from"../../../lib/hooks/useMediaDevice/useActiveBreakpoints.js";import{DEVICE_BREAKPOINTS as u}from"../../../lib/types/breakpoints/breakpoints.js";import{POSITIONS as m}from"../../../lib/types/positions/positions.js";import{focusElementOrFirstDescendant as f}from"../../../lib/utils/focusHandlers/focusHandlers.js";import{computePosition as d}from"../positioning/computePosition.js";const y=({align:y=m.TOP,...b})=>{const{device:v,isDesktop:O,isTablet:R}=c(),w=O||R,P=e(null),g=e(!0),T=e(!1),[E,h]=t(!1),[j,k]=t(y),x=l({additionalClassNames:b.additionalClasses,component:"TOOLTIP",variant:b.variant}),C=async()=>{if(!b.labelRef.current||!b.tooltipRef.current)return;const e=b.tooltipRef.current.lastElementChild;try{const t=await d(b.labelRef.current,b.tooltipRef.current,{middleware:[s(),i({padding:4}),n({element:e})],placement:y,strategy:"absolute"}),{middlewareData:o,placement:r,x:l,y:p}=t;k(r),Object.assign(b.tooltipRef.current.style,{left:`${l}px`,top:`${p}px`});const{x:a,y:c}=o.arrow,f={bottom:m.TOP,left:m.RIGHT,right:m.LEFT,top:m.BOTTOM}[j.split("-")[0]],v={bottom:"",left:null!==a?`${a}px`:"",right:"",[f]:`calc(${x.tooltipexternalcontainer?.[u.DESKTOP]?.padding??0} - ${x.arrowposition?.[u.DESKTOP]?.top??"0px"} / 2)`,top:null!==c?`${c}px`:""};e&&e.style&&(e.style.removeProperty("left"),e.style.removeProperty("top"),e.style.removeProperty("right"),e.style.removeProperty("bottom"),Object.assign(e?.style,v))}catch(t){}},L=e=>{b.tooltipRef.current?.contains(e.target)||C()};o(()=>{const e=()=>{C()};return window.addEventListener("scroll",L,!0),window.addEventListener("resize",e),()=>{window.removeEventListener("scroll",L,!0),window.removeEventListener("resize",e)}},[]);const $=r(()=>{if(T.current){if(T.current=!1,g.current=!1,b.tooltipAsModal&&P.current?.focus({preventScroll:!0}),g.current=!0,w){if(!b.tooltipRef.current)return;b.tooltipRef.current.style.display="none"}h(!1),b.onOpenClose?.(!1)}},[v,b.onOpenClose,b.tooltipAsModal]),D=r(e=>{T.current&&(e.stopPropagation(),$())},[$]);return a({disableStopPropagation:!0,onEscPress:D,ref:b.labelRef}),p(b.tooltipRef,$,[b.labelRef.current]),{allowFocusOpenTooltip:g,hideTooltip:$,open:E,placement:j,showTooltip:()=>{if(!T.current){if(T.current=!0,P.current=document.activeElement,w){if(!b.tooltipRef.current)return;b.tooltipRef.current.style.display="flex",C(),f(b.tooltipRef.current,{preventScroll:!0})}h(!0),b.onOpenClose?.(!0)}}}};export{y as useTooltip};
+import{flip as e,shift as t,arrow as o}from"@floating-ui/dom";import{useRef as r,useState as s,useEffect as i,useCallback as l}from"react";import{useClassName as n}from"../../../lib/hooks/useClassName/useClassName.js";import{useClickOutside as p}from"../../../lib/hooks/useClickOutside/useClickOutside.js";import{useEscPressed as a}from"../../../lib/hooks/useEscPressed/useEscPressed.js";import{useActiveBreakpoints as c}from"../../../lib/hooks/useMediaDevice/useActiveBreakpoints.js";import{DEVICE_BREAKPOINTS as u}from"../../../lib/types/breakpoints/breakpoints.js";import{POSITIONS as f}from"../../../lib/types/positions/positions.js";import{focusElementOrFirstDescendant as m}from"../../../lib/utils/focusHandlers/focusHandlers.js";import{computePosition as d}from"../positioning/computePosition.js";const y=({align:y=f.TOP,...b})=>{const{device:R,isDesktop:v,isTablet:O}=c(),w=v||O,P=r(null),g=r(!0),T=r(!1),[E,h]=s(!1),[j,k]=s(y),x=n({additionalClassNames:b.additionalClasses,component:"TOOLTIP",variant:b.variant}),C=async()=>{if(!b.labelRef.current||!b.tooltipRef.current)return;const r=b.tooltipRef.current.lastElementChild;try{const s=await d(b.labelRef.current,b.tooltipRef.current,{middleware:[e(),t({padding:4}),o({element:r})],placement:y,strategy:"absolute"}),{middlewareData:i,placement:l,x:n,y:p}=s;k(l),b.tooltipRef.current?.style&&Object.assign(b.tooltipRef.current.style,{left:`${n}px`,top:`${p}px`});const{x:a,y:c}=i.arrow,m={bottom:f.TOP,left:f.RIGHT,right:f.LEFT,top:f.BOTTOM}[j.split("-")[0]],R={bottom:"",left:null!==a?`${a}px`:"",right:"",[m]:`calc(${x.tooltipexternalcontainer?.[u.DESKTOP]?.padding??0} - ${x.arrowposition?.[u.DESKTOP]?.top??"0px"} / 2)`,top:null!==c?`${c}px`:""};r&&r.style&&(r.style.removeProperty("left"),r.style.removeProperty("top"),r.style.removeProperty("right"),r.style.removeProperty("bottom"),Object.assign(r?.style,R))}catch(s){}},L=e=>{b.tooltipRef.current?.contains(e.target)||C()};i(()=>{const e=()=>{C()};return window.addEventListener("scroll",L,!0),window.addEventListener("resize",e),()=>{window.removeEventListener("scroll",L,!0),window.removeEventListener("resize",e)}},[]);const $=l(()=>{if(T.current){if(T.current=!1,g.current=!1,b.tooltipAsModal&&P.current?.focus({preventScroll:!0}),g.current=!0,w){if(!b.tooltipRef.current)return;b.tooltipRef.current.style&&(b.tooltipRef.current.style.display="none")}h(!1),b.onOpenClose?.(!1)}},[R,b.onOpenClose,b.tooltipAsModal]),D=l(e=>{T.current&&(e.stopPropagation(),$())},[$]);return a({disableStopPropagation:!0,onEscPress:D,ref:b.labelRef}),p(b.tooltipRef,$,[b.labelRef.current]),{allowFocusOpenTooltip:g,hideTooltip:$,open:E,placement:j,showTooltip:()=>{if(!T.current){if(T.current=!0,P.current=document.activeElement,w){if(!b.tooltipRef.current)return;b.tooltipRef.current.style&&(b.tooltipRef.current.style.display="flex"),C(),m(b.tooltipRef.current,{preventScroll:!0})}h(!0),b.onOpenClose?.(!0)}}}};export{y as useTooltip};

package/dist/esm/components/tooltip/tooltip.css

@@ -1,69 +1 @@
-.kbt-tooltip {
-  display: inline-block;
-}
-
-.kbt-tooltip__trigger-wrapper {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0;
-  border: none;
-  background: none;
-  min-height: 1.5rem;
-  min-width: 1.5rem;
-}
-
-.kbt-tooltip__external-container {
-  display: flex;
-}
-
-.kbt-tooltip__header-content {
-  display: flex;
-  align-items: flex-start;
-}
-
-.kbt-tooltip__close-icon {
-  display: flex;
-  justify-content: flex-end;
-  align-self: flex-end;
-}
-
-.kbt-tooltip__title {
-  word-break: break-word;
-}
-
-.kbt-tooltip__paragraph {
-  word-break: break-word;
-}
-
-.kbt-tooltip__inner-content {
-  overflow-y: auto;
-}
-
-.kbt-tooltip__arrow {
-  position: absolute;
-}
-
-.kbt-tooltip__arrow--top {
-  bottom: 100%;
-  left: 50%;
-  transform: translateX(-50%);
-}
-
-.kbt-tooltip__arrow--right {
-  top: 50%;
-  left: 100%;
-  transform: translateY(-50%);
-}
-
-.kbt-tooltip__arrow--bottom {
-  top: 100%;
-  left: 50%;
-  transform: translateX(-50%);
-}
-
-.kbt-tooltip__arrow--left {
-  top: 50%;
-  right: 100%;
-  transform: translateY(-50%);
-}
+.kbt-tooltip{display:inline-block}.kbt-tooltip__trigger-wrapper{align-items:center;background:none;border:none;display:flex;justify-content:center;min-height:1.5rem;min-width:1.5rem;padding:0}.kbt-tooltip__external-container{display:flex}.kbt-tooltip__header-content{align-items:flex-start;display:flex}.kbt-tooltip__close-icon{align-self:flex-end;display:flex;justify-content:flex-end}.kbt-tooltip__paragraph,.kbt-tooltip__title{word-break:break-word}.kbt-tooltip__inner-content{overflow-y:auto}.kbt-tooltip__arrow{position:absolute}.kbt-tooltip__arrow--top{bottom:100%;left:50%;transform:translateX(-50%)}.kbt-tooltip__arrow--right{left:100%;top:50%;transform:translateY(-50%)}.kbt-tooltip__arrow--bottom{left:50%;top:100%;transform:translateX(-50%)}.kbt-tooltip__arrow--left{right:100%;top:50%;transform:translateY(-50%)}

package/dist/esm/components/tooltip/tooltipControlled.js

@@ -1 +1 @@
-import{j as o}from"../../_virtual/jsx-runtime.js";import{useRef as t,useImperativeHandle as s}from"react";import{useClassName as l}from"../../lib/hooks/useClassName/useClassName.js";import{useMediaDevice as e}from"../../lib/hooks/useMediaDevice/useMediaDevice.js";import{useScrollDetectionWithAutoFocus as i}from"../../lib/hooks/useScrollDetectionWithAutoFocus/useScrollDetectionWithAutoFocus.js";import{useTooltipAsModal as a}from"./hooks/useTooltipAsModal.js";import{useTooltipAsModalAriaLabel as r}from"./hooks/useTooltipAsModalAriaLabel.js";import{TooltipStandAlone as p}from"./tooltipStandAlone.js";const n=({additionalClasses:n,tooltipAriaLabel:m,tooltipAsModal:c,tooltipAsModal:d=!1,tooltipRef:u,variant:A,...f})=>{const M=l({additionalClassNames:n,component:"TOOLTIP",variant:A}),j=e(),h=t(null),T=r(h),b=a({propTooltipAsModal:c,styleTooltipAsModal:d}),{handleScrollDetection:v,hasScroll:D}=i({parentElementRef:h});return s(u,()=>h.current,[]),/* @__PURE__ */o.jsx(p,{...f,contentHasScroll:D,contentRef:v,cssClasses:M,mediaDevice:j,tooltipAriaLabel:m??T,tooltipAsModal:a({propTooltipAsModal:b,styleTooltipAsModal:d}),tooltipRef:h})};export{n as TooltipControlled};
+import{j as o}from"../../_virtual/jsx-runtime.js";import{useRef as t,useImperativeHandle as s}from"react";import{useClassName as l}from"../../lib/hooks/useClassName/useClassName.js";import{useMediaDevice as e}from"../../lib/hooks/useMediaDevice/useMediaDevice.js";import{useScrollDetection as i}from"../../lib/hooks/useScrollDetection/useScrollDetection.js";import{useTooltipAsModal as a}from"./hooks/useTooltipAsModal.js";import{useTooltipAsModalAriaLabel as r}from"./hooks/useTooltipAsModalAriaLabel.js";import{TooltipStandAlone as p}from"./tooltipStandAlone.js";const m=({additionalClasses:m,tooltipAriaLabel:n,tooltipAsModal:c,tooltipAsModal:d=!1,tooltipRef:u,variant:A,...f})=>{const M=l({additionalClassNames:m,component:"TOOLTIP",variant:A}),j=e(),T=t(null),h=r(T),b=a({propTooltipAsModal:c,styleTooltipAsModal:d}),{handleScrollDetection:v,hasScroll:D}=i({autoFocus:!0});return s(u,()=>T.current,[]),/* @__PURE__ */o.jsx(p,{...f,contentHasScroll:D,contentRef:v,cssClasses:M,mediaDevice:j,tooltipAriaLabel:n??h,tooltipAsModal:a({propTooltipAsModal:b,styleTooltipAsModal:d}),tooltipRef:T})};export{m as TooltipControlled};