@kubit-ui-web/react-components 2.0.0-beta.3 → 2.0.0-beta.5

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

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

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

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

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

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

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

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

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 W}from"./components/link/link.js";import{LinkAsButton as y}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{TableCaption as no}from"./components/tableCaption/tableCaption.js";import{TableCell as mo}from"./components/tableCell/tableCell.js";import{TableDivider as so}from"./components/tableDivider/tableDivider.js";import{TableFoot as po}from"./components/tableFoot/tableFoot.js";import{TableHead as io}from"./components/tableHead/tableHead.js";import{TableRow as ao}from"./components/tableRow/tableRow.js";import{TabsControlled as co}from"./components/tabs/tabsControlled.js";import{TabsUnControlled as lo}from"./components/tabs/tabsUnControlled.js";import{Tag as fo}from"./components/tag/tag.js";import{Text as jo}from"./components/text/text.js";import{TextArea as bo}from"./components/textArea/textArea.js";import{ToggleControlled as uo}from"./components/toggle/toggleControlled.js";import{ToggleStandalone as go}from"./components/toggle/toggleStandAlone.js";import{ToggleUncontrolled as vo}from"./components/toggle/toggleUnControlled.js";import{TooltipControlled as Co}from"./components/tooltip/tooltipControlled.js";import{TooltipUnControlled as ko}from"./components/tooltip/tooltipUnControlled.js";import{VirtualKeyboard as Bo}from"./components/virtualKeyboard/virtualKeyboard.js";import{GenericComponentContext as xo,GenericComponentsProvider as So,useGenericComponents as ho}from"./lib/provider/genericComponentsProvider/genericComponentsProvider.js";import{KubitProvider as Uo}from"./lib/provider/kubitProvider/kubitProvider.js";import{StylesContext as Ao,StylesProvider as Mo,useStylesContext as Po}from"./lib/provider/stylesProvider/stylesProvider.js";import{UtilsContext as wo,UtilsProvider as Wo,useUtilsProvider as yo}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,xo as GenericComponentContext,So 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,Uo as KubitProvider,w as Label,W as Link,y 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,Ao as StylesContext,Mo as StylesProvider,eo as Table,no as TableCaption,mo as TableCell,so as TableDivider,po as TableFoot,io as TableHead,ao as TableRow,lo as Tabs,co as TabsControlled,fo as Tag,jo as Text,bo as TextArea,uo as ToggleControlled,go as ToggleStandalone,vo as ToggleUncontrolled,ko as Tooltip,Co as TooltipControlled,wo as UtilsContext,Wo as UtilsProvider,Bo as VirtualKeyboard,L as popoverMWArrow,q as popoverMWAutoPlacement,E as popoverMWFlip,G as popoverMWHide,J as popoverMWOffset,Q as popoverMWShift,V as popoverMWSize,ho as useGenericComponents,Po as useStylesContext,yo as useUtilsProvider};
+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};

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

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

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

@@ -1,4 +1,4 @@
-import{j as s}from"../../../_virtual/jsx-runtime.js";import{forwardRef as r}from"react";import{ElementOrIcon as t}from"../../../components/elementOrIcon/elementOrIcon.js";import{Text as e}from"../../../components/text/text.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__ */
+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(t,{className:r?.icon,...i(n)}),
-/* @__PURE__ */s.jsx(e,{additionalClasses:{text:r?.typography},...c(a)})]})})});export{n as ErrorMessageStandAlone};
+/* @__PURE__ */s.jsx(e,{className:r?.icon,...i(n)}),
+/* @__PURE__ */s.jsx(t,{additionalClasses:{text:r?.typography},...c(a)})]})})});export{n as ErrorMessageStandAlone};

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

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

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

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

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

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

package/dist/types/index.d.ts

@@ -5376,19 +5376,27 @@ export declare const Table: ForwardRefExoticComponent<TableProps & {
 children?: ReactNode | undefined;
 } & RefAttributes<HTMLDivElement>>;
 
+export declare const TableBody: ForwardRefExoticComponent<TableBodyProps & {
+children?: ReactNode | undefined;
+} & RefAttributes<HTMLTableSectionElement>>;
+
 declare type TableBodyCssClasses = ComponentSelected<ComponentsTypesComponents['TABLE_BODY']>;
 
-declare interface TableBodyProps extends TableBodyStandAloneProps {
+export declare interface TableBodyProps extends TableBodyStandAloneProps {
     variant?: string;
     additionalClasses?: Partial<TableBodyCssClasses>;
 }
 
-declare interface TableBodyStandAloneProps extends DataAttributes {
+export declare interface TableBodyStandAloneProps extends DataAttributes {
     cssClasses?: TableBodyCssClasses;
     id?: string;
     component?: string | React.ComponentType<any>;
 }
 
+export declare type TableBodyVariantStyles<Variant extends string> = CssLibPropsType & {
+    [key in Variant]: CssLibPropsType;
+};
+
 export declare const TableCaption: ForwardRefExoticComponent<TableCaptionProps & {
 children?: ReactNode | undefined;
 } & RefAttributes<HTMLTableSectionElement>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kubit-ui-web/react-components",
-  "version": "2.0.0-beta.3",
+  "version": "2.0.0-beta.5",
   "description": "Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience",
   "author": {
     "name": "Kubit",

package/dist/cjs/components/elementOrIcon/elementOrIcon.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),r=require("react"),i=require("../icon/icon.js"),o=require("../icon/iconHost.js"),t=r.forwardRef(({basic:t=!1,icon:n,...s},c)=>n?"string"==typeof n?t?e.jsxRuntimeExports.jsx(i.IconBasic,{...s,ref:c,icon:n}):e.jsxRuntimeExports.jsx(o.IconHost,{...s,ref:c,icon:n}):r.isValidElement(n)?n:null:null);exports.ElementOrIcon=t;

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

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

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

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

package/dist/cjs/components/itemRove/itemRove.js

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

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

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

package/dist/cjs/components/overlay/overlay.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),a=require("../../lib/hooks/useClassName/useClassName.js"),r=require("./overlayStandAlone.js"),t=s.forwardRef(({additionalClasses:s,variant:t,...o},l)=>{const i=a.useClassName({additionalClassNames:s,component:"OVERLAY",variant:t});return e.jsxRuntimeExports.jsx(r.OverlayStandAlone,{...o,ref:l,cssClasses:i})});exports.Overlay=t;

package/dist/cjs/components/overlay/overlayStandAlone.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/jsx-runtime.js"),e=require("react"),r=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),s=e.forwardRef(({cssClasses:e,...s},i)=>{const u=r.pickCustomAttributes(s);return t.jsxRuntimeExports.jsx("div",{ref:i,className:e?.overlay,"data-testid":"overlay",...s,...u,...u})});exports.OverlayStandAlone=s;

package/dist/cjs/components/renderIf/renderIf.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.RenderIf=({children:e,condition:t})=>t?e:null;

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

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

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

@@ -1 +0,0 @@
-export {  ElementOrIcon  } from './elementOrIcon.js';

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

@@ -1 +0,0 @@
-export {  ItemRove  } from './itemRove.js';

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

@@ -1,2 +0,0 @@
-import{j as e}from"../../_virtual/jsx-runtime.js";import{useRef as s,useEffect as o}from"react";import{useClassName as t}from"../../lib/hooks/useClassName/useClassName.js";import{classNames as r}from"../../lib/utils/classNames/classNames.js";import{pickCustomAttributes as i}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{CustomComponent as a}from"../../lib/components/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=t({component:"ITEM_ROVE"}),K=i({...E,...j});o(()=>{N&&!_.current?M.current?.focus({preventScroll:F}):_.current=!1},[N,F]);const T=e=>{v||(O?.(k),e&&y?.())};/* @__PURE__ */
-return e.jsx(a,{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};

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

@@ -1 +0,0 @@
-export * from './overlayTheme.js';

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

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

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

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

package/dist/esm/components/renderIf/renderIf.js

@@ -1 +0,0 @@
-const n=({children:n,condition:o})=>o?n:null;export{n as RenderIf};