@kubit-ui-web/react-components 2.0.0-beta.27 → 2.0.0-beta.29

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

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

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

@@ -1 +1 @@
-import{shift as e,offset as t,flip as i,hide as s,arrow as n}from"@floating-ui/dom";import{getPlacementDirection as a}from"../../utils/placement.utils.js";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?((i,s)=>{const n=a(i),r=[];return"center"===n?r.push(e({crossAxis:!0,mainAxis:!0,padding:s})):n.startsWith("right")||n.startsWith("left")?r.push(t({alignmentAxis:0,mainAxis:0})):(n.startsWith("bottom")||n.startsWith("top"))&&r.push(t({mainAxis:0})),r})(l,o):((s,n,a)=>{const r=[];return r.push(t({crossAxis:n?.[1]||0,mainAxis:s})),r.push(i({fallbackAxisSideDirection:"start",padding:a})),r.push(e({padding:a})),r})(c,p,o),(({arrowElement:e,edgePadding:t,hideWhenDetached:i,isBodyAnchor:a,middlewareStack:r})=>{!a&&i&&r.push(s()),e&&r.push(n({element:e,padding:t}))})({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};
+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

@@ -1 +1 @@
-const t=(t,e,a)=>{if(t){const t="fixed";if(!a){return{actualPlacement:"center",autoStrategy:t}}if("center"===a){return{actualPlacement:a,autoStrategy:t}}return{actualPlacement:a,autoStrategy:t}}return{actualPlacement:a||"top",autoStrategy:e}};export{t as determinePositioningConfig};
+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

@@ -1 +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:r=0,hasCustomMiddlewares:i=!1,isBodyAnchor:e,middlewareStack:n=[],placement:a,ref:s,strategy:x,x:f=0,y:b=0})=>{if(s?.current)if(e?s.current.setAttribute("data-kbt-placement",a||t):s.current.setAttribute("data-kbt-placement",s.current.getAttribute("data-kbt-placement")||a||"bottom"),e){const t=n.some(t=>"body-auto-centering"===t.name),e=o({edgePadding:r,placement:a,strategy:x,useFloatingUICoordinates:i||t,x:f,y:b});Object.assign(s.current.style,e)}else{const t=o({edgePadding:r,isBodyAnchor:!1,placement:a,strategy:x,x:f,y:b});Object.assign(s.current.style,t)}};export{r as applyPositionStyles,o as getPositionStyles};
+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

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

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

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

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

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

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

@@ -1,3 +1,2 @@
-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};
+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

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

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

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

@@ -1 +1 @@
-import{getPlacementDirection as r}from"./placement.utils.js";const o={bottom:r=>({borderLeft:r,borderTop:r}),left:r=>({borderRight:r,borderTop:r}),right:r=>({borderBottom:r,borderLeft:r}),top:r=>({borderBottom:r,borderRight:r})},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=r(t),d=o[i];d&&Object.assign(b,d(e.border))}return b};export{t as getArrowBorderStyles};
+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/portal.js

@@ -1 +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};
+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/progressBar.js

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

@@ -1,4 +1,2 @@
-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};
+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/radioButton.js

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

@@ -1,4 +1,2 @@
-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};
+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

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

@@ -1 +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};
+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/selectControlled.js

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

@@ -1,5 +1,2 @@
-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};
+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

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

@@ -1,3 +1,2 @@
-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};
+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

@@ -1,8 +1,6 @@
-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};
+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

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

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

@@ -1,4 +1,2 @@
-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};
+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

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

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

@@ -1 +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};
+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/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

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

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

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

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

@@ -1 +1 @@
-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};
+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/slider.js

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

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

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

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

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