@kubit-ui-web/react-components 2.0.0-beta.60 → 2.0.0-beta.62

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

@@ -0,0 +1,189 @@
+/**
+ * Popover 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/esm/components/popover/types/animation.mjs

@@ -0,0 +1 @@
+const t={ENTER:"enter",EXIT:"exit"};const e={CUSTOM:"custom",SIMPLE:"simple"};const n="center";const i=["top","top-start","top-end","bottom","bottom-start","bottom-end","left","left-start","left-end","right","right-start","right-end"];const o=[...i,"center"];const E={CUBIC_BEZIER:"cubic-bezier(0.16, 1, 0.3, 1)",EASE:"ease",EASE_IN:"ease-in",EASE_IN_OUT:"ease-in-out",EASE_IN_OUT_CUBIC:"cubic-bezier(0.645, 0.045, 0.355, 1)",EASE_OUT:"ease-out",EASE_OUT_BOUNCE:"cubic-bezier(0.68, -0.55, 0.265, 1.55)",LINEAR:"linear"};const a={animationDistanceInPx:0,animationRotationInDeg:0,delay:"0ms",duration:"500ms",iterationCount:1,opacityEnd:1,opacityStart:0,scaleStart:1,timingFunction:"cubic-bezier(0.16, 1, 0.3, 1)",transformOrigin:"",type:e.SIMPLE};export{e as ANIMATION_CONFIG_TYPES,t as ANIMATION_TYPES,n as DEFAULT_PLACEMENT,a as DEFAULT_POPOVER_ANIMATION_CONFIG,E as PopoverAnimationTimingFunction,i as VALID_PLACEMENTS,o as VALID_PLACEMENTS_WITH_CENTER};

package/dist/esm/components/popover/types/index.mjs

@@ -0,0 +1 @@
+import{ANIMATION_CONFIG_TYPES as i,ANIMATION_TYPES as n,PopoverAnimationTimingFunction as o}from"./animation.mjs";export{i as ANIMATION_CONFIG_TYPES,n as ANIMATION_TYPES,o as PopoverAnimationTimingFunctions};

package/dist/esm/components/popover/utils/animation.utils.mjs

@@ -0,0 +1 @@
+import{convertDurationToNumber as t}from"../../../lib/hooks/useSwipeDown/utils/convertDurationToNumber.mjs";const n={bottom:"center bottom","bottom-end":"right bottom","bottom-start":"left bottom",center:"center center",left:"left center","left-end":"left bottom","left-start":"left top",right:"right center","right-end":"right bottom","right-start":"right top",top:"center top","top-end":"right top","top-start":"left top"};const e=(t,n)=>{if("enter"in t&&"exit"in t)return n?t.exit:t.enter;return t};const r=(t,e=n.center)=>t.transformOrigin&&""!==t.transformOrigin?t.transformOrigin:e;const o=(t,n)=>({end:n?t.opacityEnd:t.opacityStart,start:n?t.opacityStart:t.opacityEnd});const a=n=>{const e=t(n.duration);const r=t(n.delay);return e>0&&r>=0&&n.iterationCount>0&&n.opacityStart>=0&&n.opacityStart<=1&&n.opacityEnd>=0&&n.opacityEnd<=1&&n.scaleStart>0};const i=t=>1===t.scaleStart&&0===t.animationRotationInDeg;const s=t=>0===t.animationDistanceInPx?"100%":`${t.animationDistanceInPx}px`;const l={down:{axis:"Y",enterFrom:t=>`translateY(-${t})`,exitTo:t=>`translateY(${t})`,neutral:"translateY(0)"},fade:{axis:null,enterFrom:()=>"",exitTo:()=>"",neutral:""},left:{axis:"X",enterFrom:t=>`translateX(-${t})`,exitTo:t=>`translateX(-${t})`,neutral:"translateX(0)"},right:{axis:"X",enterFrom:t=>`translateX(${t})`,exitTo:t=>`translateX(${t})`,neutral:"translateX(0)"},up:{axis:"Y",enterFrom:t=>`translateY(${t})`,exitTo:t=>`translateY(-${t})`,neutral:"translateY(0)"}};const c=(t,n,e)=>{const r=s(t);const o=l[n];return{end:e?o.neutral:o.exitTo(r),start:e?o.enterFrom(r):o.neutral}};const m=t=>{const n={bottom:"translateX(-50%)","bottom-end":"","bottom-start":"",center:"translate(-50%, -50%)",left:"translateY(-50%)","left-end":"","left-start":"",right:"translateY(-50%)","right-end":"","right-start":"",top:"translateX(-50%)","top-end":"","top-start":""};return n[t]||""};const f=(t,n,e=[])=>{const r=[t,n,...e].filter(Boolean).join(" ");return r};const g=(t,n="",e=false,r=false,o)=>{const a=o?m(o):"";if(i(t))return f(a,n);const s=e?1:t.scaleStart;const l=e?0:r?-t.animationRotationInDeg:t.animationRotationInDeg;const c=[`scale(${s})`,`rotate(${l}deg)`].filter(Boolean);return f(a,n,c)};export{n as PLACEMENT_TRANSFORM_ORIGINS,l as TRANSFORM_CONFIGURATIONS,f as combineTransforms,g as generateTransform,o as getAnimationOpacities,m as getPositioningTransforms,s as getSlideDistance,c as getSlideTransforms,r as getTransformOrigin,i as isDefaultTransforms,e as resolveAnimationConfig,a as validateAnimationConfig};

package/dist/esm/components/popover/utils/placement.utils.mjs

@@ -0,0 +1 @@
+import{DEFAULT_PLACEMENT as t,VALID_PLACEMENTS as r}from"../types/animation.mjs";const i=r=>{if(!r)return t;if(r.startsWith("top"))return"top";if(r.startsWith("bottom"))return"bottom";if(r.startsWith("left"))return"left";if(r.startsWith("right"))return"right";return t};const e=t=>{const r=["fade"];if(t.startsWith("top")||t.startsWith("bottom"))return[...r,"up","down"];if(t.startsWith("left")||t.startsWith("right"))return[...r,"left","right"];return[...r,"up","down","left","right"]};const n=e=>{if(!e)return t;if(r.includes(e))return e;return i(e)};export{e as getAvailableDirections,i as getPlacementDirection,n as normalizeToValidPlacement};

package/dist/esm/components/popover/utils/styling.utils.mjs

@@ -0,0 +1 @@
+import{getPlacementDirection as r}from"./placement.utils.mjs";const o={bottom:r=>({borderLeft:r,borderTop:r}),left:r=>({borderRight:r,borderTop:r}),right:r=>({borderBottom:r,borderLeft:r}),top:r=>({borderBottom:r,borderRight:r})};const t=(t,e)=>{if(!e)return{};const i={"--arrow-size":`${e.size}px`,backgroundColor:e.backgroundColor,height:`${e.size}px`,width:`${e.size}px`};if(e.border){const b=r(t);const d=o[b];if(d)Object.assign(i,d(e.border))}return i};export{t as getArrowBorderStyles};

package/dist/esm/components/portal/index.mjs

@@ -0,0 +1 @@
+import{Portal as o}from"./portal.mjs";export{o as Portal};

package/dist/esm/components/portal/portal.mjs

@@ -0,0 +1 @@
+import{createPortal as t}from"react-dom";const e=t=>{const e=document.createElement("div");e.setAttribute("id",t);document.body.appendChild(e);return e};const o=({children:o,wrapperId:d})=>{let n=document.body;if(d){n=document.getElementById(d);if(!n)n=e(d)}return t(o,n)};export{o as Portal};

package/dist/esm/components/progressBar/index.mjs

@@ -0,0 +1 @@
+import{ProgressBar as r}from"./progressBar.mjs";export{r as ProgressBar};

package/dist/esm/components/progressBar/progressBar.mjs

@@ -0,0 +1 @@
+import{jsx as s}from"react/jsx-runtime";import{forwardRef as a}from"react";import{useClassName as o}from"../../lib/hooks/useClassName/useClassName.mjs";import{ProgressBarStandalone as r}from"./progressBarStandAlone.mjs";const e=a(({additionalSizeClasses:a,additionalVariantClasses:e,percentProgressCompleted:t,size:m,variant:n,...i},l)=>{const c=o({additionalClassNames:e,component:"PROGRESS_BAR",variant:n});const p=o({additionalClassNames:a,component:"PROGRESS_BAR",variant:m});const C=t?Math.min(Math.max(t,0),100):0;return s(r,{...i,ref:l,cssSizeClasses:p,cssVariantClasses:c,progressCompleted:C})});export{e as ProgressBar};

package/dist/esm/components/progressBar/progressBarStandAlone.mjs

@@ -0,0 +1 @@
+import{jsx as r,jsxs as a}from"react/jsx-runtime";import{forwardRef as s}from"react";import{classNames as e}from"../../lib/utils/classNames/classNames.mjs";const t=s(({barAriaLabel:s,color:t,cssSizeClasses:o,cssVariantClasses:i,progressAnimation:n,progressCompleted:l,...c},d)=>{const m=c["data-testid"]||"progress-bar";const b={backgroundColor:t?.bar};const g={backgroundColor:t?.progressBar,transition:`width ${n?.duration} ${n?.timingFunction}`,width:`${l}%`};return r("div",{ref:d,className:i?.progress_bar,"data-testid":`${m}-progressbar`,children:a("div",{className:i?.barcontainer,children:[r("div",{"aria-label":s,"aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":l,className:e(o?.bar,i?.bar),"data-testid":m,role:"progressbar",style:b}),r("div",{className:e(o?.progressbar,i?.progressbar),style:g})]})})});export{t as ProgressBarStandalone};

package/dist/esm/components/radioButton/index.mjs

@@ -0,0 +1 @@
+import{RadioButton as o}from"./radioButton.mjs";import{RadioButtonStandAlone as t}from"./radioButtonStandAlone.mjs";export{o as RadioButton,t as RadioButtonStandAlone};

package/dist/esm/components/radioButton/radioButton.mjs

@@ -0,0 +1 @@
+import{jsx as s}from"react/jsx-runtime";import{useClassName as t}from"../../lib/hooks/useClassName/useClassName.mjs";import{RadioButtonStandAlone as o}from"./radioButtonStandAlone.mjs";import{getState as a}from"./utils/state.utils.mjs";const e=({additionalClasses:e,checked:r=false,cssClasses:m,disabled:i=false,error:l=false,variant:n,...c})=>{const d=t({additionalClassNames:e,component:"RADIO_BUTTON",variant:n});const u=a(r,i,l);return s(o,{cssClasses:m??d,state:u,...c,checked:r,disabled:i,error:l})};export{e as RadioButton};

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

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

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

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

package/dist/esm/components/radioButton/utils/index.mjs

@@ -0,0 +1 @@
+export*from"./aria.utils.mjs";export*from"./state.utils.mjs";

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

@@ -0,0 +1 @@
+import{STATES as t}from"../../../lib/types/states/states.mjs";const e=(e=false,r=false,E=false)=>{const s=E;const n=r;const f=e;if(s&&!f)return t.ERROR;if(s&&f)return t.ERROR_SELECTED;if(n&&!f)return t.DISABLED;if(n&&f)return t.DISABLED_SELECTED;if(f)return t.SELECTED;return t.DEFAULT};export{e as getState};

package/dist/esm/components/select/index.mjs

@@ -0,0 +1 @@
+import{SelectControlled as e}from"./selectControlled.mjs";import{Select as o}from"./selectUncontrolled.mjs";export{o as Select,e as SelectControlled};

package/dist/esm/components/select/selectControlled.mjs

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as o,useEffect as r,useRef as t}from"react";import{TAB as s}from"../../lib/constants/keyboardKeys/keyboardKeys.mjs";import{useClassName as n}from"../../lib/hooks/useClassName/useClassName.mjs";import{useGenericComponents as i}from"../../lib/provider/genericComponentsProvider/genericComponentsProvider.mjs";import{isKeyPressed as l}from"../../lib/utils/keyboard/keyboard.mjs";import{focusFirstDescendant as m}from"../../lib/utils/focusHandlers/focusHandlers.mjs";import{SelectStandAlone as c}from"./selectStandAlone.mjs";const a=o(({additionalClasses:o,closePopoverOnScroll:a,listOptions:p,onClosePopover:f,open:d,url:u,variant:y,...b},C)=>{const{LINK:v}=i();const j=n({additionalClassNames:o,component:"SELECT",variant:y});const k=t(null);const w=e=>{if(d&&l(e.key,s.key)&&!e.shiftKey&&k.current){if("selection"===p.type)k.current.firstElementChild?.focus();else m({element:k.current});e.preventDefault()}};r(()=>{if(!a)return;window.addEventListener("scroll",f);return()=>{window.removeEventListener("scroll",f)}},[a,f]);return e(c,{ref:C,component:u?v:"button",cssClasses:j,listOptions:p,listOptionsRef:k,open:d,onButtonKeyDown:w,onClosePopover:f,...b})});export{a as SelectControlled};

package/dist/esm/components/select/selectStandAlone.mjs

@@ -0,0 +1 @@
+import{jsx as t,jsxs as e}from"react/jsx-runtime";import{forwardRef as o,useId as s,useMemo as n}from"react";import{Text as i}from"../text/text.mjs";import{ElementOrIcon as r}from"../../lib/components/elementOrIcon/elementOrIcon.mjs";import{pickCustomAttributes as l}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.mjs";import{processIconProp as a,processTextProp as c}from"../../lib/utils/process/processCommonProp.mjs";import{CustomComponent as m}from"../../lib/components/customComponent/customComponent.mjs";import{ListOptions as p}from"../listOptions/listOptions.mjs";import{keyDownMove as d,keyUpMove as u}from"../listOptions/utils/listOptions.utils.mjs";import{Popover as f}from"../popover/popover.mjs";const b=o(({buttonOrLinkRef:o,component:b,cssClasses:v,icon:C,label:h,listOptions:x,listOptionsRef:k,onBlur:y,onButtonClick:g,onButtonKeyDown:j,onClosePopover:M,onFocus:O,onKeyDown:D,onOptionClick:F,open:A,optionSelected:N,popover:w,url:E,urlTarget:I,...K},S)=>{const $=s();const T=`select-${$.replace(/:/g,"")}`;const V=A?`${T}-list`:void 0;const z=K["data-testid"]||"select";const B=l(K);const L=t=>(e,o)=>{if(o?.shiftKey){const t=Math.max(e,0)-1;if(t>=0)o?.preventDefault();return Math.max(t,0)}const s=Math.max(e,0)+1;if(s<=t.length-1)o?.preventDefault();return Math.min(s,t.length-1)};const P=n(()=>({currentFocusSelected:-1,keyDownMove:d(x.options),keyLeftMove:0,keyRightMove:0,keyTabMove:L(x.options),keyUpMove:u,size:x.options.length}),[x.options]);return e("div",{ref:S,className:v?.select,"data-testid":z,role:"combobox",onBlur:y,onFocus:O,onKeyDown:D,...B,"aria-controls":"select-list","aria-expanded":A,tabIndex:0,children:[e(m,{ref:o,"aria-controls":V,"aria-expanded":A,"aria-haspopup":"listbox",className:v?.buttonorlinkcontainer,component:b,target:E?I:void 0,type:E?void 0:"button",url:E,onClick:g,onKeyDown:j,children:[t(i,{additionalClasses:{text:A?v?.labelopened:v?.labelclosed},component:"span",...c(h)}),t(r,{className:A?v?.iconopened:v?.iconclosed,rotate:A?"180deg":"0deg",transitionDuration:"0.2s",...a(C)})]}),!!w&&t(f,{anchorElement:o?.current,component:"div",disableAutoFocusFirstDescendant:true,disableAutoFocusFirstDescendantAfterClose:true,disableClickOverlayClose:false,disableEscapeClose:false,disableTrapFocus:true,id:V,open:A,placement:"bottom",preventCloseOnClickElements:[o?.current],strategy:"absolute",...w,onClose:()=>{M();w?.onClose?.()},children:t("div",{className:v?.listoptionscontainer,"data-testid":`${z}-list`,children:!!x.variant&&!!x.optionVariant&&t(p,{ref:k,roveFocus:"selection"===x.type?P:void 0,selectedValue:N,...x,onOptionClick:t=>{F(t);M()}})})})]})});export{b as SelectStandAlone};

package/dist/esm/components/select/selectUncontrolled.mjs

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as t,useEffect as o,useRef as n,useState as s}from"react";import{ESCAPE as r}from"../../lib/constants/keyboardKeys/keyboardKeys.mjs";import{SelectControlled as c}from"./selectControlled.mjs";const l=t(({defaultOpen:t=false,defaultOptionSelected:l,onBlur:i,onButtonClick:a,onClosePopover:f,onFocus:u,onOptionClick:d,openAndCloseOnHover:m=false,...p},y)=>{const[k,b]=s(t);const[v,C]=s(l);const g=n(null);o(()=>{const e=()=>{if(document.hidden)b(false)};document.addEventListener("visibilitychange",e);return()=>document.removeEventListener("visibilitychange",e)},[]);const S=()=>{a?.(!k);b(!k)};const h=()=>{b(false);f?.(false)};const j=e=>{C(e);d?.(e)};const K=e=>{if(r.key.includes(e.key)&&k){g.current?.focus();b(false)}};const L=()=>{if(m){b(true);u?.(true)}};const x=e=>{if(!e.currentTarget.contains(e.relatedTarget)){b(false);i?.(false)}if(m){b(false);i?.(false)}};return e(c,{...p,ref:y,buttonOrLinkRef:g,open:k,optionSelected:v,onBlur:x,onButtonClick:S,onClosePopover:h,onFocus:L,onKeyDown:K,onOptionClick:j})});export{l as Select,l as SelectUnControlled};

package/dist/esm/components/select/utils/getState/getState.mjs

@@ -0,0 +1 @@
+import{STATES as t}from"../../../../lib/types/states/states.mjs";function e({hover:e}){return e?t.HOVER:t.DEFAULT}export{e as getState};

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

@@ -0,0 +1 @@
+export*from"./selectorBoxFileAnimation.mjs";export*from"./selectorBoxFileContainerBox.mjs";

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

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

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

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

package/dist/esm/components/selectorBoxFile/hooks/index.mjs

@@ -0,0 +1 @@
+export*from"./useBorderAnimation.mjs";

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

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

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

@@ -0,0 +1 @@
+import{SelectorBoxFile as e}from"./selectorBoxFile.mjs";export{e as SelectorBoxFile};

package/dist/esm/components/selectorBoxFile/selectorBoxFile.mjs

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

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

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{forwardRef as o,useId as s}from"react";import{STATES as n}from"../../lib/types/states/states.mjs";import{SelectorBoxFileAnimation as i}from"./components/selectorBoxFileAnimation.mjs";import{SelectorBoxFileContainerBox as a}from"./components/selectorBoxFileContainerBox.mjs";const l=o(({accept:o,containerBoxStateContent:l,cssClasses:r,filename:c,focus:m,id:d,multiple:p,name:f,onAnimationCompleted:x,onBlur:u,onChange:h,onClick:B,onFocus:C,percentage:b,state:F,...j},A)=>{const S=s();const g=`selectorboxfile-${S.replace(/:/g,"")}`;const v=d??g;const y=j["data-testid"]??"selector-box-file";return t("div",{ref:A,children:[e("div",{className:r?.selector_box_file,"data-testid":y,children:e("div",{className:r?.header,children:e(i,{cssClasses:r,"data-testid":y,focus:m,percentage:b,state:F,onAnimationCompleted:x,children:e(a,{containerBoxStateContent:l,cssClasses:r,filename:c,focus:false,htmlFor:v,state:F})})})}),e("input",{accept:o,className:"kbt-sr-only",disabled:F===n.DISABLED,id:v,multiple:p,name:f,type:"file",onBlur:u,onChange:h,onClick:B,onFocus:C})]})});export{l as SelectorBoxFileStandAlone};

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

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

package/dist/esm/components/selectorBoxFile/utils/index.mjs

@@ -0,0 +1 @@
+export*from"./animation/animation.mjs";export*from"./state/state.mjs";

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

@@ -0,0 +1 @@
+import{STATES as t}from"../../../../lib/types/states/states.mjs";const r=(r,e,s,i)=>{if(i)return t.DISABLED;if(s)return t.ERROR;if(e)return t.SUCCESS;if(r)return t.LOADING;return t.DEFAULT};export{r as getState};

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

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

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

@@ -0,0 +1 @@
+import{Skeleton as e}from"./skeleton.mjs";export{e as Skeleton};

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

@@ -0,0 +1,13 @@
+@keyframes breatheAnimation {
+  from {
+    background-position-x: 0%;
+  }
+
+  to {
+    background-position-x: -200%;
+  }
+}
+
+.kbt-skeleton {
+  animation-name: breatheAnimation;
+}

package/dist/esm/components/skeleton/skeleton.mjs

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

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

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import"./skeleton.css";import{forwardRef as e,useMemo as s}from"react";import{classNames as o}from"../../lib/utils/classNames/classNames.mjs";import{pickCustomAttributes as i}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.mjs";const r=e(({borderRadius:e="",cssClasses:r,cssShapeClasses:l,duration:n="1.2s",height:m="20px",width:a="100%",...c},k)=>{const u=i(c);const p=s(()=>r?.dynamic_values({$skeletonBorderRadius:e,$skeletonDuration:n,$skeletonHeight:m,$skeletonWidth:a}).object,[m,a,e,n]);return t("div",{ref:k,className:o("kbt-skeleton",r?.skeleton,l?.skeleton),"data-testid":"skeleton",style:p,...u})});export{r as SkeletonStandAlone};

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

@@ -0,0 +1 @@
+export*from"./sliderButtonStandAlone.mjs";export*from"./sliderHelperTextStandAlone.mjs";export*from"./sliderScaleStandAlone.mjs";export*from"./sliderThumbStandAlone.mjs";

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

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

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

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Text as r}from"../../text/text.mjs";const n=({cssClasses:n,customAttributes:i,leftHelperText:l,leftHelperTextId:s,rightHelperText:a,rightHelperTextId:o})=>{if(!l&&!a)return null;return t("div",{className:n?.helpertextcontainer,children:[!!l&&e("div",{className:n?.helpertextleftcontainer,children:e(r,{additionalClasses:{text:n?.helpertext},component:"span",customAttributes:i,id:s,children:l})}),!!a&&e("div",{className:n?.helpertextrightcontainer,children:e(r,{additionalClasses:{text:n?.helpertext},component:"span",customAttributes:i,id:o,children:a})})]})};export{n as SliderHelperTextStandAlone};

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

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

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

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

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

@@ -0,0 +1 @@
+import{Slider as r}from"./slider.mjs";export{r as Slider};

package/dist/esm/components/slider/slider.mjs

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

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

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

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

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

package/dist/esm/components/slider/utils/index.mjs

@@ -0,0 +1 @@
+export*from"./accessibility.utils.mjs";export*from"./slider.utils.mjs";export*from"./state.utils.mjs";export*from"./ui.utils.mjs";

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

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

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

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

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

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

package/dist/esm/components/snackbar/hooks/index.mjs

@@ -0,0 +1 @@
+import{useSnackbarAutoClose as o}from"./useSnackbarAutoClose.mjs";export{o as useSnackbarAutoClose};

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

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

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

@@ -0,0 +1 @@
+export*from"./snackbar.mjs";export*from"./types/index.mjs";

package/dist/esm/components/snackbar/snackbar.mjs

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

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

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

package/dist/esm/components/snackbar/stories/argtypes.mjs

@@ -0,0 +1 @@
+import{configArgTypes as o}from"@/lib/storybook/argtypes/argtypes";import{getBooleanArgTypes as r}from"@/lib/storybook/argtypes/booleanArgTypes";import{getDisabledArgTypes as e}from"@/lib/storybook/argtypes/disabledArgTypes";import{getNumbertArgTypes as t}from"@/lib/storybook/argtypes/numberArgTypes";import{getStringtArgTypes as s}from"@/lib/storybook/argtypes/stringArgTypes";import{CATEGORY_CONTROL as a}from"@/lib/storybook/constants/categoryControl";const p=()=>({...o,...e(["onClose","popover"]),children:s({category:a.CONTENT,keyName:"children",name:"snackbar"}),closeTimeout:t({category:a.MODIFIERS,keyName:"closeTimeout",name:"snackbar"}),open:r({descriptionName:"snackbar",name:"open",subCategory:a.MODIFIERS})});export{p as argtypes};

package/dist/esm/components/stepperNumber/fixture/ariaLabels.mjs

@@ -0,0 +1 @@
+const e=[{["aria-label"]:"Register this is a very long text, very very long long text isnt it",name:"Register this is a very long text, very very long long text isnt it"},{["aria-label"]:"Verification Code this is another very very long long text is not it",name:"Verification Code this is another very very long long text is not it"},{["aria-label"]:"Banking credential",name:"Banking credential"},{["aria-label"]:"Address info",name:"Address info"},{["aria-label"]:"Terms and Conditions",name:"Terms and Conditions"}];const t={prefix:{of:"of",step:"Step"},suffix:{completed:"Completed",current:"Current Step"}};export{e as StepperNumberSteps,t as ariaSteps};

package/dist/esm/components/stepperNumber/fixture/index.mjs

@@ -0,0 +1 @@
+import{StepperNumberSteps as e,ariaSteps as r}from"./ariaLabels.mjs";export{e as StepperNumberSteps,r as ariaSteps};

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

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

package/dist/esm/components/stepperNumber/helpers/index.mjs

@@ -0,0 +1 @@
+export*from"./aria.mjs";export*from"./screnReader.mjs";export*from"./stepState.mjs";

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

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

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

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

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

@@ -0,0 +1 @@
+import{StepperNumber as e}from"./stepperNumber.mjs";export*from"./types/orientation.mjs";export{e as StepperNumber};

package/dist/esm/components/stepperNumber/stepperNumber.mjs

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

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

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