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

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

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

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

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

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

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

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

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

package/dist/cjs/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/cjs/components/slider/components/sliderHelperTextStandAlone.js

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/cjs/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/cjs/components/text/textStandAlone.js

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),r=require("../../renderIf/renderIf.js"),s=require("../../text/text.js"),t=require("../../../lib/types/states/states.js"),i=require("../../../lib/utils/process/processText/processText.js"),o=require("../../elementOrIcon/elementOrIcon.js");exports.ErrorStandAlone=({cssClasses:n,customAttributtes:c,errorAriaLiveType:x,errorIcon:u,errorMessage:l,id:a,state:j})=>e.jsxRuntimeExports.jsx("div",{"aria-live":x,className:n?.errorcontainer,id:a,...c,children:e.jsxRuntimeExports.jsx(r.RenderIf,{condition:!!i.processText(l).children&&j===t.STATES.ERROR,children:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(o.ElementOrIcon,{className:n?.erroricon,customAttributes:c,...u}),e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:n?.errormessage},component:"p",customAttributes:c,...i.processText(l),children:i.processText(l).children})]})})});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),r=require("../../text/text.js"),s=require("../../../lib/components/elementOrIcon/elementOrIcon.js"),t=require("../../../lib/types/states/states.js"),o=require("../../../lib/utils/process/processCommonProp.js");exports.ErrorStandAlone=({cssClasses:i,customAttributtes:n,errorAriaLiveType:c,errorIcon:x,errorMessage:l,id:a,state:p})=>e.jsxRuntimeExports.jsx("div",{"aria-live":c,className:i?.errorcontainer,id:a,...n,children:!!o.processTextProp(l).children&&p===t.STATES.ERROR&&e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(s.ElementOrIcon,{className:i?.erroricon,customAttributes:n,...x}),e.jsxRuntimeExports.jsx(r.Text,{additionalClasses:{text:i?.errormessage},component:"p",customAttributes:n,...o.processTextProp(l),children:o.processTextProp(l).children})]})});

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),s=require("../../text/text.js"),t=require("../../../lib/utils/process/processText/processText.js");exports.HelpMessageStandAlone=({cssClasses:r,customAttributtes:o,helpMessage:i,id:l})=>e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:r?.helpmessage},component:"small",customAttributes:o,id:l,...t.processText(i)});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),s=require("../../text/text.js"),t=require("../../../lib/utils/process/processCommonProp.js");exports.HelpMessageStandAlone=({cssClasses:r,customAttributtes:o,helpMessage:i,id:l})=>e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:r?.helpmessage},component:"small",customAttributes:o,id:l,...t.processTextProp(i)});

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),t=require("../../text/text.js"),s=require("../../../lib/utils/process/processText/processText.js");exports.TitleStandAlone=({cssClasses:r,customAttributtes:i,title:o})=>o?e.jsxRuntimeExports.jsx("div",{className:r?.titlecontainer,...i,children:e.jsxRuntimeExports.jsx(t.Text,{additionalClasses:{text:r?.title},customAttributes:i,...s.processText(o),component:s.processText(o).component??"p",children:s.processText(o).children})}):null;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../_virtual/jsx-runtime.js"),e=require("../../text/text.js"),s=require("../../../lib/utils/process/processCommonProp.js");exports.TitleStandAlone=({cssClasses:r,customAttributtes:o,title:i})=>i?t.jsxRuntimeExports.jsx("div",{className:r?.titlecontainer,...o,children:t.jsxRuntimeExports.jsx(e.Text,{additionalClasses:{text:r?.title},customAttributes:o,...s.processTextProp(i),component:s.processTextProp(i).component??"p",children:s.processTextProp(i).children})}):null;

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

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

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

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

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

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

package/dist/cjs/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/cjs/components/tooltip/tooltipControlled.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../_virtual/jsx-runtime.js"),e=require("react"),t=require("../../lib/hooks/useClassName/useClassName.js"),s=require("../../lib/hooks/useMediaDevice/useMediaDevice.js"),l=require("../../lib/hooks/useScrollDetectionWithAutoFocus/useScrollDetectionWithAutoFocus.js"),i=require("./hooks/useTooltipAsModal.js"),a=require("./hooks/useTooltipAsModalAriaLabel.js"),r=require("./tooltipStandAlone.js");exports.TooltipControlled=({additionalClasses:u,tooltipAriaLabel:n,tooltipAsModal:p,tooltipAsModal:c=!1,tooltipRef:d,variant:A,...M})=>{const T=t.useClassName({additionalClassNames:u,component:"TOOLTIP",variant:A}),j=s.useMediaDevice(),m=e.useRef(null),h=a.useTooltipAsModalAriaLabel(m),S=i.useTooltipAsModal({propTooltipAsModal:p,styleTooltipAsModal:c}),{handleScrollDetection:b,hasScroll:v}=l.useScrollDetectionWithAutoFocus({parentElementRef:m});return e.useImperativeHandle(d,()=>m.current,[]),o.jsxRuntimeExports.jsx(r.TooltipStandAlone,{...M,contentHasScroll:v,contentRef:b,cssClasses:T,mediaDevice:j,tooltipAriaLabel:n??h,tooltipAsModal:i.useTooltipAsModal({propTooltipAsModal:S,styleTooltipAsModal:c}),tooltipRef:m})};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../_virtual/jsx-runtime.js"),e=require("react"),l=require("../../lib/hooks/useClassName/useClassName.js"),s=require("../../lib/hooks/useMediaDevice/useMediaDevice.js"),t=require("../../lib/hooks/useScrollDetection/useScrollDetection.js"),i=require("./hooks/useTooltipAsModal.js"),a=require("./hooks/useTooltipAsModalAriaLabel.js"),r=require("./tooltipStandAlone.js");exports.TooltipControlled=({additionalClasses:u,tooltipAriaLabel:n,tooltipAsModal:p,tooltipAsModal:d=!1,tooltipRef:c,variant:A,...M})=>{const T=l.useClassName({additionalClassNames:u,component:"TOOLTIP",variant:A}),j=s.useMediaDevice(),m=e.useRef(null),S=a.useTooltipAsModalAriaLabel(m),b=i.useTooltipAsModal({propTooltipAsModal:p,styleTooltipAsModal:d}),{handleScrollDetection:v,hasScroll:q}=t.useScrollDetection({autoFocus:!0});return e.useImperativeHandle(c,()=>m.current,[]),o.jsxRuntimeExports.jsx(r.TooltipStandAlone,{...M,contentHasScroll:q,contentRef:v,cssClasses:T,mediaDevice:j,tooltipAriaLabel:n??S,tooltipAsModal:i.useTooltipAsModal({propTooltipAsModal:b,styleTooltipAsModal:d}),tooltipRef:m})};

package/dist/cjs/components/tooltip/tooltipStandAlone.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js");;/* empty css             */const t=require("../renderIf/renderIf.js"),s=require("../text/text.js"),i=require("../../lib/hooks/useId/useId.js"),o=require("../../lib/hooks/useMediaDevice/useActiveBreakpoints.js"),r=require("../../lib/types/positions/positions.js"),n=require("../../lib/utils/classNames/classNames.js"),l=require("../../lib/utils/is/isString.js"),a=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),c=require("../../lib/utils/process/processIcon/processIcon.js"),d=require("../../lib/utils/process/processText/processText.js"),p=require("../elementOrIcon/elementOrIcon.js"),u=require("../icon/iconHost.js"),x=require("../popover/popover.js"),j=require("./components/tooltipTrigger.js"),m=require("./utils/tooltip.utils.js");exports.TooltipStandAlone=({align:b,children:h,childrenAsButton:v=!0,closeIcon:g,content:I,contentHasScroll:R,contentRef:T,contentScrollArias:E,cssClasses:y,disabled:C,dragIcon:f,dragIconRef:k,labelRef:N,mediaDevice:A,onCloseIconClick:q,onPopoverCloseInternally:D,onTooltipFocus:w,onTooltipKeyDown:B,onTriggerClick:_,onTriggerKeyDown:O,onTriggerMouseDown:S,onTriggerMouseUp:M,popover:F,popoverOpen:P,title:$,tooltipAriaLabel:K,tooltipAsModal:H,tooltipRef:U,triggerAsButton:z,...L})=>{const G=L["data-testid"]||"tooltip",J=a.pickCustomAttributes(L),Q=i.useId("tooltip"),V=`${Q}Title`,W=`${Q}Content`,X=d.processText(I),Y=d.processText($),Z=l.isString(X.children),{isDesktop:ee,isMobile:te,isTablet:se}=o.useActiveBreakpoints(),ie=ee||se;if(C)return e.jsxRuntimeExports.jsx("div",{className:"kbt-tooltip","data-testid":G,children:e.jsxRuntimeExports.jsx(j.TooltipTrigger,{childrenAsButton:v,disabled:!0,children:h})});const oe=m.getAriaDescriptorsBy({contentId:W,hasContent:!!I,hasTitle:!!Y.children,titleId:V}),re={"data-align":b||r.POSITIONS.TOP},ne=a.pickCustomAttributes(re),le=e.jsxRuntimeExports.jsxs("div",{ref:U,"aria-label":ie?K:void 0,"aria-labelledby":ie?m.getAriaDescriptorsBy({hasTitle:!!Y.children,titleId:V}):void 0,"aria-modal":!(!ie||!H)||void 0,className:n.classNames("kbt-tooltip__external-container",y?.tooltipexternalcontainer),"data-testid":`${G}-content`,id:Q,role:ie?H?"dialog":"tooltip":void 0,...ie&&{onFocus:w,onKeyDown:B},...J,children:[e.jsxRuntimeExports.jsxs("div",{className:y?.tooltipinternalcontainer,children:[e.jsxRuntimeExports.jsx(t.RenderIf,{condition:(te||se)&&!!f,children:e.jsxRuntimeExports.jsx("div",{ref:k,className:y?.dragiconcontainer,"data-testid":`${G}-drag`,children:e.jsxRuntimeExports.jsx(p.ElementOrIcon,{className:y?.dragicon,...f})})}),e.jsxRuntimeExports.jsxs("div",{className:n.classNames(y?.title,y?.headercontainer),style:(ae=!!Y.children,ce=!!g?.icon,ae&&ce?{justifyContent:"space-between"}:ae?{justifyContent:"flex-end"}:ce?{justifyContent:"flex-start"}:{display:"none"}),children:[c.processIcon(g).icon&&e.jsxRuntimeExports.jsx("div",{className:y?.closebuttoncontainer,children:e.jsxRuntimeExports.jsx(u.IconHost,{...c.processIcon(g),className:y?.closebuttonicon,icon:c.processIcon(g).icon,onClick:q})}),e.jsxRuntimeExports.jsx(t.RenderIf,{condition:!!Y.children,children:e.jsxRuntimeExports.jsx("div",{className:"kbt-tooltip__title",id:V,children:e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:y?.title},component:"h2",...Y,children:Y.children})})})]}),e.jsxRuntimeExports.jsx("div",{ref:T,"aria-label":R?E?.["aria-label"]:void 0,"aria-labelledby":R?E?.["aria-labelledby"]:void 0,className:"kbt-tooltip__inner-content",role:R?"region":void 0,...R&&{tabIndex:0},children:e.jsxRuntimeExports.jsx(t.RenderIf,{condition:!!I,children:e.jsxRuntimeExports.jsx("div",{className:n.classNames("kbt-tooltip__paragraph",y?.paragraphcontainer,{[`${y?.divider}`]:!!Y.children}),id:W,children:Z?e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:y?.paragraph},...X}):X.children})})})]}),e.jsxRuntimeExports.jsx("div",{...ne,className:n.classNames("kbt-tooltip__arrow",y?.arrowsize,y?.tooltipalignstyles,y?.arrowcontainer),children:e.jsxRuntimeExports.jsx("div",{className:y?.arrow})})]});var ae,ce;return e.jsxRuntimeExports.jsxs("div",{ref:N,className:"kbt-tooltip","data-testid":G,children:[e.jsxRuntimeExports.jsx(j.TooltipTrigger,{ariaDescribedBy:H||!ie&&!P?void 0:oe,childrenAsButton:v,triggerAsButton:z,onClick:_,onKeyDown:O,onMouseDown:S,onMouseUp:M,children:h}),ie?le:e.jsxRuntimeExports.jsx(x.Popover,{additionalClasses:y?.popover?{arrow:"",popover:y.popover.popover||""}:void 0,"aria-label":F?.["aria-label"]||K,"aria-labelledby":m.getAriaDescriptorsBy({hasTitle:!!Y.children,titleId:V}),"aria-modal":H||void 0,component:"div",disableAutoFocusFirstDescendantAfterClose:!0,disableTrapFocus:!1,open:P,preventCloseOnClickElements:[N?.current],role:H?"dialog":"tooltip",strategy:"absolute",onClose:D,...F,children:le})]})};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js");;/* empty css             */const t=require("react"),o=require("../text/text.js"),s=require("../../lib/components/elementOrIcon/elementOrIcon.js"),i=require("../../lib/hooks/useMediaDevice/useActiveBreakpoints.js"),r=require("../../lib/types/positions/positions.js"),n=require("../../lib/utils/classNames/classNames.js"),l=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),a=require("../../lib/utils/process/processCommonProp.js"),c=require("../icon/iconHost.js"),p=require("../popover/popover.js"),d=require("./components/tooltipTrigger.js"),u=require("./utils/tooltip.utils.js");exports.TooltipStandAlone=({align:x,children:m,childrenAsButton:j=!0,closeIcon:b,content:v,contentHasScroll:g,contentRef:h,contentScrollArias:y,cssClasses:T,disabled:C,dragIcon:R,dragIconRef:E,labelRef:N,mediaDevice:k,onCloseIconClick:A,onPopoverCloseInternally:I,onTooltipFocus:f,onTooltipKeyDown:q,onTriggerClick:D,onTriggerKeyDown:w,onTriggerMouseDown:B,onTriggerMouseUp:P,popover:_,popoverOpen:O,title:M,tooltipAriaLabel:S,tooltipAsModal:$,tooltipRef:F,triggerAsButton:K,...H})=>{const U=H["data-testid"]||"tooltip",z=l.pickCustomAttributes(H),L=`tooltip-${t.useId().replace(/:/g,"")}`,G=`${L}-title`,J=`${L}-content`,Q=a.processTextProp(v),V=a.processTextProp(M),W="string"==typeof Q.children,{isDesktop:X,isMobile:Y,isTablet:Z}=i.useActiveBreakpoints(),ee=X||Z;if(C)return e.jsxRuntimeExports.jsx("div",{className:"kbt-tooltip","data-testid":U,children:e.jsxRuntimeExports.jsx(d.TooltipTrigger,{childrenAsButton:j,disabled:!0,children:m})});const te=u.getAriaDescriptorsBy({contentId:J,hasContent:!!v,hasTitle:!!V.children,titleId:G}),oe={"data-align":x||r.POSITIONS.TOP},se=l.pickCustomAttributes(oe),ie=e.jsxRuntimeExports.jsxs("div",{ref:F,"aria-label":ee?S:void 0,"aria-labelledby":ee?u.getAriaDescriptorsBy({hasTitle:!!V.children,titleId:G}):void 0,"aria-modal":!(!ee||!$)||void 0,className:n.classNames("kbt-tooltip__external-container",T?.tooltipexternalcontainer),"data-testid":`${U}-content`,id:L,role:ee?$?"dialog":"tooltip":void 0,...ee&&{onFocus:f,onKeyDown:q},...z,children:[e.jsxRuntimeExports.jsxs("div",{className:T?.tooltipinternalcontainer,children:[(Y||Z)&&!!R&&e.jsxRuntimeExports.jsx("div",{ref:E,className:T?.dragiconcontainer,"data-testid":`${U}-drag`,children:e.jsxRuntimeExports.jsx(s.ElementOrIcon,{className:T?.dragicon,...R})}),e.jsxRuntimeExports.jsxs("div",{className:n.classNames(T?.title,T?.headercontainer),style:(re=!!V.children,ne=!!b?.icon,re&&ne?{justifyContent:"space-between"}:re?{justifyContent:"flex-end"}:ne?{justifyContent:"flex-start"}:{display:"none"}),children:[a.processIconProp(b).icon&&e.jsxRuntimeExports.jsx("div",{className:T?.closebuttoncontainer,children:e.jsxRuntimeExports.jsx(c.IconHost,{...a.processIconProp(b),className:T?.closebuttonicon,icon:a.processIconProp(b).icon,onClick:A})}),!!V.children&&e.jsxRuntimeExports.jsx("div",{className:"kbt-tooltip__title",id:G,children:e.jsxRuntimeExports.jsx(o.Text,{additionalClasses:{text:T?.title},component:"h2",...V,children:V.children})})]}),e.jsxRuntimeExports.jsx("div",{ref:h,"aria-label":g?y?.["aria-label"]:void 0,"aria-labelledby":g?y?.["aria-labelledby"]:void 0,className:"kbt-tooltip__inner-content",role:g?"region":void 0,...g&&{tabIndex:0},children:!!v&&e.jsxRuntimeExports.jsx("div",{className:n.classNames("kbt-tooltip__paragraph",T?.paragraphcontainer,{[`${T?.divider}`]:!!V.children}),id:J,children:W?e.jsxRuntimeExports.jsx(o.Text,{additionalClasses:{text:T?.paragraph},...Q}):Q.children})})]}),e.jsxRuntimeExports.jsx("div",{...se,className:n.classNames("kbt-tooltip__arrow",T?.arrowsize,T?.tooltipalignstyles,T?.arrowcontainer),children:e.jsxRuntimeExports.jsx("div",{className:T?.arrow})})]});var re,ne;return e.jsxRuntimeExports.jsxs("div",{ref:N,className:"kbt-tooltip","data-testid":U,children:[e.jsxRuntimeExports.jsx(d.TooltipTrigger,{ariaDescribedBy:$||!ee&&!O?void 0:te,childrenAsButton:j,triggerAsButton:K,onClick:D,onKeyDown:w,onMouseDown:B,onMouseUp:P,children:m}),ee?ie:e.jsxRuntimeExports.jsx(p.Popover,{additionalClasses:T?.popover?{arrow:"",popover:T.popover.popover||""}:void 0,"aria-label":_?.["aria-label"]||S,"aria-labelledby":u.getAriaDescriptorsBy({hasTitle:!!V.children,titleId:G}),"aria-modal":$||void 0,component:"div",disableAutoFocusFirstDescendantAfterClose:!0,disableTrapFocus:!1,open:O,preventCloseOnClickElements:[N?.current],role:$?"dialog":"tooltip",strategy:"absolute",onClose:I,..._,children:ie})]})};

package/dist/cjs/components/tooltip/tooltipUnControlled.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),o=require("react"),t=require("../../lib/hooks/useClassName/useClassName.js"),r=require("../../lib/hooks/useMediaDevice/useActiveBreakpoints.js"),s=require("../../lib/hooks/useScrollDetectionWithAutoFocus/useScrollDetectionWithAutoFocus.js"),i=require("../../lib/hooks/useSwipeDown/useSwipeDown.js"),l=require("../../lib/hooks/useTrapFocus/useTrapFocus.js"),n=require("../../lib/utils/keyboard/keyboard.js"),a=require("./hooks/useTooltip.js"),u=require("./hooks/useTooltipAsModal.js"),p=require("./tooltipStandAlone.js"),c=o.forwardRef(function({additionalClasses:c,align:d,closeIcon:T,onOpenClose:v,popover:f,tooltipAriaLabel:g,tooltipAsModal:C,variant:b,...k},A){const D=t.useClassName({additionalClassNames:c,component:"TOOLTIP",variant:b}),{device:R,isDesktop:h,isMobile:j,isTablet:M}=r.useActiveBreakpoints(),S=h||M,m=o.useRef(null),q=o.useRef(null),w=u.useTooltipAsModal({propTooltipAsModal:C,styleTooltipAsModal:C});o.useImperativeHandle(A,()=>m.current);const{allowFocusOpenTooltip:F,hideTooltip:y,open:x,placement:I,showTooltip:O}=a.useTooltip({additionalClasses:c,align:d||"top",labelRef:m,onOpenClose:v,tooltipAsModal:w,tooltipRef:q,variant:b}),{handleScrollDetection:W,hasScroll:P}=s.useScrollDetectionWithAutoFocus({parentElementRef:q}),E=o.useRef(!1),{setDragIconRef:L,setPopoverRef:N}=i.useSwipeDown(void 0,y);return l.useTrapFocus({ref:q,trapFocus:x&&w}),e.jsxRuntimeExports.jsx(p.TooltipStandAlone,{...k,align:I,contentHasScroll:P,contentRef:W,cssClasses:D,dragIconRef:L,labelRef:m,mediaDevice:R,popover:{...f,popoverContainerRef:N},popoverOpen:x,tooltipAriaLabel:g,tooltipAsModal:w,tooltipRef:q,onCloseIconClick:e=>{T?.onClick?.(e),y()},onPopoverCloseInternally:()=>{f?.onClose?.(),y()},onTooltipFocus:e=>{w||(e.preventDefault(),e.stopPropagation())},onTriggerClick:e=>{if(S){if(!w)return;return x?void(q.current?.contains(e.target)||y()):void O()}x?q.current?.contains(e.target)||y():O()},onTriggerKeyDown:e=>{n.isKeyEnterPressed(e.key)&&!x&&(O(),e.preventDefault())},onTriggerMouseDown:()=>{E.current=!0},onTriggerMouseUp:()=>{E.current=!1},onWrapperBlur:e=>{w||e.currentTarget.contains(e.relatedTarget)||y()},onWrapperFocus:()=>{E.current||w||!F.current||j||O()},onWrapperMouseEnter:()=>{!w&&S&&O()},onWrapperMouseLeave:()=>{!w&&S&&y()}})});exports.Tooltip=c,exports.TooltipUnControlled=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),o=require("react"),s=require("../../lib/constants/keyboardKeys/keyboardKeys.js"),r=require("../../lib/hooks/useClassName/useClassName.js"),t=require("../../lib/hooks/useMediaDevice/useActiveBreakpoints.js"),l=require("../../lib/hooks/useScrollDetection/useScrollDetection.js"),i=require("../../lib/hooks/useSwipeDown/useSwipeDown.js"),n=require("../../lib/hooks/useTrapFocus/useTrapFocus.js"),a=require("../../lib/utils/keyboard/keyboard.js"),u=require("./hooks/useTooltip.js"),p=require("./hooks/useTooltipAsModal.js"),c=require("./tooltipStandAlone.js"),d=o.forwardRef(function({additionalClasses:d,align:T,closeIcon:v,onOpenClose:f,popover:g,tooltipAriaLabel:b,tooltipAsModal:k,variant:C,...j},D){const R=r.useClassName({additionalClassNames:d,component:"TOOLTIP",variant:C}),{device:y,isDesktop:M,isMobile:A,isTablet:S}=t.useActiveBreakpoints(),q=M||S,h=o.useRef(null),m=o.useRef(null),w=p.useTooltipAsModal({propTooltipAsModal:k,styleTooltipAsModal:k});o.useImperativeHandle(D,()=>h.current);const{allowFocusOpenTooltip:F,hideTooltip:x,open:I,placement:O,showTooltip:P}=u.useTooltip({additionalClasses:d,align:T||"top",labelRef:h,onOpenClose:f,tooltipAsModal:w,tooltipRef:m,variant:C}),{handleScrollDetection:N,hasScroll:E}=l.useScrollDetection({autoFocus:!0}),K=o.useRef(!1),{setDragIconRef:L,setPopoverRef:W}=i.useSwipeDown({onClose:x});return n.useTrapFocus({ref:m,trapFocus:I&&w}),e.jsxRuntimeExports.jsx(c.TooltipStandAlone,{...j,align:O,contentHasScroll:E,contentRef:N,cssClasses:R,dragIconRef:L,labelRef:h,mediaDevice:y,popover:{...g,popoverContainerRef:W},popoverOpen:I,tooltipAriaLabel:b,tooltipAsModal:w,tooltipRef:m,onCloseIconClick:e=>{v?.onClick?.(e),x()},onPopoverCloseInternally:()=>{g?.onClose?.(),x()},onTooltipFocus:e=>{w||(e.preventDefault(),e.stopPropagation())},onTriggerClick:e=>{if(q){if(!w)return;return I?void(m.current?.contains(e.target)||x()):void P()}I?m.current?.contains(e.target)||x():P()},onTriggerKeyDown:e=>{a.isKeyPressed(e.key,s.ENTER.key)&&!I&&(P(),e.preventDefault())},onTriggerMouseDown:()=>{K.current=!0},onTriggerMouseUp:()=>{K.current=!1},onWrapperBlur:e=>{w||e.currentTarget.contains(e.relatedTarget)||x()},onWrapperFocus:()=>{K.current||w||!F.current||A||P()},onWrapperMouseEnter:()=>{!w&&q&&P()},onWrapperMouseLeave:()=>{!w&&q&&x()}})});exports.Tooltip=d,exports.TooltipUnControlled=d;

package/dist/cjs/components/virtualKeyboard/virtualKeyboardStandAlone.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/jsx-runtime.js"),e=require("react"),s=require("../../lib/hooks/useId/useId.js"),i=require("../../lib/types/states/states.js"),r=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),o=require("../elementOrIcon/elementOrIcon.js"),u=require("./components/digitButton.js"),n=e.forwardRef(({cssClasses:e,digits:n,icon:a,id:l,onDigitButtonClick:c,onRemoveButtonClick:d,onVirtualKeyboardBlur:m,onVirtualKeyboardFocus:b,state:p,...j},x)=>{const A=s.useId("virtualKeyboard"),C=l??A,E={[i.STATES.ACTIVE]:p===i.STATES.ACTIVE,[i.STATES.INACTIVE]:p===i.STATES.INACTIVE},T=j["data-testid"]||"virtual-keyboard";return t.jsxRuntimeExports.jsxs("div",{ref:x,className:e?.virtual_keyboard,"data-testid":T,id:C,role:"presentation",onBlur:m,onFocus:b,...r.pickCustomAttributes(E),children:[t.jsxRuntimeExports.jsx("div",{className:e?.digitwrapper,...r.pickCustomAttributes(E),children:n?.map((s,i)=>t.jsxRuntimeExports.jsx(u.DigitButton,{cssClasses:e,"data-testid":`${T}-digit-button-${i}`,digit:s,onClick:c},s))}),t.jsxRuntimeExports.jsx("button",{className:e?.removebutton,type:"button",onClick:d,children:t.jsxRuntimeExports.jsx(o.ElementOrIcon,{className:e?.iconcontainer,customAttributes:E,...a})})]})});exports.VirtualKeyboardStandAlone=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/jsx-runtime.js"),e=require("react"),s=require("../../lib/components/elementOrIcon/elementOrIcon.js"),i=require("../../lib/types/states/states.js"),r=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),o=require("./components/digitButton.js"),n=e.forwardRef(({cssClasses:n,digits:u,icon:a,id:l,onDigitButtonClick:c,onRemoveButtonClick:d,onVirtualKeyboardBlur:m,onVirtualKeyboardFocus:p,state:b,...x},j)=>{const A=`virtualkeyboard-${e.useId().replace(/:/g,"")}`,C=l??A,E={[i.STATES.ACTIVE]:b===i.STATES.ACTIVE,[i.STATES.INACTIVE]:b===i.STATES.INACTIVE},T=x["data-testid"]||"virtual-keyboard";return t.jsxRuntimeExports.jsxs("div",{ref:j,className:n?.virtual_keyboard,"data-testid":T,id:C,role:"presentation",onBlur:m,onFocus:p,...r.pickCustomAttributes(E),children:[t.jsxRuntimeExports.jsx("div",{className:n?.digitwrapper,...r.pickCustomAttributes(E),children:u?.map((e,s)=>t.jsxRuntimeExports.jsx(o.DigitButton,{cssClasses:n,"data-testid":`${T}-digit-button-${s}`,digit:e,onClick:c},e))}),t.jsxRuntimeExports.jsx("button",{className:n?.removebutton,type:"button",onClick:d,children:t.jsxRuntimeExports.jsx(s.ElementOrIcon,{className:n?.iconcontainer,customAttributes:E,...a})})]})});exports.VirtualKeyboardStandAlone=n;

package/dist/cjs/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./components/accordion/accordionControlled.js"),o=require("./components/accordion/accordionUnControlled.js"),r=require("./components/avatar/avatar.js"),t=require("./components/badge/badge.js"),n=require("./components/breadcrumbs/breadcrumbs.js"),s=require("./components/button/button.js"),l=require("./components/calendar/calendar.js"),p=require("./components/cardImage/cardImage.js"),i=require("./components/carousel/carousel.js"),a=require("./components/carousel/types/carousel.js"),c=require("./components/checkbox/checkboxControlled.js"),d=require("./components/checkbox/checkboxUnControlled.js"),u=require("./components/checkboxBase/checkboxBaseControlled.js"),x=require("./components/checkboxBase/checkboxBaseUncontrolled.js"),m=require("./components/chip/chip.js"),b=require("./components/container/container.js"),C=require("./components/dataTable/dataTable.js"),g=require("./components/dot/dot.js"),j=require("./components/dropdownSelected/dropdownSelectedControlled.js"),q=require("./components/dropdownSelected/dropdownSelectedUncontrolled.js"),S=require("./components/icon/icon.js"),v=require("./components/icon/iconHost.js"),B=require("./components/image/image.js"),T=require("./components/input/input.js"),P=require("./components/inputBase/inputBase.js"),U=require("./components/inputDecoration/inputDecoration.js"),k=require("./components/inputSignature/inputSignatureControlled.js"),A=require("./components/inputSignature/inputSignatureUncontrolled.js"),E=require("./components/label/labelStandAlone.js"),R=require("./components/link/link.js"),D=require("./components/link/linkAsButton/linkAsButton.js"),I=require("./components/listOptions/listOptions.js"),_=require("./components/message/messageControlled.js"),h=require("./components/message/messageUnControlled.js"),y=require("./components/modal/modalControlled.js"),O=require("./components/modal/modalUnControlled.js"),M=require("./components/navBar/navBar.js"),f=require("./components/option/option.js"),L=require("./components/pageControl/pageControl.js"),w=require("./components/pagination/pagination.js"),N=require("./components/popover/popover.js"),G=require("@floating-ui/dom"),K=require("./components/progressBar/progressBar.js"),F=require("./components/radioButton/radioButton.js"),H=require("./components/radioButton/radioButtonStandAlone.js"),W=require("./components/selectorBoxFile/selectorBoxFile.js"),V=require("./components/skeleton/skeleton.js"),Y=require("./components/slider/slider.js"),z=require("./components/snackbar/snackbar.js"),J=require("./components/stepperNumber/stepperNumber.js"),Q=require("./components/table/table.js"),X=require("./components/tableCaption/tableCaption.js"),Z=require("./components/tableCell/tableCell.js"),$=require("./components/tableDivider/tableDivider.js"),ee=require("./components/tableFoot/tableFoot.js"),oe=require("./components/tableHead/tableHead.js"),re=require("./components/tableRow/tableRow.js"),te=require("./components/tabs/tabsControlled.js"),ne=require("./components/tabs/tabsUnControlled.js"),se=require("./components/tag/tag.js"),le=require("./components/text/text.js"),pe=require("./components/textArea/textArea.js"),ie=require("./components/toggle/toggleControlled.js"),ae=require("./components/toggle/toggleStandAlone.js"),ce=require("./components/toggle/toggleUnControlled.js"),de=require("./components/tooltip/tooltipControlled.js"),ue=require("./components/tooltip/tooltipUnControlled.js"),xe=require("./components/virtualKeyboard/virtualKeyboard.js"),me=require("./lib/provider/genericComponentsProvider/genericComponentsProvider.js"),be=require("./lib/provider/kubitProvider/kubitProvider.js"),Ce=require("./lib/provider/stylesProvider/stylesProvider.js"),ge=require("./lib/provider/utilsProvider/utilsProvider.js");exports.AccordionControlled=e.AccordionControlled,exports.Accordion=o.Accordion,exports.Avatar=r.Avatar,exports.Badge=t.Badge,exports.BreadCrumbs=n.BreadCrumbs,exports.Button=s.Button,exports.Calendar=l.Calendar,exports.CardImage=p.CardImage,exports.Carousel=i.Carousel,exports.CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY=a.CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY,exports.CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY=a.CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY,exports.CheckboxControlled=c.CheckboxControlled,exports.Checkbox=d.CheckboxUnControlled,exports.CheckboxBaseControlled=u.CheckboxBaseControlled,exports.CheckboxBase=x.CheckboxBaseUnControlled,exports.Chip=m.Chip,exports.Container=b.Container,exports.DataTable=C.DataTable,exports.Dot=g.Dot,exports.DropdownSelectedControlled=j.DropdownSelectedControlled,exports.DropdownSelected=q.DropdownSelectedUnControlled,exports.IconBasic=S.IconBasic,exports.Icon=v.IconHost,exports.Image=B.Image,exports.Input=T.Input,exports.InputBase=P.InputBase,exports.InputDecoration=U.InputDecoration,exports.InputSignatureControlled=k.InputSignatureControlled,exports.InputSignature=A.InputSignatureUnControlled,exports.Label=E.LabelStandAlone,exports.Link=R.Link,exports.LinkAsButton=D.LinkAsButton,exports.ListOptions=I.ListOptions,exports.MessageControlled=_.MessageControlled,exports.Message=h.MessageUnControlled,exports.ModalControlled=y.ModalControlled,exports.Modal=O.ModalUnControlled,exports.NabVar=M.NabVar,exports.Option=f.Option,exports.PageControl=L.PageControl,exports.Pagination=w.Pagination,exports.Popover=N.Popover,Object.defineProperty(exports,"popoverMWArrow",{enumerable:!0,get:()=>G.arrow}),Object.defineProperty(exports,"popoverMWAutoPlacement",{enumerable:!0,get:()=>G.autoPlacement}),Object.defineProperty(exports,"popoverMWFlip",{enumerable:!0,get:()=>G.flip}),Object.defineProperty(exports,"popoverMWHide",{enumerable:!0,get:()=>G.hide}),Object.defineProperty(exports,"popoverMWOffset",{enumerable:!0,get:()=>G.offset}),Object.defineProperty(exports,"popoverMWShift",{enumerable:!0,get:()=>G.shift}),Object.defineProperty(exports,"popoverMWSize",{enumerable:!0,get:()=>G.size}),exports.ProgressBar=K.ProgressBar,exports.RadioButton=F.RadioButton,exports.RadioButtonStandAlone=H.RadioButtonStandAlone,exports.SelectorBoxFile=W.SelectorBoxFile,exports.Skeleton=V.Skeleton,exports.Slider=Y.Slider,exports.Snackbar=z.Snackbar,exports.StepperNumber=J.StepperNumber,exports.Table=Q.Table,exports.TableCaption=X.TableCaption,exports.TableCell=Z.TableCell,exports.TableDivider=$.TableDivider,exports.TableFoot=ee.TableFoot,exports.TableHead=oe.TableHead,exports.TableRow=re.TableRow,exports.TabsControlled=te.TabsControlled,exports.Tabs=ne.TabsUnControlled,exports.Tag=se.Tag,exports.Text=le.Text,exports.TextArea=pe.TextArea,exports.ToggleControlled=ie.ToggleControlled,exports.ToggleStandalone=ae.ToggleStandalone,exports.ToggleUncontrolled=ce.ToggleUncontrolled,exports.TooltipControlled=de.TooltipControlled,exports.Tooltip=ue.TooltipUnControlled,exports.VirtualKeyboard=xe.VirtualKeyboard,exports.GenericComponentContext=me.GenericComponentContext,exports.GenericComponentsProvider=me.GenericComponentsProvider,exports.useGenericComponents=me.useGenericComponents,exports.KubitProvider=be.KubitProvider,exports.StylesContext=Ce.StylesContext,exports.StylesProvider=Ce.StylesProvider,exports.useStylesContext=Ce.useStylesContext,exports.UtilsContext=ge.UtilsContext,exports.UtilsProvider=ge.UtilsProvider,exports.useUtilsProvider=ge.useUtilsProvider;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./components/accordion/accordionControlled.js"),o=require("./components/accordion/accordionUnControlled.js"),r=require("./components/alert/alertControlled.js"),t=require("./components/avatar/avatar.js"),n=require("./components/badge/badge.js"),s=require("./components/breadcrumbs/breadcrumbs.js"),l=require("./components/button/button.js"),p=require("./components/calendar/calendar.js"),i=require("./components/cardImage/cardImage.js"),a=require("./components/carousel/carousel.js"),c=require("./components/carousel/types/carousel.js"),d=require("./components/checkbox/checkboxControlled.js"),u=require("./components/checkbox/checkboxUnControlled.js"),x=require("./components/checkboxBase/checkboxBaseControlled.js"),b=require("./components/checkboxBase/checkboxBaseUncontrolled.js"),m=require("./components/chip/chip.js"),C=require("./components/container/container.js"),j=require("./components/dataTable/dataTable.js"),g=require("./components/dot/dot.js"),q=require("./components/dropdownSelected/dropdownSelectedControlled.js"),S=require("./components/dropdownSelected/dropdownSelectedUncontrolled.js"),B=require("./components/icon/icon.js"),v=require("./components/icon/iconHost.js"),T=require("./components/image/image.js"),P=require("./components/input/input.js"),A=require("./components/inputBase/inputBase.js"),U=require("./components/inputDecoration/inputDecoration.js"),k=require("./components/inputSignature/inputSignatureControlled.js"),E=require("./components/inputSignature/inputSignatureUncontrolled.js"),R=require("./components/label/labelStandAlone.js"),y=require("./components/link/link.js"),D=require("./components/link/linkAsButton/linkAsButton.js"),I=require("./components/listOptions/listOptions.js"),_=require("./components/modal/modalControlled.js"),h=require("./components/modal/modalUnControlled.js"),O=require("./components/navBar/navBar.js"),f=require("./components/option/option.js"),L=require("./components/pageControl/pageControl.js"),w=require("./components/pagination/pagination.js"),M=require("./components/popover/popover.js"),N=require("@floating-ui/dom"),G=require("./components/progressBar/progressBar.js"),K=require("./components/radioButton/radioButton.js"),F=require("./components/radioButton/radioButtonStandAlone.js"),H=require("./components/selectorBoxFile/selectorBoxFile.js"),W=require("./components/skeleton/skeleton.js"),V=require("./components/slider/slider.js"),Y=require("./components/snackbar/snackbar.js"),z=require("./components/stepperNumber/stepperNumber.js"),J=require("./components/table/table.js"),Q=require("./components/tableBody/tableBody.js"),X=require("./components/tableCaption/tableCaption.js"),Z=require("./components/tableCell/tableCell.js"),$=require("./components/tableDivider/tableDivider.js"),ee=require("./components/tableFoot/tableFoot.js"),oe=require("./components/tableHead/tableHead.js"),re=require("./components/tableRow/tableRow.js"),te=require("./components/tabs/tabsControlled.js"),ne=require("./components/tabs/tabsUnControlled.js"),se=require("./components/tag/tag.js"),le=require("./components/text/text.js"),pe=require("./components/textArea/textArea.js"),ie=require("./components/toggle/toggleControlled.js"),ae=require("./components/toggle/toggleStandAlone.js"),ce=require("./components/toggle/toggleUnControlled.js"),de=require("./components/tooltip/tooltipControlled.js"),ue=require("./components/tooltip/tooltipUnControlled.js"),xe=require("./components/virtualKeyboard/virtualKeyboard.js"),be=require("./lib/provider/genericComponentsProvider/genericComponentsProvider.js"),me=require("./lib/provider/kubitProvider/kubitProvider.js"),Ce=require("./lib/provider/stylesProvider/stylesProvider.js"),je=require("./lib/provider/utilsProvider/utilsProvider.js");exports.AccordionControlled=e.AccordionControlled,exports.Accordion=o.Accordion,exports.Alert=r.Alert,exports.Avatar=t.Avatar,exports.Badge=n.Badge,exports.BreadCrumbs=s.BreadCrumbs,exports.Button=l.Button,exports.Calendar=p.Calendar,exports.CardImage=i.CardImage,exports.Carousel=a.Carousel,exports.CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY=c.CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY,exports.CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY=c.CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY,exports.CheckboxControlled=d.CheckboxControlled,exports.Checkbox=u.CheckboxUnControlled,exports.CheckboxBaseControlled=x.CheckboxBaseControlled,exports.CheckboxBase=b.CheckboxBaseUnControlled,exports.Chip=m.Chip,exports.Container=C.Container,exports.DataTable=j.DataTable,exports.Dot=g.Dot,exports.DropdownSelectedControlled=q.DropdownSelectedControlled,exports.DropdownSelected=S.DropdownSelectedUnControlled,exports.IconBasic=B.IconBasic,exports.Icon=v.IconHost,exports.Image=T.Image,exports.Input=P.Input,exports.InputBase=A.InputBase,exports.InputDecoration=U.InputDecoration,exports.InputSignatureControlled=k.InputSignatureControlled,exports.InputSignature=E.InputSignatureUnControlled,exports.Label=R.LabelStandAlone,exports.Link=y.Link,exports.LinkAsButton=D.LinkAsButton,exports.ListOptions=I.ListOptions,exports.ModalControlled=_.ModalControlled,exports.Modal=h.ModalUnControlled,exports.NabVar=O.NabVar,exports.Option=f.Option,exports.PageControl=L.PageControl,exports.Pagination=w.Pagination,exports.Popover=M.Popover,Object.defineProperty(exports,"popoverMWArrow",{enumerable:!0,get:()=>N.arrow}),Object.defineProperty(exports,"popoverMWAutoPlacement",{enumerable:!0,get:()=>N.autoPlacement}),Object.defineProperty(exports,"popoverMWFlip",{enumerable:!0,get:()=>N.flip}),Object.defineProperty(exports,"popoverMWHide",{enumerable:!0,get:()=>N.hide}),Object.defineProperty(exports,"popoverMWOffset",{enumerable:!0,get:()=>N.offset}),Object.defineProperty(exports,"popoverMWShift",{enumerable:!0,get:()=>N.shift}),Object.defineProperty(exports,"popoverMWSize",{enumerable:!0,get:()=>N.size}),exports.ProgressBar=G.ProgressBar,exports.RadioButton=K.RadioButton,exports.RadioButtonStandAlone=F.RadioButtonStandAlone,exports.SelectorBoxFile=H.SelectorBoxFile,exports.Skeleton=W.Skeleton,exports.Slider=V.Slider,exports.Snackbar=Y.Snackbar,exports.StepperNumber=z.StepperNumber,exports.Table=J.Table,exports.TableBody=Q.TableBody,exports.TableCaption=X.TableCaption,exports.TableCell=Z.TableCell,exports.TableDivider=$.TableDivider,exports.TableFoot=ee.TableFoot,exports.TableHead=oe.TableHead,exports.TableRow=re.TableRow,exports.TabsControlled=te.TabsControlled,exports.Tabs=ne.TabsUnControlled,exports.Tag=se.Tag,exports.Text=le.Text,exports.TextArea=pe.TextArea,exports.ToggleControlled=ie.ToggleControlled,exports.ToggleStandalone=ae.ToggleStandalone,exports.ToggleUncontrolled=ce.ToggleUncontrolled,exports.TooltipControlled=de.TooltipControlled,exports.Tooltip=ue.TooltipUnControlled,exports.VirtualKeyboard=xe.VirtualKeyboard,exports.GenericComponentContext=be.GenericComponentContext,exports.GenericComponentsProvider=be.GenericComponentsProvider,exports.useGenericComponents=be.useGenericComponents,exports.KubitProvider=me.KubitProvider,exports.StylesContext=Ce.StylesContext,exports.StylesProvider=Ce.StylesProvider,exports.useStylesContext=Ce.useStylesContext,exports.UtilsContext=je.UtilsContext,exports.UtilsProvider=je.UtilsProvider,exports.useUtilsProvider=je.useUtilsProvider;