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

package/dist/cjs/components/popover/styles/popover.css

@@ -0,0 +1,189 @@
+/**
+ * PopoverV2 Main Styles
+ * Contains animation logic and positioning styles
+ */
+
+/* Import all animation keyframes */
+@import './keyframes.css';
+
+/* Popover Animation Styles */
+/* ============================================= */
+
+/* Base animation properties - ALWAYS applied (even with disableAnimations=true) */
+/* This allows additionalClasses to work properly */
+[data-kbt-id='popover'][data-kbt-placement] {
+  animation-duration: 500ms;
+  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
+  animation-fill-mode: forwards;
+  animation-iteration-count: 1;
+}
+
+/* Opening animations based on placement - ONLY when animations are enabled */
+[data-kbt-id='popover'][data-kbt-closing='false']:not(
+    [data-kbt-disable-animations='true']
+  ) {
+  --animation-prefix: 'popover-enter-';
+}
+
+[data-kbt-id='popover'][data-kbt-placement='center'][data-kbt-closing='false']:not(
+    [data-kbt-disable-animations='true']
+  ) {
+  animation-name: popover-enter-center;
+}
+
+[data-kbt-id='popover'][data-kbt-placement^='top'][data-kbt-closing='false']:not(
+    [data-kbt-disable-animations='true']
+  ) {
+  animation-name: var(--animation-name, popover-enter-top);
+}
+
+[data-kbt-id='popover'][data-kbt-placement='top-start'][data-kbt-closing='false']:not(
+    [data-kbt-disable-animations='true']
+  ) {
+  animation-name: popover-enter-top-start;
+}
+
+[data-kbt-id='popover'][data-kbt-placement='top-end'][data-kbt-closing='false']:not(
+    [data-kbt-disable-animations='true']
+  ) {
+  animation-name: popover-enter-top-end;
+}
+
+[data-kbt-id='popover'][data-kbt-placement^='bottom'][data-kbt-closing='false']:not(
+    [data-kbt-disable-animations='true']
+  ) {
+  animation-name: var(--animation-name, popover-enter-bottom);
+}
+
+[data-kbt-id='popover'][data-kbt-placement='bottom-start'][data-kbt-closing='false']:not(
+    [data-kbt-disable-animations='true']
+  ) {
+  animation-name: popover-enter-bottom-start;
+}
+
+[data-kbt-id='popover'][data-kbt-placement='bottom-end'][data-kbt-closing='false']:not(
+    [data-kbt-disable-animations='true']
+  ) {
+  animation-name: popover-enter-bottom-end;
+}
+
+[data-kbt-id='popover'][data-kbt-placement^='left'][data-kbt-closing='false']:not(
+    [data-kbt-disable-animations='true']
+  ) {
+  animation-name: var(--animation-name, popover-enter-left);
+}
+
+[data-kbt-id='popover'][data-kbt-placement='left-start'][data-kbt-closing='false']:not(
+    [data-kbt-disable-animations='true']
+  ) {
+  animation-name: popover-enter-left-start;
+}
+
+[data-kbt-id='popover'][data-kbt-placement='left-end'][data-kbt-closing='false']:not(
+    [data-kbt-disable-animations='true']
+  ) {
+  animation-name: popover-enter-left-end;
+}
+
+[data-kbt-id='popover'][data-kbt-placement^='right'][data-kbt-closing='false']:not(
+    [data-kbt-disable-animations='true']
+  ) {
+  animation-name: var(--animation-name, popover-enter-right);
+}
+
+[data-kbt-id='popover'][data-kbt-placement='right-start'][data-kbt-closing='false']:not(
+    [data-kbt-disable-animations='true']
+  ) {
+  animation-name: popover-enter-right-start;
+}
+
+[data-kbt-id='popover'][data-kbt-placement='right-end'][data-kbt-closing='false']:not(
+    [data-kbt-disable-animations='true']
+  ) {
+  animation-name: popover-enter-right-end;
+}
+
+/* Closing animations based on placement - ONLY when animations are enabled */
+[data-kbt-id='popover'][data-kbt-closing='true']:not(
+    [data-kbt-disable-animations='true']
+  ) {
+  --animation-prefix: 'popover-exit-';
+}
+
+[data-kbt-id='popover'][data-kbt-placement='center'][data-kbt-closing='true']:not(
+    [data-kbt-disable-animations='true']
+  ) {
+  animation-name: popover-exit-center;
+}
+
+[data-kbt-id='popover'][data-kbt-placement^='top'][data-kbt-closing='true']:not(
+    [data-kbt-disable-animations='true']
+  ) {
+  animation-name: var(--exit-animation-name, popover-exit-top);
+}
+
+[data-kbt-id='popover'][data-kbt-placement='top-start'][data-kbt-closing='true']:not(
+    [data-kbt-disable-animations='true']
+  ) {
+  animation-name: popover-exit-top-start;
+}
+
+[data-kbt-id='popover'][data-kbt-placement='top-end'][data-kbt-closing='true']:not(
+    [data-kbt-disable-animations='true']
+  ) {
+  animation-name: popover-exit-top-end;
+}
+
+[data-kbt-id='popover'][data-kbt-placement^='bottom'][data-kbt-closing='true']:not(
+    [data-kbt-disable-animations='true']
+  ) {
+  animation-name: var(--exit-animation-name, popover-exit-bottom);
+}
+
+[data-kbt-id='popover'][data-kbt-placement='bottom-start'][data-kbt-closing='true']:not(
+    [data-kbt-disable-animations='true']
+  ) {
+  animation-name: popover-exit-bottom-start;
+}
+
+[data-kbt-id='popover'][data-kbt-placement='bottom-end'][data-kbt-closing='true']:not(
+    [data-kbt-disable-animations='true']
+  ) {
+  animation-name: popover-exit-bottom-end;
+}
+
+[data-kbt-id='popover'][data-kbt-placement^='left'][data-kbt-closing='true']:not(
+    [data-kbt-disable-animations='true']
+  ) {
+  animation-name: var(--exit-animation-name, popover-exit-left);
+}
+
+[data-kbt-id='popover'][data-kbt-placement='left-start'][data-kbt-closing='true']:not(
+    [data-kbt-disable-animations='true']
+  ) {
+  animation-name: popover-exit-left-start;
+}
+
+[data-kbt-id='popover'][data-kbt-placement='left-end'][data-kbt-closing='true']:not(
+    [data-kbt-disable-animations='true']
+  ) {
+  animation-name: popover-exit-left-end;
+}
+
+[data-kbt-id='popover'][data-kbt-placement^='right'][data-kbt-closing='true']:not(
+    [data-kbt-disable-animations='true']
+  ) {
+  animation-name: var(--exit-animation-name, popover-exit-right);
+}
+
+[data-kbt-id='popover'][data-kbt-placement='right-start'][data-kbt-closing='true']:not(
+    [data-kbt-disable-animations='true']
+  ) {
+  animation-name: popover-exit-right-start;
+}
+
+[data-kbt-id='popover'][data-kbt-placement='right-end'][data-kbt-closing='true']:not(
+    [data-kbt-disable-animations='true']
+  ) {
+  animation-name: popover-exit-right-end;
+}

package/dist/cjs/components/popover/types/animation.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.DEFAULT_PLACEMENT="center";

package/dist/cjs/components/popover/utils/placement.utils.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../types/animation.js");exports.getPlacementDirection=e=>e?e.startsWith("top")?"top":e.startsWith("bottom")?"bottom":e.startsWith("left")?"left":e.startsWith("right")?"right":t.DEFAULT_PLACEMENT:t.DEFAULT_PLACEMENT;

package/dist/cjs/components/popover/utils/styling.utils.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./placement.utils.js"),e={bottom:r=>({borderLeft:r,borderTop:r}),left:r=>({borderRight:r,borderTop:r}),right:r=>({borderBottom:r,borderLeft:r}),top:r=>({borderBottom:r,borderRight:r})};exports.getArrowBorderStyles=(o,t)=>{if(!t)return{};const i={"--arrow-size":`${t.size}px`,backgroundColor:t.backgroundColor,height:`${t.size}px`,width:`${t.size}px`};if(t.border){const b=r.getPlacementDirection(o),d=e[b];d&&Object.assign(i,d(t.border))}return i};

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

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

package/dist/cjs/components/portal/portal.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react-dom");exports.Portal=({children:t,wrapperId:r})=>{let o=document.body;return r&&(o=document.getElementById(r),o||(o=(e=>{const t=document.createElement("div");return t.setAttribute("id",e),document.body.appendChild(t),t})(r))),e.createPortal(t,o)};

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

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

package/dist/cjs/components/progressBar/progressBar.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../_virtual/jsx-runtime.js"),e=require("react"),a=require("../../lib/hooks/useClassName/useClassName.js"),r=require("./progressBarStandAlone.js"),t=e.forwardRef(({additionalSizeClasses:e,additionalVariantClasses:t,percentProgressCompleted:o,size:i,variant:n,...l},d)=>{const m=a.useClassName({additionalClassNames:t,component:"PROGRESS_BAR",variant:n}),u=a.useClassName({additionalClassNames:e,component:"PROGRESS_BAR",variant:i}),C=o?Math.min(Math.max(o,0),100):0;return s.jsxRuntimeExports.jsx(r.ProgressBarStandalone,{...l,ref:d,cssSizeClasses:u,cssVariantClasses:m,progressCompleted:C})});exports.ProgressBar=t;

package/dist/cjs/components/progressBar/progressBarStandAlone.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../_virtual/jsx-runtime.js"),r=require("react"),e=require("../../lib/utils/classNames/classNames.js"),a=require("../slider/slider.js"),t=r.forwardRef(({barAriaLabel:r,color:t,cssSizeClasses:i,cssVariantClasses:o,onChange:n,onDragEnd:l,onDragStart:d,progressAnimation:u,progressCompleted:c,tooltip:x,useAsSlider:m=!1,...p},g)=>{const j=p["data-testid"]||"progress-bar",b={backgroundColor:t?.bar},E={backgroundColor:t?.progressBar,transition:`width ${u?.duration} ${u?.timingFunction}`,width:`${c}%`};return s.jsxRuntimeExports.jsx("div",{ref:g,className:o?.progress_bar,"data-testid":`${j}-progressbar`,children:s.jsxRuntimeExports.jsx("div",{className:o?.barcontainer,children:m?s.jsxRuntimeExports.jsx(a.Slider,{additionalClasses:o?.slider,ariaLabel:r,max:1e3,min:0,tooltip:x,type:"continuous",value:10*c,onChange:s=>{n&&!Array.isArray(s)&&n(s/10)},onDragEnd:l,onDragStart:d}):s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx("div",{className:e.classNames(i?.bar,o?.bar),"data-testid":j,style:b}),s.jsxRuntimeExports.jsx("div",{className:e.classNames(i?.progressbar,o?.progressbar),style:E})]})})})});exports.ProgressBarStandalone=t;

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

@@ -0,0 +1,4 @@
+const { RadioButton } = require('./radioButton.js');
+module.exports = { ...module.exports, RadioButton };
+const { RadioButtonStandAlone } = require('./radioButtonStandAlone.js');
+module.exports = { ...module.exports, RadioButtonStandAlone };

package/dist/cjs/components/radioButton/radioButton.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../_virtual/jsx-runtime.js"),e=require("../../lib/hooks/useClassName/useClassName.js"),t=require("./radioButtonStandAlone.js"),a=require("./utils/state.utils.js");exports.RadioButton=({additionalClasses:r,checked:o=!1,cssClasses:i,disabled:l=!1,error:n=!1,variant:u,...d})=>{const c=e.useClassName({additionalClassNames:r,component:"RADIO_BUTTON",variant:u}),j=a.getState(o,l,n);return s.jsxRuntimeExports.jsx(t.RadioButtonStandAlone,{cssClasses:i??c,state:j,...d,checked:o,disabled:l,error:n})};

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.buildAriaLabelledBy=({descriptionId:e,error:r,errorMessage:t,errorMessageId:o,screenReaderId:s})=>{let d="";e&&(d+=`${e}`),s&&(d+=` ${s}`),t&&r&&(d+=` ${o}`);const i=d.trim();return i.length>0?i:void 0};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("../../../lib/types/states/states.js");exports.getState=(S=!1,t=!1,e=!1)=>{const T=e,s=t,r=S;return T&&!r?E.STATES.ERROR:T&&r?E.STATES.ERROR_SELECTED:s&&!r?E.STATES.DISABLED:s&&r?E.STATES.DISABLED_SELECTED:r?E.STATES.SELECTED:E.STATES.DEFAULT};

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),s=require("../../text/text.js"),r=require("../../../lib/types/states/states.js"),t=require("../../../lib/utils/process/processText/processText.js"),o=require("../../elementOrIcon/elementOrIcon.js");exports.SelectorBoxFileErrorMessage=({cssClasses:i,errorMessage:a,errorMessageIcon:x,errorMessageId:l,state:n})=>e.jsxRuntimeExports.jsx("div",{"aria-live":"polite",children:t.processText(a)&&n===r.STATES.ERROR?e.jsxRuntimeExports.jsxs("div",{className:i?.errormessagecontainer,id:l,children:[e.jsxRuntimeExports.jsx(o.ElementOrIcon,{className:i?.errormessageicon,...x}),e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:i?.errormessage},...t.processText(a)})]}):null});

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../_virtual/jsx-runtime.js"),e=require("../../button/button.js"),s=require("../../renderIf/renderIf.js"),i=require("../../text/text.js"),o=require("../../../lib/utils/process/processText/processText.js"),n=require("./selectorBoxFileTooltip.js");exports.SelectorBoxFileHeader=({button:r,cssClasses:x,description:l,headerId:a,subtitle:d,title:c,tooltip:u,tooltipIcon:j})=>t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsxs("div",{className:x?.titlesubtitlecontainer,id:a,children:[t.jsxRuntimeExports.jsx(s.RenderIf,{condition:!!c,children:t.jsxRuntimeExports.jsx(i.Text,{additionalClasses:{text:x?.title},component:"h5",...o.processText(c)})}),t.jsxRuntimeExports.jsx(s.RenderIf,{condition:!!d,children:t.jsxRuntimeExports.jsxs("div",{className:x?.actiondescriptioncontainer,children:[t.jsxRuntimeExports.jsx(i.Text,{additionalClasses:{text:x?.subtitle},...o.processText(d)}),t.jsxRuntimeExports.jsx(n.SelectorBoxFileTooltip,{cssClasses:x,tooltip:u,tooltipIcon:j})]})})]}),t.jsxRuntimeExports.jsx(s.RenderIf,{condition:!(!l&&!r),children:t.jsxRuntimeExports.jsxs("div",{className:x?.descriptioncontainer,children:[t.jsxRuntimeExports.jsx(i.Text,{additionalClasses:{text:x?.description},...o.processText(l)}),t.jsxRuntimeExports.jsx(s.RenderIf,{condition:!(!x?.button_variant&&!r?.size||!x?.button_size&&!r?.variant),children:t.jsxRuntimeExports.jsx(e.Button,{additionalSizeClasses:r?.variant?void 0:x?.button_size,additionalVariantClasses:r?.size?void 0:x?.button_variant,size:r?.size,variant:r?.variant,...r,children:r?.content})})]})})]});

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../../_virtual/jsx-runtime.js"),t=require("../../tooltip/tooltipUnControlled.js"),e=require("../../elementOrIcon/elementOrIcon.js");exports.SelectorBoxFileTooltip=({cssClasses:i,tooltip:s,tooltipIcon:n})=>{if(!n?.icon)return null;const l=o.jsxRuntimeExports.jsx(e.ElementOrIcon,{className:i?.tooltipicon,...n});return s?o.jsxRuntimeExports.jsx("div",{className:i?.tooltipiconcontainer,children:o.jsxRuntimeExports.jsx(t.TooltipUnControlled,{additionalClasses:i?.tooltip,...s,children:l})}):o.jsxRuntimeExports.jsx("div",{className:i?.tooltipiconcontainer,children:l})};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../utils/animation/animation.js"),r="100%",n=(e,t)=>{e&&(e.style.transition="none",e.style[t]="0%",e.style.removeProperty("transition"))};exports.useBorderAnimation=({...i})=>{const s=e.useRef(null),u=e.useRef(null),c=e.useRef(null),a=e.useRef(null),[o,g]=e.useState(!1),[d,l]=e.useState(!1),[h,p]=e.useState(!1);return e.useEffect(()=>{0===i.percentage?(n(s.current,"width"),n(u.current,"height"),n(c.current,"width"),n(a.current,"height"),g(!1),l(!1),p(!1)):i.percentage>0&&(i.percentage>=0&&s?.current&&(s.current.style.width=`${t.getTopBarWith(i.percentage)}%`),o&&i.percentage>25&&u?.current&&(u.current.style.height=`${t.getRightBarHeight(i.percentage)}%`),d&&i.percentage>50&&c?.current&&(c.current.style.width=`${t.getBottomBarWith(i.percentage)}%`),h&&i.percentage>75&&a?.current&&(a.current.style.height=`${t.getLeftBarHeight(i.percentage)}%`))},[i.percentage,o,d,h]),e.useEffect(()=>{const e=()=>{g(s.current?.style.width===r)},t=()=>{l(u.current?.style.height===r)},n=()=>{p(c.current?.style.width===r)},o=()=>{a.current?.style.height===r&&i.onAnimationCompleted?.()};return s.current?.addEventListener("transitionend",e),u.current?.addEventListener("transitionend",t),c.current?.addEventListener("transitionend",n),a.current?.addEventListener("transitionend",o),()=>{s.current?.removeEventListener("transitionend",e),u.current?.removeEventListener("transitionend",t),c.current?.removeEventListener("transitionend",n),a.current?.removeEventListener("transitionend",o)}},[]),{bottomRef:c,leftRef:a,rightRef:u,topRef:s}};

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

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

package/dist/cjs/components/selectorBoxFile/selectorBoxFile.js

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

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../translateValue/translateValue.js"),e=(e,a,r)=>e>r?100:t.translateValue({inputMax:r,inputMin:a,outputMax:100,outputMin:0,value:e});exports.getBottomBarWith=t=>e(t,50,75),exports.getLeftBarHeight=t=>e(t,75,100),exports.getRightBarHeight=t=>e(t,25,50),exports.getTopBarWith=t=>e(t,0,25);

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../../lib/types/states/states.js");exports.getState=(S,e,T,s)=>s?t.STATES.DISABLED:T?t.STATES.ERROR:e?t.STATES.SUCCESS:S?t.STATES.LOADING:t.STATES.DEFAULT;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.translateValue=({inputMax:t,inputMin:e,outputMax:u,outputMin:a,value:n})=>{if(e===t)return a;const r=a+(n-e)/(t-e)*(u-a);return Math.min(u,Math.max(a,r))};

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

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

package/dist/cjs/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/cjs/components/skeleton/skeleton.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),a=require("../../lib/hooks/useClassName/useClassName.js"),t=require("./skeletonStandAlone.js"),r=s.forwardRef(({additionalClasses:s,additionalShapeClasses:r,shapeVariant:n,variant:o,...i},l)=>{const u=a.useClassName({component:"SKELETON",variant:o}),p=a.useClassName({component:"SKELETON",variant:n});return e.jsxRuntimeExports.jsx(t.SkeletonStandAlone,{...i,ref:l,cssClasses:u,cssShapeClasses:p,shapeVariant:o})});exports.Skeleton=r;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js");;/* empty css              */const s=require("react"),t=require("../../lib/utils/classNames/classNames.js"),r=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),i=s.forwardRef(({cssClasses:s,cssShapeClasses:i,duration:o="1.2s",height:l,width:u,...a},n)=>{const c=r.pickCustomAttributes(a);return e.jsxRuntimeExports.jsx("div",{ref:n,className:t.classNames("kbt-skeleton",s?.skeleton,i?.skeleton),"data-testid":"skeleton",style:{"--skeleton-duration":o,"--skeleton-height":l,"--skeleton-width":u},...c})});exports.SkeletonStandAlone=i;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../_virtual/jsx-runtime.js"),e=require("../../button/button.js");exports.SliderButtonStandAlone=({content:s,cssClasses:n,customAttributes:r,...o})=>{const i=n?.decrement_button_variant,u=n?.decrement_button_size;return i&&u?t.jsxRuntimeExports.jsx(e.Button,{...o,additionalSizeClasses:u,additionalVariantClasses:i,children:s}):null};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),t=require("../../renderIf/renderIf.js"),s=require("../../text/text.js");exports.SliderHelperTextStandAlone=({cssClasses:r,customAttributes:i,leftHelperText:n,leftHelperTextId:x,rightHelperText:l,rightHelperTextId:o})=>n||l?e.jsxRuntimeExports.jsxs("div",{className:r?.helpertextcontainer,children:[e.jsxRuntimeExports.jsx(t.RenderIf,{condition:!!n,children:e.jsxRuntimeExports.jsx("div",{className:r?.helpertextleftcontainer,children:e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:r?.helpertext},component:"span",customAttributes:i,id:x,children:n})})}),e.jsxRuntimeExports.jsx(t.RenderIf,{condition:!!l,children:e.jsxRuntimeExports.jsx("div",{className:r?.helpertextrightcontainer,children:e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:r?.helpertext},component:"span",customAttributes:i,id:o,children:l})})})]}):null;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),t=require("react"),s=require("../../../lib/hooks/useId/useId.js"),r=require("../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js");exports.SliderScaleStandAlone=({cssClasses:u,customAttributes:i,scaleOffsets:c,showScale:l})=>{const o=s.useId("tickmarks"),[n,a]=t.useState("0px"),p=t.useRef(null);return t.useEffect(()=>{p.current&&a(`${p.current.offsetWidth}px`)},[p.current]),l&&l?e.jsxRuntimeExports.jsx("div",{className:u?.scalecontainer,id:o,...r.pickCustomAttributes(i),children:c.map((t,s)=>{const r={left:`calc(${t}% - ${n} / 2)`};return e.jsxRuntimeExports.jsx("span",{className:u?.scaleoption,style:r},`${o}-${s.toString()}`)})}):null};

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

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

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

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

package/dist/cjs/components/slider/slider.js

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

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../lib/constants/keyboardKeys/keyboardKeys.js"),t=({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}),a=({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});exports.buildAriaDescribedBy=e=>e.filter(e=>e.helperText).map(e=>e.helperTextId).join(" ")||void 0,exports.calcNewValueAfterKeyPress=({activePointer:i,event:n,max:r,min:v,range:l,step:s,value:u})=>[e.ARROW_DOWN.key,e.ARROW_LEFT.key].includes(n.key)?(n.preventDefault(),a({activePointer:i,min:v,range:l,step:s,value:u})):[e.ARROW_UP.key,e.ARROW_RIGHT.key].includes(n.key)?(n.preventDefault(),t({activePointer:i,max:r,range:l,step:s,value:u})):[e.HOME.key].includes(n.key)?(n.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:i,min:v,range:l,step:s,value:u})):[e.END.key].includes(n.key)?(n.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:i,max:r,range:l,step:s,value:u})):void 0,exports.decrementValue=a,exports.incrementValue=t;

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../lib/types/states/states.js");exports.getState=({disabled:t,hover:s,pressed:S})=>t?e.STATES.DISABLED:S?e.STATES.PRESSED:s?e.STATES.HOVER:e.STATES.DEFAULT;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../lib/types/breakpoints/breakpoints.js");exports.isActive=(e,t,i)=>e&&t===i,exports.isTooltipVisible=(t,i,s)=>!(!t||e.DeviceBreakpointsTypeUtils.isDesktop(s)&&i);

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useSnackbarAutoClose=({closeTimeout:r,onClose:t,open:u})=>{const c=e.useRef(null),n=e.useRef(!1),l=e.useRef(!1),a=e.useRef(null),s=e.useCallback(()=>{!r||n.current||l.current||(c.current=setTimeout(()=>{t?.()},r))},[r,t]),o=e.useCallback(()=>{c.current&&clearTimeout(c.current)},[]);e.useEffect(()=>(u?(a.current=document.activeElement,s()):o(),()=>{o()}),[u,s]);const b=e.useCallback(e=>{n.current=!0,o()},[o]),d=e.useCallback(e=>{n.current=!1,s()},[s]),i=e.useCallback(e=>{l.current||(l.current=!0,o())},[o]);return{handleBlur:e.useCallback(e=>{l.current&&e.currentTarget.contains(e.relatedTarget)||(l.current=!1,s())},[s]),handleFocus:i,handleMouseEnter:b,handleMouseLeave:d,lastFocusedElement:a}};

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

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

package/dist/cjs/components/snackbar/snackbar.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),o=require("../../lib/hooks/useClassName/useClassName.js"),a=require("./hooks/useSnackbarAutoClose.js"),n=require("./snackbarStandAlone.js"),r=s.forwardRef(({additionalClasses:r,closeTimeout:u,open:l=!1,...t},i)=>{const c=o.useClassName({additionalClassNames:r,component:"SNACKBAR"}),d=s.useRef(null);s.useImperativeHandle(i,()=>d?.current,[]);const{handleBlur:m,handleFocus:C,handleMouseEnter:p,handleMouseLeave:S}=a.useSnackbarAutoClose({closeTimeout:u,onClose:t.onClose,open:l});return e.jsxRuntimeExports.jsx(n.SnackbarStandAlone,{...t,ref:d,cssClasses:c,open:l,onBlur:m,onFocus:C,onMouseEnter:p,onMouseLeave:S})});exports.Snackbar=r;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),r=require("../../lib/utils/classNames/classNames.js"),o=require("../popover/popover.js"),a=s.forwardRef(({children:s,cssClasses:a,onClose:i,open:l,popover:t,...n},c)=>e.jsxRuntimeExports.jsx(o.Popover,{disableClickOverlayClose:!0,disableEscapeClose:!0,component:"div",open:l,onClose:i,...t,children:e.jsxRuntimeExports.jsx("div",{ref:c,className:r.classNames(a?.container),"data-testid":"snackbar",...n,children:s})}));exports.SnackbarStandAlone=a;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.buildAriaCurrent=(e,t,r)=>e===t&&"vertical"===r?"step":void 0;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.buildScreenReaderText=(e,r,t,f,i,u)=>{if(u)return((e,r,t,f,i)=>{let u;u=i?.prefix?`${i.prefix?.step} ${e+1} ${i.prefix?.of} ${r} ${f}`:f;return e<t&&i?.suffix?.completed?u=u.concat(" ",i.suffix?.completed):e===t&&i?.suffix?.current&&(u=u.concat(" ",i.suffix?.current)),u})(e,t,r,i,f)};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../lib/types/states/states.js");exports.mapToStepState=(t,a)=>{if(!t?.length)return[];const r=Math.max(0,Math.min(a,t.length)),s=t?.reduce((t,a,s)=>{const n=s<r?e.STATES.COMPLETED:e.STATES.INACTIVE,T=s===r?e.STATES.ACTIVE:n;return[...t,{"aria-label":a["aria-label"],name:a.name,state:T}]},[]);return s};

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

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

package/dist/cjs/components/stepperNumber/stepperNumber.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),a=require("../../lib/hooks/useClassName/useClassName.js"),t=require("./stepperNumberStandAlone.js"),r="STEPPER_NUMBER",i=s.forwardRef(({additionalOrientationClasses:s,additionalVariantClasses:i,orientation:n="horizontal",variant:o,...l},u)=>{const m=a.useClassName({additionalClassNames:i,component:r,variant:o}),d=a.useClassName({additionalClassNames:s,component:r,variant:n});return e.jsxRuntimeExports.jsx(t.StepperNumberStandAlone,{...l,ref:u,cssOrientationClasses:d,cssVariantClasses:m,orientation:n})});exports.StepperNumber=i;

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

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

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../../../lib/utils/resizeObserver/resizeObserver.js"),s=require("../../../lib/utils/scroll/hasScroll.js");exports.useTableHasScroll=({disabled:t=!1,ref:l})=>{const[o,c]=e.useState(!1);return e.useEffect(()=>{const e=l.current?.querySelector?.("[data-table-scrollable-container]");let o;if(e instanceof HTMLElement&&!t){const t=e=>{c(s.hasScroll(e))};t(e),o=new r.ResizeObserver(()=>{t(e)}),o.observe(e)}return t&&c(!1),()=>{o?.disconnect()}},[t]),{hasScroll:o}};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../../../lib/utils/resizeObserver/resizeObserver.js");exports.useTableShadow=({disabled:s=!1,headBoxShadow:r,leftBoxShadow:a,ref:l,rightBoxShadow:o})=>(e.useEffect(()=>{const e=l.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)),a){const t=e?.querySelector("[data-table-left-shadow]");t instanceof HTMLElement&&(c.scrollLeft?t.classList.add(a):t.classList.remove(a))}if(o){const t=e?.querySelector("[data-table-right-shadow]");t instanceof HTMLElement&&(c.scrollLeft+c.clientWidth<c.scrollWidth?t.classList.add(o):t.classList.remove(o))}};return c instanceof HTMLElement&&!s&&(n(),c?.addEventListener("scroll",n),i=new t.ResizeObserver(()=>{n()}),i.observe(c)),()=>{c?.removeEventListener("scroll",n),i?.disconnect()}},[s]),{});

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../../../lib/utils/resizeObserver/resizeObserver.js"),r=require("../../../lib/utils/scroll/hasScroll.js");exports.useTableStickyLeftColumns=({disabled:l=!1,ref:s})=>(e.useEffect(()=>{const e=s.current?.querySelector("[data-table-scrollable-container]"),o=s.current?.querySelector("[data-table-left-shadow]");let a;if(e instanceof HTMLElement&&!l){const l=e=>{const t=r.hasHorizontalScroll(e),l=e.querySelectorAll("[data-table-row]");let s=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)}),s=Math.max(s,l)}),o instanceof HTMLElement&&(o.style.left=`${s}px`)};l(e),a=new t.ResizeObserver(()=>{l(e)}),a.observe(e)}return()=>{a?.disconnect()}},[l]),{});

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../../../lib/utils/resizeObserver/resizeObserver.js"),r=require("../../../lib/utils/scroll/hasScroll.js");exports.useTableStickyRightColumns=({disabled:l=!1,ref:s})=>(e.useEffect(()=>{const e=s.current?.querySelector("[data-table-scrollable-container]"),o=s.current?.querySelector("[data-table-right-shadow]");let i;if(e instanceof HTMLElement&&!l){const l=e=>{const t=r.hasHorizontalScroll(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 l=0;r.forEach(e=>{e instanceof HTMLElement&&(e.style.right=t?`${l}px`:"auto",l+=e.offsetWidth)}),s=Math.max(s,l)}),o instanceof HTMLElement){if(r.hasVerticalScroll(e)){const t=e.offsetWidth-e.clientWidth;s+=t}o.style.right=`${s}px`}};l(e),i=new t.ResizeObserver(()=>{l(e)}),i.observe(e)}return()=>{i?.disconnect()}},[l]),{});

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

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

package/dist/cjs/components/table/table.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),a=require("../../lib/hooks/useClassName/useClassName.js"),l=require("./hooks/useTableHasScroll.js"),o=require("./hooks/useTableShadow.js"),r=require("./hooks/useTableStickyLeftColumns.js"),t=require("./hooks/useTableStickyRightColumns.js"),i=require("./tableStandAlone.js"),u=s.forwardRef(({additionalClasses:u,autoLeftStickyCalc:d=!0,autoRightStickyCalc:n=!0,disableShadowEffects:h,hasScrollDisabled:b,variant:c,...S},f)=>{const m=a.useClassName({additionalClassNames:u,component:"TABLE",variant:c}),x=s.useRef(null);s.useImperativeHandle(f,()=>x.current);const{hasScroll:C}=l.useTableHasScroll({disabled:b,ref:x});return t.useTableStickyRightColumns({disabled:!n,ref:x}),r.useTableStickyLeftColumns({disabled:!d,ref:x}),o.useTableShadow({disabled:h,headBoxShadow:m?.headboxshadow,leftBoxShadow:m?.leftboxshadow,ref:x,rightBoxShadow:m?.rightboxshadow}),e.jsxRuntimeExports.jsx(i.TableStandAlone,{ref:x,cssClasses:m,hasScroll:C,...S})});exports.Table=u;

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

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

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

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

package/dist/cjs/components/tableBody/tableBody.js

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/jsx-runtime.js"),e=require("react"),o=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),s=require("../../lib/components/customComponent/customComponent.js"),r=e.forwardRef(({children:e,component:r="tbody",cssClasses:i,id:n,...u},c)=>{const m=o.pickCustomAttributes(u);return t.jsxRuntimeExports.jsx(s.CustomComponent,{ref:c,className:i?.table_body,component:r,"data-testid":"table-body",...m,id:n,children:e})});exports.TableBodyStandAlone=r;

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

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

package/dist/cjs/components/tableCaption/tableCaption.js

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/jsx-runtime.js"),e=require("react"),o=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),s=require("../../lib/components/customComponent/customComponent.js"),i=e.forwardRef(({children:e,component:i="caption",cssClasses:n,hidden:r,id:u,...c},a)=>{const m=o.pickCustomAttributes(c);return t.jsxRuntimeExports.jsx(s.CustomComponent,{ref:a,className:n?.table_caption,component:i,"data-hidden":r,id:u,...m,children:e})});exports.TableCaptionStandAlone=i;

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

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

package/dist/cjs/components/tableCell/tableCell.js

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

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

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

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

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

package/dist/cjs/components/tableDivider/tableDivider.js

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