npm - @kubit-ui-web/react-components - Versions diffs - 2.0.0-beta.2 → 2.0.0-beta.4 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (138) hide show

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

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

package/dist/esm/components/selectorBoxFile/components/selectorBoxFileErrorMessage.js CHANGED Viewed

@@ -1,3 +1,3 @@
-import{j as s}from"../../../_virtual/jsx-runtime.js";import{Text as e}from"../../text/text.js";import{STATES as r}from"../../../lib/types/states/states.js";import{processText as t}from"../../../lib/utils/process/processText/processText.js";import{ElementOrIcon as o}from"../../elementOrIcon/elementOrIcon.js";const a=({cssClasses:a,errorMessage:i,errorMessageIcon:m,errorMessageId:l,state:c})=>/* @__PURE__ */s.jsx("div",{"aria-live":"polite",children:t(i)&&c===r.ERROR?/* @__PURE__ */s.jsxs("div",{className:a?.errormessagecontainer,id:l,children:[
-/* @__PURE__ */s.jsx(o,{className:a?.errormessageicon,...m}),
-/* @__PURE__ */s.jsx(e,{additionalClasses:{text:a?.errormessage},...t(i)})]}):null});export{a as SelectorBoxFileErrorMessage};
+import{j as s}from"../../../_virtual/jsx-runtime.js";import{Text as e}from"../../text/text.js";import{ElementOrIcon as r}from"../../../lib/components/elementOrIcon/elementOrIcon.js";import{STATES as t}from"../../../lib/types/states/states.js";import{processText as o}from"../../../lib/utils/process/processText/processText.js";const i=({cssClasses:i,errorMessage:a,errorMessageIcon:m,errorMessageId:l,state:n})=>/* @__PURE__ */s.jsx("div",{"aria-live":"polite",children:o(a)&&n===t.ERROR?/* @__PURE__ */s.jsxs("div",{className:i?.errormessagecontainer,id:l,children:[
+/* @__PURE__ */s.jsx(r,{className:i?.errormessageicon,...m}),
+/* @__PURE__ */s.jsx(e,{additionalClasses:{text:i?.errormessage},...o(a)})]}):null});export{i as SelectorBoxFileErrorMessage};

package/dist/esm/components/selectorBoxFile/components/selectorBoxFileHeader.js CHANGED Viewed

@@ -1,9 +1,9 @@
-import{j as t}from"../../../_virtual/jsx-runtime.js";import{Button as i}from"../../button/button.js";import{RenderIf as s}from"../../renderIf/renderIf.js";import{Text as o}from"../../text/text.js";import{processText as e}from"../../../lib/utils/process/processText/processText.js";import{SelectorBoxFileTooltip as n}from"./selectorBoxFileTooltip.js";const r=({button:r,cssClasses:a,description:l,headerId:d,subtitle:c,title:x,tooltip:j,tooltipIcon:p})=>/* @__PURE__ */t.jsxs(t.Fragment,{children:[
+import{j as t}from"../../../_virtual/jsx-runtime.js";import{Button as i}from"../../button/button.js";import{Text as s}from"../../text/text.js";import{RenderIf as o}from"../../../lib/components/renderIf/renderIf.js";import{processText as e}from"../../../lib/utils/process/processText/processText.js";import{SelectorBoxFileTooltip as n}from"./selectorBoxFileTooltip.js";const r=({button:r,cssClasses:a,description:l,headerId:d,subtitle:c,title:x,tooltip:j,tooltipIcon:p})=>/* @__PURE__ */t.jsxs(t.Fragment,{children:[
 /* @__PURE__ */t.jsxs("div",{className:a?.titlesubtitlecontainer,id:d,children:[
-/* @__PURE__ */t.jsx(s,{condition:!!x,children:/* @__PURE__ */t.jsx(o,{additionalClasses:{text:a?.title},component:"h5",...e(x)})}),
-/* @__PURE__ */t.jsx(s,{condition:!!c,children:/* @__PURE__ */t.jsxs("div",{className:a?.actiondescriptioncontainer,children:[
-/* @__PURE__ */t.jsx(o,{additionalClasses:{text:a?.subtitle},...e(c)}),
+/* @__PURE__ */t.jsx(o,{condition:!!x,children:/* @__PURE__ */t.jsx(s,{additionalClasses:{text:a?.title},component:"h5",...e(x)})}),
+/* @__PURE__ */t.jsx(o,{condition:!!c,children:/* @__PURE__ */t.jsxs("div",{className:a?.actiondescriptioncontainer,children:[
+/* @__PURE__ */t.jsx(s,{additionalClasses:{text:a?.subtitle},...e(c)}),
 /* @__PURE__ */t.jsx(n,{cssClasses:a,tooltip:j,tooltipIcon:p})]})})]}),
-/* @__PURE__ */t.jsx(s,{condition:!(!l&&!r),children:/* @__PURE__ */t.jsxs("div",{className:a?.descriptioncontainer,children:[
-/* @__PURE__ */t.jsx(o,{additionalClasses:{text:a?.description},...e(l)}),
-/* @__PURE__ */t.jsx(s,{condition:!(!a?.button_variant&&!r?.size||!a?.button_size&&!r?.variant),children:/* @__PURE__ */t.jsx(i,{additionalSizeClasses:r?.variant?void 0:a?.button_size,additionalVariantClasses:r?.size?void 0:a?.button_variant,size:r?.size,variant:r?.variant,...r,children:r?.content})})]})})]});export{r as SelectorBoxFileHeader};
+/* @__PURE__ */t.jsx(o,{condition:!(!l&&!r),children:/* @__PURE__ */t.jsxs("div",{className:a?.descriptioncontainer,children:[
+/* @__PURE__ */t.jsx(s,{additionalClasses:{text:a?.description},...e(l)}),
+/* @__PURE__ */t.jsx(o,{condition:!(!a?.button_variant&&!r?.size||!a?.button_size&&!r?.variant),children:/* @__PURE__ */t.jsx(i,{additionalSizeClasses:r?.variant?void 0:a?.button_size,additionalVariantClasses:r?.size?void 0:a?.button_variant,size:r?.size,variant:r?.variant,...r,children:r?.content})})]})})]});export{r as SelectorBoxFileHeader};

package/dist/esm/components/selectorBoxFile/components/selectorBoxFileTooltip.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{j as o}from"../../../_virtual/jsx-runtime.js";import{TooltipUnControlled as t}from"../../tooltip/tooltipUnControlled.js";import{ElementOrIcon as i}from"~~../../~~elementOrIcon/elementOrIcon.js";const n=({cssClasses:n,tooltip:s,tooltipIcon:l})=>{if(!l?.icon)return null;const e=/* @__PURE__ /o.jsx(i,{className:n?.tooltipicon,...l});return s?/ @__PURE__ /o.jsx("div",{className:n?.tooltipiconcontainer,children:/ @__PURE__ /o.jsx(t,{additionalClasses:n?.tooltip,...s,children:e})}):/ @__PURE__ */o.jsx("div",{className:n?.tooltipiconcontainer,children:e})};export{n as SelectorBoxFileTooltip};
1	+ import{j as o}from"../../../_virtual/jsx-runtime.js";import{TooltipUnControlled as t}from"../../tooltip/tooltipUnControlled.js";import{ElementOrIcon as i}from"../../../lib/components/elementOrIcon/elementOrIcon.js";const n=({cssClasses:n,tooltip:s,tooltipIcon:l})=>{if(!l?.icon)return null;const e=/* @__PURE__ /o.jsx(i,{className:n?.tooltipicon,...l});return s?/ @__PURE__ /o.jsx("div",{className:n?.tooltipiconcontainer,children:/ @__PURE__ /o.jsx(t,{additionalClasses:n?.tooltip,...s,children:e})}):/ @__PURE__ */o.jsx("div",{className:n?.tooltipiconcontainer,children:e})};export{n as SelectorBoxFileTooltip};

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-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__ */
+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:[

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

@@ -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/hooks/useTooltip.js CHANGED Viewed

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

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

@@ -1,10 +1,10 @@
-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:[
+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(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__ */
+/* @__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};

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

@@ -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 CHANGED Viewed

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

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

@@ -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 CHANGED Viewed

@@ -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 ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ 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__ */
2	+ 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 ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ 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__ */
2	+ return s.jsx(r,{...e,ref:m,cssClasses:i})});export{t as Overlay};

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

	@@ -0,0 +1,2 @@
1	+ 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__ */
2	+ return t.jsx("div",{ref:e,className:s?.overlay,"data-testid":"overlay",...o,...i,...i})});export{o as OverlayStandAlone};

package/dist/esm/lib/provider/stylesProvider/stylesProvider.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{j as e}from"../../../_virtual/jsx-runtime.js";import{createContext as t,useContext as s,useMemo as r,useState as n}from"react";import{Provider as i}from"../cssProvider/provider.js";const o=t(void 0),a=()=>{const e=s(o);if(!e)throw new Error("useStylesContext must be used within a StylesProvider");return e},l={lg:992,md:768,sm:576,xl:1200},m=({breakpoints:t=l,children:s,icons:a={},illustrations:m={},themeSelected:d,bernovaProvider:c,linkId:h="kb-styled-provider",jsInCss:p=!0})=>{const x=t,u=(e=>({onlyDesktop:`(max-width: ${e.xl}px)`,onlyLargeDesktop:`(min-width: ${e.xl}px)`,onlyMobile:`(max-width: ${e.md-1}px)`,onlyTablet:`(min-width: ${e.md}px) and (max-width: ${e.lg-1}px)`}))(t),v=a,y=m,b=r(()=>new(c||i)({jsInCss:p,linkId:h}),[]),[w,C]=n(d||b.themeSelected);b.themeSelected=w||"";/* @__PURE__ */
-return e.jsx(o.Provider,{value:{breakpoints:x,changeTheme:e=>{try{b.themeSelected=e,C(e)}catch(t){}},classes:[],currentTheme:w,getComponentStyles:({additionalClassNames:e,component:t,variant:s})=>{try{return b.getComponentStyles({additionalClassNames:e,component:t,variant:s||""})}catch(r){return{}}},icons:v,illustrations:y,mediaQueries:u,themeClassNames:b.classNames,themes:b.allThemes,themeVariables:b.variables},children:s})};export{o as StylesContext,m as StylesProvider,a as useStylesContext};
+import{j as e}from"../../../_virtual/jsx-runtime.js";import{createContext as t,useContext as s,useMemo as r,useState as n}from"react";import{Provider as i}from"../cssProvider/provider.js";const o=t(void 0),a=()=>{const e=s(o);if(!e)throw new Error("useStylesContext must be used within a StylesProvider");return e},l={lg:992,md:768,sm:576,xl:1200},m=({bernovaProvider:t,breakpoints:s=l,children:a,icons:m={},illustrations:d={},jsInCss:c=!0,linkId:h="kb-styled-provider",themeSelected:p})=>{const x=s,u=(e=>({onlyDesktop:`(max-width: ${e.xl}px)`,onlyLargeDesktop:`(min-width: ${e.xl}px)`,onlyMobile:`(max-width: ${e.md-1}px)`,onlyTablet:`(min-width: ${e.md}px) and (max-width: ${e.lg-1}px)`}))(s),v=m,y=d,b=r(()=>new(t||i)({jsInCss:c,linkId:h}),[]),[w,C]=n(p||b.themeSelected);b.themeSelected=w||"";/* @__PURE__ */
+return e.jsx(o.Provider,{value:{breakpoints:x,changeTheme:e=>{try{b.themeSelected=e,C(e)}catch(t){}},classes:[],currentTheme:w,getComponentStyles:({additionalClassNames:e,component:t,variant:s})=>{try{return b.getComponentStyles({additionalClassNames:e,component:t,variant:s||""})}catch(r){return{}}},icons:v,illustrations:y,mediaQueries:u,themeClassNames:b.classNames,themes:b.allThemes,themeVariables:b.variables},children:a})};export{o as StylesContext,m as StylesProvider,a as useStylesContext};

package/dist/types/index.d.ts CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@kubit-ui-web/react-components",
-  "version": "2.0.0-beta.2",
+  "version": "2.0.0-beta.4",
   "description": "Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience",
   "author": {
     "name": "Kubit",
@@ -109,6 +109,8 @@
     "dev": "vite",
     "lint": "eslint src",
     "lint:fix": "eslint src --fix",
+    "format": "prettier --write \"src/**/*.{ts,tsx,js,jsx,json,css,scss,md}\"",
+    "format:check": "prettier --check \"src/**/*.{ts,tsx,js,jsx,json,css,scss,md}\"",
     "predist": "rm -rf dist",
     "dist": "vite build",
     "test": "yarn lint && yarn typecheck && vitest --coverage.enabled=true --silent --run",
@@ -116,7 +118,7 @@
     "test:watch": "vitest --watch",
     "test:coverage": "vitest --coverage.enabled=true --run",
     "typecheck": "tsc --noEmit",
-    "validate": "yarn lint && yarn typecheck && yarn dist",
+    "validate": "yarn format:check && yarn lint && yarn typecheck && yarn dist",
     "publish-figma": "npx figma connect publish",
     "pack:check": "npm pack --dry-run",
     "pack:size": "npm pack --dry-run 2>&1 | grep -E '(unpacked size|package size|total files)'",
@@ -128,9 +130,7 @@
     "react-dom": ">=17.0.0 || >=18.3.1"
   },
   "dependencies": {
-    "@floating-ui/dom": "^1.7.4",
-    "react": "18.3.1",
-    "react-dom": "18.3.1"
+    "@floating-ui/dom": "^1.7.4"
   },
   "devDependencies": {
     "@figma/code-connect": "^1.3.12",
@@ -144,24 +144,23 @@
     "@testing-library/react": "^16.3.1",
     "@testing-library/user-event": "^14.6.1",
     "@trivago/prettier-plugin-sort-imports": "^6.0.0",
-    "@types/html-validator": "^5.0.6",
     "@types/node": "^25.0.3",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
     "@types/testing-library__jest-dom": "^6.0.0",
-    "@typescript-eslint/parser": "^8.50.1",
     "@vitejs/plugin-react": "^5.1.2",
     "@vitest/coverage-v8": "^4.0.16",
     "@vitest/ui": "^4.0.16",
     "bernova": "^0.2.0",
     "eslint": "^9.39.2",
     "eslint-config-kubit": "1.2.0",
-    "eslint-plugin-perfectionist": "^5.1.0",
     "eslint-plugin-storybook": "10.1.10",
     "glob": "^13.0.0",
     "html-validate": "^10.5.0",
-    "jsdom": "^27.3.0",
+    "jsdom": "^27.4.0",
     "prettier": "^3.7.4",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
     "storybook": "^10.1.10",
     "storybook-addon-deep-controls": "^0.10.0",
     "storybook-addon-pseudo-states": "^10.1.10",

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

@@ -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 DELETED Viewed

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

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

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