@kubit-ui-web/react-components 1.17.2 → 2.0.0-beta.1

package/dist/esm/components/radioButton/radioButtonStandAlone.js

@@ -0,0 +1,8 @@
+import{j as e}from"../../_virtual/jsx-runtime.js";import{LabelStandAlone as s}from"../label/labelStandAlone.js";import{RenderIf as r}from"../renderIf/renderIf.js";import{Text as i}from"../text/text.js";import{useId as t}from"../../lib/hooks/useId/useId.js";import{classNames as a}from"../../lib/utils/classNames/classNames.js";import{pickCustomAttributes as o}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processText as l}from"../../lib/utils/process/processText/processText.js";import{ElementOrIcon as n}from"../elementOrIcon/elementOrIcon.js";import{buildAriaLabelledBy as d}from"./utils/aria.utils.js";const c=({altVariant:c=!1,checked:m,cssClasses:b,disabled:u,error:j,errorAriaLiveType:p,errorIcon:x,errorMessage:h,id:f,label:I,lastChild:g,name:v,onBlur:C,onChange:N,screenReaderId:y,state:A,subTitle:k,tabIndex:_,value:B,...T})=>{let $=t("RadioButton");$=f??$;const M=l(k).id&&`${$}__description`,R=h&&`${$}__error`,O={"data-state":A},w=o(O),L=T["data-testid"]??"radio-button";/* @__PURE__ */
+return e.jsxs("div",{className:b?.rowcontainer,"data-testid":L,...w,style:{display:I?"grid":"block",marginBottom:g?0:void 0},children:[
+/* @__PURE__ */e.jsx("div",{...w,className:b?.radiobuttoncontainer,children:/* @__PURE__ */e.jsx("input",{"aria-describedby":d({descriptionId:M,error:j,errorMessage:h,errorMessageId:R,screenReaderId:y}),"aria-hidden":T["aria-hidden"],"aria-label":T["aria-label"],"aria-labelledby":T["aria-labelledby"],checked:m,className:a(b?.radio_button,{"global-focus-visible":!!c}),"data-testid":`${L}-input`,disabled:u,id:$,name:v,tabIndex:_,type:"radio",value:B,onBlur:C,onChange:N,...w})}),
+/* @__PURE__ */e.jsxs("div",{className:b?.infocontainer,children:[
+/* @__PURE__ */e.jsx(r,{condition:!!I?.content,children:/* @__PURE__ */e.jsx("div",{className:b?.labelcontainer,children:/* @__PURE__ */e.jsx(s,{cursor:u?"default":"pointer",customAttributes:O,inputId:$,textCssClasses:a(b?.label,{[`${b?.speciallabel}`]:!!k}),...I,children:I?.content})})}),
+/* @__PURE__ */e.jsx(r,{condition:!!l(k).children,children:"string"==typeof l(k)?/* @__PURE__ */e.jsx(i,{additionalClasses:{text:b?.sublabel},...l(k),id:M}):/* @__PURE__ */e.jsx("div",{id:M,children:l(k).children})}),
+/* @__PURE__ */e.jsx(r,{condition:!(!j||!h),children:/* @__PURE__ */e.jsx("div",{"aria-live":p,className:b?.errormessagecontainer,id:R,...w,children:/* @__PURE__ */e.jsxs(i,{additionalClasses:{text:b?.errormessage},customAttributes:O,children:[
+/* @__PURE__ */e.jsx(r,{condition:!!x,children:/* @__PURE__ */e.jsx("span",{...w,className:b?.errormessageiconcontainer,children:/* @__PURE__ */e.jsx(n,{className:b?.errormessageicon,customAttributes:O,...x})})}),h]})})})]})]})};export{c as RadioButtonStandAlone};

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

@@ -0,0 +1 @@
+const e=({descriptionId:e,error:r,errorMessage:o,errorMessageId:s,screenReaderId:t})=>{let d="";e&&(d+=`${e}`),t&&(d+=` ${t}`),o&&r&&(d+=` ${s}`);const n=d.trim();return n.length>0?n:void 0};export{e as buildAriaLabelledBy};

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

@@ -0,0 +1 @@
+import{STATES as E}from"../../../lib/types/states/states.js";const t=(t=!1,s=!1,D=!1)=>{const L=D,R=s,e=t;return L&&!e?E.ERROR:L&&e?E.ERROR_SELECTED:R&&!e?E.DISABLED:R&&e?E.DISABLED_SELECTED:e?E.SELECTED:E.DEFAULT};export{t as getState};

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

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

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

@@ -0,0 +1,7 @@
+import{j as t}from"../../../_virtual/jsx-runtime.js";import{Children as i,isValidElement as e,cloneElement as n}from"react";import{RenderIf as o}from"../../renderIf/renderIf.js";import{pickCustomAttributes as a}from"../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{useBorderAnimation as s}from"../hooks/useBorderAnimation.js";const r=({children:r,cssClasses:c,focus:m,onAnimationCompleted:d,percentage:l,state:f,...j})=>{const{bottomRef:p,leftRef:u,rightRef:x,topRef:h}=s({onAnimationCompleted:d,percentage:l}),v=a({...{"data-focus":m,"data-state":f}}),b=c?.animationcontainer,N=c?.topanimationcontainer,g=c?.rightanimationcontainer,A=c?.bottomanimationcontainer,C=c?.leftanimationcontainer,R=i.map(r,t=>e(t)?n(t,{focus:m}):t);return b?/* @__PURE__ */t.jsxs("div",{className:b,"data-focus":m,"data-testid":`${j["data-testid"]}-animations`,...v,children:[
+/* @__PURE__ */t.jsx(o,{condition:!!N,children:/* @__PURE__ */t.jsx("div",{...v,ref:h,className:N})}),
+/* @__PURE__ */t.jsx(o,{condition:!!g,children:/* @__PURE__ */t.jsx("div",{...v,ref:x,className:g})}),
+/* @__PURE__ */t.jsx(o,{condition:!!A,children:/* @__PURE__ */t.jsx("div",{...v,ref:p,className:A})}),
+/* @__PURE__ */t.jsx(o,{condition:!!C,children:/* @__PURE__ */t.jsx("div",{...v,ref:u,className:C})}),
+/* @__PURE__ */t.jsx("div",{...v,className:c.borderanimationcontainer,children:r})]}):
+/* @__PURE__ */t.jsx(t.Fragment,{children:R})};export{r as SelectorBoxFileAnimation};

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

@@ -0,0 +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__ */
+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.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.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};

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

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

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

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

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

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

package/dist/esm/components/selectorBoxFile/hooks/useBorderAnimation.js

@@ -0,0 +1 @@
+import{useRef as e,useState as t,useEffect as n}from"react";import{getTopBarWith as r,getRightBarHeight as i,getBottomBarWith as c,getLeftBarHeight as s}from"../utils/animation/animation.js";const o="100%",a=(e,t)=>{e&&(e.style.transition="none",e.style[t]="0%",e.style.removeProperty("transition"))},u=({...u})=>{const d=e(null),l=e(null),h=e(null),g=e(null),[p,m]=t(!1),[v,y]=t(!1),[E,L]=t(!1);return n(()=>{0===u.percentage?(a(d.current,"width"),a(l.current,"height"),a(h.current,"width"),a(g.current,"height"),m(!1),y(!1),L(!1)):u.percentage>0&&(u.percentage>=0&&d?.current&&(d.current.style.width=`${r(u.percentage)}%`),p&&u.percentage>25&&l?.current&&(l.current.style.height=`${i(u.percentage)}%`),v&&u.percentage>50&&h?.current&&(h.current.style.width=`${c(u.percentage)}%`),E&&u.percentage>75&&g?.current&&(g.current.style.height=`${s(u.percentage)}%`))},[u.percentage,p,v,E]),n(()=>{const e=()=>{m(d.current?.style.width===o)},t=()=>{y(l.current?.style.height===o)},n=()=>{L(h.current?.style.width===o)},r=()=>{g.current?.style.height===o&&u.onAnimationCompleted?.()};return d.current?.addEventListener("transitionend",e),l.current?.addEventListener("transitionend",t),h.current?.addEventListener("transitionend",n),g.current?.addEventListener("transitionend",r),()=>{d.current?.removeEventListener("transitionend",e),l.current?.removeEventListener("transitionend",t),h.current?.removeEventListener("transitionend",n),g.current?.removeEventListener("transitionend",r)}},[]),{bottomRef:h,leftRef:g,rightRef:l,topRef:d}};export{u as useBorderAnimation};

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

@@ -0,0 +1 @@
+export {  SelectorBoxFile  } from './selectorBoxFile.js';

package/dist/esm/components/selectorBoxFile/selectorBoxFile.js

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

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

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

package/dist/esm/components/selectorBoxFile/utils/animation/animation.js

@@ -0,0 +1 @@
+import{translateValue as t}from"../translateValue/translateValue.js";const a=(a,u,n)=>a>n?100:t({inputMax:n,inputMin:u,outputMax:100,outputMin:0,value:a}),u=t=>a(t,0,25),n=t=>a(t,25,50),e=t=>a(t,50,75),o=t=>a(t,75,100);export{e as getBottomBarWith,o as getLeftBarHeight,n as getRightBarHeight,u as getTopBarWith};

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

@@ -0,0 +1 @@
+import{STATES as t}from"../../../../lib/types/states/states.js";const s=(s,e,o,D)=>D?t.DISABLED:o?t.ERROR:e?t.SUCCESS:s?t.LOADING:t.DEFAULT;export{s as getState};

package/dist/esm/components/selectorBoxFile/utils/translateValue/translateValue.js

@@ -0,0 +1 @@
+const t=({inputMax:t,inputMin:n,outputMax:u,outputMin:a,value:i})=>{if(n===t)return a;const M=a+(i-n)/(t-n)*(u-a);return Math.min(u,Math.max(a,M))};export{t as translateValue};

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

@@ -0,0 +1 @@
+export {  Skeleton  } from './skeleton.js';

package/dist/esm/components/skeleton/skeleton.css

@@ -0,0 +1,20 @@
+@keyframes breatheAnimation {
+  from {
+    background-position-x: 0%;
+  }
+
+  to {
+    background-position-x: -200%;
+  }
+}
+
+.kbt-skeleton {
+  width: var(--skeleton-width, 100%);
+  height: var(--skeleton-height, 20px);
+  animation-name: breatheAnimation;
+  animation-timing-function: linear;
+  animation-iteration-count: infinite;
+  animation-duration: var(--skeleton-duration, 2s);
+  animation-delay: 1ms;
+  background-size: 200% 100%;
+}

package/dist/esm/components/skeleton/skeleton.js

@@ -0,0 +1,2 @@
+import{j as s}from"../../_virtual/jsx-runtime.js";import{forwardRef as a}from"react";import{useClassName as e}from"../../lib/hooks/useClassName/useClassName.js";import{SkeletonStandAlone as t}from"./skeletonStandAlone.js";const o=a(({additionalClasses:a,additionalShapeClasses:o,shapeVariant:r,variant:n,...i},m)=>{const l=e({component:"SKELETON",variant:n}),p=e({component:"SKELETON",variant:r});/* @__PURE__ */
+return s.jsx(t,{...i,ref:m,cssClasses:l,cssShapeClasses:p,shapeVariant:n})});export{o as Skeleton};

package/dist/esm/components/skeleton/skeletonStandAlone.js

@@ -0,0 +1,2 @@
+import{j as s}from"../../_virtual/jsx-runtime.js";/* empty css            */import{forwardRef as t}from"react";import{classNames as e}from"../../lib/utils/classNames/classNames.js";import{pickCustomAttributes as o}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";const i=t(({cssClasses:t,cssShapeClasses:i,duration:r="1.2s",height:l,width:a,...m},n)=>{const c=o(m);/* @__PURE__ */
+return s.jsx("div",{ref:n,className:e("kbt-skeleton",t?.skeleton,i?.skeleton),"data-testid":"skeleton",style:{"--skeleton-duration":r,"--skeleton-height":l,"--skeleton-width":a},...c})});export{i as SkeletonStandAlone};

package/dist/esm/components/slider/components/sliderButtonStandAlone.js

@@ -0,0 +1 @@
+import{j as t}from"../../../_virtual/jsx-runtime.js";import{Button as s}from"../../button/button.js";const n=({content:n,cssClasses:e,customAttributes:o,...r})=>{const i=e?.decrement_button_variant,a=e?.decrement_button_size;return i&&a?/* @__PURE__ */t.jsx(s,{...r,additionalSizeClasses:a,additionalVariantClasses:i,children:n}):null};export{n as SliderButtonStandAlone};

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

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

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

@@ -0,0 +1,2 @@
+import{j as s}from"../../../_virtual/jsx-runtime.js";import{useState as t,useRef as r,useEffect as e}from"react";import{useId as o}from"../../../lib/hooks/useId/useId.js";import{pickCustomAttributes as c}from"../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";const i=({cssClasses:i,customAttributes:l,scaleOffsets:u,showScale:a})=>{const n=o("tickmarks"),[m,p]=t("0px"),f=r(null);return e(()=>{f.current&&p(`${f.current.offsetWidth}px`)},[f.current]),a&&a?/* @__PURE__ */s.jsx("div",{className:i?.scalecontainer,id:n,...c(l),children:u.map((t,r)=>{const e={left:`calc(${t}% - ${m} / 2)`};/* @__PURE__ */
+return s.jsx("span",{className:i?.scaleoption,style:e},`${n}-${r.toString()}`)})}):null};export{i as SliderScaleStandAlone};

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

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

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

@@ -0,0 +1 @@
+export {  Slider  } from './slider.js';

package/dist/esm/components/slider/slider.js

@@ -0,0 +1,2 @@
+import{j as e}from"../../_virtual/jsx-runtime.js";import{forwardRef as t,useRef as i,useState as n,useCallback as r,useEffect as o}from"react";import{useClassName as a}from"../../lib/hooks/useClassName/useClassName.js";import{SliderStandAlone as s}from"./sliderStandAlone.js";import{calcNewValueAfterKeyPress as l,incrementValue as u,decrementValue as m}from"./utils/accessibility.utils.js";import{calcDefaultValue as d,getOffset as c,equalsRangeValues as f,getScale as v,calculateChange as p,calcValueByOffset as h,calcNewRangeValue as g,calcScaleValue as b}from"./utils/slider.utils.js";const w=t(({additionalClasses:t,ariaLabel:w,ariaLabelBy:x,decrementButton:L,defaultValue:B,disabled:C=!1,incrementButton:T,initialStepOffset:E,label:S,leftHelperText:y,max:j=100,min:k=0,onChange:O,onDragEnd:P,onDragStart:R,range:A=!1,rightAriaLabel:H,rightAriaLabelBy:I,rightHelperText:D,rightThumbIcon:N,rightTooltip:V,step:z=1,thumbExceedsTrack:q=!0,thumbIcon:K,tooltip:M,type:_="discrete",value:F,variant:G},J)=>{const Q=e=>d({initialStepOffset:E,max:j,min:k,range:A,step:z,value:e}),U=i(null),[W,X]=n(Q(F??B)),[Y,Z]=n(!1),[$,ee]=n(!1),te=i("left"),[ie,ne]=n({max:100,min:0}),re=i(),oe=r(e=>{O&&(clearTimeout(re.current),re.current=setTimeout(()=>{O(e)},50))},[O]),ae=e=>{if(!U.current||C)return;const t=p({container:U.current,event:e,offsetBoundaries:ie}),i=h({max:j,min:k,offset:t,offsetBoundaries:ie,step:z}),n=b({initialStepOffset:E,max:j,min:k,step:z,value:i});X(e=>{let t=n;return A&&(t=g({activePointer:te,newValue:n,prevValue:e})),oe(t),t})},se=()=>{P?.(),ee(!1),fe()},{scaleOffsets:le,showScale:ue}=v({initialStepOffset:E,max:j,min:k,step:z,type:_}),{offset:me,offsetLeft:de,offsetRight:ce}=c({max:j,min:k,offsetBoundaries:ie,range:A,value:W}),fe=()=>{window.removeEventListener("mousemove",ae),window.removeEventListener("mouseup",se),window.removeEventListener("touchend",se)},ve=a({additionalClassNames:t,component:"SLIDER",variant:G}),pe=r(()=>{if(q)return void ne({max:100,min:0});if(!U.current)return;const e=U.current.querySelector('[role="slider"]');if(!e)return;const t=U.current.getBoundingClientRect().width,i=e.getBoundingClientRect().width/t*100/2;ne({max:100-i,min:i})},[q]);o(()=>(pe(),q||window.addEventListener("resize",pe),()=>{q||window.removeEventListener("resize",pe)}),[q]),o(()=>{void 0!==F&&(A&&!f({values1:F,values2:W})||!A&&F!==W)&&X(Q(F))},[F]),o(()=>fe,[]);/* @__PURE__ */
+return e.jsx(s,{ref:J,activePointer:te,ariaLabel:w,ariaLabelBy:x,containerRef:U,cssClasses:ve,decrementButton:{...L,disabled:C||L?.disabled,onClick:e=>{const t=m({activePointer:te.current,min:k,range:A,step:z,value:W});void 0!==t&&(X(t),oe(t)),L?.onClick?.(e)}},disabled:C,hover:Y,incrementButton:{...T,disabled:C||T?.disabled,onClick:e=>{const t=u({activePointer:te.current,max:j,range:A,step:z,value:W});void 0!==t&&(X(t),oe(t)),T?.onClick?.(e)}},label:S,leftHelperText:y,max:j,min:k,offset:me,offsetLeft:de,offsetRight:ce,pressed:$,range:A,rightAriaLabel:H,rightAriaLabelBy:I,rightHelperText:D,rightThumbIcon:N,rightTooltip:V,scaleOffsets:le,setHover:Z,showScale:ue,step:z,thumbIcon:K,tooltip:M,value:W,onChange:ae,onKeyPress:e=>{if(C)return;const t=l({activePointer:te.current,event:e,max:j,min:k,range:A,step:z,value:W});void 0!==t&&(X(t),oe(t))},onMouseDown:e=>{R?.(),ee(!0),ae(e),window.addEventListener("mousemove",ae),window.addEventListener("mouseup",se)},onTouchStart:e=>{R?.(),ee(!0),ae(e),window.addEventListener("touchend",se)}})});export{w as Slider};

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

@@ -0,0 +1,19 @@
+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__ */
+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("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}%`}}),
+/* @__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:{left:`${C}%`,right:`${N}%`},...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-right-track`,style:{right:0,width:`${N}%`},...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}-left-thumb`,disabled:T,hover:p($,t.current,"left"),icon:G,max:Q[1]-E,min:I,pressed:p(M,t.current,"left"),state:X,style:{left:`${C}%`},tooltip:J,value:Q[0],onFocus:()=>t.current="left",onKeyDown:B,onMouseOut:()=>q(!1),onMouseOver:()=>{q(!0),t.current="left"},onTouchStart:()=>{t.current="left"}}),
+/* @__PURE__ */e.jsx(u,{ariaDescribedBy:m([{helperText:y,helperTextId:se},{helperText:K,helperTextId:ae}]),ariaLabel:O,ariaLabelBy:F,cssClasses:f,customAttributes:Y,"data-testid":`${Z}-right-thumb`,disabled:T,hover:p($,t.current,"right"),icon:R,max:A,min:Q[0]+E,pressed:p(M,t.current,"right"),rightThumb:!0,state:X,style:{right:`${N}%`},tooltip:P,value:Q[1],onFocus:()=>t.current="right",onKeyDown:B,onMouseOut:()=>q(!1),onMouseOver:()=>{q(!0),t.current="right"},onTouchStart:()=>{t.current="right"}})]})}),
+/* @__PURE__ */e.jsx(s,{condition:!D,children:/* @__PURE__ */e.jsxs(e.Fragment,{children:[
+/* @__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};

package/dist/esm/components/slider/utils/accessibility.utils.js

@@ -0,0 +1 @@
+import{ARROW_DOWN as e,ARROW_LEFT as t,ARROW_UP as a,ARROW_RIGHT as i,HOME as n,END as v}from"../../../lib/constants/keyboardKeys/keyboardKeys.js";const r=({activePointer:e,max:t,range:a,step:i,value:n})=>a?(({activePointer:e,max:t,step:a,value:i})=>{if("left"===e){if(i[0]+a>=i[1])return;return[i[0]+a,i[1]]}return i[1]+a>t?[i[0],t]:[i[0],i[1]+a]})({activePointer:e,max:t,step:i,value:n}):(({max:e,step:t,value:a})=>a+t>e?e:a+t)({max:t,step:i,value:n}),l=({activePointer:e,min:t,range:a,step:i,value:n})=>a?(({activePointer:e,min:t,step:a,value:i})=>"left"===e?i[0]-a<t?[t,i[1]]:[i[0]-a,i[1]]:i[1]-a<=i[0]?void 0:[i[0],i[1]-a])({activePointer:e,min:t,step:i,value:n}):(({min:e,step:t,value:a})=>a-t<e?e:a-t)({min:t,step:i,value:n}),u=({activePointer:u,event:s,max:p,min:m,range:o,step:c,value:P})=>[e.key,t.key].includes(s.key)?(s.preventDefault(),l({activePointer:u,min:m,range:o,step:c,value:P})):[a.key,i.key].includes(s.key)?(s.preventDefault(),r({activePointer:u,max:p,range:o,step:c,value:P})):[n.key].includes(s.key)?(s.preventDefault(),(({activePointer:e,min:t,range:a,step:i,value:n})=>a?(({activePointer:e,min:t,step:a,value:i})=>"left"===e?[t,i[1]]:[i[0],i[0]+a])({activePointer:e,min:t,step:i,value:n}):(({min:e})=>e)({min:t}))({activePointer:u,min:m,range:o,step:c,value:P})):[v.key].includes(s.key)?(s.preventDefault(),(({activePointer:e,max:t,range:a,step:i,value:n})=>a?(({activePointer:e,max:t,step:a,value:i})=>"left"===e?[i[1]-a,i[1]]:[i[0],t])({activePointer:e,max:t,step:i,value:n}):(({max:e})=>e)({max:t}))({activePointer:u,max:p,range:o,step:c,value:P})):void 0,s=e=>e.filter(e=>e.helperText).map(e=>e.helperTextId).join(" ")||void 0;export{s as buildAriaDescribedBy,u as calcNewValueAfterKeyPress,l as decrementValue,r as incrementValue};

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

@@ -0,0 +1 @@
+import{translateValue as t}from"../../selectorBoxFile/utils/translateValue/translateValue.js";const e=({container:t,event:e,offsetBoundaries:a})=>{e.preventDefault();const n=t.clientWidth;let i=100*(("number"==typeof e?.pageX?e.pageX:e.touches[0].pageX)-(t.getBoundingClientRect().left+window.scrollX))/n;return i=Math.min(a.max,Math.max(a.min,i)),i},a=({max:e,min:a,offset:n,offsetBoundaries:i,step:u})=>{let l=t({inputMax:i.max,inputMin:i.min,outputMax:e,outputMin:a,value:n});const r=String(u).indexOf(".")>0?String(u).split(".")[1].length:0;if(r>0){const t=Math.pow(10,r);l=Math.round(l*t)/t}else l=Math.round(l);return l},n=({initialStepOffset:t,max:e,min:a,step:n,value:i})=>{const u=t+Math.ceil((a-t)/n)*n;if(u>e)return i;let l=u+Math.round((i-u)/n)*n;return l=Math.max(a,l),l=Math.min(e,l),Math.abs(a-i)<Math.abs(l-i)&&(l=a),Math.abs(e-i)<Math.abs(l-i)&&(l=e),l},i=({max:t,min:e,step:a,value:n})=>{const i=n-e;let u=a/2;if((t-e)%a>0&&i/a>Math.floor((t-e)/a)&&(u=(t-e)%a/2),i%a>u){const n=e+Math.ceil(i/a)*a;return n>t?t:n}return e+Math.floor(i/a)*a},u=({initialStepOffset:t,max:e,min:a,step:u,value:l})=>u<=0?l:void 0!==t?n({initialStepOffset:t,max:e,min:a,step:u,value:l}):i({max:e,min:a,step:u,value:l}),l=({activePointer:t,newValue:e,prevValue:a})=>"left"===t&&e<a[1]||e<=a[0],r=({activePointer:t,newValue:e,prevValue:a})=>"right"===t&&e>a[0]||e>=a[1],s=({activePointer:t,newValue:e,prevValue:a})=>l({activePointer:t.current,newValue:e,prevValue:a})?("right"===t.current&&(t.current="left"),[e,a[1]]):r({activePointer:t.current,newValue:e,prevValue:a})?("left"===t.current&&(t.current="right"),[a[0],e]):a,o=({initialStepOffset:e,max:a,min:n,step:i,type:u})=>{const l="discrete"===u&&i>0&&i<a-n;let r=[];if(l){const u=[n];for(let t=e??n;t<a;t+=i)t>n&&u.push(t);u.push(a),r=u.map(e=>t({inputMax:a,inputMin:n,outputMax:100,outputMin:0,value:e}))}return{scaleOffsets:r,showScale:l}},f=({max:e,min:a,offsetBoundaries:n,range:i,value:u})=>{if(a===e)return{offset:100,offsetLeft:0,offsetRight:0};let l,r,s;return i?(r=t({inputMax:e,inputMin:a,outputMax:n.max,outputMin:n.min,value:u[0]}),s=100-t({inputMax:e,inputMin:a,outputMax:n.max,outputMin:n.min,value:u[1]})):l=t({inputMax:e,inputMin:a,outputMax:n.max,outputMin:n.min,value:u}),{offset:l,offsetLeft:r,offsetRight:s}},p=({values1:t,values2:e})=>!(!Array.isArray(t)||!Array.isArray(e)||2!==t.length||2!==e.length)&&(t[0]===e[0]&&t[1]===e[1]),m=({defaultValue:t,max:e,min:a,value:n})=>(({max:t,min:e,value:a})=>void 0!==a&&a>=e&&a<=t)({max:e,min:a,value:n})?n:t,v=({initialStepOffset:t,max:e,min:a,range:n,step:i,value:l})=>{if(n){let n=[a,e];if((({value:t})=>Boolean(t&&Array.isArray(t)&&2===t.length))({value:l})){const r=l[0],s=l[1],o=m({defaultValue:a,max:e,min:a,value:r}),f=m({defaultValue:e,max:e,min:a,value:s});n=[u({initialStepOffset:t,max:e,min:a,step:i,value:o}),u({initialStepOffset:t,max:e,min:a,step:i,value:f})]}return n}const r=m({defaultValue:a,max:e,min:a,value:l});return u({initialStepOffset:t,max:e,min:a,step:i,value:r})};export{v as calcDefaultValue,s as calcNewRangeValue,u as calcScaleValue,n as calcScaleValueWithStepOffset,i as calcScaleValueWithoutStepOffset,a as calcValueByOffset,e as calculateChange,p as equalsRangeValues,f as getOffset,o as getScale,l as shouldUpdateLeftThumb,r as shouldUpdateRightThumb};

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

@@ -0,0 +1 @@
+import{STATES as s}from"../../../lib/types/states/states.js";const e=({disabled:e,hover:t,pressed:o})=>e?s.DISABLED:o?s.PRESSED:t?s.HOVER:s.DEFAULT;export{e as getState};

package/dist/esm/components/slider/utils/ui.utils.js

@@ -0,0 +1 @@
+import{DeviceBreakpointsTypeUtils as o}from"../../../lib/types/breakpoints/breakpoints.js";const s=(o,s,t)=>o&&s===t,t=(s,t,p)=>!(!s||o.isDesktop(p)&&t);export{s as isActive,t as isTooltipVisible};

package/dist/esm/components/snackbar/hooks/useSnackbarAutoClose.js

@@ -0,0 +1 @@
+import{useRef as e,useCallback as r,useEffect as t}from"react";const n=({closeTimeout:n,onClose:u,open:c})=>{const o=e(null),l=e(!1),a=e(!1),s=e(null),m=r(()=>{!n||l.current||a.current||(o.current=setTimeout(()=>{u?.()},n))},[n,u]),d=r(()=>{o.current&&clearTimeout(o.current)},[]);t(()=>(c?(s.current=document.activeElement,m()):d(),()=>{d()}),[c,m]);const i=r(e=>{l.current=!0,d()},[d]),T=r(e=>{l.current=!1,m()},[m]),h=r(e=>{a.current||(a.current=!0,d())},[d]);return{handleBlur:r(e=>{a.current&&e.currentTarget.contains(e.relatedTarget)||(a.current=!1,m())},[m]),handleFocus:h,handleMouseEnter:i,handleMouseLeave:T,lastFocusedElement:s}};export{n as useSnackbarAutoClose};

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

@@ -0,0 +1,2 @@
+export * from './snackbar.js';
+export * from './types.js';

package/dist/esm/components/snackbar/snackbar.js

@@ -0,0 +1,2 @@
+import{j as o}from"../../_virtual/jsx-runtime.js";import{forwardRef as s,useRef as e,useImperativeHandle as n}from"react";import{useClassName as a}from"../../lib/hooks/useClassName/useClassName.js";import{useSnackbarAutoClose as r}from"./hooks/useSnackbarAutoClose.js";import{SnackbarStandAlone as l}from"./snackbarStandAlone.js";const t=s(({additionalClasses:s,closeTimeout:t,open:u=!1,...m},i)=>{const c=a({additionalClassNames:s,component:"SNACKBAR"}),p=e(null);n(i,()=>p?.current,[]);const{handleBlur:d,handleFocus:C,handleMouseEnter:j,handleMouseLeave:f}=r({closeTimeout:t,onClose:m.onClose,open:u});/* @__PURE__ */
+return o.jsx(l,{...m,ref:p,cssClasses:c,open:u,onBlur:d,onFocus:C,onMouseEnter:j,onMouseLeave:f})});export{t as Snackbar};

package/dist/esm/components/snackbar/snackbarStandAlone.js

@@ -0,0 +1 @@
+import{j as s}from"../../_virtual/jsx-runtime.js";import{forwardRef as e}from"react";import{classNames as o}from"../../lib/utils/classNames/classNames.js";import{Popover as r}from"../popover/popover.js";const a=e(({children:e,cssClasses:a,onClose:i,open:l,popover:p,...t},c)=>/* @__PURE__ */s.jsx(r,{disableClickOverlayClose:!0,disableEscapeClose:!0,component:"div",open:l,onClose:i,...p,children:/* @__PURE__ */s.jsx("div",{ref:c,className:o(a?.container),"data-testid":"snackbar",...t,children:e})}));export{a as SnackbarStandAlone};

package/dist/esm/components/stepperNumber/helpers/aria.js

@@ -0,0 +1 @@
+const t=(t,e,o)=>t===e&&"vertical"===o?"step":void 0;export{t as buildAriaCurrent};

package/dist/esm/components/stepperNumber/helpers/screnReader.js

@@ -0,0 +1 @@
+const e=(e,f,r,t,c,i)=>{if(i)return((e,f,r,t,c)=>{let i;i=c?.prefix?`${c.prefix?.step} ${e+1} ${c.prefix?.of} ${f} ${t}`:t;return e<r&&c?.suffix?.completed?i=i.concat(" ",c.suffix?.completed):e===r&&c?.suffix?.current&&(i=i.concat(" ",c.suffix?.current)),i})(e,r,f,c,t)};export{e as buildScreenReaderText};

package/dist/esm/components/stepperNumber/helpers/stepState.js

@@ -0,0 +1 @@
+import{STATES as t}from"../../../lib/types/states/states.js";const e=(e,a)=>{if(!e?.length)return[];const r=Math.max(0,Math.min(a,e.length)),n=e?.reduce((e,a,n)=>{const s=n<r?t.COMPLETED:t.INACTIVE,l=n===r?t.ACTIVE:s;return[...e,{"aria-label":a["aria-label"],name:a.name,state:l}]},[]);return n};export{e as mapToStepState};

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

@@ -0,0 +1 @@
+export {  StepperNumber  } from './stepperNumber.js';

package/dist/esm/components/stepperNumber/stepperNumber.js

@@ -0,0 +1,2 @@
+import{j as a}from"../../_virtual/jsx-runtime.js";import{forwardRef as s}from"react";import{useClassName as t}from"../../lib/hooks/useClassName/useClassName.js";import{StepperNumberStandAlone as o}from"./stepperNumberStandAlone.js";const i="STEPPER_NUMBER",n=s(({additionalOrientationClasses:s,additionalVariantClasses:n,orientation:r="horizontal",variant:e,...l},m)=>{const d=t({additionalClassNames:n,component:i,variant:e}),p=t({additionalClassNames:s,component:i,variant:r});/* @__PURE__ */
+return a.jsx(o,{...l,ref:m,cssOrientationClasses:p,cssVariantClasses:d,orientation:r})});export{n as StepperNumber};

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

@@ -0,0 +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__ */
+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",{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};

package/dist/esm/components/table/__stories__/css/table.css

@@ -0,0 +1,7 @@
+.scrollablecontainer-max-height {
+  max-height: 200px;
+}
+
+.container-over-width {
+  width: 120% !important;
+}

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

@@ -0,0 +1 @@
+import{useState as e,useEffect as r}from"react";import{ResizeObserver as t}from"../../../lib/utils/resizeObserver/resizeObserver.js";import{hasScroll as o}from"../../../lib/utils/scroll/hasScroll.js";const s=({disabled:s=!1,ref:l})=>{const[c,n]=e(!1);return r(()=>{const e=l.current?.querySelector?.("[data-table-scrollable-container]");let r;if(e instanceof HTMLElement&&!s){const s=e=>{n(o(e))};s(e),r=new t(()=>{s(e)}),r.observe(e)}return s&&n(!1),()=>{r?.disconnect()}},[s]),{hasScroll:c}};export{s as useTableHasScroll};

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

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

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

@@ -0,0 +1 @@
+import{useEffect as e}from"react";import{ResizeObserver as t}from"../../../lib/utils/resizeObserver/resizeObserver.js";import{hasHorizontalScroll as r}from"../../../lib/utils/scroll/hasScroll.js";const l=({disabled:l=!1,ref:o})=>(e(()=>{const e=o.current?.querySelector("[data-table-scrollable-container]"),s=o.current?.querySelector("[data-table-left-shadow]");let a;if(e instanceof HTMLElement&&!l){const l=e=>{const t=r(e),l=e.querySelectorAll("[data-table-row]");let o=0;l.forEach(e=>{const r=Array.from(e.querySelectorAll('[data-sticky="left"]'));let l=0;r.forEach(e=>{e instanceof HTMLElement&&(e.style.left=t?`${l}px`:"auto",l+=e.offsetWidth)}),o=Math.max(o,l)}),s instanceof HTMLElement&&(s.style.left=`${o}px`)};l(e),a=new t(()=>{l(e)}),a.observe(e)}return()=>{a?.disconnect()}},[l]),{});export{l as useTableStickyLeftColumns};

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

@@ -0,0 +1 @@
+import{useEffect as e}from"react";import{ResizeObserver as t}from"../../../lib/utils/resizeObserver/resizeObserver.js";import{hasHorizontalScroll as r,hasVerticalScroll as o}from"../../../lib/utils/scroll/hasScroll.js";const l=({disabled:l=!1,ref:s})=>(e(()=>{const e=s.current?.querySelector("[data-table-scrollable-container]"),a=s.current?.querySelector("[data-table-right-shadow]");let i;if(e instanceof HTMLElement&&!l){const l=e=>{const t=r(e),l=e.querySelectorAll("[data-table-row]");let s=0;if(l.forEach(e=>{const r=Array.from(e.querySelectorAll('[data-sticky="true"], [data-sticky="right"]')).reverse();let o=0;r.forEach(e=>{e instanceof HTMLElement&&(e.style.right=t?`${o}px`:"auto",o+=e.offsetWidth)}),s=Math.max(s,o)}),a instanceof HTMLElement){if(o(e)){const t=e.offsetWidth-e.clientWidth;s+=t}a.style.right=`${s}px`}};l(e),i=new t(()=>{l(e)}),i.observe(e)}return()=>{i?.disconnect()}},[l]),{});export{l as useTableStickyRightColumns};

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

@@ -0,0 +1 @@
+export {  Table  } from './table.js';

package/dist/esm/components/table/table.js

@@ -0,0 +1 @@
+import{j as o}from"../../_virtual/jsx-runtime.js";import{forwardRef as s,useRef as a,useImperativeHandle as e}from"react";import{useClassName as t}from"../../lib/hooks/useClassName/useClassName.js";import{useTableHasScroll as l}from"./hooks/useTableHasScroll.js";import{useTableShadow as r}from"./hooks/useTableShadow.js";import{useTableStickyLeftColumns as i}from"./hooks/useTableStickyLeftColumns.js";import{useTableStickyRightColumns as d}from"./hooks/useTableStickyRightColumns.js";import{TableStandAlone as m}from"./tableStandAlone.js";const h=s(({additionalClasses:s,autoLeftStickyCalc:h=!0,autoRightStickyCalc:f=!0,disableShadowEffects:c,hasScrollDisabled:n,variant:b,...u},S)=>{const j=t({additionalClassNames:s,component:"TABLE",variant:b}),p=a(null);e(S,()=>p.current);const{hasScroll:k}=l({disabled:n,ref:p});return d({disabled:!f,ref:p}),i({disabled:!h,ref:p}),r({disabled:c,headBoxShadow:j?.headboxshadow,leftBoxShadow:j?.leftboxshadow,ref:p,rightBoxShadow:j?.rightboxshadow}),/* @__PURE__ */o.jsx(m,{ref:p,cssClasses:j,hasScroll:k,...u})});export{h as Table};

package/dist/esm/components/table/tableStandAlone.js

@@ -0,0 +1,5 @@
+import{j as a}from"../../_virtual/jsx-runtime.js";import{forwardRef as t}from"react";import{pickCustomAttributes as e}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{CustomComponent as s}from"../../lib/components/customComponent/customComponent.js";const l=t(({children:t,component:l="table",cssClasses:o,hasScroll:i,hasScrollDisabled:r,sticky:d,...n},c)=>{const b=e(n),m=n["data-testid"]||"table-standalone";/* @__PURE__ */
+return a.jsxs("div",{ref:c,className:o?.table,"data-sticky":d,"data-testid":`${m}-wrapper`,children:[
+/* @__PURE__ */a.jsx("div",{"aria-hidden":n["aria-hidden"],"aria-label":i?n["aria-label"]:void 0,"aria-labelledby":i?n["aria-labelledby"]:void 0,className:o?.scrollablecontainer,"data-table-scrollable-container":!0,"data-testid":`${m}-scrollable-container`,role:i?"region":void 0,style:{overflow:r?"visible":"auto"},...i?{tabIndex:0}:{},children:/* @__PURE__ */a.jsx(s,{className:o?.container,component:l,"data-testid":m,...b,children:t})}),
+/* @__PURE__ */a.jsx("div",{className:o?.leftboxshadowcontainer,"data-table-left-shadow":!0}),
+/* @__PURE__ */a.jsx("div",{className:o?.rightboxshadowcontainer,"data-table-right-shadow":!0})]})});export{l as TableStandAlone};

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

@@ -0,0 +1 @@
+export {  TableBody  } from './tableBody.js';

package/dist/esm/components/tableBody/tableBody.js

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

package/dist/esm/components/tableBody/tableBodyStandAlone.js

@@ -0,0 +1,2 @@
+import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as o}from"react";import{pickCustomAttributes as s}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{CustomComponent as e}from"../../lib/components/customComponent/customComponent.js";const m=o(({children:o,component:m="tbody",cssClasses:r,id:i,...n},c)=>{const p=s(n);/* @__PURE__ */
+return t.jsx(e,{ref:c,className:r?.table_body,component:m,"data-testid":"table-body",...p,id:i,children:o})});export{m as TableBodyStandAlone};

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

@@ -0,0 +1 @@
+export {  TableCaption  } from './tableCaption.js';

package/dist/esm/components/tableCaption/tableCaption.js

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

package/dist/esm/components/tableCaption/tableCaptionStandAlone.js

@@ -0,0 +1,2 @@
+import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as o}from"react";import{pickCustomAttributes as s}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{CustomComponent as i}from"../../lib/components/customComponent/customComponent.js";const n=o(({children:o,component:n="caption",cssClasses:e,hidden:m,id:r,...c},p)=>{const a=s(c);/* @__PURE__ */
+return t.jsx(i,{ref:p,className:e?.table_caption,component:n,"data-hidden":m,id:r,...a,children:o})});export{n as TableCaptionStandAlone};

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

@@ -0,0 +1 @@
+export {  TableCell  } from './tableCell.js';

package/dist/esm/components/tableCell/tableCell.js

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

package/dist/esm/components/tableCell/tableCellStandAlone.js

@@ -0,0 +1,2 @@
+import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as e}from"react";import{pickCustomAttributes as i}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{CustomComponent as o}from"../../lib/components/customComponent/customComponent.js";const n=e(({alignItems:e,bottom:n,children:l,colSpan:a,component:s,cssClasses:d,height:r,hidden:c,id:m,justifyContent:p,left:h,maxWidth:u,minWidth:b,onClick:$,onMouseEnter:g,onMouseLeave:f,right:j,role:C,rowSpan:x,scope:y,sticky:A,textAlign:k,th:M,top:v,verticalAlign:W,width:S,...w},L)=>{const _=i(w),E=d?.dynamic_values({$tdAlignItems:e||"",$tdBottom:n||"",$tdHeight:r||"",$tdJustifyContent:p||"",$tdLeft:h||"",$tdMaxWidth:u||"",$tdMinWidth:b||"",$tdRight:j||"",$tdTextAlign:k||"",$tdTop:v||"",$tdVerticalAlign:W||"",$tdWidth:S||""}).object;/* @__PURE__ */
+return t.jsx(o,{ref:L,"aria-label":w["aria-label"],"aria-labelledby":w["aria-labelledby"],className:d?.table_cell,colSpan:a,component:s||(M?"th":"td"),"data-hidden":c,"data-sticky":A,"data-testid":"table-cell",id:m,role:C,rowSpan:x,scope:y,style:E,onClick:$,onMouseEnter:g,onMouseLeave:f,..._,children:c?/* @__PURE__ */t.jsx("span",{children:l}):l})});export{n as TableCellStandAlone};

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

@@ -0,0 +1 @@
+export {  TableDivider  } from './tableDivider.js';

package/dist/esm/components/tableDivider/tableDivider.js

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

package/dist/esm/components/tableDivider/tableDividerStandAlone.js

@@ -0,0 +1,2 @@
+import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as i}from"react";import{pickCustomAttributes as o}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{CustomComponent as s}from"../../lib/components/customComponent/customComponent.js";const e=i(({children:i,component:e="div",cssClasses:r,id:m,...n},c)=>{const d=o(n);/* @__PURE__ */
+return t.jsx(s,{ref:c,className:r?.table_divider,component:e,"data-table-divider":!0,"data-testid":"table-divider",id:m,...d,children:i})});export{e as TableDividerStandAlone};

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

@@ -0,0 +1 @@
+export {  TableFoot  } from './tableFoot.js';

package/dist/esm/components/tableFoot/tableFoot.js

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

package/dist/esm/components/tableFoot/tableFootStandAlone.js

@@ -0,0 +1,2 @@
+import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as o}from"react";import{pickCustomAttributes as s}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{CustomComponent as e}from"../../lib/components/customComponent/customComponent.js";const m=o(({children:o,component:m="tfoot",cssClasses:r,id:i,...n},c)=>{const p=s(n);/* @__PURE__ */
+return t.jsx(e,{ref:c,className:r?.table_foot,component:m,"data-testid":"table-foot",id:i,...p,children:o})});export{m as TableFootStandAlone};

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

@@ -0,0 +1 @@
+export {  TableHead  } from './tableHead.js';

package/dist/esm/components/tableHead/tableHead.js

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

package/dist/esm/components/tableHead/tableHeadStandAlone.js

@@ -0,0 +1,2 @@
+import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as e}from"react";import{pickCustomAttributes as s}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{CustomComponent as o}from"../../lib/components/customComponent/customComponent.js";const i=e(({children:e,component:i="thead",cssClasses:a,hidden:m,id:r,sticky:n,...d},c)=>{const p=s(d);/* @__PURE__ */
+return t.jsx(o,{ref:c,className:a?.table_head,component:i,"data-hidden":m,"data-sticky":n,"data-table-head":!0,"data-testid":"table-head",id:r,...p,children:e})});export{i as TableHeadStandAlone};

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

@@ -0,0 +1 @@
+export {  TableRow  } from './tableRow.js';

package/dist/esm/components/tableRow/tableRow.js

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

package/dist/esm/components/tableRow/tableRowStandAlone.js

@@ -0,0 +1,2 @@
+import{j as o}from"../../_virtual/jsx-runtime.js";import{forwardRef as t}from"react";import{pickCustomAttributes as e}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{CustomComponent as n}from"../../lib/components/customComponent/customComponent.js";const s=t(({active:t,children:s,component:r="tr",cssClasses:a,hoverable:i=!0,id:m,onClick:c,onKeyDown:l,onMouseEnter:u,onMouseLeave:p,...b},d)=>{const v=e(b);/* @__PURE__ */
+return o.jsx(n,{ref:d,className:a?.table_row,component:r,"data-active":t,"data-hoverable":i,"data-table-row":!0,"data-testid":"table-row",id:m,onClick:c,onKeyDown:l,onMouseEnter:u,onMouseLeave:p,...v,children:s})});export{s as TableRowStandAlone};

package/dist/esm/components/tabs/hooks/useTabs/useTabs.js

@@ -0,0 +1 @@
+import{useState as e,useMemo as o,useEffect as t}from"react";import{useActiveBreakpoints as s}from"../../../../lib/hooks/useMediaDevice/useActiveBreakpoints.js";import{useRoveFocus as i}from"../../../../lib/hooks/useRoveFocus/useRoveFocus.js";import{keyLeftMove as r}from"../../utils/keyMove/keLeftMove.js";import{keyRightMove as n}from"../../utils/keyMove/keyRightMove.js";const c=({numTabsInView:c,selectedTab:l,tabsLength:u})=>{const{device:k,isMobile:v}=s(),[a,m]=e(0),M=o(()=>({keyDownMove:0,keyLeftMove:v?r(a,c):-1,keyRightMove:v?n(u,a,c):1,keyTabMove:null,keyUpMove:0,size:u}),[k,a,c]),[f,p,y]=i(M);t(()=>{if(y.current&&v){const e=y?.current?.clientWidth/c*a;y.current.style.transform=`translate(-${e}px)`}p(a)},[a,k]);t(()=>{(e=>{m(o=>{let t=o;return e>=o&&e<o+c||(t=e-c+1,t=t<0?0:t),t})})(l??0)},[l]);return{focus:f,handleClickIcon:e=>{m(e?a+1:a-1)},handleClickTab:e=>{p(e)},listEl:y,position:a}};export{c as useTabs};

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

@@ -0,0 +1,2 @@
+export {  TabsControlled  } from './tabsControlled.js';
+export {  Tabs  } from './tabsUnControlled.js';

package/dist/esm/components/tabs/tabsControlled.js

@@ -0,0 +1,2 @@
+import{j as s}from"../../_virtual/jsx-runtime.js";import{forwardRef as e}from"react";import{useClassName as a}from"../../lib/hooks/useClassName/useClassName.js";import{useMediaDevice as o}from"../../lib/hooks/useMediaDevice/useMediaDevice.js";import{TabsStandAlone as t}from"./tabsStandAlone.js";const i=e(({additionalClasses:e,variant:i,...r},m)=>{const l=a({additionalClassNames:e,component:"TABS",variant:i}),n=o();/* @__PURE__ */
+return s.jsx(t,{...r,ref:m,cssClasses:l,device:n,selectedTab:r.defaultSelectedTab})});export{i as TabsControlled};

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

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

package/dist/esm/components/tabs/tabsUnControlled.js

@@ -0,0 +1,2 @@
+import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as e,useState as o}from"react";import{TabsControlled as r}from"./tabsControlled.js";const a=e(function({defaultSelectedTab:e=0,onSelectTab:a,...s},l){const[n,c]=o(e);/* @__PURE__ */
+return t.jsx(r,{...s,ref:l,defaultSelectedTab:n,onSelectTab:t=>{c(t),a?.(t)}})});export{a as Tabs,a as TabsUnControlled};

package/dist/esm/components/tabs/utils/keyMove/keLeftMove.js

@@ -0,0 +1 @@
+const o=(o,t)=>c=>c-1<0||c-1<o?o-1+t:c-1;export{o as keyLeftMove};

package/dist/esm/components/tabs/utils/keyMove/keyRightMove.js

@@ -0,0 +1 @@
+const o=(o,t,c)=>e=>e+1>=o||e+1===t+c?t:e+1;export{o as keyRightMove};

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

@@ -0,0 +1 @@
+export {  Tag  } from './tag.js';

package/dist/esm/components/tag/tag.js

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

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

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

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

@@ -0,0 +1 @@
+export {  Text  } from './text.js';

package/dist/esm/components/text/text.css

@@ -0,0 +1,14 @@
+.kbt-text {
+  -webkit-text-size-adjust: 100%;
+  text-size-adjust: 100%;
+}
+
+.kbt-text--disabled {
+  pointer-events: none;
+}
+
+.kbt-text--truncate {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}

package/dist/esm/components/text/text.js

@@ -0,0 +1 @@
+import{j as s}from"../../_virtual/jsx-runtime.js";import{forwardRef as a}from"react";import{useClassName as r}from"../../lib/hooks/useClassName/useClassName.js";import{TextStandAlone as t}from"./textStandAlone.js";const o=a(({additionalClasses:a,children:o,variant:e,...i},n)=>{const l=r({additionalClassNames:a,component:"TEXT",variant:e});return o?/* @__PURE__ */s.jsx(t,{...i,ref:n,cssClasses:l,children:o}):null});export{o as Text};

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

@@ -0,0 +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__ */
+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

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

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

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

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

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