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

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

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

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

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

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

@@ -1,2 +1,2 @@
-import{j as s}from"../../../../_virtual/jsx-runtime.js";import{forwardRef as a}from"react";import{useClassName as t}from"../../../../lib/hooks/useClassName/useClassName.js";import{TextCountStandAlone as o}from"./textCountStandAlone.js";const r=a(({additionalClasses:a,variant:r,...e},i)=>{const m=t({additionalClassNames:a,component:"TEXT_COUNT",variant:r});/* @__PURE__ */
-return s.jsx(o,{...e,ref:i,cssClasses:m})});export{r as TextCount};
+import{useClassName as s}from"../../../../lib/hooks/useClassName/useClassName.js";import{TextCountStandAlone as t}from"./textCountStandAlone.js";import{forwardRef as a}from"react";import{jsx as o}from"react/jsx-runtime";const r=a(({additionalClasses:a,variant:r,...e},m)=>{const n=s({additionalClassNames:a,component:"TEXT_COUNT",variant:r});/* @__PURE__ */
+return o(t,{...e,ref:m,cssClasses:n})});export{r as TextCount};

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

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

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

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

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

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

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

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

package/dist/esm/components/textArea/utils/aria.utils.js

@@ -1 +1 @@
-import{STATES as e}from"../../../lib/types/states/states.js";const t=({errorMessage:t,helpMessage:r,state:s,textAreaErrorId:a,textAreaHelpTextId:o})=>{let p="";return r&&(p+=` ${o}`),t&&s===e.ERROR&&(p+=` ${a}`),p};export{t as buildAriaDescribedBy};
+import{STATES as e}from"../../../lib/types/states/states.js";const t=({errorMessage:t,helpMessage:r,state:s,textAreaErrorId:a,textAreaHelpTextId:o})=>{let p="";return r&&(p+=` ${o}`),t&&s===e.ERROR&&(p+=` ${a}`),p};export{t as buildAriaDescribedBy};

package/dist/esm/components/textArea/utils/state.utils.js

@@ -1 +1 @@
-import{STATES as t}from"../../../lib/types/states/states.js";const E=(E,s,e,D)=>{let L;return L=E&&e?t.DISABLED_FILLED:E?t.DISABLED_EMPTY:s?t.ERROR:e?t.FILLED:D?t.ACTIVE:t.EMPTY,L};export{E as getState};
+import{STATES as t}from"../../../lib/types/states/states.js";const E=(E,s,e,D)=>{let L;return L=E&&e?t.DISABLED_FILLED:E?t.DISABLED_EMPTY:s?t.ERROR:e?t.FILLED:D?t.ACTIVE:t.EMPTY,L};export{E as getState};

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

@@ -1,2 +1,2 @@
-import{j as s}from"../../_virtual/jsx-runtime.js";import{forwardRef as o}from"react";import{useClassName as a}from"../../lib/hooks/useClassName/useClassName.js";import{ToggleStandalone as e}from"./toggleStandAlone.js";const t=o(({additionalVariantClasses:o,checked:t,onClick:r,onToggle:l,variant:n,...i},m)=>{const c=a({additionalClassNames:o,component:"TOGGLE",variant:n});/* @__PURE__ */
-return s.jsx(e,{...i,ref:m,checked:t,cssClasses:c,onClick:s=>{const o=!t;l?.(o),r?.(s)}})});t.displayName="ToggleControlled";export{t as ToggleControlled};
+import{useClassName as o}from"../../lib/hooks/useClassName/useClassName.js";import{ToggleStandalone as e}from"./toggleStandAlone.js";import{forwardRef as s}from"react";import{jsx as a}from"react/jsx-runtime";const t=s(({additionalVariantClasses:s,checked:t,onClick:r,onToggle:l,variant:n,...i},m)=>{const c=o({additionalClassNames:s,component:"TOGGLE",variant:n});/* @__PURE__ */
+return a(e,{...i,ref:m,checked:t,cssClasses:c,onClick:o=>{l?.(!t),r?.(o)}})});t.displayName="ToggleControlled";export{t as ToggleControlled};

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

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

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

@@ -1,2 +1,2 @@
-import{j as o}from"../../_virtual/jsx-runtime.js";import{forwardRef as e,useState as r}from"react";import{ToggleControlled as t}from"./toggleControlled.js";const l=e(({defaultChecked:e=!1,onToggle:l,variant:n,...a},g)=>{const[i,m]=r(e);/* @__PURE__ */
-return o.jsx(t,{...a,ref:g,checked:i,variant:n,onToggle:o=>{m(o),l?.(o)}})});l.displayName="ToggleUncontrolled";export{l as ToggleUncontrolled};
+import{ToggleControlled as o}from"./toggleControlled.js";import{forwardRef as e,useState as r}from"react";import{jsx as t}from"react/jsx-runtime";const n=e(({defaultChecked:e=!1,onToggle:n,variant:l,...a},c)=>{const[g,m]=r(e);/* @__PURE__ */
+return t(o,{...a,ref:c,checked:g,variant:l,onToggle:o=>{m(o),n?.(o)}})});n.displayName="ToggleUncontrolled";export{n as ToggleUncontrolled};

package/dist/esm/components/toggle/utils/buildComponentProps.js

@@ -1 +1 @@
-const e=e=>e.decorative?(e=>({"aria-hidden":!0,id:e.id,name:void 0,value:void 0}))(e):(e=>{const{"aria-describedby":a,"aria-label":o,"aria-labelledby":n,checked:d,disabled:i,id:l,name:r,onBlur:b,onClick:c,onFocus:s,onKeyDown:u,onMouseEnter:t,onMouseLeave:v,tabIndex:y,value:h}=e;return{"aria-checked":Boolean(d),"aria-describedby":a,"aria-label":o,"aria-labelledby":n,disabled:Boolean(i),id:l,name:r,onBlur:b,onClick:c,onFocus:s,onKeyDown:u,onMouseEnter:t,onMouseLeave:v,role:"switch",tabIndex:y,value:h}})(e);export{e as buildComponentProps};
+const e=e=>e.decorative?(e=>({"aria-hidden":!0,id:e.id,name:void 0,value:void 0}))(e):(e=>{const{"aria-describedby":a,"aria-label":o,"aria-labelledby":n,checked:d,disabled:i,id:l,name:r,onBlur:b,onClick:c,onFocus:s,onKeyDown:u,onMouseEnter:t,onMouseLeave:v,tabIndex:y,value:h}=e;return{"aria-checked":Boolean(d),"aria-describedby":a,"aria-label":o,"aria-labelledby":n,disabled:Boolean(i),id:l,name:r,onBlur:b,onClick:c,onFocus:s,onKeyDown:u,onMouseEnter:t,onMouseLeave:v,role:"switch",tabIndex:y,value:h}})(e);export{e as buildComponentProps};

package/dist/esm/components/toggle/utils/thumbTransformCalculations.js

@@ -1 +1 @@
-import{useState as t,useEffect as e}from"react";const r=({checked:r,thumbRef:d,trackRef:n})=>{const[a,i]=t("translateX(0px)");return e(()=>{if(n.current&&d.current){const t=window.getComputedStyle(n.current),e=window.getComputedStyle(d.current),a=(({checked:t,thumbStyles:e,trackStyles:r})=>{if(!r||!e)return"translateX(0px)";const d=(t=>!(!t?.borderWidth||"0"===t?.borderWidth||"0rem"===t?.borderWidth||"0px"===t?.borderWidth||"none"===t?.borderStyle))(r);return t?(({borderMultiple:t,borderWidth:e,thumbStyles:r,trackStyles:d})=>{if(!d||!r)return"translateX(0px)";const n=e||"0px";return d.paddingRight&&d.paddingLeft||d.padding?`translateX(calc(${d.width} - ${r.width} - ${d.paddingLeft||d.padding} - ${d.paddingRight||d.padding} - ${n} * ${t}))`:`translateX(calc(${d.width} - ${r.width} - ${n} * ${t}))`})({borderMultiple:d?2:0,borderWidth:d?r?.borderWidth:"0px",thumbStyles:e,trackStyles:r}):"translateX(0px)"})({checked:r,thumbStyles:e,trackStyles:t});i(a)}},[r]),{transform:a}};export{r as useToggleTransform};
+import{useEffect as t,useState as e}from"react";const r=({checked:r,thumbRef:d,trackRef:n})=>{const[a,i]=e("translateX(0px)");return t(()=>{if(n.current&&d.current){const t=window.getComputedStyle(n.current);i((({checked:t,thumbStyles:e,trackStyles:r})=>{if(!r||!e)return"translateX(0px)";const d=(t=>!(!t?.borderWidth||"0"===t?.borderWidth||"0rem"===t?.borderWidth||"0px"===t?.borderWidth||"none"===t?.borderStyle))(r);return t?(({borderMultiple:t,borderWidth:e,thumbStyles:r,trackStyles:d})=>{if(!d||!r)return"translateX(0px)";const n=e||"0px";return d.paddingRight&&d.paddingLeft||d.padding?`translateX(calc(${d.width} - ${r.width} - ${d.paddingLeft||d.padding} - ${d.paddingRight||d.padding} - ${n} * ${t}))`:`translateX(calc(${d.width} - ${r.width} - ${n} * ${t}))`})({borderMultiple:d?2:0,borderWidth:d?r?.borderWidth:"0px",thumbStyles:e,trackStyles:r}):"translateX(0px)"})({checked:r,thumbStyles:window.getComputedStyle(d.current),trackStyles:t}))}},[r]),{transform:a}};export{r as useToggleTransform};

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

@@ -1 +1 @@
-import{j as o}from"../../../_virtual/jsx-runtime.js";const e=({ariaDescribedBy:e,children:n,childrenAsButton:t,disabled:r,onClick:i,onKeyDown:s,onMouseDown:a,onMouseUp:l,triggerAsButton:d})=>t?/* @__PURE__ */o.jsx("button",{"aria-describedby":e,"aria-disabled":r,className:"kbt-tooltip__trigger-wrapper ",...d,disabled:r,type:"button",onClick:i,onKeyDown:s,onMouseDown:a,onMouseUp:l,children:n}):/* @__PURE__ */o.jsx("div",{className:"kbt-tooltip__trigger-wrapper ",role:"button",tabIndex:0,onClick:i,onKeyDown:s,onMouseDown:a,onMouseUp:l,children:n});export{e as TooltipTrigger};
+import{jsx as o}from"react/jsx-runtime";const e=({ariaDescribedBy:e,children:n,childrenAsButton:t,disabled:r,onClick:s,onKeyDown:i,onMouseDown:a,onMouseEnter:u,onMouseLeave:d,onMouseUp:l,triggerAsButton:c})=>t?/* @__PURE__ */o("button",{"aria-describedby":e,"aria-disabled":r,className:"kbt-tooltip__trigger-wrapper ",...c,disabled:r,type:"button",onClick:s,onKeyDown:i,onMouseDown:a,onMouseEnter:o=>{u?.(o)},onMouseLeave:o=>{d?.(o)},onMouseUp:l,children:n}):/* @__PURE__ */o("div",{className:"kbt-tooltip__trigger-wrapper ",role:"button",tabIndex:0,onClick:s,onKeyDown:i,onMouseDown:a,onMouseEnter:u,onMouseLeave:d,onMouseUp:l,children:n});export{e as TooltipTrigger};

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

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

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

@@ -1 +1 @@
-import{useMemo as o}from"react";const t=({propTooltipAsModal:t,styleTooltipAsModal:p})=>o(()=>t??p??!1,[t,p]);export{t as useTooltipAsModal};
+import{useMemo as o}from"react";const t=({propTooltipAsModal:t,styleTooltipAsModal:p})=>o(()=>t??p??!1,[t,p]);export{t as useTooltipAsModal};

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

@@ -1 +1 @@
-import{useState as r,useEffect as t}from"react";const e=e=>{const[n,o]=r(void 0);return t(()=>{e.current&&o(e.current.innerText)}),n};export{e as useTooltipAsModalAriaLabel};
+import{useEffect as r,useState as t}from"react";const e=e=>{const[n,o]=t(void 0);return r(()=>{e.current&&o(e.current.innerText)}),n};export{e as useTooltipAsModalAriaLabel};

package/dist/esm/components/tooltip/positioning/computePosition.js

@@ -1 +1 @@
-import{computePosition as t}from"@floating-ui/dom";const e=async(e,a,o)=>{const{middleware:r=[],placement:m="top",strategy:i="fixed"}=o,d=m||"top",n=await t(e,a,{middleware:r,placement:d,strategy:i}),p=n.placement||"top";return{middlewareData:n.middlewareData,placement:p,strategy:n.strategy,x:n.x,y:n.y}};export{e as computePosition};
+import{computePosition as t}from"@floating-ui/dom";const e=async(e,a,o)=>{const{middleware:r=[],placement:m="top",strategy:i="fixed"}=o,d=await t(e,a,{middleware:r,placement:m||"top",strategy:i});return{middlewareData:d.middlewareData,placement:d.placement||"top",strategy:d.strategy,x:d.x,y:d.y}};export{e as computePosition};

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

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

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

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

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

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

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

@@ -1 +1 @@
-const t=({contentId:t,hasContent:n,hasTitle:e,titleId:o})=>{const i=[e&&o,n&&t].filter(Boolean);return i.length>0?i.join(" ").trim():void 0};export{t as getAriaDescriptorsBy};
+const t=({contentId:t,hasContent:n,hasTitle:e,titleId:o})=>{const i=[e&&o,n&&t].filter(Boolean);return i.length>0?i.join(" ").trim():void 0};export{t as getAriaDescriptorsBy};

package/dist/esm/components/virtualKeyboard/components/digitButton.js

@@ -1,2 +1,2 @@
-import{j as t}from"../../../_virtual/jsx-runtime.js";import{Text as s}from"../../text/text.js";import{pickCustomAttributes as i}from"../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";const o=({cssClasses:o,digit:e,onClick:n,...r})=>{const a=r["data-testid"]||"digit-button",d=i(r);/* @__PURE__ */
-return t.jsx("button",{className:o?.digitbuttons,"data-testid":a,type:"button",onClick:t=>{n(e,t)},...d,children:/* @__PURE__ */t.jsx(s,{additionalClasses:{text:o?.digittext},component:"span",children:e})})};export{o as DigitButton};
+import{pickCustomAttributes as t}from"../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{Text as i}from"../../text/text2.js";import{jsx as s}from"react/jsx-runtime";const o=({cssClasses:o,digit:e,onClick:n,...r})=>{const a=r["data-testid"]||"digit-button",c=t(r);/* @__PURE__ */
+return s("button",{className:o?.digitbuttons,"data-testid":a,type:"button",onClick:t=>{n(e,t)},...c,children:/* @__PURE__ */s(i,{additionalClasses:{text:o?.digittext},component:"span",children:e})})};export{o as DigitButton};

package/dist/esm/components/virtualKeyboard/virtualKeyboard.js

@@ -1,2 +1,2 @@
-import{j as s}from"../../_virtual/jsx-runtime.js";import{forwardRef as a,useState as t}from"react";import{useClassName as r}from"../../lib/hooks/useClassName/useClassName.js";import{STATES as o}from"../../lib/types/states/states.js";import{VirtualKeyboardStandAlone as e}from"./virtualKeyboardStandAlone.js";const i=a(({additionalClasses:a,variant:i,...n},l)=>{const m=r({additionalClassNames:a,component:"VIRTUAL_KEYBOARD",variant:i}),[u,d]=t(o.INACTIVE);/* @__PURE__ */
-return s.jsx(e,{...n,ref:l,cssClasses:m,state:u,onVirtualKeyboardBlur:s=>{s.currentTarget.contains(s.relatedTarget)||d(o.INACTIVE)},onVirtualKeyboardFocus:()=>{d(o.ACTIVE)}})});export{i as VirtualKeyboard};
+import{useClassName as t}from"../../lib/hooks/useClassName/useClassName.js";import{STATES as a}from"../../lib/types/states/states.js";import{VirtualKeyboardStandAlone as s}from"./virtualKeyboardStandAlone.js";import{forwardRef as r,useState as e}from"react";import{jsx as o}from"react/jsx-runtime";const i=r(({additionalClasses:r,variant:i,...n},l)=>{const m=t({additionalClassNames:r,component:"VIRTUAL_KEYBOARD",variant:i}),[u,c]=e(a.INACTIVE);/* @__PURE__ */
+return o(s,{...n,ref:l,cssClasses:m,state:u,onVirtualKeyboardBlur:t=>{t.currentTarget.contains(t.relatedTarget)||c(a.INACTIVE)},onVirtualKeyboardFocus:()=>{c(a.ACTIVE)}})});export{i as VirtualKeyboard};

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

@@ -1,4 +1,2 @@
-import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as s}from"react";import{ElementOrIcon as o}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{useId as i}from"../../lib/hooks/useId/useId.js";import{STATES as e}from"../../lib/types/states/states.js";import{pickCustomAttributes as r}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{DigitButton as a}from"./components/digitButton.js";const n=s(({cssClasses:s,digits:n,icon:l,id:m,onDigitButtonClick:c,onRemoveButtonClick:u,onVirtualKeyboardBlur:d,onVirtualKeyboardFocus:p,state:b,...j},C)=>{const I=i("virtualKeyboard"),k=m??I,f={[e.ACTIVE]:b===e.ACTIVE,[e.INACTIVE]:b===e.INACTIVE},v=j["data-testid"]||"virtual-keyboard";/* @__PURE__ */
-return t.jsxs("div",{ref:C,className:s?.virtual_keyboard,"data-testid":v,id:k,role:"presentation",onBlur:d,onFocus:p,...r(f),children:[
-/* @__PURE__ */t.jsx("div",{className:s?.digitwrapper,...r(f),children:n?.map((o,i)=>/* @__PURE__ */t.jsx(a,{cssClasses:s,"data-testid":`${v}-digit-button-${i}`,digit:o,onClick:c},o))}),
-/* @__PURE__ */t.jsx("button",{className:s?.removebutton,type:"button",onClick:u,children:/* @__PURE__ */t.jsx(o,{className:s?.iconcontainer,customAttributes:f,...l})})]})});export{n as VirtualKeyboardStandAlone};
+import{pickCustomAttributes as t}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processIconProp as o}from"../../lib/utils/process/processCommonProp.js";import{ElementOrIcon as i}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{STATES as s}from"../../lib/types/states/states.js";import{DigitButton as e}from"./components/digitButton.js";import{forwardRef as r,useId as n}from"react";import{jsx as a,jsxs as c}from"react/jsx-runtime";const m=r(({cssClasses:r,digits:m,icon:l,id:u,onDigitButtonClick:d,onRemoveButtonClick:p,onVirtualKeyboardBlur:b,onVirtualKeyboardFocus:C,state:k,...f},I)=>{const g=`virtualkeyboard-${n().replace(/:/g,"")}`,v=u??g,y={[s.ACTIVE]:k===s.ACTIVE,[s.INACTIVE]:k===s.INACTIVE},A=f["data-testid"]||"virtual-keyboard";/* @__PURE__ */
+return c("div",{ref:I,className:r?.virtual_keyboard,"data-testid":A,id:v,role:"presentation",onBlur:b,onFocus:C,...t(y),children:[/* @__PURE__ */a("div",{className:r?.digitwrapper,...t(y),children:m?.map((t,o)=>/* @__PURE__ */a(e,{cssClasses:r,"data-testid":`${A}-digit-button-${o}`,digit:t,onClick:d},t))}),/* @__PURE__ */a("button",{className:r?.removebutton,type:"button",onClick:p,children:/* @__PURE__ */a(i,{className:r?.iconcontainer,customAttributes:y,...o(l)})})]})});export{m as VirtualKeyboardStandAlone};

package/dist/esm/index.js

@@ -1 +1 @@
-import{AccordionControlled as o}from"./components/accordion/accordionControlled.js";import{Accordion as t}from"./components/accordion/accordionUnControlled.js";import{Avatar as r}from"./components/avatar/avatar.js";import{Badge as e}from"./components/badge/badge.js";import{BreadCrumbs as n}from"./components/breadcrumbs/breadcrumbs.js";import{Button as m}from"./components/button/button.js";import{Calendar as s}from"./components/calendar/calendar.js";import{CardImage as p}from"./components/cardImage/cardImage.js";import{Carousel as i}from"./components/carousel/carousel.js";import{CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY as a,CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY as c}from"./components/carousel/types/carousel.js";import{CheckboxControlled as l}from"./components/checkbox/checkboxControlled.js";import{CheckboxUnControlled as d}from"./components/checkbox/checkboxUnControlled.js";import{CheckboxBaseControlled as f}from"./components/checkboxBase/checkboxBaseControlled.js";import{CheckboxBaseUnControlled as j}from"./components/checkboxBase/checkboxBaseUncontrolled.js";import{Chip as b}from"./components/chip/chip.js";import{Container as u}from"./components/container/container.js";import{DataTable as g}from"./components/dataTable/dataTable.js";import{Dot as v}from"./components/dot/dot.js";import{DropdownSelectedControlled as C}from"./components/dropdownSelected/dropdownSelectedControlled.js";import{DropdownSelectedUnControlled as k}from"./components/dropdownSelected/dropdownSelectedUncontrolled.js";import{IconBasic as B}from"./components/icon/icon.js";import{IconHost as x}from"./components/icon/iconHost.js";import{Image as S}from"./components/image/image.js";import{Input as h}from"./components/input/input.js";import{InputBase as U}from"./components/inputBase/inputBase.js";import{InputDecoration as A}from"./components/inputDecoration/inputDecoration.js";import{InputSignatureControlled as M}from"./components/inputSignature/inputSignatureControlled.js";import{InputSignatureUnControlled as P}from"./components/inputSignature/inputSignatureUncontrolled.js";import{LabelStandAlone as w}from"./components/label/labelStandAlone.js";import{Link as y}from"./components/link/link.js";import{LinkAsButton as W}from"./components/link/linkAsButton/linkAsButton.js";import{ListOptions as D}from"./components/listOptions/listOptions.js";import{MessageControlled as F}from"./components/message/messageControlled.js";import{MessageUnControlled as H}from"./components/message/messageUnControlled.js";import{ModalControlled as I}from"./components/modal/modalControlled.js";import{ModalUnControlled as T}from"./components/modal/modalUnControlled.js";import{NabVar as O}from"./components/navBar/navBar.js";import{Option as K}from"./components/option/option.js";import{PageControl as N}from"./components/pageControl/pageControl.js";import{Pagination as R}from"./components/pagination/pagination.js";import{Popover as z}from"./components/popover/popover.js";import{arrow as L,autoPlacement as q,flip as E,hide as G,offset as J,shift as Q,size as V}from"@floating-ui/dom";import{ProgressBar as X}from"./components/progressBar/progressBar.js";import{RadioButton as Y}from"./components/radioButton/radioButton.js";import{RadioButtonStandAlone as Z}from"./components/radioButton/radioButtonStandAlone.js";import{SelectorBoxFile as $}from"./components/selectorBoxFile/selectorBoxFile.js";import{Skeleton as _}from"./components/skeleton/skeleton.js";import{Slider as oo}from"./components/slider/slider.js";import{Snackbar as to}from"./components/snackbar/snackbar.js";import{StepperNumber as ro}from"./components/stepperNumber/stepperNumber.js";import{Table as eo}from"./components/table/table.js";import{TableBody as no}from"./components/tableBody/tableBody.js";import{TableCaption as mo}from"./components/tableCaption/tableCaption.js";import{TableCell as so}from"./components/tableCell/tableCell.js";import{TableDivider as po}from"./components/tableDivider/tableDivider.js";import{TableFoot as io}from"./components/tableFoot/tableFoot.js";import{TableHead as ao}from"./components/tableHead/tableHead.js";import{TableRow as co}from"./components/tableRow/tableRow.js";import{TabsControlled as lo}from"./components/tabs/tabsControlled.js";import{TabsUnControlled as fo}from"./components/tabs/tabsUnControlled.js";import{Tag as jo}from"./components/tag/tag.js";import{Text as bo}from"./components/text/text.js";import{TextArea as uo}from"./components/textArea/textArea.js";import{ToggleControlled as go}from"./components/toggle/toggleControlled.js";import{ToggleStandalone as vo}from"./components/toggle/toggleStandAlone.js";import{ToggleUncontrolled as Co}from"./components/toggle/toggleUnControlled.js";import{TooltipControlled as ko}from"./components/tooltip/tooltipControlled.js";import{TooltipUnControlled as Bo}from"./components/tooltip/tooltipUnControlled.js";import{VirtualKeyboard as xo}from"./components/virtualKeyboard/virtualKeyboard.js";import{GenericComponentContext as So,GenericComponentsProvider as ho,useGenericComponents as Uo}from"./lib/provider/genericComponentsProvider/genericComponentsProvider.js";import{KubitProvider as Ao}from"./lib/provider/kubitProvider/kubitProvider.js";import{StylesContext as Mo,StylesProvider as Po,useStylesContext as wo}from"./lib/provider/stylesProvider/stylesProvider.js";import{UtilsContext as yo,UtilsProvider as Wo,useUtilsProvider as Do}from"./lib/provider/utilsProvider/utilsProvider.js";export{t as Accordion,o as AccordionControlled,r as Avatar,e as Badge,n as BreadCrumbs,m as Button,a as CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY,c as CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY,s as Calendar,p as CardImage,i as Carousel,d as Checkbox,j as CheckboxBase,f as CheckboxBaseControlled,l as CheckboxControlled,b as Chip,u as Container,g as DataTable,v as Dot,k as DropdownSelected,C as DropdownSelectedControlled,So as GenericComponentContext,ho as GenericComponentsProvider,x as Icon,B as IconBasic,S as Image,h as Input,U as InputBase,A as InputDecoration,P as InputSignature,M as InputSignatureControlled,Ao as KubitProvider,w as Label,y as Link,W as LinkAsButton,D as ListOptions,H as Message,F as MessageControlled,T as Modal,I as ModalControlled,O as NabVar,K as Option,N as PageControl,R as Pagination,z as Popover,X as ProgressBar,Y as RadioButton,Z as RadioButtonStandAlone,$ as SelectorBoxFile,_ as Skeleton,oo as Slider,to as Snackbar,ro as StepperNumber,Mo as StylesContext,Po as StylesProvider,eo as Table,no as TableBody,mo as TableCaption,so as TableCell,po as TableDivider,io as TableFoot,ao as TableHead,co as TableRow,fo as Tabs,lo as TabsControlled,jo as Tag,bo as Text,uo as TextArea,go as ToggleControlled,vo as ToggleStandalone,Co as ToggleUncontrolled,Bo as Tooltip,ko as TooltipControlled,yo as UtilsContext,Wo as UtilsProvider,xo as VirtualKeyboard,L as popoverMWArrow,q as popoverMWAutoPlacement,E as popoverMWFlip,G as popoverMWHide,J as popoverMWOffset,Q as popoverMWShift,V as popoverMWSize,Uo as useGenericComponents,wo as useStylesContext,Do as useUtilsProvider};
+import{StylesContext as o,StylesProvider as t,useStylesContext as r}from"./lib/provider/stylesProvider/stylesProvider.js";import{AccordionControlled as n}from"./components/accordion/accordionControlled.js";import{AccordionUnControlled as e}from"./components/accordion/accordionUnControlled.js";import{Text as m}from"./components/text/text2.js";import{Alert as s}from"./components/alert/alertControlled.js";import{GenericComponentContext as p,GenericComponentsProvider as i,useGenericComponents as c}from"./lib/provider/genericComponentsProvider/genericComponentsProvider.js";import{Dot as l}from"./components/dot/dot.js";import{IconBasic as a}from"./components/icon/icon.js";import{UtilsContext as d,UtilsProvider as f,useUtilsProvider as j}from"./lib/provider/utilsProvider/utilsProvider.js";import{IconHost as b}from"./components/icon/iconHost.js";import{Avatar as u}from"./components/avatar/avatar.js";import{Badge as g}from"./components/badge/badge.js";import{Link as C}from"./components/link/link.js";import{BreadCrumbs as k}from"./components/breadcrumbs/breadcrumbs.js";import{Button as v}from"./components/button/button.js";import{Calendar as B}from"./components/calendar/calendar.js";import{CardStandAlone as x}from"./components/card/cardStandAlone.js";import{Card as h}from"./components/card/card.js";import{CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY as S,CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY as A}from"./components/carousel/types/carousel.js";import{Carousel as U}from"./components/carousel/carousel.js";import{CheckboxBaseControlled as P}from"./components/checkboxBase/checkboxBaseControlled.js";import{LabelStandAlone as y}from"./components/label/labelStandAlone.js";import{CheckboxControlled as D}from"./components/checkbox/checkboxControlled.js";import{CheckboxUnControlled as F}from"./components/checkbox/checkboxUnControlled.js";import{CheckboxBaseUnControlled as T}from"./components/checkboxBase/checkboxBaseUncontrolled.js";import{Chip as w}from"./components/chip/chip.js";import{TableBody as H}from"./components/tableBody/tableBody.js";import{Table as I}from"./components/table/table.js";import{TableCaption as K}from"./components/tableCaption/tableCaption.js";import{TableDivider as N}from"./components/tableDivider/tableDivider.js";import{TableCell as O}from"./components/tableCell/tableCell.js";import{TableHead as R}from"./components/tableHead/tableHead.js";import{TableRow as L}from"./components/tableRow/tableRow.js";import{DataTable as M}from"./components/dataTable/dataTable.js";import{Image as q}from"./components/image/image2.js";import{InputBase as z}from"./components/inputBase/inputBase.js";import{InputDecoration as E}from"./components/inputDecoration/inputDecoration.js";import{Input as G}from"./components/input/input.js";import{InputSignatureControlled as J}from"./components/inputSignature/inputSignatureControlled.js";import{InputSignatureUnControlled as Q}from"./components/inputSignature/inputSignatureUncontrolled.js";import{LinkAsButton as V}from"./components/link/linkAsButton/linkAsButton.js";import{Option as W}from"./components/option/option.js";import{ListOptions as X}from"./components/listOptions/listOptions.js";import{Popover as Y}from"./components/popover/popover.js";import{ModalControlled as Z}from"./components/modal/modalControlled.js";import{ModalUnControlled as $}from"./components/modal/modalUnControlled.js";import{PageControl as _}from"./components/pageControl/pageControl.js";import{Pagination as oo}from"./components/pagination/pagination.js";import{popoverMWArrow as to,popoverMWAutoPlacement as ro,popoverMWFlip as no,popoverMWHide as eo,popoverMWOffset as mo,popoverMWShift as so,popoverMWSize as po}from"./components/popover/positioning/middlewares.js";import{ProgressBar as io}from"./components/progressBar/progressBar.js";import{RadioButtonStandAlone as co}from"./components/radioButton/radioButtonStandAlone.js";import{RadioButton as lo}from"./components/radioButton/radioButton.js";import{SelectControlled as ao}from"./components/select/selectControlled.js";import{SelectUnControlled as fo}from"./components/select/selectUncontrolled.js";import{SelectorBoxFile as jo}from"./components/selectorBoxFile/selectorBoxFile.js";import{Skeleton as bo}from"./components/skeleton/skeleton2.js";import{TooltipUnControlled as uo}from"./components/tooltip/tooltipUnControlled.js";import{Slider as go}from"./components/slider/slider.js";import{Snackbar as Co}from"./components/snackbar/snackbar.js";import{StepperNumber as ko}from"./components/stepperNumber/stepperNumber.js";import{TableFoot as vo}from"./components/tableFoot/tableFoot.js";import{TabsControlled as Bo}from"./components/tabs/tabsControlled.js";import{TabsUnControlled as xo}from"./components/tabs/tabsUnControlled.js";import{Tag as ho}from"./components/tag/tag.js";import{TextArea as So}from"./components/textArea/textArea.js";import{ToggleStandalone as Ao}from"./components/toggle/toggleStandAlone.js";import{ToggleControlled as Uo}from"./components/toggle/toggleControlled.js";import{ToggleUncontrolled as Po}from"./components/toggle/toggleUnControlled.js";import{TooltipControlled as yo}from"./components/tooltip/tooltipControlled.js";import{VirtualKeyboard as Do}from"./components/virtualKeyboard/virtualKeyboard.js";import{KubitProvider as Fo}from"./lib/provider/kubitProvider/kubitProvider.js";export{e as Accordion,n as AccordionControlled,s as Alert,u as Avatar,g as Badge,k as BreadCrumbs,v as Button,S as CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY,A as CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY,B as Calendar,h as Card,x as CardStandAlone,U as Carousel,F as Checkbox,T as CheckboxBase,P as CheckboxBaseControlled,D as CheckboxControlled,w as Chip,M as DataTable,l as Dot,p as GenericComponentContext,i as GenericComponentsProvider,b as Icon,a as IconBasic,q as Image,G as Input,z as InputBase,E as InputDecoration,Q as InputSignature,J as InputSignatureControlled,Fo as KubitProvider,y as Label,C as Link,V as LinkAsButton,X as ListOptions,$ as Modal,Z as ModalControlled,W as Option,_ as PageControl,oo as Pagination,Y as Popover,io as ProgressBar,lo as RadioButton,co as RadioButtonStandAlone,fo as Select,ao as SelectControlled,jo as SelectorBoxFile,bo as Skeleton,go as Slider,Co as Snackbar,ko as StepperNumber,o as StylesContext,t as StylesProvider,I as Table,H as TableBody,K as TableCaption,O as TableCell,N as TableDivider,vo as TableFoot,R as TableHead,L as TableRow,xo as Tabs,Bo as TabsControlled,ho as Tag,m as Text,So as TextArea,Uo as ToggleControlled,Ao as ToggleStandalone,Po as ToggleUncontrolled,uo as Tooltip,yo as TooltipControlled,d as UtilsContext,f as UtilsProvider,Do as VirtualKeyboard,to as popoverMWArrow,ro as popoverMWAutoPlacement,no as popoverMWFlip,eo as popoverMWHide,mo as popoverMWOffset,so as popoverMWShift,po as popoverMWSize,c as useGenericComponents,r as useStylesContext,j as useUtilsProvider};

package/dist/esm/lib/components/customComponent/customComponent.js

@@ -1,2 +1,2 @@
-import{j as r}from"../../../_virtual/jsx-runtime.js";import{forwardRef as s}from"react";const e=s(({children:s,className:e,component:t,...n},o)=>{const a=t||"span";/* @__PURE__ */
-return r.jsx(a,{ref:o,className:e,...n,children:s})});export{e as CustomComponent};
+import{forwardRef as e}from"react";import{jsx as r}from"react/jsx-runtime";const s=e(({children:e,className:s,component:t,...c},n)=>{const o=t||"span",a=["middlewareOptions","pressEscapeClose","onSelectItem","ariaDisabled","focus","index"];/* @__PURE__ */
+return r(o,{ref:n,className:s,..."string"==typeof o?Object.keys(c).reduce((e,r)=>(a.includes(r)||(e[r]=c[r]),e),{}):c,children:e})});export{s as CustomComponent};

package/dist/esm/lib/components/elementOrIcon/elementOrIcon.js

@@ -1 +1 @@
-import{j as o}from"../../../_virtual/jsx-runtime.js";import{forwardRef as n,isValidElement as i}from"react";import{IconBasic as r}from"../../../components/icon/icon.js";import{IconHost as t}from"../../../components/icon/iconHost.js";const s=n(({basic:n=!1,icon:s,...c},m)=>s?"string"==typeof s?n?/* @__PURE__ */o.jsx(r,{...c,ref:m,icon:s}):/* @__PURE__ */o.jsx(t,{...c,ref:m,icon:s}):i(s)?s:null:null);export{s as ElementOrIcon};
+import{IconBasic as o}from"../../../components/icon/icon.js";import{IconHost as n}from"../../../components/icon/iconHost.js";import{forwardRef as r,isValidElement as t}from"react";import{jsx as i}from"react/jsx-runtime";const c=r(({basic:r=!1,icon:c,...m},s)=>c?"string"==typeof c?/* @__PURE__ */i(r?o:n,{...m,ref:s,icon:c}):t(c)?c:null:null);export{c as ElementOrIcon};

package/dist/esm/lib/components/errorMessage/errorMessage.js

@@ -1,2 +1 @@
-import{j as s}from"../../../_virtual/jsx-runtime.js";import{forwardRef as a}from"react";import{useClassName as r}from"../../hooks/useClassName/useClassName.js";import{ErrorMessageStandAlone as e}from"./errorMessageStandAlone.js";const o=a(({additionalClasses:a,variant:o,...t},m)=>{const i=r({additionalClassNames:a,component:"ERROR_MESSAGE",variant:o});/* @__PURE__ */
-return s.jsx(e,{ref:m,cssClasses:i,...t,"data-testid":"error-message"})});export{o as ErrorMessage};
+import{useClassName as s}from"../../hooks/useClassName/useClassName.js";import{ErrorMessageStandAlone as a}from"./errorMessageStandAlone.js";import{forwardRef as e}from"react";import{jsx as r}from"react/jsx-runtime";const o=e(({additionalClasses:e,variant:o,...t},m)=>/* @__PURE__ */r(a,{ref:m,cssClasses:s({additionalClassNames:e,component:"ERROR_MESSAGE",variant:o}),...t,"data-testid":"error-message"}));export{o as ErrorMessage};

package/dist/esm/lib/components/errorMessage/errorMessageStandAlone.js

@@ -1,4 +1 @@
-import{j as s}from"../../../_virtual/jsx-runtime.js";import{forwardRef as r}from"react";import{Text as t}from"../../../components/text/text.js";import{ElementOrIcon as e}from"../elementOrIcon/elementOrIcon.js";import{classNames as o}from"../../utils/classNames/classNames.js";import{pickCustomAttributes as m}from"../../utils/pickCustomAttributes/pickCustomAttributes.js";import{processIcon as i}from"../../utils/process/processIcon/processIcon.js";import{processText as c}from"../../utils/process/processText/processText.js";const n=r(({cssClasses:r,icon:n,message:a,...p},l)=>{if(!a)return null;const j=m(p);/* @__PURE__ */
-return s.jsx("div",{ref:l,...j,className:o("kbt-error-message__container",r?.error_message,{"kbt-sr-only":!p.show}),id:p.id,children:p.show&&/* @__PURE__ */s.jsxs(s.Fragment,{children:[
-/* @__PURE__ */s.jsx(e,{className:r?.icon,...i(n)}),
-/* @__PURE__ */s.jsx(t,{additionalClasses:{text:r?.typography},...c(a)})]})})});export{n as ErrorMessageStandAlone};
+import{pickCustomAttributes as s}from"../../utils/pickCustomAttributes/pickCustomAttributes.js";import{classNames as r}from"../../utils/classNames/classNames.js";import{Text as t}from"../../../components/text/text2.js";import{processIconProp as e,processTextProp as o}from"../../utils/process/processCommonProp.js";import{ElementOrIcon as m}from"../elementOrIcon/elementOrIcon.js";import{forwardRef as i}from"react";import{Fragment as a,jsx as c,jsxs as n}from"react/jsx-runtime";const l=i(({cssClasses:i,icon:l,message:p,...u},f)=>p?/* @__PURE__ */c("div",{ref:f,...s(u),className:r("kbt-error-message__container",i?.error_message,{"kbt-sr-only":!u.show}),id:u.id,children:u.show&&/* @__PURE__ */n(a,{children:[/* @__PURE__ */c(m,{className:i?.icon,...e(l)}),/* @__PURE__ */c(t,{additionalClasses:{text:i?.typography},...o(p)})]})}):null);export{l as ErrorMessageStandAlone};

package/dist/esm/lib/components/itemRove/itemRove.js

@@ -1,2 +1,2 @@
-import{j as e}from"../../../_virtual/jsx-runtime.js";import{useRef as s,useEffect as t}from"react";import{useClassName as o}from"../../hooks/useClassName/useClassName.js";import{classNames as r}from"../../utils/classNames/classNames.js";import{pickCustomAttributes as a}from"../../utils/pickCustomAttributes/pickCustomAttributes.js";import{CustomComponent as i}from"../customComponent/customComponent.js";const l=({ariaControls:l,ariaDisabled:n=!1,ariaHidden:c=!1,ariaLabel:m,ariaSelected:u,asElement:d,checkIsFirstTime:p=!1,children:b,classNames:f,customAttributes:j,disabled:C=!1,disableKeys:v=!1,focus:N,id:h,index:k,onMouseOver:x,onSelectItem:y,preventScrollOnFocus:F=!1,role:I,setFocus:O,type:S,url:A,...E})=>{const M=s(null),_=s(p),D=o({component:"ITEM_ROVE"}),K=a({...E,...j});t(()=>{N&&!_.current?M.current?.focus({preventScroll:F}):_.current=!1},[N,F]);const T=e=>{v||(O?.(k),e&&y?.())};/* @__PURE__ */
-return e.jsx(i,{ref:M,"aria-controls":l,"aria-disabled":n,"aria-hidden":c,"aria-label":m,"aria-selected":u,className:r(D.item_rove,f),component:d,"data-testid":"item-rove",disabled:C,id:h,role:I,tabIndex:N?0:-1,type:S,url:A,onClick:()=>T(!0),onFocus:x,onKeyDown:()=>T(!1),onMouseOver:x,...K,children:b})};export{l as ItemRove};
+import{useClassName as e}from"../../hooks/useClassName/useClassName.js";import{CustomComponent as s}from"../customComponent/customComponent.js";import{pickCustomAttributes as t}from"../../utils/pickCustomAttributes/pickCustomAttributes.js";import{classNames as o}from"../../utils/classNames/classNames.js";import{useEffect as r,useRef as a}from"react";import{jsx as i}from"react/jsx-runtime";const n=({ariaControls:n,ariaDisabled:c=!1,ariaHidden:l=!1,ariaLabel:m,ariaSelected:u,asElement:d,checkIsFirstTime:p=!1,children:b,classNames:f,customAttributes:C,disabled:v=!1,disableKeys:N=!1,focus:h,id:j,index:k,onMouseOver:x,onSelectItem:y,preventScrollOnFocus:F=!1,role:I,setFocus:O,type:S,url:A,...E})=>{const M=a(null),D=a(p),K=e({component:"ITEM_ROVE"}),T=t({...E,...C});r(()=>{h&&!D.current?M.current?.focus({preventScroll:F}):D.current=!1},[h,F]);const _=e=>{N||(O?.(k),e&&y?.())};/* @__PURE__ */
+return i(s,{ref:M,"aria-controls":n,"aria-disabled":c,"aria-hidden":l,"aria-label":m,"aria-selected":u,className:o(K.item_rove,f),component:d,"data-testid":"item-rove",disabled:v,id:j,role:I,tabIndex:h?0:-1,type:S,url:A,onClick:()=>_(!0),onFocus:x,onKeyDown:()=>_(!1),onMouseOver:x,...T,children:b})};export{n as ItemRove};

package/dist/esm/lib/components/overlay/overlay.js

@@ -1,2 +1,2 @@
-import{j as s}from"../../../_virtual/jsx-runtime.js";import{forwardRef as a}from"react";import{useClassName as o}from"../../hooks/useClassName/useClassName.js";import{OverlayStandAlone as r}from"./overlayStandAlone.js";const t=a(({additionalClasses:a,variant:t,...e},m)=>{const i=o({additionalClassNames:a,component:"OVERLAY",variant:t});/* @__PURE__ */
-return s.jsx(r,{...e,ref:m,cssClasses:i})});export{t as Overlay};
+import{useClassName as s}from"../../hooks/useClassName/useClassName.js";import{OverlayStandAlone as a}from"./overlayStandAlone.js";import{forwardRef as o}from"react";import{jsx as r}from"react/jsx-runtime";const t=o(({additionalClasses:o,variant:t,...e},m)=>{const n=s({additionalClassNames:o,component:"OVERLAY",variant:t});/* @__PURE__ */
+return r(a,{...e,ref:m,cssClasses:n})});export{t as Overlay};

package/dist/esm/lib/components/overlay/overlayStandAlone.js

@@ -1,2 +1,2 @@
-import{j as t}from"../../../_virtual/jsx-runtime.js";import{forwardRef as s}from"react";import{pickCustomAttributes as r}from"../../utils/pickCustomAttributes/pickCustomAttributes.js";const o=s(({cssClasses:s,...o},e)=>{const i=r(o);/* @__PURE__ */
-return t.jsx("div",{ref:e,className:s?.overlay,"data-testid":"overlay",...o,...i,...i})});export{o as OverlayStandAlone};
+import{pickCustomAttributes as t}from"../../utils/pickCustomAttributes/pickCustomAttributes.js";import{forwardRef as r}from"react";import{jsx as s}from"react/jsx-runtime";const e=r(({cssClasses:r,...e},o)=>{const i=t(e);/* @__PURE__ */
+return s("div",{ref:o,className:r?.overlay,"data-testid":"overlay",...e,...i,...i})});export{e as OverlayStandAlone};

package/dist/esm/lib/components/screen-reader-only/screenReaderOnly.js

@@ -0,0 +1 @@
+import{ScreenReaderOnlyStandAlone as e}from"./screenReaderOnlyStandAlone.js";import{forwardRef as r}from"react";import{jsx as o}from"react/jsx-runtime";const t=r((r,t)=>/* @__PURE__ */o(e,{ref:t,...r}));t.displayName="ScreenReaderOnly";export{t as ScreenReaderOnly};

package/dist/esm/lib/components/screen-reader-only/screenReaderOnlyStandAlone.js

@@ -0,0 +1 @@
+import{pickCustomAttributes as r}from"../../utils/pickCustomAttributes/pickCustomAttributes.js";import{classNames as e}from"../../utils/classNames/classNames.js";import{forwardRef as i}from"react";import{jsx as a}from"react/jsx-runtime";const t=i(({ariaAtomic:i,ariaLive:t,children:s,className:o,id:m,role:c,...l},n)=>{const d=r(l),p=e("kbt-screen-reader-only",o),u={};return void 0!==t&&(u["aria-live"]=t),void 0!==i&&(u["aria-atomic"]=i),void 0!==c&&(u.role=c),/* @__PURE__ */a("span",{ref:n,className:p,id:m,...u,...d,children:s})});t.displayName="ScreenReaderOnlyStandAlone";export{t as ScreenReaderOnlyStandAlone};

package/dist/esm/lib/constants/keyboardKeys/keyboardKeys.js

@@ -1 +1 @@
-const e={code:"Tab",key:"Tab"},o={key:"Enter"},r={key:["Escape","Esc"]},w={key:" "},c={code:"PageUp"},k={code:"PageDown"},y={code:"ArrowLeft",key:"ArrowLeft"},d={code:"ArrowUp",key:"ArrowUp"},A={code:"ArrowRight",key:"ArrowRight"},t={code:"ArrowDown",key:"ArrowDown"},n={key:"Home"},a={key:"End"};export{t as ARROW_DOWN,y as ARROW_LEFT,A as ARROW_RIGHT,d as ARROW_UP,a as END,o as ENTER,r as ESCAPE,n as HOME,k as PAGE_DOWN,c as PAGE_UP,w as SPACE,e as TAB};
+var e={code:"Tab",key:"Tab",keyCode:9,which:9},o={code:"Enter",key:"Enter",keyCode:13,which:13},c={code:"Esc",key:["Escape","Esc"],keyCode:27,which:27},h={code:"Space",key:" ",keyCode:32,which:32},k={code:"PageUp",key:"PageUp",keyCode:33,which:33},w={code:"PageDown",key:"PageDown",keyCode:34,which:34},y={code:"ArrowLeft",key:"ArrowLeft",keyCode:37,which:37},d={code:"ArrowUp",key:"ArrowUp",keyCode:38,which:38},r={code:"ArrowRight",key:"ArrowRight",keyCode:39,which:39},i={code:"ArrowDown",key:"ArrowDown",keyCode:40,which:40},C={key:"Home"},a={key:"End"};export{i as ARROW_DOWN,y as ARROW_LEFT,r as ARROW_RIGHT,d as ARROW_UP,a as END,o as ENTER,c as ESCAPE,C as HOME,w as PAGE_DOWN,k as PAGE_UP,h as SPACE,e as TAB};

package/dist/esm/lib/hooks/useClassName/useClassName.js

@@ -1 +1 @@
-import{useStylesContext as o}from"../../provider/stylesProvider/stylesProvider.js";const t=({additionalClassNames:t,component:e,variant:s})=>{const{getComponentStyles:n}=o();return n({additionalClassNames:t,component:e,variant:s})};export{t as useClassName};
+import{useStylesContext as o}from"../../provider/stylesProvider/stylesProvider.js";const t=({additionalClassNames:t,component:e,variant:s})=>{const{getComponentStyles:n}=o();return n({additionalClassNames:t,component:e,variant:s})};export{t as useClassName};

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

@@ -1 +1 @@
-import{useEffect as e}from"react";const t=(t,n,r=[])=>{e(()=>{function e(e){const o=e.composedPath(),u=t.current&&o.includes(t.current),c=r.some(e=>e&&o.includes(e));!t.current||u||c||n(e)}return document.addEventListener("mouseup",e),()=>{document.removeEventListener("mouseup",e)}},[t,n,r])};export{t as useClickOutside};
+import{useEffect as e,useRef as t}from"react";const n=(n,r,c=[])=>{const o=t(r);e(()=>{o.current=r},[r]),e(()=>{function e(e){const t=e.composedPath(),r=n.current&&t.includes(n.current),u=c.some(e=>e&&t.includes(e));!n.current||r||u||o.current(e)}return document.addEventListener("mouseup",e,!0),()=>{document.removeEventListener("mouseup",e,!0)}},[n,c])};export{n as useClickOutside};

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

@@ -1 +1 @@
-import{useRef as t,useCallback as e}from"react";import{useContentVisibilityDetection as n}from"../useContentVisibilityDetection/useContentVisibilityDetection.js";const i=({minVisibleHeight:i=100})=>{const o=t(null),r=t(null),{handleContentVisibilityDetection:l}=n({minVisibleHeight:i,onContentInvisible:()=>{const t=o.current,e=r.current;t&&e&&(t.style.overflowY="auto",e.style.overflowY="visible")},onContentVisible:()=>{const t=o.current,e=r.current;t&&e&&(t.style.overflowY="",e.style.overflowY="")}});return{handleContentVisibility:e(({container:t,content:e})=>{o.current=t,r.current=e,l({container:t,content:e})},[l])}};export{i as useContentVisibility};
+import{isContentVisibleEnough as e}from"./utils/contentVisibility.js";import{useCallback as n,useRef as t}from"react";const r=({minVisibleHeight:r=100,onContentInvisible:o,onContentVisible:i})=>{const c=t(null),s=t(null),l=t(),u=t(),b=t(void 0),v=n(()=>{const e=c.current,n=s.current;e&&n&&(i?i():(e.style.overflowY="",n.style.overflowY=""))},[i]),f=n(()=>{const e=c.current,n=s.current;e&&n&&(o?o():(e.style.overflowY="auto",n.style.overflowY="visible"))},[o]);return{handleContentVisibility:n(({container:n,content:t})=>{if(c.current=n,s.current=t,n&&t){const o=()=>{const o=e({container:n,content:t,minVisibleHeight:r});o!==b.current&&(o?v():f()),b.current=o};o(),l.current=new ResizeObserver(()=>{o()}),u.current=new ResizeObserver(()=>{o()}),l.current.observe(t),l.current.observe(n)}else l.current?.disconnect(),u.current?.disconnect()},[r,v,f])}};export{r as useContentVisibility};

package/dist/esm/lib/hooks/useContentVisibility/utils/contentVisibility.js

@@ -0,0 +1 @@
+import{hasVerticalScroll as t}from"../../../utils/scroll/hasScroll.js";const i=({container:i,content:e,minVisibleHeight:l})=>t(e)?e.clientHeight>=l:i.scrollHeight-e.clientHeight+l<=i.clientHeight;export{i as isContentVisibleEnough};

package/dist/esm/lib/hooks/useEscPressed/useEscPressed.js

@@ -1 +1 @@
-import{useEffect as e}from"react";const r=({disablePreventDefault:r=!1,disableStopPropagation:t=!1,onEscPress:n,ref:o})=>{e(()=>{if(!o.current)return;const e=e=>{"Escape"===e.key&&(r||e.preventDefault(),t||e.stopPropagation(),n(e))};return o.current.addEventListener("keydown",e),()=>{o.current?.removeEventListener("keydown",e)}},[n])};export{r as useEscPressed};
+import{useEffect as e}from"react";const r=({disablePreventDefault:r=!1,disableStopPropagation:t=!1,onEscPress:n,ref:o})=>{e(()=>{if(!o.current)return;const e=e=>{"Escape"===e.key&&(r||e.preventDefault(),t||e.stopPropagation(),n(e))};return o.current.addEventListener("keydown",e),()=>{o.current?.removeEventListener("keydown",e)}},[n])};export{r as useEscPressed};

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

@@ -1 +1 @@
-import{useState as e,useRef as n,useImperativeHandle as t,useCallback as r,useMemo as i}from"react";import{STATES as s}from"../../types/states/states.js";const o=({active:o=!1,disabled:d=!1,loading:c=!1,ref:u,states:E})=>{const[a,v]=e(!1),[m,l]=e(!1),L=n(null);t(u,()=>L?.current,[]);const p=()=>{v(!0)},w=()=>{v(!1)},D=()=>{l(!0)},S=()=>{l(!1)},f=()=>{l(!1)};return{setRef:r(e=>{e?(L.current=e,E?.includes(s.PRESSED)&&(L?.current?.addEventListener("pointerdown",D),L?.current?.addEventListener("pointercancel",S),window.addEventListener("pointerup",f)),(()=>{if("undefined"!=typeof window&&window?.matchMedia)return!window.matchMedia("(hover: none)").matches;return!0})()&&E?.includes(s.HOVER)&&(L?.current?.addEventListener("mouseenter",p),L?.current?.addEventListener("mouseleave",w))):(L?.current?.removeEventListener("mouseenter",p),L?.current?.removeEventListener("mouseleave",w),L?.current?.removeEventListener("pointerdown",D),L?.current?.removeEventListener("pointercancel",S),window.removeEventListener("pointerup",f),L.current=e)},[]),states:i(()=>E?.includes(s.LOADING)&&c?s.LOADING:E?.includes(s.DISABLED)&&d?s.DISABLED:E?.includes(s.ACTIVE)&&o?s.ACTIVE:E?.includes(s.PRESSED)&&m?s.PRESSED:E?.includes(s.HOVER)&&a?s.HOVER:s.DEFAULT,[E,d,c,o,a,m])}};export{o as useManageState};
+import{STATES as e}from"../../types/states/states.js";import{useCallback as n,useEffect as t,useImperativeHandle as r,useMemo as o,useRef as i,useState as s}from"react";const c=({active:c=!1,disabled:d=!1,loading:u=!1,ref:v,states:E})=>{const[a,m]=s(!1),[L,l]=s(!1),p=i(null);r(v,()=>p?.current,[]);const w=n(()=>"undefined"==typeof window||!window?.matchMedia||!window.matchMedia("(hover: none)").matches,[]),D=n(()=>m(!0),[]),S=n(()=>m(!1),[]),A=n(()=>l(!0),[]),R=n(()=>l(!1),[]),f=n(()=>l(!1),[]),I=n(n=>{p.current&&(p.current.removeEventListener("mouseenter",D),p.current.removeEventListener("mouseleave",S),p.current.removeEventListener("pointerdown",A),p.current.removeEventListener("pointercancel",R),window.removeEventListener("pointerup",f)),p.current=n,n&&(E?.includes(e.PRESSED)&&(n.addEventListener("pointerdown",A),n.addEventListener("pointercancel",R),window.addEventListener("pointerup",f)),w()&&E?.includes(e.HOVER)&&(n.addEventListener("mouseenter",D),n.addEventListener("mouseleave",S)))},[E,D,S,A,R,f,w]);return t(()=>()=>{p.current&&(p.current.removeEventListener("mouseenter",D),p.current.removeEventListener("mouseleave",S),p.current.removeEventListener("pointerdown",A),p.current.removeEventListener("pointercancel",R),window.removeEventListener("pointerup",f))},[D,S,A,R,f]),{setRef:I,states:o(()=>E?.includes(e.LOADING)&&u?e.LOADING:E?.includes(e.DISABLED)&&d?e.DISABLED:E?.includes(e.ACTIVE)&&c?e.ACTIVE:E?.includes(e.PRESSED)&&L?e.PRESSED:E?.includes(e.HOVER)&&a?e.HOVER:e.DEFAULT,[E,d,u,c,a,L])}};export{c as useManageState};

package/dist/esm/lib/hooks/useMediaDevice/useActiveBreakpoints.js

@@ -1 +1 @@
-import{DeviceBreakpointsTypeUtils as e}from"../../types/breakpoints/breakpoints.js";import{useMediaDevice as s}from"./useMediaDevice.js";const i=()=>{const i=s();return{device:i,isDesktop:e.isDesktop(i),isDesktopOrLargeDesktop:e.isDesktopOrLargeDesktop(i),isLargeDesktop:e.isLargeDesktop(i),isMobile:e.isMobile(i),isMobileOrTablet:e.isMobileOrTablet(i),isTablet:e.isTablet(i)}};export{i as useActiveBreakpoints};
+import{DeviceBreakpointsTypeUtils as e}from"../../types/breakpoints/breakpoints.js";import{useMediaDevice as s}from"./useMediaDevice.js";const i=()=>{const i=s();return{device:i,isDesktop:e.isDesktop(i),isDesktopOrLargeDesktop:e.isDesktopOrLargeDesktop(i),isLargeDesktop:e.isLargeDesktop(i),isMobile:e.isMobile(i),isMobileOrTablet:e.isMobileOrTablet(i),isTablet:e.isTablet(i)}};export{i as useActiveBreakpoints};

package/dist/esm/lib/hooks/useMediaDevice/useMediaDevice.js

@@ -1 +1 @@
-import{useState as e,useEffect as n}from"react";import{useStylesContext as t}from"../../provider/stylesProvider/stylesProvider.js";import{DEVICE_BREAKPOINTS as i}from"../../types/breakpoints/breakpoints.js";const o=()=>{const{mediaQueries:o}=t(),[r,a]=e(()=>{if("undefined"==typeof window||!window.matchMedia)return i.DESKTOP;const{onlyMobile:e,onlyTablet:n}=o,t=window.matchMedia(e).matches,r=window.matchMedia(n).matches;return t?i.MOBILE:r?i.TABLET:i.DESKTOP});return n(()=>{if("undefined"==typeof window||!window.matchMedia)return;const{onlyDesktop:e,onlyMobile:n,onlyTablet:t}=o,r=window.matchMedia(e),d=window.matchMedia(t),s=window.matchMedia(n),c=()=>{s.matches?a(i.MOBILE):d.matches?a(i.TABLET):a(i.DESKTOP)};return r.addEventListener("change",c),d.addEventListener("change",c),s.addEventListener("change",c),c(),()=>{r.removeEventListener("change",c),d.removeEventListener("change",c),s.removeEventListener("change",c)}},[o]),r};export{o as useMediaDevice};
+import{useStylesContext as e}from"../../provider/stylesProvider/stylesProvider.js";import{DEVICE_BREAKPOINTS as n}from"../../types/breakpoints/breakpoints.js";import{useEffect as t,useState as i}from"react";const o=()=>{const{mediaQueries:o}=e(),[r,a]=i(()=>{if("undefined"==typeof window||!window.matchMedia)return n.DESKTOP;const{onlyMobile:e,onlyTablet:t}=o,i=window.matchMedia(e).matches,r=window.matchMedia(t).matches;return i?n.MOBILE:r?n.TABLET:n.DESKTOP});return t(()=>{if("undefined"==typeof window||!window.matchMedia)return;const{onlyDesktop:e,onlyMobile:t,onlyTablet:i}=o,r=window.matchMedia(e),d=window.matchMedia(i),s=window.matchMedia(t),c=()=>{s.matches?a(n.MOBILE):d.matches?a(n.TABLET):a(n.DESKTOP)};return r.addEventListener("change",c),d.addEventListener("change",c),s.addEventListener("change",c),c(),()=>{r.removeEventListener("change",c),d.removeEventListener("change",c),s.removeEventListener("change",c)}},[o]),r};export{o as useMediaDevice};

package/dist/esm/lib/hooks/useRoveFocus/useRoveFocus.js

@@ -1 +1 @@
-import{useState as e,useRef as t,useCallback as n,useEffect as o}from"react";import{PAGE_UP as r,PAGE_DOWN as c,TAB as a,ARROW_RIGHT as u,ARROW_LEFT as f,ARROW_UP as l,ARROW_DOWN as y}from"../../constants/keyboardKeys/keyboardKeys.js";const s=({currentFocusSelected:s=0,keyDownMove:p=1,keyLeftMove:k=-1,keyPageDownMove:v=1,keyPageUpMove:d=-1,keyRightMove:i=1,keyTabMove:b=1,keyUpMove:D=-1,size:M})=>{const[m,w]=e(s),g=t(null),L=n(e=>{switch(e.key){case y.code:(e=>{null!==p&&(e.preventDefault(),w("function"==typeof p?t=>p(t,e):e=>e===M-1?0:e+p))})(e);break;case l.code:(e=>{null!==D&&(e.preventDefault(),w("function"==typeof D?t=>D(t,e):e=>0===e?M-1:e+D))})(e);break;case f.code:(e=>{null!==k&&(e.preventDefault(),w("function"==typeof k?t=>k(t,e):e=>0===e?M-1:e+k))})(e);break;case u.code:(e=>{null!==i&&(e.preventDefault(),w("function"==typeof i?t=>i(t,e):e=>e===M-1?0:e+i))})(e);break;case a.code:(e=>{null!==b&&w("function"==typeof b?t=>b(t,e):t=>t===M-1?t:(e.preventDefault(),0===t?t+b+1:t+b))})(e);break;case c.code:(e=>{null!==v&&(e.preventDefault(),w("function"==typeof v?t=>v(t,e):e=>e+v))})(e);break;case r.code:(e=>{null!==d&&(e.preventDefault(),w("function"==typeof d?t=>d(t,e):e=>e+d))})(e)}},[M,w,p,D,k,i,b,d,v]);return o(()=>{const e=g.current;return e&&e.addEventListener("keydown",L,!1),()=>{e?.removeEventListener("keydown",L,!1)}},[L,g]),[m,w,g]};export{s as useRoveFocus};
+import{ARROW_DOWN as e,ARROW_LEFT as t,ARROW_RIGHT as n,ARROW_UP as o,PAGE_DOWN as r,PAGE_UP as c,TAB as a}from"../../constants/keyboardKeys/keyboardKeys.js";import{useCallback as u,useEffect as f,useRef as l,useState as y}from"react";const s=({currentFocusSelected:s=0,keyDownMove:p=1,keyLeftMove:k=-1,keyPageDownMove:v=1,keyPageUpMove:d=-1,keyRightMove:i=1,keyTabMove:b=1,keyUpMove:D=-1,size:M})=>{const[m,w]=y(s),g=l(null),L=u(u=>{switch(u.key){case e.code:(e=>{null!==p&&(e.preventDefault(),w("function"==typeof p?t=>p(t,e):e=>e===M-1?0:e+p))})(u);break;case o.code:(e=>{null!==D&&(e.preventDefault(),w("function"==typeof D?t=>D(t,e):e=>0===e?M-1:e+D))})(u);break;case t.code:(e=>{null!==k&&(e.preventDefault(),w("function"==typeof k?t=>k(t,e):e=>0===e?M-1:e+k))})(u);break;case n.code:(e=>{null!==i&&(e.preventDefault(),w("function"==typeof i?t=>i(t,e):e=>e===M-1?0:e+i))})(u);break;case a.code:(e=>{null!==b&&w("function"==typeof b?t=>b(t,e):t=>t===M-1?t:(e.preventDefault(),0===t?t+b+1:t+b))})(u);break;case r.code:(e=>{null!==v&&(e.preventDefault(),w("function"==typeof v?t=>v(t,e):e=>e+v))})(u);break;case c.code:(e=>{null!==d&&(e.preventDefault(),w("function"==typeof d?t=>d(t,e):e=>e+d))})(u)}},[M,w,p,D,k,i,b,d,v]);return f(()=>{const e=g.current;return e&&e.addEventListener("keydown",L,!1),()=>{e?.removeEventListener("keydown",L,!1)}},[L,g]),[m,w,g]};export{s as useRoveFocus};