@kubit-ui-web/react-components 1.17.3 → 2.0.0-alpha.1

package/dist/esm/components/label/labelStandAlone.js

@@ -0,0 +1,2 @@
+import{Text as t}from"../text/text2.js";import{forwardRef as e,useId as r}from"react";import{jsx as s,jsxs as i}from"react/jsx-runtime";const o=e(({asteriskColor:e,asteriskCssClasses:o,asteriskWeight:a,children:l,color:d,cursor:c,customAttributes:n,id:m,inputId:u,required:h,requiredSymbol:p,textCssClasses:x,weight:C,...b},g)=>{const f=`label-${r().replace(/:/g,"")}`,k=m??f,q=b["data-testid"]||"label";/* @__PURE__ */
+return i(t,{ref:g,additionalClasses:{text:x},color:d,component:"label",cursor:c,customAttributes:n,"data-testid":q,htmlFor:u,id:k,weight:C,children:[l,h&&/* @__PURE__ */s(t,{additionalClasses:{text:o},"aria-hidden":!0,color:e,component:"span","data-testid":`${q}Required`,weight:a,children:p})]})});export{o as LabelStandAlone};

package/dist/esm/components/link/helpers/disabled.js

@@ -0,0 +1 @@
+const o=(o,e)=>({role:o&&!e?"link":e});export{o as disabledLink};

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

@@ -0,0 +1,2 @@
+export {  Link  } from './link.js';
+export {  LinkAsButton  } from './linkAsButton.js';

package/dist/esm/components/link/link.js

@@ -0,0 +1,2 @@
+import{useClassName as o}from"../../lib/hooks/useClassName/useClassName.js";import{useGenericComponents as e}from"../../lib/provider/genericComponentsProvider/genericComponentsProvider.js";import{disabledLink as i}from"./helpers/disabled.js";import{LinkStandAlone as a}from"./linkStandAlone.js";import{forwardRef as n}from"react";import{jsx as r}from"react/jsx-runtime";const s=n(({action:n="navigation",additionalClasses:s,additionalTextClasses:t,alignCenter:l=!1,color:d,decoration:m="auto",disabled:c=!1,icon:p,role:C,textVariant:v,variant:f,weight:g,...b},u)=>{const{LINK:N}=e(),{role:j}=i(c,C),x=c||void 0,h=o({additionalClassNames:s,component:"LINK",variant:`${n}_${f}`}),T=o({additionalClassNames:t,component:"TEXT",variant:v});/* @__PURE__ */
+return r(a,{...b,ref:u,action:n,alignCenter:l,"aria-disabled":x,color:d,component:N,cssClasses:h,cssTextClasses:T,decoration:"inline"===n?"underline":m,disabled:c,icon:p,role:j,weight:g})});export{s as Link};

package/dist/esm/components/link/linkAsButton/linkAsButton.js

@@ -0,0 +1,2 @@
+import{useClassName as s}from"../../../lib/hooks/useClassName/useClassName.js";import{useGenericComponents as e}from"../../../lib/provider/genericComponentsProvider/genericComponentsProvider.js";import{STATES as a}from"../../../lib/types/states/states.js";import{useManageState as t}from"../../../lib/hooks/useManageState/useManageState.js";import{LinkAsButtonStandAlone as o}from"./linkAsButtonStandAlone.js";import{forwardRef as i}from"react";import{jsx as n}from"react/jsx-runtime";const r=i(({additionalSizeClasses:i,additionalVariantClasses:r,disabled:m,size:l,variant:d,...p},c)=>{const C=s({component:"LINK_AS_BUTTON"}),f=s({additionalClassNames:r,component:"BUTTON",variant:d}),u=s({additionalClassNames:i,component:"BUTTON",variant:l}),{LINK:N}=e(),{setRef:b}=t({disabled:m,ref:c,states:Object.values(a)});/* @__PURE__ */
+return n(o,{...p,ref:b,component:N,cssLinkAsButtonClasses:C,cssSizeClasses:u,cssVariantClasses:f,disabled:m})});export{r as LinkAsButton};

package/dist/esm/components/link/linkAsButton/linkAsButtonStandAlone.js

@@ -0,0 +1,2 @@
+import{CustomComponent as t}from"../../../lib/components/customComponent/customComponent.js";import{pickCustomAttributes as s}from"../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{classNames as i}from"../../../lib/utils/classNames/classNames.js";import{STATES as e}from"../../../lib/types/states/states.js";import{POSITIONS as o}from"../../../lib/types/positions/positions.js";import{ButtonStandAlone as a}from"../../button/buttonStandAlone.js";import{forwardRef as l}from"react";import{jsx as r}from"react/jsx-runtime";const n=l(({"aria-label":l,"aria-labelledby":n,ariaLabelText:m,children:c,component:b,cssLinkAsButtonClasses:d,cssSizeClasses:u,cssVariantClasses:p,fullWidth:f,iconPosition:h,minWidth:k,onClick:C,rel:j,role:y,state:A,target:w,url:x,...D},L)=>{const N=D["data-testid"]||"link-as-button",S=s(D);/* @__PURE__ */
+return r("div",{className:d?.link_as_button,"data-kbt-full-width":f,"data-testid":N,...S,children:/* @__PURE__ */r(t,{ref:L,"aria-label":l,"aria-labelledby":n,component:b,"data-testid":"link",decoration:"none",isDisabled:A===e.DISABLED,rel:j,role:y,target:w,url:x,onClick:C,children:/* @__PURE__ */r("span",{"aria-label":m,...D,className:i(u?.button,p?.button),style:{flexDirection:h===o.LEFT?"row":"row-reverse",minWidth:k,width:f?"100%":"auto"},children:/* @__PURE__ */r(a,{...D,children:c})})})})});export{n as LinkAsButtonStandAlone};

package/dist/esm/components/link/linkStandAlone.js

@@ -0,0 +1,2 @@
+import{CustomComponent as t}from"../../lib/components/customComponent/customComponent.js";import{pickCustomAttributes as o}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{classNames as e}from"../../lib/utils/classNames/classNames.js";import{Text as r}from"../text/text2.js";import{ElementOrIcon as s}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{forwardRef as i}from"react";import{jsx as n,jsxs as l}from"react/jsx-runtime";const c=i(({children:i,color:c,component:a=r,cssClasses:m,cssTextClasses:d,decoration:p,disabled:f,draggable:u,icon:b,iconPosition:g,id:x,onClick:C,rel:h,role:j,target:k,url:N,weight:v,...w},y)=>{const D=f?void 0:C,A=f?void 0:N,I=e(m?.link,d?.text),O={color:c,flexDirection:"left"===g?"row":"row-reverse",fontWeight:v,textDecoration:p},W={color:c,fontWeight:v,textDecoration:p},P=o(w);/* @__PURE__ */
+return n(t,{ref:y,className:I,component:a,"data-testid":"link",disabled:f,draggable:u,id:x,rel:h,role:j,style:W,target:k,url:A,onClick:D,...P,children:b?/* @__PURE__ */l("span",{className:m?.labelandiconcontainer,style:O,children:[/* @__PURE__ */n(s,{className:m?.icon,...b},"icon"),i]}):/* @__PURE__ */n("span",{style:O,children:i})})});export{c as LinkStandAlone};

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

@@ -0,0 +1 @@
+export {  ListOptions  } from './listOptions.js';

package/dist/esm/components/listOptions/listOptions.js

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

package/dist/esm/components/listOptions/listOptionsStandAlone.js

@@ -0,0 +1,2 @@
+import{CustomComponent as t}from"../../lib/components/customComponent/customComponent.js";import{pickCustomAttributes as o}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{Text as e}from"../text/text2.js";import{processTextProp as i}from"../../lib/utils/process/processCommonProp.js";import{useRoveFocus as n}from"../../lib/hooks/useRoveFocus/useRoveFocus.js";import{Option as s}from"../option/option.js";import{getOptionVariant as l,isSelected as r,keyDownMove as c,keyUpMove as a}from"./utils/listOptions.utils.js";import{forwardRef as p,useId as m,useImperativeHandle as d,useMemo as u}from"react";import{jsx as h,jsxs as v}from"react/jsx-runtime";const g=p(({caseSensitive:p,charsHighlighted:g,checkedIcon:b,content:k,cssClasses:C,highlightedOptionVariant:f,id:$,index:j=0,listComponent:x,multiSelect:y,onOptionClick:S,options:F,optionsContainerArias:M,roveFocus:O,selectedValue:A,title:I,type:N="selection",...R},V)=>{const H=R["data-testid"]??"list-options",L=o(R),w=u(()=>({currentFocusSelected:-1,keyDownMove:c(F),keyLeftMove:0,keyRightMove:0,keyTabMove:null,keyUpMove:a,size:F.length}),[F]),[z,D,P]=n(O??w),T=m();d(V,()=>P.current,[P]);const U=$??T,_="selection"===N,q="navigation"===N,B=F&&F.length>0;/* @__PURE__ */
+return v("div",{className:C?.list_options,"data-testid":H,...L,children:[!!I&&F.length>0&&/* @__PURE__ */h("div",{className:C?.titlecontainer,children:/* @__PURE__ */h(e,{additionalClasses:{text:C?.title},...i(I)})}),k,B&&/* @__PURE__ */h(t,{ref:P,"aria-label":M?.["aria-label"],"aria-labelledby":M?.["aria-labelledby"],className:C?.optionscontainer,component:x??"ul",id:U,role:_?"listbox":void 0,children:F.map((t,o)=>{const e=r(t,A,y,p),i=/* @__PURE__ */h(s,{"aria-current":q?e:void 0,"aria-selected":_?e:void 0,checkedIcon:b,component:_||q?"div":"li","data-testid":`${H}-section-${j}-option-${o}`,focus:z===o,labelCharsHighlighted:g,multiSelect:y,role:_?"option":void 0,selected:e,tabIndex:q?0:-1,variant:l(t.highlighted,f,R?.optionVariant),...t,onClick:e=>{D(o),S?.(t.value,e),t.onClick?.(e)},onFocus:e=>{o!==z&&D(o),t.onFocus?.(e)}},`${U}Option-${j.toString()}-${o.toString()}`);return"selection"===N?/* @__PURE__ */h("li",{children:i},`${U}LiOption-${j.toString()}-${o.toString()}`):i})})]})});export{g as ListOptionsStandAlone};

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

@@ -0,0 +1 @@
+const e=(e,a,o,l)=>null!=a&&void 0!==e.value&&(o?Boolean(Array.isArray(a)&&a.includes(e.value)):l?Boolean(a===e.value):Boolean(a.toLocaleString().toLocaleLowerCase()===e.value.toLocaleString().toLocaleLowerCase())),a=(e,a,o)=>e&&a?a:o||"",o=e=>{let a=Math.max(e,0);return e>0&&(a-=1),a},l=e=>a=>{let o=Math.max(a,0);return a+1<=e.length-1&&(o+=1),o};export{a as getOptionVariant,e as isSelected,l as keyDownMove,o as keyUpMove};

package/dist/esm/components/modal/fragments/modalHeader.js

@@ -0,0 +1,2 @@
+import{Text as e}from"../../text/text2.js";import{processIconProp as t,processTextProp as i}from"../../../lib/utils/process/processCommonProp.js";import{ElementOrIcon as n}from"../../../lib/components/elementOrIcon/elementOrIcon.js";import{Button as o}from"../../button/button.js";import{useActiveBreakpoints as a}from"../../../lib/hooks/useMediaDevice/useActiveBreakpoints.js";import{jsx as s,jsxs as c}from"react/jsx-runtime";const r=({blocked:r,closeButton:l,closeIcon:d,cssClasses:m,dragIcon:b,title:h,titleIdFinal:p})=>{const{isMobileOrTablet:v}=a();/* @__PURE__ */
+return c("div",{className:m?.headercontainer,"data-modal-header":!0,children:[v&&!r&&!!b&&/* @__PURE__ */s("div",{className:m?.dragiconcontainer,"data-modal-draggable-icon":!0,children:/* @__PURE__ */s(n,{className:m?.dragicon,...t(b)})}),/* @__PURE__ */c("div",{className:m?.headercontentcontainer,children:[!r&&!!d&&/* @__PURE__ */s("div",{className:m?.closebuttoncontainer,children:/* @__PURE__ */s(n,{className:m?.closebuttonicon,...t(d)})}),!r&&!!l?.content&&!!l?.variant&&/* @__PURE__ */s(o,{...l,variant:l?.variant,children:l?.content}),(void 0===h?.visible||h.visible)&&/* @__PURE__ */s("div",{className:m?.titlecontainer,children:/* @__PURE__ */s(e,{additionalClasses:{text:m?.title},component:"h1",id:p,...i(h)})}),!1===h?.visible&&/* @__PURE__ */s("span",{className:m?.titlehiddencontainer,id:p,children:i(h).children}),!r&&!!d&&/* @__PURE__ */s("div",{className:m?.closebuttoncontainer,children:/* @__PURE__ */s("span",{className:m?.closebuttonicon})})]})]})};export{r as ModalHeader};

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

@@ -0,0 +1,2 @@
+export {  ModalControlled  } from './modalControlled.js';
+export {  Modal  } from './modalUnControlled.js';

package/dist/esm/components/modal/modalControlled.js

@@ -0,0 +1 @@
+import{useClassName as e}from"../../lib/hooks/useClassName/useClassName.js";import{useContentVisibility as o}from"../../lib/hooks/useContentVisibility/useContentVisibility.js";import{useMediaDevice as r}from"../../lib/hooks/useMediaDevice/useMediaDevice.js";import{useScrollDetection as t}from"../../lib/hooks/useScrollDetection/useScrollDetection.js";import{useScrollEffect as s}from"../../lib/hooks/useScrollEffect/useScrollEffect.js";import{useSwipeDown as l}from"../../lib/hooks/useSwipeDown/useSwipeDown.js";import{syncInnerAndForwardedRef as n}from"../../lib/utils/refs/syncRefs.js";import{Portal as a}from"../portal/portal.js";import{ModalStandAlone as i}from"./modalStandAlone.js";import{forwardRef as c,useCallback as m,useRef as d}from"react";import{jsx as p}from"react/jsx-runtime";const u=c(({additionalClasses:c,disableFocusableContent:u=!1,onClose:f,popover:b,portalId:h,variant:S,...C},j)=>{const v=e({additionalClassNames:c,component:"MODAL",variant:S}),y=r(),D=d(null),{scrollableRef:w,shadowRef:R}=s({shadowStyles:"none"}),{handleContentVisibility:k}=o({}),{setDragIconRef:I,setPopoverRef:g}=l({handleClose:f}),{handleScrollDetection:q,hasScroll:M}=t({autoFocus:!u}),N=m(e=>{D.current=e,n({forwardedRef:j,innerRef:D});const o=D.current?.querySelector("[data-modal-header]"),r=D.current?.querySelector("[data-modal-content]"),t=D.current?.querySelector("[data-modal-draggable-icon]");R(o),k({container:D.current,content:r}),w(r),q(r),t&&I(t)},[]),V=/* @__PURE__ */p(i,{...C,ref:N,contentHasScroll:M,cssClasses:v,device:y,popover:{...b,popoverContainerRef:g},onPopoverCloseInternally:()=>{f?.()}});return h?/* @__PURE__ */p(a,{wrapperId:h,children:V}):V});export{u as ModalControlled};

package/dist/esm/components/modal/modalStandAlone.js

@@ -0,0 +1,4 @@
+import{processTextProp as e}from"../../lib/utils/process/processCommonProp.js";import{Overlay as o}from"../../lib/components/overlay/overlay.js";import{Popover as t}from"../popover/popover.js";import{ModalHeader as l}from"./fragments/modalHeader.js";import{onlyDesktopSize as i}from"./utils/onlyDesktopSize.js";import{forwardRef as a,useId as r}from"react";import{jsx as s,jsxs as n}from"react/jsx-runtime";const d=a(({blocked:a,closeButton:d,closeIcon:c,content:m,contentContainer:p,contentHasScroll:v,contentScrollArias:b,cssClasses:h,customHeightAllDevices:g=!1,customWidthAllDevices:y=!1,device:f,dragIcon:C,footer:u,id:H,maxHeight:x,maxWidth:I,minContentHeight:j,minHeight:W,minWidth:k,onKeyDown:D,onPopoverCloseInternally:A,open:N,popover:S,title:$,...B},F)=>{const P=`modal-${r().replace(/:/g,"")}`,w=H??P,z=`modal-title-${r().replace(/:/g,"")}`,E=e($).id??z,K=B["data-testid"]||"modal";/* @__PURE__ */
+return s(t,{"aria-labelledby":E,"aria-modal":N,component:"div",disableClickOverlayClose:a,disableEscapeClose:a,disableTrapFocus:!1,id:w,open:N,overlay:/* @__PURE__ */s(o,{}),role:"dialog",strategy:"fixed",onClose:A,...S,children:/* @__PURE__ */n("div",{ref:F,className:h?.modal,"data-testid":K,style:{maxHeight:x,maxWidth:I,minHeight:g?W:i(f,W),minWidth:y?k:i(f,k)},children:[
+/* @__PURE__ */s(l,{blocked:a,closeButton:d,closeIcon:c,cssClasses:h,device:f,dragIcon:C,title:$,titleIdFinal:E}),
+/* @__PURE__ */s("div",{"aria-label":v?b?.["aria-label"]:void 0,"aria-labelledby":v?b?.["aria-labelledby"]:void 0,className:h?.content,"data-modal-content":!0,"data-testid":`${K}-content`,role:v?"region":void 0,style:{minHeight:j},...v?{tabIndex:0}:{},...p,children:m}),!!u&&/* @__PURE__ */s("div",{className:h?.footer,children:u})]})})});export{d as ModalStandAlone};

package/dist/esm/components/modal/modalUnControlled.js

@@ -0,0 +1,2 @@
+import{processIconProp as o}from"../../lib/utils/process/processCommonProp.js";import{ESCAPE as r}from"../../lib/constants/keyboardKeys/keyboardKeys.js";import{isKeyPressed as e}from"../../lib/utils/keyboard/keyboard.js";import{ModalControlled as n}from"./modalControlled.js";import{forwardRef as t,useEffect as s,useState as l}from"react";import{jsx as c}from"react/jsx-runtime";const i=t(({closeButton:t,closeIcon:i,onClose:p,open:m,popover:a,variant:k,...y},b)=>{const[C,d]=l(m);s(()=>{d(m)},[m]);const f=()=>{d(!1),p?.()};/* @__PURE__ */
+return c(n,{...y,ref:b,closeButton:t&&{...t,onClick:o=>{f(),t?.onClick?.(o)}},closeIcon:{...o(i),onClick:r=>{f(),o(i)?.onClick?.(r)}},open:C,popover:{...a},variant:k,onClose:p,onKeyDown:o=>y?.blocked&&e(o.key,...r.key)?o.stopPropagation():null})});export{i as ModalUnControlled};

package/dist/esm/components/modal/utils/onlyDesktopSize.js

@@ -0,0 +1 @@
+import{DeviceBreakpointsTypeUtils as o}from"../../../lib/types/breakpoints/breakpoints.js";const s=(s,t)=>o.isDesktopOrLargeDesktop(s)?t:void 0;export{s as onlyDesktopSize};

package/dist/esm/components/option/components.ts/optionLabelSlice.js

@@ -0,0 +1,2 @@
+import{pickCustomAttributes as t}from"../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{Text as s}from"../../text/text2.js";import{jsx as r}from"react/jsx-runtime";const e=({children:e,component:o,cssClasses:i,customAttributes:m,...n})=>{if(!e)return null;const u=t(n);/* @__PURE__ */
+return r(s,{additionalClasses:{text:i},component:o,customAttributes:m,...u,children:e})};export{e as OptionLabelSlice};

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

@@ -0,0 +1 @@
+export {  Option  } from './option.js';

package/dist/esm/components/option/option.js

@@ -0,0 +1 @@
+import{useClassName as o}from"../../lib/hooks/useClassName/useClassName.js";import{useGenericComponents as r}from"../../lib/provider/genericComponentsProvider/genericComponentsProvider.js";import{OptionStandAlone as e}from"./optionStandAlone.js";import{forwardRef as s,useEffect as n,useImperativeHandle as t,useRef as i,useState as a}from"react";import{jsx as m}from"react/jsx-runtime";const c=s(({additionalClasses:s,focus:c,onBlur:u,onFocus:l,variant:p,...f},d)=>{const v=o({additionalClassNames:s,component:"OPTION",variant:p}),{LINK:C}=r(),N=i(),[j,L]=a(!1),[P,b]=a(!1);return t(d,()=>N.current,[]),n(()=>{c&&N.current?.focus()},[c]),/* @__PURE__ */m(e,{...f,ref:N,componentLink:C,cssClasses:v,focus:P,hover:j,onBlur:o=>{u?.(o),b(!1)},onFocus:o=>{l?.(o),b(!0)},onMouseEnter:()=>L(!0),onMouseLeave:()=>L(!1)})});export{c as Option};

package/dist/esm/components/option/optionStandAlone.js

@@ -0,0 +1,7 @@
+import{CustomComponent as t}from"../../lib/components/customComponent/customComponent.js";import{pickCustomAttributes as e}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{Text as s}from"../text/text2.js";import{processIconProp as o,processTextProp as i}from"../../lib/utils/process/processCommonProp.js";import{ElementOrIcon as n}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{STATES as l}from"../../lib/types/states/states.js";import{ENTER as r,SPACE as a}from"../../lib/constants/keyboardKeys/keyboardKeys.js";import{isKeyPressed as c}from"../../lib/utils/keyboard/keyboard.js";import{OptionLabelSlice as m}from"./components.ts/optionLabelSlice.js";import{getHighlightedIndexes as d,getState as b}from"./utils/option.utils.js";import{forwardRef as u}from"react";import{Fragment as p,jsx as h,jsxs as g}from"react/jsx-runtime";const f=u(({checkedIcon:u,component:f,componentLink:C,cssClasses:E,disabled:k,extraContent:y,focus:L,hover:j,icon:A,label:x,labelCharsHighlighted:I,multiSelect:$,onBlur:v,onClick:D,onFocus:M,onMouseEnter:N,onMouseLeave:S,role:T,selected:H,sublabel:B,tabIndex:F,url:K,...O},P)=>{const _=b(k,L,H,$,j,!!I&&I?.length>0),w={"data-state":_},U=_===l.DISABLED,R=e({...O,customAttributes:w}),V=e(w),q=R["data-testid"]||"option",z=[l.MULTIPLE_SELECTED,l.MULTIPLE_SELECTED_HOVER,l.SELECTED].includes(_);let G,J,Q;if("string"==typeof x){const{firstHighlightedIndex:t,lastHighlightedIndex:e}=d(x,I);G=x.substring(0,t),J=x.substring(t,e),Q=x.substring(e)}/* @__PURE__ */
+return g(t,{ref:P,"aria-disabled":U,className:E?.option,...R,component:K?C:f??"div","data-testid":q,role:T,tabIndex:F,url:K,onBlur:v,onClick:t=>{U||D?.(t)},onFocus:M,onKeyDown:t=>{!U&&c(t.key,r.key,a.key)&&D?.(t)},onMouseEnter:N,onMouseLeave:S,...V,children:[/* @__PURE__ */g("div",{className:E?.firstrowcontainer,children:[/* @__PURE__ */g("div",{className:E?.labeliconcontainer,...V,children:[
+/* @__PURE__ */h(n,{className:E?.icon,customAttributes:w,...o(A)}),!!i(B).children&&/* @__PURE__ */h("div",{className:E?.sublabelcontainer,...V,children:/* @__PURE__ */h(s,{additionalClasses:{text:E?.sublabel},component:"span",customAttributes:w,...i(B)})}),
+/* @__PURE__ */h("p",{children:"string"==typeof x?/* @__PURE__ */g(p,{children:[" ",
+/* @__PURE__ */h(m,{component:"span",cssClasses:E?.label,customAttributes:w,"data-testid":`${q}-first-no-hightlighted-label`,children:G}),
+/* @__PURE__ */h(m,{component:"span",cssClasses:`${E?.label} ${E?.labelhighlighted}`,customAttributes:w,"data-testid":`${q}-highlighted-label`,children:J}),
+/* @__PURE__ */h(m,{component:"span",cssClasses:`${E?.label} ${E?.labelhighlighted}`,customAttributes:w,"data-testid":`${q}-last-no-hightlighted-label`,children:Q})]}):/* @__PURE__ */h(m,{component:"span",cssClasses:E?.label,customAttributes:w,"data-testid":`${q}-label`,children:x})})]}),z&&/* @__PURE__ */h(n,{className:E?.checkedicon,customAttributes:w,...o(u)})]}),!!y&&y]})});export{f as OptionStandAlone};

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

@@ -0,0 +1 @@
+import{STATES as e}from"../../../lib/types/states/states.js";var E=(E,t,L,s,o,i)=>E?e.DISABLED:t?e.FOCUS:L?s?o?e.MULTIPLE_SELECTED_HOVER:e.MULTIPLE_SELECTED:o?e.SELECTED_HOVER:e.SELECTED:o?e.HOVER:i?e.FILLING:e.DEFAULT;const t=(e,E)=>{let t=0,L=0;if(E){const s=e.toLocaleLowerCase(),o=E.toLocaleLowerCase();s.includes(o)&&(t=s.indexOf(o),L=t+E.length)}return{firstHighlightedIndex:t,lastHighlightedIndex:L}};export{t as getHighlightedIndexes,E as getState};

package/dist/esm/components/pageControl/components/arrowControlStandAlone.js

@@ -0,0 +1,2 @@
+import{ElementOrIcon as t}from"../../../lib/components/elementOrIcon/elementOrIcon.js";import{jsx as e}from"react/jsx-runtime";const s=({cssArrowControlClasses:s,disabled:o=!1,...r})=>{const n=o?"inactive":"active";/* @__PURE__ */
+return e(t,{className:s?.icon,customAttributes:{"data-state":n},disabled:o,...r})};export{s as ArrowControlStandAlone};

package/dist/esm/components/pageControl/components/buttonControlStandAlone.js

@@ -0,0 +1,2 @@
+import{pickCustomAttributes as t}from"../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{jsx as s}from"react/jsx-runtime";const o=({cssPageControlClasses:o,disabled:i=!1,position:e,...r})=>{const u=t(r);/* @__PURE__ */
+return s("button",{className:o,disabled:i,type:"button",...r,...u})};export{o as ButtonControlStandAlone};

package/dist/esm/components/pageControl/components/controls.js

@@ -0,0 +1,2 @@
+import{pickCustomAttributes as o}from"../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{isElementOrIconProps as t}from"../helper/controlType.js";import{ArrowControlStandAlone as r}from"./arrowControlStandAlone.js";import{ButtonControlStandAlone as s}from"./buttonControlStandAlone.js";import{Fragment as n,jsx as l,jsxs as e}from"react/jsx-runtime";const i=({control:i,cssArrowControlClasses:c,cssPageControlClasses:a,position:m,...p})=>{const C=o(p),u="left"===m?c?.leftbuttoncontrol:c?.rightbuttoncontrol,f="left"===m?c?.leftarrowcontrolcontainer:c?.rightarrowcontrolcontainer;/* @__PURE__ */
+return e(n,{children:[i&&!t(i)&&/* @__PURE__ */l(s,{...i,cssPageControlClasses:u,position:m,...C}),t(i)&&/* @__PURE__ */l("div",{className:f,children:/* @__PURE__ */l(r,{cssArrowControlClasses:c,...i})})]})};export{i as Controls};

package/dist/esm/components/pageControl/helper/controlType.js

@@ -0,0 +1 @@
+const o=o=>void 0!==o?.icon;export{o as isElementOrIconProps};

package/dist/esm/components/pageControl/helper/positions.js

@@ -0,0 +1 @@
+const t=(t,i)=>Math.max(0,Math.min(t,i-1)),i=({currentPosition:t,direction:i,dots:o,isBullet:s,pages:e})=>{let n=0,r=n+o-1;return s&&"forth"!==i?e-o<=t?(r=e-1,n=r-(o-1)):(n=t,r=n+o-1):t-o<0?(n=0,r=n+o-1):(r=t,n=r-(o-1)),{firstVisiblePosition:n,lastVisiblePosition:r}};export{i as calcFirstLastVisiblePosition,t as getPositionWithIn};

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

@@ -0,0 +1 @@
+export {  PageControl  } from './pageControl.js';

package/dist/esm/components/pageControl/pageControl.js

@@ -0,0 +1,2 @@
+import{useClassName as s}from"../../lib/hooks/useClassName/useClassName.js";import{calcFirstLastVisiblePosition as o,getPositionWithIn as t}from"./helper/positions.js";import{PageControlStandAlone as i}from"./pageControlStandAlone.js";import{forwardRef as r,useMemo as a,useRef as e}from"react";import{jsx as n}from"react/jsx-runtime";const l=r(({additionalArrowControlClasses:r,additionalPageControlClasses:l,arrowsControlVariant:m,currentPosition:C,isBullet:c=!1,maxDots:p=5,pages:u,variant:d,...P},f)=>{const b=s({additionalClassNames:r,component:"PAGE_CONTROL",variant:m}),g=s({additionalClassNames:l,component:"PAGE_CONTROL",variant:d}),N=e(0),A=a(()=>{let s="forth";return C<N.current&&(s="back"),N.current=C,s},[C]),V=u>p?p:u,j=t(C,u),{firstVisiblePosition:O,lastVisiblePosition:h}=o({currentPosition:j,direction:A,dots:V,isBullet:c,pages:u});/* @__PURE__ */
+return n(i,{ref:f,cssArrowControlClasses:b,cssPageControlClasses:g,currentPosition:j,dots:V,firstVisiblePosition:O,isBullet:c,lastVisiblePosition:h,pages:0,...P})});export{l as PageControl};

package/dist/esm/components/pageControl/pageControlStandAlone.js

@@ -0,0 +1,6 @@
+import{pickCustomAttributes as t}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{Controls as s}from"./components/controls.js";import{forwardRef as o}from"react";import{Fragment as i,jsx as r,jsxs as e}from"react/jsx-runtime";const a=o(({cssArrowControlClasses:o,cssPageControlClasses:a,currentPosition:l,dots:n,firstVisiblePosition:c,isBullet:d,lastVisiblePosition:m,leftControl:p,pages:C,rightControl:g,...u},f)=>{const P=u["data-testid"]||"page-control";/* @__PURE__ */
+return r("div",{ref:f,className:a?.page_control,"data-testid":P,children:n>0&&/* @__PURE__ */e(i,{children:[
+/* @__PURE__ */r(s,{control:p,cssArrowControlClasses:o,cssPageControlClasses:a,currentPosition:l,"data-testid":`${P}-left-control`,dots:n,firstVisiblePosition:c,lastVisiblePosition:m,pages:C,position:"left"}),
+/* @__PURE__ */e("div",{className:a?.dotscontainer,children:[d&&c>0&&/* @__PURE__ */r("div",{...t({"data-state":"last"}),className:a?.pagedot}),[...Array(n)].map((s,o)=>{const i=o+c;/* @__PURE__ */
+return r("div",{...t({"data-state":i===l?"current":"default"}),className:a?.pagedot},`Dot-middle--${i}`)}),d&&(m??0)<(C??0)-1&&/* @__PURE__ */r("div",{...t({"data-state":"last"}),className:a?.pagedot})]}),
+/* @__PURE__ */r(s,{control:g,cssArrowControlClasses:o,cssPageControlClasses:a,currentPosition:l,"data-testid":`${P}-right-control`,dots:n,firstVisiblePosition:c,lastVisiblePosition:m,pages:C,position:"right"})]})})});export{a as PageControlStandAlone};

package/dist/esm/components/pagination/fragments/paginationButtonControl.js

@@ -0,0 +1,2 @@
+import{classNames as a}from"../../../lib/utils/classNames/classNames.js";import{ElementOrIcon as t}from"../../../lib/components/elementOrIcon/elementOrIcon.js";import{jsx as o}from"react/jsx-runtime";const i=({cssClasses:i,disabled:s,paginationButtonControl:r,position:e="left"})=>{const n={"data-state":s?"disabled":""};/* @__PURE__ */
+return o(t,{altText:r?.ariaLabel,"aria-controls":r?.ariaControls,"aria-label":r?.ariaLabel,className:a({[`${i?.paginationleftarrowicon}`]:"left"===e},{[`${i?.paginationrightarrowicon}`]:"right"===e}),customAttributes:n,disabled:s,icon:r?.icon,onClick:a=>{s||r?.onClick?.(a)}})};export{i as PaginationButtonControl};

package/dist/esm/components/pagination/helpers/adjustMaxCountersNumber.js

@@ -0,0 +1 @@
+const e=({maxStepsNumber:e,propMaxCountersNumber:r})=>{let t;return e<=3?(t=e,t):(t=r||5,e>3&&t<=2&&(t=3),t=Math.min(e,t),t)};export{e as adjustMaxCountersNumber};

package/dist/esm/components/pagination/helpers/getMaxCountersNumber.js

@@ -0,0 +1 @@
+var a=(a,r)=>[...Array(a)].map((a,t)=>r+1+t);const r=(r,t,e)=>{let o=e,s=[],l=[],c=[],n=[],f=r+1;f>=e&&t!==e&&(s=[1,"..."],o--),(t+1-f>=e||f<e&&t-e>=1)&&t!==e&&(l=["...",t],o--);const h=f<=o,i=Math.abs(t-f)<o;if(h)f=1,n=a(o-1,f);else if(i)f=t-o+1,n=a(o-1,f);else{const r=(o-1)/2,t=Math.floor(r),e=Math.ceil(r);c=((a,r)=>[...Array(a)].map((t,e)=>r-(a-e)))(t,f),n=a(e,f)}return[...s,...c,f,...n,...l]};export{r as buildstepsNumber};

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

@@ -0,0 +1 @@
+export {  Pagination  } from './pagination.js';

package/dist/esm/components/pagination/pagination.js

@@ -0,0 +1,2 @@
+import{useClassName as e}from"../../lib/hooks/useClassName/useClassName.js";import{adjustMaxCountersNumber as s}from"./helpers/adjustMaxCountersNumber.js";import{buildstepsNumber as r}from"./helpers/getMaxCountersNumber.js";import{PaginationStandAlone as t}from"./paginationStandAlone.js";import{forwardRef as a}from"react";import{jsx as m}from"react/jsx-runtime";const o=a(({additionalClasses:a,currentStep:o,maxCountersNumber:i,maxStepsNumber:n,variant:p,...u},l)=>{const N=e({additionalClassNames:a,component:"PAGINATION",variant:p}),b=Math.max(0,Math.min(o,n-1)),x=r(b,n,s({maxStepsNumber:n,propMaxCountersNumber:i})),d=x.indexOf(b+1);/* @__PURE__ */
+return m(t,{ref:l,cssClasses:N,leftDisabled:0===b,rightDisabled:b===n-1,stepActive:d,stepsNumber:x,...u})});export{o as Pagination};

package/dist/esm/components/pagination/paginationStandAlone.js

@@ -0,0 +1,6 @@
+import{CustomComponent as t}from"../../lib/components/customComponent/customComponent.js";import{pickCustomAttributes as o}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{Text as s}from"../text/text2.js";import{STATES as n}from"../../lib/types/states/states.js";import{PaginationButtonControl as i}from"./fragments/paginationButtonControl.js";import{forwardRef as e}from"react";import{jsx as a,jsxs as r}from"react/jsx-runtime";const p=e(({cssClasses:e,leftDisabled:p,onStepClick:m,paginationLeftButtonControl:c,paginationRightButtonControl:l,rightDisabled:d,stepActive:u,stepsNumber:C,...g},b)=>{const f=g["data-testid"]||"pagination";/* @__PURE__ */
+return r("div",{ref:b,className:e?.pagination,"data-testid":f,children:[
+/* @__PURE__ */a(i,{cssClasses:e,disabled:p,paginationButtonControl:c}),
+/* @__PURE__ */a("div",{className:e?.pagescontainer,"data-testid":`${f}-steps-content`,children:C.map((i,r)=>{const p="number"==typeof i,c={"data-clickable":p,"data-state":u===r?n.SELECTED:n.DEFAULT},l=o(g);/* @__PURE__ */
+return a(t,{className:e?.pagecontainer,component:p?"button":void 0,type:p?"button":void 0,onClick:p?m?.(i-1):void 0,...l,children:/* @__PURE__ */a(s,{additionalClasses:{text:e?.page},component:"span",customAttributes:c,children:i})},`PaginationContent-${i}-${r.toString()}`)})}),
+/* @__PURE__ */a(i,{cssClasses:e,disabled:d,paginationButtonControl:l,position:"right"})]})});export{p as PaginationStandAlone};

package/dist/esm/components/popover/hooks/positioning/arrowPositionStyles.js

@@ -0,0 +1 @@
+import{ArrowPositions as t}from"./types.js";const e=(e,r,o,l,s,a)=>{if(!e||!o.arrow||!r)return;const{x:n,y:p}=o.arrow;let f=`-${Math.floor(a/2)}px`;s&&void 0!==s[0]&&(f=-Math.abs(s[0]/4)+"px"),(({arrowElement:e,arrowX:r,arrowY:o,offset:l="0px",placement:s})=>{if(!e)return;e.setAttribute("data-kbt-placement",s),e.style.top="",e.style.right="",e.style.bottom="",e.style.left="";const a=s.split("-")[0],n=t[a];e.style[n]=l,"top"===a||"bottom"===a?null!=r?(e.style.left=`${r}px`,e.style.transform="rotate(45deg)"):(e.style.left="50%",e.style.transform="translateX(-50%) rotate(45deg)"):null!=o?(e.style.top=`${o}px`,e.style.transform="rotate(45deg)"):(e.style.top="50%",e.style.transform="translateY(-50%) rotate(45deg)")})({arrowElement:r,arrowX:n,arrowY:p,offset:f,placement:l})};export{e as positionArrow};

package/dist/esm/components/popover/hooks/positioning/middlewareUtils.js

@@ -0,0 +1 @@
+import{getPlacementDirection as e}from"../../utils/placement.utils.js";import{arrow as t,flip as i,hide as s,offset as n,shift as a}from"@floating-ui/dom";const r=({arrowElement:r,customMiddlewares:d,edgePadding:o,hideWhenDetached:h,isBodyAnchor:m,mainAxisOffset:c,offsetDistance:p,placement:l})=>{let u=[];return u=d?.length?[...d]:m?((t,i)=>{const s=e(t),r=[];return"center"===s?r.push(a({crossAxis:!0,mainAxis:!0,padding:i})):s.startsWith("right")||s.startsWith("left")?r.push(n({alignmentAxis:0,mainAxis:0})):(s.startsWith("bottom")||s.startsWith("top"))&&r.push(n({mainAxis:0})),r})(l,o):((e,t,s)=>{const r=[];return r.push(n({crossAxis:t?.[1]||0,mainAxis:e})),r.push(i({fallbackAxisSideDirection:"start",padding:s})),r.push(a({padding:s})),r})(c,p,o),(({arrowElement:e,edgePadding:i,hideWhenDetached:n,isBodyAnchor:a,middlewareStack:r})=>{!a&&n&&r.push(s()),e&&r.push(t({element:e,padding:i}))})({arrowElement:r,edgePadding:o,hideWhenDetached:h,isBodyAnchor:m,middlewareStack:u}),u},d=({arrowSize:e,hasArrow:t,offsetDistance:i})=>"number"==typeof i?.[0]?i[0]:t?e:0;export{d as calculateMainAxisOffset,r as getMiddlewareStack};

package/dist/esm/components/popover/hooks/positioning/positionCalculation.js

@@ -0,0 +1 @@
+const t=(t,a,e)=>{if(t){const t="fixed";return e?{actualPlacement:e,autoStrategy:t}:{actualPlacement:"center",autoStrategy:t}}return{actualPlacement:e||"top",autoStrategy:a}};export{t as determinePositioningConfig};

package/dist/esm/components/popover/hooks/positioning/positionStyles.js

@@ -0,0 +1 @@
+import{DEFAULT_PLACEMENT as t}from"../../types/animation.js";const o=({edgePadding:o=0,isBodyAnchor:r=!0,placement:i=t,strategy:e,useFloatingUICoordinates:n=!1,x:a=0,y:s=0})=>{if(!r)return{bottom:"auto",boxSizing:"border-box",left:`${a}px`,position:e,right:"auto",top:`${s}px`,transform:"",transformOrigin:""};if(n)return{bottom:"auto",boxSizing:"border-box",left:`${a}px`,position:"fixed",right:"auto",top:`${s}px`,transformOrigin:"center bottom"};const x={bottom:{bottom:`${o}px`,boxSizing:"border-box",left:"50%",position:"fixed",right:"auto",top:"auto",transform:"translateX(-50%)",transformOrigin:"center bottom"},"bottom-end":{bottom:`${o}px`,boxSizing:"border-box",left:"auto",position:"fixed",right:`${o}px`,top:"auto",transform:"none",transformOrigin:"right bottom"},"bottom-start":{bottom:`${o}px`,boxSizing:"border-box",left:`${o}px`,position:"fixed",right:"auto",top:"auto",transform:"none",transformOrigin:"left bottom"},center:{bottom:"auto",boxSizing:"border-box",left:"50%",position:"fixed",right:"auto",top:"50%",transform:"translate(-50%, -50%)",transformOrigin:"center center"},defaultStyle:{bottom:"auto",boxSizing:"border-box",left:`${a}px`,position:e,right:"auto",top:`${s}px`},left:{bottom:"auto",boxSizing:"border-box",display:"flex",flexDirection:"column",left:`${o}px`,position:"fixed",right:"auto",top:"50%",transform:"translateY(-50%)",transformOrigin:"left center"},"left-end":{bottom:`${o}px`,boxSizing:"border-box",display:"flex",flexDirection:"column",left:`${o}px`,position:"fixed",right:"auto",top:"auto",transform:"none",transformOrigin:"left bottom"},"left-start":{bottom:"auto",boxSizing:"border-box",display:"flex",flexDirection:"column",left:`${o}px`,position:"fixed",right:"auto",top:`${o}px`,transform:"none",transformOrigin:"left top"},right:{bottom:"auto",boxSizing:"border-box",display:"flex",flexDirection:"column",left:"auto",position:"fixed",right:`${o}px`,top:"50%",transform:"translateY(-50%)",transformOrigin:"right center"},"right-end":{bottom:`${o}px`,boxSizing:"border-box",display:"flex",flexDirection:"column",left:"auto",position:"fixed",right:`${o}px`,top:"auto",transform:"none",transformOrigin:"right bottom"},"right-start":{bottom:"auto",boxSizing:"border-box",display:"flex",flexDirection:"column",left:"auto",position:"fixed",right:`${o}px`,top:`${o}px`,transform:"none",transformOrigin:"right top"},top:{bottom:"auto",boxSizing:"border-box",left:"50%",position:"fixed",right:"auto",top:`${o}px`,transform:"translateX(-50%)",transformOrigin:"center top"},"top-end":{bottom:"auto",boxSizing:"border-box",left:"auto",position:"fixed",right:`${o}px`,top:`${o}px`,transform:"none",transformOrigin:"right top"},"top-start":{bottom:"auto",boxSizing:"border-box",left:`${o}px`,position:"fixed",right:"auto",top:`${o}px`,transform:"none",transformOrigin:"left top"}};return x[i]||x.defaultStyle},r=({edgePadding:t=0,hasCustomMiddlewares:r=!1,isBodyAnchor:i,middlewareStack:e=[],placement:n,ref:a,strategy:s,x:x=0,y:f=0})=>{if(a?.current)if(i?a.current.setAttribute("data-kbt-placement",n||"center"):a.current.setAttribute("data-kbt-placement",a.current.getAttribute("data-kbt-placement")||n||"bottom"),i){const i=e.some(t=>"body-auto-centering"===t.name),b=o({edgePadding:t,placement:n,strategy:s,useFloatingUICoordinates:r||i,x:x,y:f});Object.assign(a.current.style,b)}else{const r=o({edgePadding:t,isBodyAnchor:!1,placement:n,strategy:s,x:x,y:f});Object.assign(a.current.style,r)}};export{r as applyPositionStyles};

package/dist/esm/components/popover/hooks/positioning/types.js

@@ -0,0 +1 @@
+const t={bottom:"top",left:"right",right:"left",top:"bottom"};export{t as ArrowPositions};

package/dist/esm/components/popover/hooks/usePopoverInteractions.js

@@ -0,0 +1 @@
+import{ESCAPE as e}from"../../../lib/constants/keyboardKeys/keyboardKeys.js";import{isKeyPressed as o}from"../../../lib/utils/keyboard/keyboard.js";import{useClickOutside as t}from"../../../lib/hooks/useClickOutside/useClickOutside.js";import{useCallback as r,useEffect as s,useMemo as n}from"react";const i=({disableClickOverlayClose:i=!1,disableEscapeClose:l=!1,isVisible:a,onClose:c,popoverRef:d,preventCloseOnClickElements:k=[]})=>{const u=n(()=>k.filter(Boolean),[k]),m=r(e=>{if(!a||i)return;const o=e.target;d.current?.contains(o)||u.some(e=>e.contains(o))||c?.()},[a,i,d,u,c]);return t(d,m,u),s(()=>{if(!a)return;const t=t=>{o(t.key,...e.key)&&(t.preventDefault(),t.stopPropagation(),l||c?.())};return document.addEventListener("keydown",t),()=>{document.removeEventListener("keydown",t)}},[l,a,c]),{handleClickOutside:m}};export{i as usePopoverInteractions};

package/dist/esm/components/popover/hooks/usePopoverLifecycle.js

@@ -0,0 +1 @@
+import{useScrollBlock as e}from"../../../lib/hooks/useScrollBlock/useScrollBlock.js";import{syncInnerAndForwardedRef as r}from"../../../lib/utils/refs/syncRefs.js";import{focusFirstDescendant as o}from"../../../lib/utils/focusHandlers/focusHandlers.js";import{convertDurationToNumber as n}from"../../../lib/hooks/useSwipeDown/utils/convertDurationToNumber.js";import{useCallback as l,useEffect as t,useRef as s,useState as c}from"react";const u=({animationExitDuration:u=200,disableAnimations:i,disableAutoFocusFirstDescendant:a=!1,disableAutoFocusFirstDescendantAfterClose:m=!0,disableRestoreFocusAfterClose:d=!1,disableScrollBackground:f=!1,open:p=!1,popoverContainerRef:b,preventScrollOnCloseFocus:S=!1})=>{const w=s(null),v=s(!1),R=s(null),k=s(null),[F,A]=c(p),[C,D]=c(!1),j=n(u),{allowScroll:T,blockScroll:h}=e(),B=l(()=>{!a&&w.current&&o({element:w.current,preventScroll:!0})},[a]),g=l(()=>{d?m||o({element:document.body}):k.current?.focus({preventScroll:S})},[d,S,m]);t(()=>{p&&(k.current=document.activeElement,A(!0),D(!1))},[p]),t(()=>(!p&&F&&(i?(g(),A(!1),D(!1)):(D(!0),R.current=window.setTimeout(()=>{g(),A(!1),D(!1)},j))),()=>{null!==R.current&&(window.clearTimeout(R.current),R.current=null)}),[p,F,i,j,g]);const x=l(e=>{w.current=e,B(),f&&!v.current&&(v.current=!0,h({elementsToOmit:[w.current]}))},[h,B,f]),y=l(()=>{v.current&&T(),w.current=null},[T]);return{handleInnerRef:l(e=>{e?x(e):y(),r({forwardedRef:b,innerRef:w})},[b,y,x]),isClosing:C,isVisible:F,popoverRef:w}};export{u as usePopoverLifecycle};

package/dist/esm/components/popover/hooks/usePopoverPositioning.js

@@ -0,0 +1 @@
+import{positionArrow as e}from"./positioning/arrowPositionStyles.js";import{calculateMainAxisOffset as t,getMiddlewareStack as r}from"./positioning/middlewareUtils.js";import{determinePositioningConfig as n}from"./positioning/positionCalculation.js";import{applyPositionStyles as i}from"./positioning/positionStyles.js";import{useCallback as a,useEffect as o,useRef as s}from"react";import{autoUpdate as c,computePosition as d}from"@floating-ui/dom";const l=({anchorElement:l,arrowStyles:m,isVisible:u,middlewareOptions:p={},middlewares:f=[],placement:w,ref:h,strategy:g})=>{const{edgePadding:y=0,hideWhenDetached:S,offsetDistance:D}=p,b=s(document.body),P=s(null),E=s({anchorElement:l,arrowStyles:m,isVisible:u,middlewareOptions:{edgePadding:y,hideWhenDetached:S,offsetDistance:D},middlewares:f,placement:w,ref:h,strategy:g});o(()=>{E.current={anchorElement:l,arrowStyles:m,isVisible:u,middlewareOptions:{edgePadding:y,hideWhenDetached:S,offsetDistance:D},middlewares:f,placement:w,ref:h,strategy:g}},[l,w,D,y,S,f,g,u,h,m]);const A=a(()=>h?.current&&u&&m?(P.current=h.current.querySelector('[data-kbt-id="popover-arrow"]'),P.current):null,[h,u,m]);o(()=>{const e=()=>{!A()&&u&&m&&h?.current&&requestAnimationFrame(e)};e()},[A,u,m]);const k=a((e,t)=>e&&t?.current&&document.body.contains(t.current),[]),O=a((t,r,n,a,o,s,c,d,l,u,p,f,w,h=[],g=[])=>{t?.current&&(i({edgePadding:c,hasCustomMiddlewares:h.length>0,isBodyAnchor:r,middlewareStack:g,placement:n,ref:t,strategy:s,x:a,y:o}),r||t.current.setAttribute("data-kbt-placement",u),e(!!m,d,l,u,p,f),w?.())},[m]),W=a((e,n,i,a,o,s,c)=>{const d=t({arrowSize:n,hasArrow:!!m,offsetDistance:e}),l=P.current;return{arrowElement:l,middlewareStack:r({arrowElement:l,customMiddlewares:s,edgePadding:a,hideWhenDetached:c?.hideWhenDetached,isBodyAnchor:i,mainAxisOffset:d,offsetDistance:e,placement:o})}},[m]),j=a((e,t,r,n,i,a,o,s,c,d,l,m,u,p=[],f=[])=>{const w=t.hide?.referenceHidden||t.hide?.escaped;e.current&&(e.current.style.opacity=w?"0":"",e.current.style.pointerEvents=w?"none":""),w||O(e,r,n,i,a,o,s,c,t,d,l,m,u,p,f)},[O]),x=a(async()=>{const{anchorElement:e,arrowStyles:t,middlewareOptions:r,middlewares:i,onPositioned:a,placement:o,ref:s,strategy:c}=E.current,l=r?.offsetDistance,m=r?.edgePadding??8,u=t?.size||0,p=e||b.current;if(!s?.current||!k(p,s))return;const f=p===document.body,{arrowElement:w,middlewareStack:h}=W(l,u,f,m,o,i,r||{}),{actualPlacement:g,autoStrategy:y}=n(f,c,o),{middlewareData:S,placement:D,x:P,y:A}=await d(p,s.current,{middleware:h,placement:"center"===g?"top":g,strategy:y});j(s,S,f,g,P,A,c,m,w,D,l,u,a,i,h)},[]);o(()=>{if(!u||!h?.current)return;x();const e=l??b.current;let t=()=>{};return t=c(e,h.current,x,{ancestorResize:!0,ancestorScroll:!0,animationFrame:!1,elementResize:!0}),()=>{t()}},[u,l,x])};export{l as usePopoverPositioning};

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

@@ -0,0 +1,2 @@
+export * from './middlewares.js';
+export {  Popover  } from './popover.js';

package/dist/esm/components/popover/popover.js

@@ -0,0 +1 @@
+import{useClassName as e}from"../../lib/hooks/useClassName/useClassName.js";import{useTrapFocus as s}from"../../lib/hooks/useTrapFocus/useTrapFocus.js";import{usePopoverInteractions as o}from"./hooks/usePopoverInteractions.js";import{usePopoverLifecycle as i}from"./hooks/usePopoverLifecycle.js";import{usePopoverPositioning as r}from"./hooks/usePopoverPositioning.js";import{PopoverStandAlone as l}from"./popoverStandAlone.js";import{forwardRef as t}from"react";import{jsx as a}from"react/jsx-runtime";const n=t(({additionalClasses:t,anchorElement:n,animationExitDuration:c=200,disableAnimations:p=!1,disableAutoFocusFirstDescendant:d=!1,disableAutoFocusFirstDescendantAfterClose:m=!0,disableClickOverlayClose:u=!1,disableEscapeClose:C=!1,disableRestoreFocusAfterClose:b=!1,disableScrollBackground:f=!1,disableTrapFocus:F=!1,middlewareOptions:v,middlewares:A,onClose:k,open:O=!1,popoverContainerRef:E,preventCloseOnClickElements:h=[],preventScrollOnCloseFocus:R=!1,strategy:g="absolute",...y},j)=>{const w=p||!!n,S=e({additionalClassNames:t,component:"POPOVER"}),{handleInnerRef:D,isClosing:P,isVisible:V,popoverRef:x}=i({animationExitDuration:c,disableAnimations:w,disableAutoFocusFirstDescendant:d,disableAutoFocusFirstDescendantAfterClose:m,disableRestoreFocusAfterClose:b,disableScrollBackground:f,open:O,popoverContainerRef:E,preventScrollOnCloseFocus:R});return s({ref:x,trapFocus:!F&&V}),o({disableClickOverlayClose:u,disableEscapeClose:C,isVisible:V,onClose:k,popoverRef:x,preventCloseOnClickElements:h}),r({anchorElement:n,arrowStyles:y.arrowStyles,isVisible:V,middlewareOptions:v,middlewares:A,placement:y.placement,ref:x,strategy:g}),/* @__PURE__ */a(l,{ref:j,...y,anchorElement:!!n,cssClasses:S,disableAnimations:w,isClosing:P,isVisible:V,middlewareOptions:v,popoverContainerRef:D,strategy:g})});export{n as Popover};

package/dist/esm/components/popover/popoverStandAlone.js

@@ -0,0 +1,2 @@
+import{CustomComponent as t}from"../../lib/components/customComponent/customComponent.js";import{pickCustomAttributes as e}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{classNames as o}from"../../lib/utils/classNames/classNames.js";/* empty css            */import{getArrowBorderStyles as a}from"./utils/styling.utils.js";import{forwardRef as s}from"react";import{Fragment as r,jsx as i,jsxs as n}from"react/jsx-runtime";const m=s(({anchorElement:s,arrowStyles:m,children:l,component:d="div",cssClasses:p,disableAnimations:c,id:b,isClosing:u,isVisible:k,overlay:f,placement:v,popoverContainerRef:h,zIndex:y="auto",...C},j)=>{const{"data-testid":x="popover",...w}=e(C,!0);/* @__PURE__ */
+return i("div",{ref:j,"data-testid":x,id:b,children:k&&/* @__PURE__ */n(r,{children:[f,/* @__PURE__ */n(t,{ref:h,...w,...C,className:o(p?.popover),component:d,"data-kbt-anchor-element":s,"data-kbt-closing":u,"data-kbt-disable-animations":c,"data-kbt-has-arrow":!!m,"data-kbt-id":"popover","data-kbt-placement":v,style:{zIndex:y||"auto"},children:[!!m&&/* @__PURE__ */i("div",{className:o(p?.arrow),"data-kbt-arrow-border":!!m,"data-kbt-id":"popover-arrow","data-kbt-placement":v,style:{...v?a(v,m):{},zIndex:"number"==typeof y?y+1:y}}),l]})]})})});export{m as PopoverStandAlone};

package/dist/esm/components/popover/positioning/middlewares.js

@@ -0,0 +1 @@
+import{arrow as a,autoPlacement as s,flip as o,hide as i,offset as t,shift as e,size as f}from"@floating-ui/dom";export{a as popoverMWArrow,s as popoverMWAutoPlacement,o as popoverMWFlip,i as popoverMWHide,t as popoverMWOffset,e as popoverMWShift,f as popoverMWSize};

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

@@ -0,0 +1 @@
+const e="center";export{e as DEFAULT_PLACEMENT};

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

@@ -0,0 +1 @@
+import{DEFAULT_PLACEMENT as t}from"../types/animation.js";const o=o=>o?o.startsWith("top")?"top":o.startsWith("bottom")?"bottom":o.startsWith("left")?"left":o.startsWith("right")?"right":t:t;export{o as getPlacementDirection};

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

@@ -0,0 +1 @@
+import{getPlacementDirection as r}from"./placement.utils.js";var 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 b={"--arrow-size":`${e.size}px`,backgroundColor:e.backgroundColor,height:`${e.size}px`,width:`${e.size}px`};if(e.border){const i=o[r(t)];i&&Object.assign(b,i(e.border))}return b};export{t as getArrowBorderStyles};

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

@@ -0,0 +1 @@
+export {  Portal  } from './portal.js';

package/dist/esm/components/portal/portal.js

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

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

@@ -0,0 +1 @@
+export {  ProgressBar  } from './progressBar.js';

package/dist/esm/components/progressBar/progressBar.js

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

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

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

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

@@ -0,0 +1,2 @@
+export {  RadioButton  } from './radioButton.js';
+export {  RadioButtonStandAlone  } from './radioButtonStandAlone.js';

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,2 @@
+export {  SelectControlled  } from './selectControlled.js';
+export {  Select  } from './selectUncontrolled.js';

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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