@kubit-ui-web/react-components 2.0.0-beta.10 → 2.0.0-beta.12

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("../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/processText/processText.js"),b=require("./hooks/useTabs/useTabs.js"),d=e.forwardRef(({allowFocusTabPanel:d=!0,autoWidth:u=!1,content:x,cssClasses:m,device:p,hideLabelForSingleTab:j,leftControlAriaLabel:h,leftIcon:T,maxTabsInView:$=3,onSelectTab:E,rightControlAriaLabel:v,rightIcon:R,selectedTab:S,tabs:C,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=C?.length??0,w=Math.min(y,$),{focus:L,handleClickIcon:M,handleClickTab:O,listEl:D,position:F}=b.useTabs({numTabsInView:w,selectedTab:S,tabsLength:y}),B=0===F,P=F>=y-w,V=f["data-testid"]||"tabs",W=l.pickCustomAttributes(f),U=e=>{const s="left"===e,i=s?B:P;return y>w?t.jsxRuntimeExports.jsx("button",{"aria-label":s?h:v,className:m?.arrowiconcontainer,"data-position":s?"left":"right","data-testid":`${V}-icon-${e}`,disabled:i,tabIndex:0,type:"button",onClick:()=>{i||M(!s)},children:t.jsxRuntimeExports.jsx(a.ElementOrIcon,{className:m?.icon,customAttributes:{"data-disabled":i},"data-position":s?"left":"right",...s?T:R})}):null};return t.jsxRuntimeExports.jsxs("div",{ref:A,className:m?.tabs,"data-testid":V,...W,children:[t.jsxRuntimeExports.jsxs("div",{className:m?.container,children:[U("left"),t.jsxRuntimeExports.jsx("div",{ref:D,className:m?.tabbuttonscontainer,id:k,role:"tablist",children:C?.map((e,a)=>{const n=S===a,b=n?o.STATES.SELECTED:o.STATES.UNSELECTED,d=a>=F&&a<F+w,x={"data-state":b};return t.jsxRuntimeExports.jsx("div",{className:m?.tabcontainer,"data-testid":`${V}-tab-${a}`,...l.pickCustomAttributes(x),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(m?.tabbutton,{[`${m?.firsttabbutton}`]:0===a,[`${m?.lasttabbutton}`]:a===y-1}),customAttributes:x,disabled:I&&!d||e.disabled,focus:L===a,id:`${g}-tab-${a}`,index:a,preventScrollOnFocus:!0,role:"tab",type:"button",onSelectItem:()=>{E?.(a),O(a)},children:t.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:m?.label},component:"span",customAttributes:x,"data-hidden":!!j,...c.processText(e)})}):t.jsxRuntimeExports.jsx("div",{className:r.classNames(m?.onetabcontainer,{[`${m?.tabbutton}`]:!!j}),id:`${g}-tab-${a}`,role:"tab",children:t.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:m?.label},"data-hidden":!!j,...c.processText(e),children:c.processText(e).children})})},`${V}-tab-${a.toString()}`)})}),U("right")]}),(()=>{const e={role:"tabpanel",tabIndex:d?0:-1};return N?null!=S&&t.jsxRuntimeExports.jsx("div",{"aria-labelledby":`${g}-tab-${S}`,className:m?.contentcontainer,...e,children:x?.[S]}):x?.map((s,a)=>t.jsxRuntimeExports.jsx("div",{"aria-labelledby":`${g}-tab-${a}`,className:m?.contentcontainer,id:`${q}-${a}`,style:{display:S===a?"block":"none"},...e,children:s},`${g}-${a.toString()}-tab`))})()]})});exports.TabsStandAlone=d;
+"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("../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/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(o.CustomComponent,{ref:x,className:u?.tag,component:s,"data-testid":"tag",...a,children:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(r.ElementOrIcon,{className:u?.icon,...i.processIcon(p)}),e.jsxRuntimeExports.jsx(t.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/textArea/components/errorStandAlone.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),s=require("../../text/text.js"),r=require("../../../lib/components/elementOrIcon/elementOrIcon.js"),t=require("../../../lib/types/states/states.js"),o=require("../../../lib/utils/process/processText/processText.js");exports.ErrorStandAlone=({cssClasses:i,customAttributtes:n,errorAriaLiveType:c,errorIcon:x,errorMessage:l,id:a,state:u})=>e.jsxRuntimeExports.jsx("div",{"aria-live":c,className:i?.errorcontainer,id:a,...n,children:!!o.processText(l).children&&u===t.STATES.ERROR&&e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(r.ElementOrIcon,{className:i?.erroricon,customAttributes:n,...x}),e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:i?.errormessage},component:"p",customAttributes:n,...o.processText(l),children:o.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("../../lib/types/states/states.js"),a=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),i=require("../../lib/utils/process/processText/processText.js"),n=require("./components/errorStandAlone.js"),o=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 N=`textarea-${t.useId().replace(/:/g,"")}`,_=g??N,$=`${_}HelpText`,F=`${_}Error`,H=`${_}TextCount`,w=a.pickCustomAttributes({"data-state":L}),P=[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",...w,...a.pickCustomAttributes(B),children:[e.jsxRuntimeExports.jsx(u.TitleStandAlone,{cssClasses:p,customAttributtes:w,title:M}),e.jsxRuntimeExports.jsxs("div",{className:p?.labeltextareacontainer,role:"button",style:{height:E?b:void 0},tabIndex:0,onClick:()=>document.getElementById(_)?.focus(),onKeyDown:e=>{"Enter"===e.key&&document.getElementById(_)?.focus()},children:[e.jsxRuntimeExports.jsxs("div",{className:p?.labelandadditionalinfocontainer,children:[e.jsxRuntimeExports.jsx(s.LabelStandAlone,{asteriskCssClasses:p?.required,customAttributes:w,inputId:_,required:R,textCssClasses:p?.label,...i.processText(C),children:i.processText(C).children}),d]}),e.jsxRuntimeExports.jsx("textarea",{"aria-describedby":c.buildAriaDescribedBy({errorMessage:i.processText(j).children,helpMessage:i.processText(A).children,state:L,textAreaErrorId:F,textAreaHelpTextId:$}),className:p?.textarea,disabled:P,id:_,maxLength:T,placeholder:I,required:R,spellCheck:f,style:{height:b||void 0},value:k,onBlur:S,onChange:q,onFocus:v,...w,children:k})]}),e.jsxRuntimeExports.jsxs("div",{className:p?.bottomcontainer,...w,children:[e.jsxRuntimeExports.jsxs("div",{className:p?.helpmessageerrorcontainer,...w,children:[e.jsxRuntimeExports.jsx(n.ErrorStandAlone,{cssClasses:p,customAttributtes:w,errorAriaLiveType:m,errorIcon:h,errorMessage:j,id:F,state:L}),e.jsxRuntimeExports.jsx(o.HelpMessageStandAlone,{cssClasses:p,customAttributtes:w,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:H,maxLength:T,screenReaderText:y,variant:x})]})]})});exports.TextAreaStandAlone=d;
+"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("../../lib/components/customComponent/customComponent.js"),o=require("../../lib/components/elementOrIcon/elementOrIcon.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(t.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(o.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(o.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/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("react"),s=require("../text/text.js"),o=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/processIcon/processIcon.js"),c=require("../../lib/utils/process/processText/processText.js"),d=require("../icon/iconHost.js"),p=require("../popover/popover.js"),u=require("./components/tooltipTrigger.js"),x=require("./utils/tooltip.utils.js");exports.TooltipStandAlone=({align:j,children:m,childrenAsButton:b=!0,closeIcon:v,content:g,contentHasScroll:h,contentRef:T,contentScrollArias:y,cssClasses:R,disabled:C,dragIcon:I,dragIconRef:E,labelRef:N,mediaDevice:k,onCloseIconClick:A,onPopoverCloseInternally:f,onTooltipFocus:q,onTooltipKeyDown:D,onTriggerClick:w,onTriggerKeyDown:B,onTriggerMouseDown:_,onTriggerMouseUp:O,popover:M,popoverOpen:S,title:$,tooltipAriaLabel:F,tooltipAsModal:P,tooltipRef:K,triggerAsButton:H,...U})=>{const z=U["data-testid"]||"tooltip",L=l.pickCustomAttributes(U),G=`tooltip-${t.useId().replace(/:/g,"")}`,J=`${G}-title`,Q=`${G}-content`,V=c.processText(g),W=c.processText($),X="string"==typeof V.children,{isDesktop:Y,isMobile:Z,isTablet:ee}=i.useActiveBreakpoints(),te=Y||ee;if(C)return e.jsxRuntimeExports.jsx("div",{className:"kbt-tooltip","data-testid":z,children:e.jsxRuntimeExports.jsx(u.TooltipTrigger,{childrenAsButton:b,disabled:!0,children:m})});const se=x.getAriaDescriptorsBy({contentId:Q,hasContent:!!g,hasTitle:!!W.children,titleId:J}),oe={"data-align":j||r.POSITIONS.TOP},ie=l.pickCustomAttributes(oe),re=e.jsxRuntimeExports.jsxs("div",{ref:K,"aria-label":te?F:void 0,"aria-labelledby":te?x.getAriaDescriptorsBy({hasTitle:!!W.children,titleId:J}):void 0,"aria-modal":!(!te||!P)||void 0,className:n.classNames("kbt-tooltip__external-container",R?.tooltipexternalcontainer),"data-testid":`${z}-content`,id:G,role:te?P?"dialog":"tooltip":void 0,...te&&{onFocus:q,onKeyDown:D},...L,children:[e.jsxRuntimeExports.jsxs("div",{className:R?.tooltipinternalcontainer,children:[(Z||ee)&&!!I&&e.jsxRuntimeExports.jsx("div",{ref:E,className:R?.dragiconcontainer,"data-testid":`${z}-drag`,children:e.jsxRuntimeExports.jsx(o.ElementOrIcon,{className:R?.dragicon,...I})}),e.jsxRuntimeExports.jsxs("div",{className:n.classNames(R?.title,R?.headercontainer),style:(ne=!!W.children,le=!!v?.icon,ne&&le?{justifyContent:"space-between"}:ne?{justifyContent:"flex-end"}:le?{justifyContent:"flex-start"}:{display:"none"}),children:[a.processIcon(v).icon&&e.jsxRuntimeExports.jsx("div",{className:R?.closebuttoncontainer,children:e.jsxRuntimeExports.jsx(d.IconHost,{...a.processIcon(v),className:R?.closebuttonicon,icon:a.processIcon(v).icon,onClick:A})}),!!W.children&&e.jsxRuntimeExports.jsx("div",{className:"kbt-tooltip__title",id:J,children:e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:R?.title},component:"h2",...W,children:W.children})})]}),e.jsxRuntimeExports.jsx("div",{ref:T,"aria-label":h?y?.["aria-label"]:void 0,"aria-labelledby":h?y?.["aria-labelledby"]:void 0,className:"kbt-tooltip__inner-content",role:h?"region":void 0,...h&&{tabIndex:0},children:!!g&&e.jsxRuntimeExports.jsx("div",{className:n.classNames("kbt-tooltip__paragraph",R?.paragraphcontainer,{[`${R?.divider}`]:!!W.children}),id:Q,children:X?e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:R?.paragraph},...V}):V.children})})]}),e.jsxRuntimeExports.jsx("div",{...ie,className:n.classNames("kbt-tooltip__arrow",R?.arrowsize,R?.tooltipalignstyles,R?.arrowcontainer),children:e.jsxRuntimeExports.jsx("div",{className:R?.arrow})})]});var ne,le;return e.jsxRuntimeExports.jsxs("div",{ref:N,className:"kbt-tooltip","data-testid":z,children:[e.jsxRuntimeExports.jsx(u.TooltipTrigger,{ariaDescribedBy:P||!te&&!S?void 0:se,childrenAsButton:b,triggerAsButton:H,onClick:w,onKeyDown:B,onMouseDown:_,onMouseUp:O,children:m}),te?re:e.jsxRuntimeExports.jsx(p.Popover,{additionalClasses:R?.popover?{arrow:"",popover:R.popover.popover||""}:void 0,"aria-label":M?.["aria-label"]||F,"aria-labelledby":x.getAriaDescriptorsBy({hasTitle:!!W.children,titleId:J}),"aria-modal":P||void 0,component:"div",disableAutoFocusFirstDescendantAfterClose:!0,disableTrapFocus:!1,open:S,preventCloseOnClickElements:[N?.current],role:P?"dialog":"tooltip",strategy:"absolute",onClose:f,...M,children:re})]})};
+"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/lib/components/errorMessage/errorMessageStandAlone.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../../_virtual/jsx-runtime.js"),e=require("react"),r=require("../../../components/text/text.js"),t=require("../elementOrIcon/elementOrIcon.js"),o=require("../../utils/classNames/classNames.js"),i=require("../../utils/pickCustomAttributes/pickCustomAttributes.js"),n=require("../../utils/process/processIcon/processIcon.js"),c=require("../../utils/process/processText/processText.js"),u=e.forwardRef(({cssClasses:e,icon:u,message:a,...l},x)=>{if(!a)return null;const m=i.pickCustomAttributes(l);return s.jsxRuntimeExports.jsx("div",{ref:x,...m,className:o.classNames("kbt-error-message__container",e?.error_message,{"kbt-sr-only":!l.show}),id:l.id,children:l.show&&s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx(t.ElementOrIcon,{className:e?.icon,...n.processIcon(u)}),s.jsxRuntimeExports.jsx(r.Text,{additionalClasses:{text:e?.typography},...c.processText(a)})]})})});exports.ErrorMessageStandAlone=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../../_virtual/jsx-runtime.js"),e=require("react"),r=require("../../../components/text/text.js"),t=require("../elementOrIcon/elementOrIcon.js"),o=require("../../utils/classNames/classNames.js"),i=require("../../utils/pickCustomAttributes/pickCustomAttributes.js"),n=require("../../utils/process/processCommonProp.js"),u=e.forwardRef(({cssClasses:e,icon:u,message:c,...a},m)=>{if(!c)return null;const l=i.pickCustomAttributes(a);return s.jsxRuntimeExports.jsx("div",{ref:m,...l,className:o.classNames("kbt-error-message__container",e?.error_message,{"kbt-sr-only":!a.show}),id:a.id,children:a.show&&s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx(t.ElementOrIcon,{className:e?.icon,...n.processIconProp(u)}),s.jsxRuntimeExports.jsx(r.Text,{additionalClasses:{text:e?.typography},...n.processTextProp(c)})]})})});exports.ErrorMessageStandAlone=u;

package/dist/cjs/lib/hooks/useClickOutside/useClickOutside.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useClickOutside=(t,r,u=[])=>{e.useEffect(()=>{function e(e){const n=e.composedPath(),o=t.current&&n.includes(t.current),s=u.some(e=>e&&n.includes(e));!t.current||o||s||r(e)}return document.addEventListener("mouseup",e),()=>{document.removeEventListener("mouseup",e)}},[t,r,u])};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useClickOutside=(t,r,u=[])=>{const n=e.useRef(r);e.useEffect(()=>{n.current=r},[r]),e.useEffect(()=>{function e(e){const r=e.composedPath(),c=t.current&&r.includes(t.current),s=u.some(e=>e&&r.includes(e));!t.current||c||s||n.current(e)}return document.addEventListener("mouseup",e,!0),()=>{document.removeEventListener("mouseup",e,!0)}},[t,u])};

package/dist/cjs/lib/hooks/useContentVisibility/useContentVisibility.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../../utils/resizeObserver/resizeObserver.js"),r=require("./utils/contentVisibility.js");exports.useContentVisibility=({minVisibleHeight:n=100,onContentInvisible:s,onContentVisible:i})=>{const o=e.useRef(null),u=e.useRef(null),c=e.useRef(),l=e.useRef(),b=e.useRef(void 0),v=e.useCallback(()=>{const e=o.current,t=u.current;e&&t&&(i?i():(e.style.overflowY="",t.style.overflowY=""))},[i]),a=e.useCallback(()=>{const e=o.current,t=u.current;e&&t&&(s?s():(e.style.overflowY="auto",t.style.overflowY="visible"))},[s]);return{handleContentVisibility:e.useCallback(({container:e,content:s})=>{if(o.current=e,u.current=s,e&&s){const i=()=>{const t=r.isContentVisibleEnough({container:e,content:s,minVisibleHeight:n});t!==b.current&&(t?v():a()),b.current=t};i(),c.current=new t.ResizeObserver(()=>{i()}),l.current=new t.ResizeObserver(()=>{i()}),c.current.observe(s),c.current.observe(e)}else c.current?.disconnect(),l.current?.disconnect()},[n,v,a])}};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./utils/contentVisibility.js");exports.useContentVisibility=({minVisibleHeight:n=100,onContentInvisible:r,onContentVisible:s})=>{const i=e.useRef(null),o=e.useRef(null),c=e.useRef(),u=e.useRef(),l=e.useRef(void 0),b=e.useCallback(()=>{const e=i.current,t=o.current;e&&t&&(s?s():(e.style.overflowY="",t.style.overflowY=""))},[s]),a=e.useCallback(()=>{const e=i.current,t=o.current;e&&t&&(r?r():(e.style.overflowY="auto",t.style.overflowY="visible"))},[r]);return{handleContentVisibility:e.useCallback(({container:e,content:r})=>{if(i.current=e,o.current=r,e&&r){const s=()=>{const s=t.isContentVisibleEnough({container:e,content:r,minVisibleHeight:n});s!==l.current&&(s?b():a()),l.current=s};s(),c.current=new ResizeObserver(()=>{s()}),u.current=new ResizeObserver(()=>{s()}),c.current.observe(r),c.current.observe(e)}else c.current?.disconnect(),u.current?.disconnect()},[n,b,a])}};

package/dist/cjs/lib/hooks/useManageState/useManageState.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../../types/states/states.js");exports.useManageState=({active:n=!1,disabled:r=!1,loading:s=!1,ref:i,states:u})=>{const[S,E]=e.useState(!1),[o,d]=e.useState(!1),a=e.useRef(null);e.useImperativeHandle(i,()=>a?.current,[]);const c=()=>{E(!0)},T=()=>{E(!1)},l=()=>{d(!0)},v=()=>{d(!1)},A=()=>{d(!1)};return{setRef:e.useCallback(e=>{e?(a.current=e,u?.includes(t.STATES.PRESSED)&&(a?.current?.addEventListener("pointerdown",l),a?.current?.addEventListener("pointercancel",v),window.addEventListener("pointerup",A)),(()=>{if("undefined"!=typeof window&&window?.matchMedia)return!window.matchMedia("(hover: none)").matches;return!0})()&&u?.includes(t.STATES.HOVER)&&(a?.current?.addEventListener("mouseenter",c),a?.current?.addEventListener("mouseleave",T))):(a?.current?.removeEventListener("mouseenter",c),a?.current?.removeEventListener("mouseleave",T),a?.current?.removeEventListener("pointerdown",l),a?.current?.removeEventListener("pointercancel",v),window.removeEventListener("pointerup",A),a.current=e)},[]),states:e.useMemo(()=>u?.includes(t.STATES.LOADING)&&s?t.STATES.LOADING:u?.includes(t.STATES.DISABLED)&&r?t.STATES.DISABLED:u?.includes(t.STATES.ACTIVE)&&n?t.STATES.ACTIVE:u?.includes(t.STATES.PRESSED)&&o?t.STATES.PRESSED:u?.includes(t.STATES.HOVER)&&S?t.STATES.HOVER:t.STATES.DEFAULT,[u,r,s,n,S,o])}};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../../types/states/states.js");exports.useManageState=({active:n=!1,disabled:r=!1,loading:s=!1,ref:u,states:i})=>{const[o,a]=e.useState(!1),[c,E]=e.useState(!1),S=e.useRef(null);e.useImperativeHandle(u,()=>S?.current,[]);const d=e.useCallback(()=>{if("undefined"!=typeof window&&window?.matchMedia){return!window.matchMedia("(hover: none)").matches}return!0},[]),l=e.useCallback(()=>a(!0),[]),v=e.useCallback(()=>a(!1),[]),T=e.useCallback(()=>E(!0),[]),m=e.useCallback(()=>E(!1),[]),A=e.useCallback(()=>E(!1),[]),L=e.useCallback(e=>{S.current&&(S.current.removeEventListener("mouseenter",l),S.current.removeEventListener("mouseleave",v),S.current.removeEventListener("pointerdown",T),S.current.removeEventListener("pointercancel",m),window.removeEventListener("pointerup",A)),S.current=e,e&&(i?.includes(t.STATES.PRESSED)&&(e.addEventListener("pointerdown",T),e.addEventListener("pointercancel",m),window.addEventListener("pointerup",A)),d()&&i?.includes(t.STATES.HOVER)&&(e.addEventListener("mouseenter",l),e.addEventListener("mouseleave",v)))},[i,l,v,T,m,A,d]);e.useEffect(()=>()=>{S.current&&(S.current.removeEventListener("mouseenter",l),S.current.removeEventListener("mouseleave",v),S.current.removeEventListener("pointerdown",T),S.current.removeEventListener("pointercancel",m),window.removeEventListener("pointerup",A))},[l,v,T,m,A]);return{setRef:L,states:e.useMemo(()=>i?.includes(t.STATES.LOADING)&&s?t.STATES.LOADING:i?.includes(t.STATES.DISABLED)&&r?t.STATES.DISABLED:i?.includes(t.STATES.ACTIVE)&&n?t.STATES.ACTIVE:i?.includes(t.STATES.PRESSED)&&c?t.STATES.PRESSED:i?.includes(t.STATES.HOVER)&&o?t.STATES.HOVER:t.STATES.DEFAULT,[i,r,s,n,o,c])}};

package/dist/cjs/lib/hooks/useScrollDetection/useScrollDetection.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../../utils/scroll/hasScroll.js");exports.useScrollDetection=({autoFocus:t=!1}={})=>{const[s,c]=e.useState(!1),o=e.useRef(),l=e.useRef(!1);return{handleScrollDetection:e.useCallback(e=>{if(e){const s=e=>{const s=r.hasScroll(e);c(s),t&&s&&!l.current&&(e.focus(),l.current=!0)};s(e),o.current=new ResizeObserver(()=>{s(e)}),o.current.observe(e)}else o.current?.disconnect()},[t]),hasScroll:s}};

package/dist/cjs/lib/hooks/useScrollEffect/useScrollEffect.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("./utils/scrollPercentage.js");exports.useScrollEffect=({conditional:t=!0,scrollCallback:c,shadowStyles:s,shadowVisible:l=1})=>{const n=e.useRef(null),u=e.useRef(null),a=e.useRef(null),o=e.useRef(0),i=e.useRef(0),p=e.useCallback(()=>{if(!n.current)return;const e=r.scrollPercentage(n.current,1.25);if(u.current){const r=e*o.current/100,t=e*i.current/100;[{cssPropertyName:"min-height",cssPropertyValue:`calc(${o.current}px - ${r}px)`},{cssPropertyName:"height",cssPropertyValue:`calc(${o.current}px - ${r}px)`},{cssPropertyName:"min-width",cssPropertyValue:`calc(${i.current}px - ${t}px)`},{cssPropertyName:"width",cssPropertyValue:`calc(${i.current}px - ${t}px)`}].forEach(({cssPropertyName:e,cssPropertyValue:r})=>{u.current?.style.setProperty(e,r)})}a.current&&(e>l?a.current.classList.add(...s.split(" ")):a.current.classList.remove(...s.split(" ")))},[t,s,l]),d=e.useCallback(e=>{e?(n.current=e,p(),n.current?.addEventListener("scroll",e=>{p(),c?.(e)})):(n.current?.removeEventListener("scroll",e=>{p(),c?.(e)}),n.current=null)},[p,c]);return{resizeRef:e.useCallback(e=>{const r=()=>{u.current&&(o.current=u.current.clientHeight,i.current=u.current.clientWidth)};e?(u.current=e,u.current?.addEventListener("load",r)):(u.current?.removeEventListener("load",r),u.current=null)},[]),scrollableRef:d,shadowRef:e.useCallback(e=>{a.current=e||null},[])}};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("./utils/scrollPercentage.js");exports.useScrollEffect=({conditional:t=!0,scrollCallback:c,shadowStyles:n,shadowVisible:u=1})=>{const s=e.useRef(null),l=e.useRef(null),a=e.useRef(null),o=e.useRef(0),i=e.useRef(0),p=e.useRef(null),f=e.useRef(null),m=e.useRef(null),d=e.useCallback(()=>{if(!t||!s.current)return;const e=r.scrollPercentage(s.current,1.25);if(l.current&&o.current>0){const r=e*o.current/100,t=e*i.current/100;[{cssPropertyName:"min-height",cssPropertyValue:`calc(${o.current}px - ${r}px)`},{cssPropertyName:"height",cssPropertyValue:`calc(${o.current}px - ${r}px)`},{cssPropertyName:"min-width",cssPropertyValue:`calc(${i.current}px - ${t}px)`},{cssPropertyName:"width",cssPropertyValue:`calc(${i.current}px - ${t}px)`}].forEach(({cssPropertyName:e,cssPropertyValue:r})=>{l.current?.style.setProperty(e,r)})}if(a.current&&n){const r=n.split(" ");e>u?a.current.classList.add(...r):a.current.classList.remove(...r)}},[t,n,u]),y=e.useCallback(e=>{null!==p.current&&cancelAnimationFrame(p.current),p.current=requestAnimationFrame(()=>{d(),c?.(e),p.current=null})},[d,c]);e.useEffect(()=>{f.current=y},[y]);const P=e.useCallback(e=>{s.current&&f.current&&s.current.removeEventListener("scroll",f.current),s.current=e,e&&f.current&&(e.addEventListener("scroll",f.current),d())},[d]),h=e.useCallback(e=>{const r=()=>{l.current&&(o.current=l.current.clientHeight,i.current=l.current.clientWidth)};l.current&&m.current&&l.current.removeEventListener("load",m.current),m.current=r,l.current=e,e&&(e.addEventListener("load",r),r())},[]),v=e.useCallback(e=>{a.current=e},[]);return e.useEffect(()=>()=>{null!==p.current&&cancelAnimationFrame(p.current),s.current&&f.current&&s.current.removeEventListener("scroll",f.current),l.current&&m.current&&l.current.removeEventListener("load",m.current)},[]),{resizeRef:h,scrollableRef:P,shadowRef:v}};

package/dist/cjs/lib/hooks/useSwipeDown/useSwipeDown.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./utils/convertDurationToNumber.js");exports.useSwipeDown=(r,n)=>{const u=e.useRef(null),o=e.useRef(null),c=e.useCallback(e=>{u.current=e||null},[]),s=e.useRef(0),i=e.useRef(0),l=e.useRef(0),v=e.useRef(!1),a=e=>{const t=u?.current;t&&(e.preventDefault?.(),t.style.removeProperty("transition"),"touchstart"===e.type?i.current=e.touches[0].clientY:i.current=e.clientY,v.current=!0,l.current=null)},m=e=>{const t=u?.current;if(!v.current||!t)return;"touchmove"===e.type&&null!==l?l.current=e.touches[0].clientY:l.current=e.clientY;const r=i.current-l.current;l.current<i.current||(t.style.bottom=`${s.current+r}px`)},d=1e3*((t.convertDurationToNumber(r?.exitDuration)||t.convertDurationToNumber(r?.duration)||0)+(t.convertDurationToNumber(r?.delay)||0)),p=async()=>{const e=u?.current;if(!e||!l.current)return;if(v.current=!1,e.style.setProperty("transition",`bottom ${d}ms linear`),l.current<i.current+30)return void(e.style.bottom="0px");const t=s.current+e.scrollHeight;var r;e.style.bottom=`-${t}px`,await(r=d,new Promise(e=>setTimeout(e,r))),n?.()};return{setDragIconRef:e.useCallback(e=>{e?(o.current=e,o?.current?.addEventListener("mousedown",a),o?.current?.addEventListener("mousemove",m),o?.current?.addEventListener("mouseup",p),o?.current?.addEventListener("touchstart",a),o?.current?.addEventListener("touchmove",m),o?.current?.addEventListener("touchend",p)):(o?.current?.removeEventListener("mousedown",a),o?.current?.removeEventListener("mousemove",m),o?.current?.removeEventListener("mouseup",p),o?.current?.removeEventListener("touchstart",a),o?.current?.removeEventListener("touchmove",m),o?.current?.removeEventListener("touchend",p),o.current=null)},[]),setPopoverRef:c}};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./utils/convertDurationToNumber.js");exports.useSwipeDown=({animationOptions:r,distanceThreshold:n=30,enabled:o=!0,onClose:u}={})=>{const c=e.useRef(null),s=e.useRef(null),v=e.useRef(0),i=e.useRef(0),a=e.useRef(null),l=e.useRef(!1),m=e.useRef(null),d=1e3*((t.convertDurationToNumber(r?.exitDuration)||t.convertDurationToNumber(r?.duration)||0)+(t.convertDurationToNumber(r?.delay)||0)),f=e.useCallback(e=>new Promise(t=>{m.current=setTimeout(t,e)}),[]),M=e.useCallback(e=>{if(!o)return;const t=c?.current;t&&(e.preventDefault?.(),t.style.removeProperty("transition"),"touchstart"===e.type?i.current=e.touches[0].clientY:i.current=e.clientY,l.current=!0,a.current=null)},[o]),E=e.useCallback(e=>{if(!o)return;const t=c?.current;if(!l.current||!t)return;"touchmove"===e.type?a.current=e.touches[0].clientY:a.current=e.clientY;const r=i.current-a.current;a.current<i.current||(t.style.bottom=`${v.current+r}px`)},[o]),L=e.useCallback(async()=>{if(!o)return;const e=c?.current;if(!e||null===a.current)return;if(l.current=!1,e.style.setProperty("transition",`bottom ${d}ms linear`),a.current<i.current+n)return void(e.style.bottom="0px");const t=v.current+e.scrollHeight;e.style.bottom=`-${t}px`,await f(d),u?.()},[o,d,n,u,f]),b=e.useRef({currentMove:E,endMove:L,startMove:M});e.useEffect(()=>{b.current={currentMove:E,endMove:L,startMove:M}},[E,L,M]);const p=e.useCallback(e=>{c.current=e},[]),h=e.useCallback(e=>{if(s.current){const e=b.current;s.current.removeEventListener("mousedown",e.startMove),s.current.removeEventListener("mousemove",e.currentMove),s.current.removeEventListener("mouseup",e.endMove),s.current.removeEventListener("touchstart",e.startMove),s.current.removeEventListener("touchmove",e.currentMove),s.current.removeEventListener("touchend",e.endMove)}if(s.current=e,e&&o){const t=b.current;e.addEventListener("mousedown",t.startMove),e.addEventListener("mousemove",t.currentMove),e.addEventListener("mouseup",t.endMove),e.addEventListener("touchstart",t.startMove),e.addEventListener("touchmove",t.currentMove),e.addEventListener("touchend",t.endMove)}},[o]);return e.useEffect(()=>()=>{if(m.current&&clearTimeout(m.current),s.current){const e=b.current;s.current.removeEventListener("mousedown",e.startMove),s.current.removeEventListener("mousemove",e.currentMove),s.current.removeEventListener("mouseup",e.endMove),s.current.removeEventListener("touchstart",e.startMove),s.current.removeEventListener("touchmove",e.currentMove),s.current.removeEventListener("touchend",e.endMove)}},[]),{setDragIconRef:h,setPopoverRef:p}};

package/dist/cjs/lib/utils/keyboard/keyboard.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../constants/keyboardKeys/keyboardKeys.js");exports.isArrowLeftPressed=s=>s===e.ARROW_LEFT.key,exports.isArrowRightPressed=s=>s===e.ARROW_RIGHT.key,exports.isKeyEnterPressed=s=>s===e.ENTER.key,exports.isKeyEscapePressed=s=>e.ESCAPE.key.some(e=>e===s),exports.isKeySpacePressed=s=>s===e.SPACE.key,exports.isKeyTabPressed=s=>s===e.TAB.key;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.isKeyPressed=(e,...r)=>r.some(r=>Array.isArray(r)?r.includes(e):e===r);

package/dist/cjs/lib/utils/process/processCommonProp.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=(t,r={})=>{const{allowReactElements:n=!0,extractContent:o=!0,maxLength:l,propertyName:c="children"}=r;if(null==t)return"children"===c?{children:null}:{};if("string"==typeof t){const e=l&&t.length>l?t.substring(0,l):t;return{[c]:e}}if(n&&e.isValidElement(t))return{children:t};if("object"==typeof t&&null!==t){if(o&&"content"in t){const e=t.content,r=l&&"string"==typeof e?e.substring(0,l):e;return{...t,children:r}}return t}return"children"===c?{children:null}:{}};exports.processCommonProp=t,exports.processIconProp=e=>t(e,{allowReactElements:!1,extractContent:!1,propertyName:"icon"}),exports.processTextProp=(e,r)=>t(e,{allowReactElements:!0,extractContent:!0,maxLength:r,propertyName:"children"});

package/dist/cjs/scripts/generate-bundle-sizes.mjs

@@ -0,0 +1,236 @@
+#!/usr/bin/env node
+
+/**
+ * Generate bundle size information for each component
+ * This script analyzes the dist folder and generates a JSON file with size information
+ */
+import fs from 'fs';
+import path from 'path';
+import { fileURLToPath } from 'url';
+import { gzipSync } from 'zlib';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const rootDir = path.resolve(__dirname, '..');
+
+// Paths
+const distEsmDir = path.join(rootDir, 'dist/esm/components');
+const outputFile = path.join(rootDir, '.storybook/bundle-sizes.json');
+
+/**
+ * Get file size in bytes
+ */
+function getFileSize(filePath) {
+  try {
+    const stats = fs.statSync(filePath);
+    return stats.size;
+  } catch (error) {
+    return 0;
+  }
+}
+
+/**
+ * Get gzipped size of file
+ */
+function getGzipSize(filePath) {
+  try {
+    const content = fs.readFileSync(filePath);
+    const gzipped = gzipSync(content);
+    return gzipped.length;
+  } catch (error) {
+    return 0;
+  }
+}
+
+/**
+ * Format bytes to human readable
+ */
+function formatBytes(bytes) {
+  if (bytes === 0) return '0 B';
+  const k = 1024;
+  const sizes = ['B', 'KB', 'MB'];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return `${parseFloat((bytes / Math.pow(k, i)).toFixed(2))} ${sizes[i]}`;
+}
+
+/**
+ * Get component files
+ */
+function getComponentFiles(componentPath) {
+  const files = {
+    css: [],
+    js: [],
+  };
+
+  try {
+    const entries = fs.readdirSync(componentPath, { withFileTypes: true });
+
+    for (const entry of entries) {
+      const fullPath = path.join(componentPath, entry.name);
+
+      if (entry.isDirectory()) {
+        // Recursively search subdirectories
+        const subFiles = getComponentFiles(fullPath);
+        files.css.push(...subFiles.css);
+        files.js.push(...subFiles.js);
+      } else if (entry.isFile()) {
+        if (entry.name.endsWith('.css')) {
+          files.css.push(fullPath);
+        } else if (entry.name.endsWith('.js')) {
+          files.js.push(fullPath);
+        }
+      }
+    }
+  } catch (error) {
+    // Directory doesn't exist
+  }
+
+  return files;
+}
+
+/**
+ * Calculate sizes for a component
+ */
+function calculateComponentSizes(componentName, componentPath) {
+  const files = getComponentFiles(componentPath);
+
+  let jsSize = 0;
+  let jsGzipSize = 0;
+  let cssSize = 0;
+  let cssGzipSize = 0;
+
+  // Sum JS files
+  for (const file of files.js) {
+    jsSize += getFileSize(file);
+    jsGzipSize += getGzipSize(file);
+  }
+
+  // Sum CSS files
+  for (const file of files.css) {
+    cssSize += getFileSize(file);
+    cssGzipSize += getGzipSize(file);
+  }
+
+  const totalSize = jsSize + cssSize;
+  const totalGzipSize = jsGzipSize + cssGzipSize;
+
+  return {
+    component: componentName,
+    sizes: {
+      js: {
+        raw: jsSize,
+        gzip: jsGzipSize,
+        formatted: formatBytes(jsSize),
+        gzipFormatted: formatBytes(jsGzipSize),
+      },
+      css: {
+        raw: cssSize,
+        gzip: cssGzipSize,
+        formatted: formatBytes(cssSize),
+        gzipFormatted: formatBytes(cssGzipSize),
+      },
+      total: {
+        raw: totalSize,
+        gzip: totalGzipSize,
+        formatted: formatBytes(totalSize),
+        gzipFormatted: formatBytes(totalGzipSize),
+      },
+    },
+    treeshakeable: true, // All ESM exports are treeshakeable
+    timestamp: new Date().toISOString(),
+  };
+}
+
+/**
+ * Main function
+ */
+function main() {
+  console.log('📦 Generating bundle size information...\n');
+
+  if (!fs.existsSync(distEsmDir)) {
+    console.warn('⚠️  Warning: dist/esm/components directory not found.');
+    console.warn(
+      '   Creating empty bundle-sizes.json. Run `yarn dist` to populate.\n',
+    );
+
+    // Create empty bundle sizes file
+    const emptyOutput = {
+      metadata: {
+        generated: new Date().toISOString(),
+        totalComponents: 0,
+        totalSize: {
+          raw: 0,
+          gzip: 0,
+          formatted: '0 B',
+          gzipFormatted: '0 B',
+        },
+      },
+      components: {},
+    };
+
+    const storybookDir = path.dirname(outputFile);
+    if (!fs.existsSync(storybookDir)) {
+      fs.mkdirSync(storybookDir, { recursive: true });
+    }
+
+    fs.writeFileSync(outputFile, JSON.stringify(emptyOutput, null, 2));
+    console.log('📄 Created empty bundle-sizes.json\n');
+    return;
+  }
+
+  const components = fs
+    .readdirSync(distEsmDir, { withFileTypes: true })
+    .filter((dirent) => dirent.isDirectory())
+    .map((dirent) => dirent.name);
+
+  const bundleSizes = {};
+  let totalComponents = 0;
+  let totalSize = 0;
+  let totalGzipSize = 0;
+
+  for (const component of components) {
+    const componentPath = path.join(distEsmDir, component);
+    const sizeInfo = calculateComponentSizes(component, componentPath);
+
+    bundleSizes[component] = sizeInfo;
+    totalComponents++;
+    totalSize += sizeInfo.sizes.total.raw;
+    totalGzipSize += sizeInfo.sizes.total.gzip;
+
+    console.log(
+      `✓ ${component.padEnd(20)} ${sizeInfo.sizes.total.gzipFormatted} (gzip)`,
+    );
+  }
+
+  // Add metadata
+  const output = {
+    metadata: {
+      generated: new Date().toISOString(),
+      totalComponents,
+      totalSize: {
+        raw: totalSize,
+        gzip: totalGzipSize,
+        formatted: formatBytes(totalSize),
+        gzipFormatted: formatBytes(totalGzipSize),
+      },
+    },
+    components: bundleSizes,
+  };
+
+  // Write to file
+  const storybookDir = path.dirname(outputFile);
+  if (!fs.existsSync(storybookDir)) {
+    fs.mkdirSync(storybookDir, { recursive: true });
+  }
+
+  fs.writeFileSync(outputFile, JSON.stringify(output, null, 2));
+
+  console.log(`\n✨ Bundle sizes generated successfully!`);
+  console.log(`📊 Total components: ${totalComponents}`);
+  console.log(
+    `📦 Total size: ${formatBytes(totalSize)} (raw) / ${formatBytes(totalGzipSize)} (gzip)`,
+  );
+  console.log(`📄 Output: ${path.relative(rootDir, outputFile)}\n`);
+}
+
+main();