@kubit-ui-web/react-components 2.0.0-beta.23 → 2.0.0-beta.24

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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