@kubit-ui-web/react-components 2.0.0-beta.11 → 2.0.0-beta.12

package/dist/esm/.storybook/bundle-sizes.json

@@ -0,0 +1,13 @@
+{
+  "metadata": {
+    "generated": "2026-01-04T09:17:37.171Z",
+    "totalComponents": 0,
+    "totalSize": {
+      "raw": 0,
+      "gzip": 0,
+      "formatted": "0 B",
+      "gzipFormatted": "0 B"
+    }
+  },
+  "components": {}
+}

package/dist/esm/components/avatar/fragments/drawContent.js

@@ -1 +1 @@
-import{j as s}from"../../../_virtual/jsx-runtime.js";import{Dot as t}from"../../dot/dot.js";import{Text as o}from"../../text/text.js";import{ElementOrIcon as e}from"../../../lib/components/elementOrIcon/elementOrIcon.js";import{processIcon as i}from"../../../lib/utils/process/processIcon/processIcon.js";import{processText as r}from"../../../lib/utils/process/processText/processText.js";const n=({contentType:n,cssClasses:c,customAttributes:m,dot:a,icon:l,initials:p,maxLengthInitials:j})=>/* @__PURE__ */s.jsxs(s.Fragment,{children:[!!a?.number&&/* @__PURE__ */s.jsx("span",{className:c?.dot,children:/* @__PURE__ */s.jsx(t,{...a})}),"with-icon"===n&&/* @__PURE__ */s.jsx(e,{className:c?.icon,customAttributes:m,...i(l)}),"with-initials"===n&&/* @__PURE__ */s.jsx(o,{additionalClasses:{},"aria-hidden":!0,component:"span",customAttributes:m,...r(p,j)})]});export{n as DrawContent};
+import{j as t}from"../../../_virtual/jsx-runtime.js";import{Dot as s}from"../../dot/dot.js";import{Text as o}from"../../text/text.js";import{ElementOrIcon as i}from"../../../lib/components/elementOrIcon/elementOrIcon.js";import{processIconProp as e,processTextProp as n}from"../../../lib/utils/process/processCommonProp.js";const r=({contentType:r,cssClasses:m,customAttributes:a,dot:c,icon:l,initials:p,maxLengthInitials:j})=>/* @__PURE__ */t.jsxs(t.Fragment,{children:[!!c?.number&&/* @__PURE__ */t.jsx("span",{className:m?.dot,children:/* @__PURE__ */t.jsx(s,{...c})}),"with-icon"===r&&/* @__PURE__ */t.jsx(i,{className:m?.icon,customAttributes:a,...e(l)}),"with-initials"===r&&/* @__PURE__ */t.jsx(o,{additionalClasses:{},"aria-hidden":!0,component:"span",customAttributes:a,...n(p,j)})]});export{r as DrawContent};

package/dist/esm/components/badge/badgeStandAlone.js

@@ -1,7 +1,7 @@
-import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as s,useRef as e,useImperativeHandle as o,useCallback as a}from"react";import{Dot as r}from"../dot/dot.js";import{Text as i}from"../text/text.js";import{ElementOrIcon as n}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{pickCustomAttributes as l}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processIcon as c}from"../../lib/utils/process/processIcon/processIcon.js";import{processText as m}from"../../lib/utils/process/processText/processText.js";const d=s(({active:s,ariaLiveText:d,cssSizeClasses:u,cssVariantClasses:p,dot:b,hasDot:j,icon:x,label:f,labelIcon:h,onBadgeBlur:C,onClick:N,role:$,...g},v)=>{const A=e(null),I=e(null),k={"data-active":!!s},B=l({...g,customAttributes:k}),T=l(k),y=B["data-testid"]||"badge";o(v,()=>I.current,[]);const D=a(t=>{C?.(t)},[C]),O=a(t=>{N?.(t)},[N]);/* @__PURE__ */
-return t.jsx("div",{ref:I,className:`${p?.badge} ${u?.badge}`,"data-testid":`${y}-container`,...T,children:/* @__PURE__ */t.jsxs("button",{ref:A,className:p?.button,"data-testid":y,role:$,type:"button",onBlur:D,onClick:O,...B,children:[
-/* @__PURE__ */t.jsxs("span",{className:p?.dotcontainer,children:[!!b&&!!j&&/* @__PURE__ */t.jsx("span",{"aria-hidden":!0,className:p?.dot,children:/* @__PURE__ */t.jsx(r,{...b})}),
-/* @__PURE__ */t.jsx(n,{className:`${p?.icon} ${u?.icon}`,...c(x),customAttributes:k})]}),!!f&&/* @__PURE__ */t.jsxs("span",{"aria-hidden":!0,className:p?.labelcontainer,children:[
-/* @__PURE__ */t.jsx(i,{additionalClasses:{text:`${u?.label} ${p?.label}`},component:"span",...m(f),customAttributes:k}),
-/* @__PURE__ */t.jsx(n,{className:p?.labelicon,rotate:s?"180deg":"0deg",transitionDuration:"0.2s",...c(h),customAttributes:k})]}),
+import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as s,useRef as e,useImperativeHandle as a,useCallback as o}from"react";import{Dot as i}from"../dot/dot.js";import{Text as r}from"../text/text.js";import{ElementOrIcon as n}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{pickCustomAttributes as l}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processIconProp as c,processTextProp as m}from"../../lib/utils/process/processCommonProp.js";const d=s(({active:s,ariaLiveText:d,cssSizeClasses:u,cssVariantClasses:b,dot:p,hasDot:j,icon:x,label:f,labelIcon:h,onBadgeBlur:C,onClick:N,role:$,...g},v)=>{const A=e(null),k=e(null),B={"data-active":!!s},I=l({...g,customAttributes:B}),y=l(B),D=I["data-testid"]||"badge";a(v,()=>k.current,[]);const O=o(t=>{C?.(t)},[C]),z=o(t=>{N?.(t)},[N]);/* @__PURE__ */
+return t.jsx("div",{ref:k,className:`${b?.badge} ${u?.badge}`,"data-testid":`${D}-container`,...y,children:/* @__PURE__ */t.jsxs("button",{ref:A,className:b?.button,"data-testid":D,role:$,type:"button",onBlur:O,onClick:z,...I,children:[
+/* @__PURE__ */t.jsxs("span",{className:b?.dotcontainer,children:[!!p&&!!j&&/* @__PURE__ */t.jsx("span",{"aria-hidden":!0,className:b?.dot,children:/* @__PURE__ */t.jsx(i,{...p})}),
+/* @__PURE__ */t.jsx(n,{className:`${b?.icon} ${u?.icon}`,...c(x),customAttributes:B})]}),!!f&&/* @__PURE__ */t.jsxs("span",{"aria-hidden":!0,className:b?.labelcontainer,children:[
+/* @__PURE__ */t.jsx(r,{additionalClasses:{text:`${u?.label} ${b?.label}`},component:"span",...m(f),customAttributes:B}),
+/* @__PURE__ */t.jsx(n,{className:b?.labelicon,rotate:s?"180deg":"0deg",transitionDuration:"0.2s",...c(h),customAttributes:B})]}),
 /* @__PURE__ */t.jsx("screen-reader-only",{"aria-live":"polite",children:d})]})})});export{d as BadgeStandAlone};

package/dist/esm/components/button/button.js

@@ -1 +1 @@
-import{j as s}from"../../_virtual/jsx-runtime.js";import{forwardRef as a}from"react";import{useClassName as e}from"../../lib/hooks/useClassName/useClassName.js";import{useManageState as t}from"../../lib/hooks/useManageState/useManageState.js";import{STATES as o}from"../../lib/types/states/states.js";import{processIcon as i}from"../../lib/utils/process/processIcon/processIcon.js";import{ButtonStandAlone as n}from"./buttonStandAlone.js";const r=a(({additionalSizeClasses:a,additionalVariantClasses:r,children:l,disabled:m=!1,icon:d,loading:c=!1,size:p,type:u="button",variant:b,...f},j)=>{const C=e({additionalClassNames:r,component:"BUTTON",variant:b}),N=e({additionalClassNames:a,component:"BUTTON",variant:p}),{setRef:g}=t({disabled:m,loading:c,ref:j,states:Object.values(o)});return l||i(d).icon?/* @__PURE__ */s.jsx(n,{...f,ref:g,cssSizeClasses:N,cssVariantClasses:C,disabled:m,icon:d,loading:c,type:u,children:l}):null});export{r as Button};
+import{j as s}from"../../_virtual/jsx-runtime.js";import{forwardRef as a}from"react";import{useClassName as t}from"../../lib/hooks/useClassName/useClassName.js";import{useManageState as e}from"../../lib/hooks/useManageState/useManageState.js";import{STATES as o}from"../../lib/types/states/states.js";import{processIconProp as i}from"../../lib/utils/process/processCommonProp.js";import{ButtonStandAlone as n}from"./buttonStandAlone.js";const r=a(({additionalSizeClasses:a,additionalVariantClasses:r,children:l,disabled:m=!1,icon:d,loading:p=!1,size:c,type:u="button",variant:b,...f},j)=>{const C=t({additionalClassNames:r,component:"BUTTON",variant:b}),N=t({additionalClassNames:a,component:"BUTTON",variant:c}),{setRef:g}=e({disabled:m,loading:p,ref:j,states:Object.values(o)});return l||i(d).icon?/* @__PURE__ */s.jsx(n,{...f,ref:g,cssSizeClasses:N,cssVariantClasses:C,disabled:m,icon:d,loading:p,type:u,children:l}):null});export{r as Button};

package/dist/esm/components/button/buttonStandAlone.js

@@ -1,3 +1,3 @@
-import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as s,useMemo as o,Children as i}from"react";import{ElementOrIcon as e}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{POSITIONS as l}from"../../lib/types/positions/positions.js";import{classNames as r}from"../../lib/utils/classNames/classNames.js";import{pickCustomAttributes as a}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processIcon as n}from"../../lib/utils/process/processIcon/processIcon.js";const c=s(({alignText:s,children:c,cssSizeClasses:m,cssVariantClasses:d,disabled:p,form:u,fullWidth:b,icon:f,iconPosition:j,id:x,loader:h,loading:y,minWidth:C,onClick:I,role:g,tabIndex:N,title:k,type:A,...T},v)=>{const F=o(()=>m?.dynamic_values({$alignText:s||"left"}).object,[s]),O={"data-content":i.toArray(c)[0],"data-full-width":b,"data-loading":y,"data-position":j||l.LEFT},W=a({...T,customAttributes:O});/* @__PURE__ */
-return t.jsxs("button",{ref:v,className:r(m?.button,d?.button),"data-testid":"button",disabled:p,form:u,id:x,role:g,style:F,tabIndex:N,title:k,type:A,onClick:I,...W,...O,children:[!!h&&!!y&&/* @__PURE__ */t.jsx("span",{className:r(m?.loader,d?.loader),children:h}),!y&&/* @__PURE__ */t.jsxs(t.Fragment,{children:[
-/* @__PURE__ */t.jsx(e,{...n(f),className:r(m?.icon,d?.icon)}),c]})]})});export{c as ButtonStandAlone};
+import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as s,useMemo as o,Children as i}from"react";import{ElementOrIcon as e}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{POSITIONS as l}from"../../lib/types/positions/positions.js";import{classNames as r}from"../../lib/utils/classNames/classNames.js";import{pickCustomAttributes as a}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processIconProp as n}from"../../lib/utils/process/processCommonProp.js";const m=s(({alignText:s,children:m,cssSizeClasses:c,cssVariantClasses:d,disabled:p,form:u,fullWidth:b,icon:f,iconPosition:j,id:x,loader:h,loading:C,minWidth:y,onClick:g,role:N,tabIndex:k,title:A,type:I,...T},v)=>{const F=o(()=>c?.dynamic_values({$alignText:s||"left"}).object,[s]),O={"data-content":i.toArray(m)[0],"data-full-width":b,"data-loading":C,"data-position":j||l.LEFT},P=a({...T,customAttributes:O});/* @__PURE__ */
+return t.jsxs("button",{ref:v,className:r(c?.button,d?.button),"data-testid":"button",disabled:p,form:u,id:x,role:N,style:F,tabIndex:k,title:A,type:I,onClick:g,...P,...O,children:[!!h&&!!C&&/* @__PURE__ */t.jsx("span",{className:r(c?.loader,d?.loader),children:h}),!C&&/* @__PURE__ */t.jsxs(t.Fragment,{children:[
+/* @__PURE__ */t.jsx(e,{...n(f),className:r(c?.icon,d?.icon)}),m]})]})});export{m as ButtonStandAlone};

package/dist/esm/components/cardImage/cardImageStandAlone.js

@@ -1,7 +1,7 @@
-import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as i}from"react";import{Link as s}from"../link/link.js";import{Text as e}from"../text/text.js";import{pickCustomAttributes as o}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processText as n}from"../../lib/utils/process/processText/processText.js";import{CustomComponent as r}from"../../lib/components/customComponent/customComponent.js";const c=i(({component:i="div",cssClasses:c,description:l,device:m,image:a,imageAltText:d,link:p,onClick:x,title:j,...u},v)=>{const k=o(u);/* @__PURE__ */
-return t.jsxs(r,{ref:v,className:c?.card_image,component:i,tabIndex:0,onClick:x,...k,children:[
-/* @__PURE__ */t.jsx("div",{"aria-label":d||void 0,className:c?.imagecontainer,role:d?"img":void 0,style:a?.[m]?{backgroundImage:`url(${a[m]})`}:void 0}),
-/* @__PURE__ */t.jsxs("div",{className:c?.content,children:[
-/* @__PURE__ */t.jsxs("div",{className:c?.textcontainer,children:[
-/* @__PURE__ */t.jsx(e,{additionalClasses:{text:c?.title},component:"h3",...n(j)}),
-/* @__PURE__ */t.jsx(e,{additionalClasses:{text:c?.description},...n(l)})]}),p?.url&&/* @__PURE__ */t.jsx("div",{className:c?.linkcontainer,children:/* @__PURE__ */t.jsx(s,{iconPosition:"right",...p,children:p.content||""})})]})]})});export{c as CardImageStandAlone};
+import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as i}from"react";import{Link as s}from"../link/link.js";import{Text as o}from"../text/text.js";import{pickCustomAttributes as e}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processTextProp as n}from"../../lib/utils/process/processCommonProp.js";import{CustomComponent as r}from"../../lib/components/customComponent/customComponent.js";const m=i(({component:i="div",cssClasses:m,description:c,device:l,image:a,imageAltText:d,link:p,onClick:x,title:j,...u},v)=>{const C=e(u);/* @__PURE__ */
+return t.jsxs(r,{ref:v,className:m?.card_image,component:i,tabIndex:0,onClick:x,...C,children:[
+/* @__PURE__ */t.jsx("div",{"aria-label":d||void 0,className:m?.imagecontainer,role:d?"img":void 0,style:a?.[l]?{backgroundImage:`url(${a[l]})`}:void 0}),
+/* @__PURE__ */t.jsxs("div",{className:m?.content,children:[
+/* @__PURE__ */t.jsxs("div",{className:m?.textcontainer,children:[
+/* @__PURE__ */t.jsx(o,{additionalClasses:{text:m?.title},component:"h3",...n(j)}),
+/* @__PURE__ */t.jsx(o,{additionalClasses:{text:m?.description},...n(c)})]}),p?.url&&/* @__PURE__ */t.jsx("div",{className:m?.linkcontainer,children:/* @__PURE__ */t.jsx(s,{iconPosition:"right",...p,children:p.content||""})})]})]})});export{m as CardImageStandAlone};

package/dist/esm/components/carousel/hooks/useCarousel.js

@@ -1 +1 @@
-import{useRef as e,useCallback as n,useEffect as t}from"react";import{ResizeObserver as r}from"../../../lib/utils/resizeObserver/resizeObserver.js";import{useCarouselKeyNavigation as a}from"./useCarouselKeyNavigation.js";import{useCarouselSwipe as i}from"./useCarouselSwipe.js";import c from"./utils/calc.utils.js";import o from"./utils/constants.js";import s from"./utils/dom.utils.js";const u=({allowModifySliceWidth:u=!1,autoFitContainer:l=!1,centerExtremesWhenExtraPadding:d=!1,centerMode:m=!1,circular:g=!0,contentContainerRef:P,defaultPage:f=0,disabled:C=!1,elements:h,extraPadding:w=0,numElementsPerPage:E,numElementsToSlide:I,onePageAlign:x="center",onNumElementsPerPageChange:R,onNumPagesChange:p,onPageChange:v,rootContainerRef:L,viewerContainerRef:N})=>{const V=e(!0),S=e(f),y=e(f),T=e(E),A=e(0),b=n(e=>{const n=P.current;if(!n||!T.current||e.propertyName!==o.PROPERTY_TO_HANDLE_TRANSITION_END||A.current<1)return;n.setAttribute("data-shifting","false");const{newPage:t}=s.udpateCarouselPositionOnEdge({contentContainer:n,currentPage:y.current,elementsLength:h.length,extraPadding:w,numElementsPerPage:T.current,numPages:A.current});y.current=t,S.current!==y.current&&(S.current=y.current,v?.(y.current));const{firstIndexInView:r,lastIndexInView:a}=c.calcFirstAndLastIndexInCarouselView({currentPage:y.current,elementsLength:h.length,isCircular:g,numElementsPerPage:T.current,numElementsToSlide:I});s.updateContentElementsAriaVisibility({contentContainer:n,firstIndexInView:r,lastIndexInView:a}),m&&s.applyCenterMode({contentContainer:n,firstIndexInView:r,lastIndexInView:a,numElementsPerPage:T.current}),V.current=!0},[h,w,I,g,m,v]),O=n(({animated:e=!0,newPage:n})=>{const t=N.current,r=P.current;if(!t||!r||!V.current||!T.current||!h.length||A.current<1||(g?n<-1:n<0)||(g?n>A.current:n>A.current-1))return;e&&r.setAttribute("data-shifting","true"),s.deleteCenterMode({contentContainer:r}),y.current=n;const{firstIndexInView:a,lastIndexInView:i}=c.calcFirstAndLastIndexInCarouselView({currentPage:y.current,elementsLength:h.length,isCircular:g,numElementsPerPage:T.current,numElementsToSlide:I});u||s.updateViewerWidth({contentContainer:r,extraPadding:w,firstIndexInView:a,lastIndexInView:i,viewerContainer:t});const l=r.style.left,m=c.calcContentContainerLeftPosition({centerExtremesWhenExtraPadding:d,circular:g,contentContainer:r,currentPage:y.current,extraPadding:w,firstIndexInView:a,numPages:A.current});r.style.left=m,e&&l!==m?V.current=!1:b({propertyName:o.PROPERTY_TO_HANDLE_TRANSITION_END})},[h,I,g,u,w,d,b]),M=n(()=>{const e=N.current,n=P.current;e&&n&&T.current&&(u&&(e.style.width="100%",s.updateSlicesWidth({centerMode:m,contentContainer:n,extraPadding:w,numElementsPerPage:T.current,viewerContainer:e})),s.manageCircularClones({circular:g,contentContainer:n,elementsLength:h.length,numElementsPerPage:T.current}),O({animated:!1,newPage:y.current}))},[u,m,g,h,w,O]),_=n(()=>{const e=L.current,n=N.current,t=P.current;if(!e||!n||!t)return;e.style.width="100%";const r=E||c.calcNumElementsPerPage({contentContainer:t,elementsLength:h.length,extraPadding:w,rootContainer:e,viewerContainer:n})||1;l&&(e.style.width="fit-content"),r!==T.current&&(T.current=r,R?.(r));const a=c.calcNumPages({elementsLength:h.length,numElementsPerPage:r,numElementsToSlide:I});A.current!==a&&(A.current=a,p?.(a),y.current=Math.min(Math.max(0,f),a-1)),a<=1&&s.alignOnePageCarousel({allowModifySliceWidth:u,contentContainer:t,onePageAlign:x,rootContainer:e})},[u,h,w,E,I,x,l,R,p,v]),W=n(()=>{_(),M()},[_,M]);return t(()=>{const e=P.current;if(!e)return;W(),window.addEventListener("resize",W);const n=new r(W);return n.observe(e),()=>{window.removeEventListener("resize",W),n.disconnect()}},[W]),t(()=>{const e=P.current;return e?.addEventListener("transitionend",b),()=>{e?.removeEventListener("transitionend",b)}},[b]),i({allowShiftRef:V,centerExtremesWhenExtraPadding:d,changePage:O,circular:g,contentContainerRef:P,currentPageRef:y,disabled:C,elements:h,extraPadding:w,numElementsPerPageRef:T,numPagesRef:A,viewerContainerRef:N}),a({allowShiftRef:V,changePage:O,circular:g,currentPageRef:y,disabled:C,numPagesRef:A,rootContainerRef:L}),{allowShiftRef:V,changePage:O,currentPageRef:y,numElementsPerPageRef:T,numPagesRef:A}};export{u as useCarousel};
+import{useRef as e,useCallback as n,useEffect as t}from"react";import{useCarouselKeyNavigation as r}from"./useCarouselKeyNavigation.js";import{useCarouselSwipe as a}from"./useCarouselSwipe.js";import i from"./utils/calc.utils.js";import c from"./utils/constants.js";import o from"./utils/dom.utils.js";const s=({allowModifySliceWidth:s=!1,autoFitContainer:u=!1,centerExtremesWhenExtraPadding:l=!1,centerMode:d=!1,circular:g=!0,contentContainerRef:m,defaultPage:P=0,disabled:f=!1,elements:C,extraPadding:h=0,numElementsPerPage:w,numElementsToSlide:E,onePageAlign:I="center",onNumElementsPerPageChange:x,onNumPagesChange:R,onPageChange:p,rootContainerRef:L,viewerContainerRef:N})=>{const V=e(!0),v=e(P),S=e(P),y=e(w),T=e(0),A=n(e=>{const n=m.current;if(!n||!y.current||e.propertyName!==c.PROPERTY_TO_HANDLE_TRANSITION_END||T.current<1)return;n.setAttribute("data-shifting","false");const{newPage:t}=o.udpateCarouselPositionOnEdge({contentContainer:n,currentPage:S.current,elementsLength:C.length,extraPadding:h,numElementsPerPage:y.current,numPages:T.current});S.current=t,v.current!==S.current&&(v.current=S.current,p?.(S.current));const{firstIndexInView:r,lastIndexInView:a}=i.calcFirstAndLastIndexInCarouselView({currentPage:S.current,elementsLength:C.length,isCircular:g,numElementsPerPage:y.current,numElementsToSlide:E});o.updateContentElementsAriaVisibility({contentContainer:n,firstIndexInView:r,lastIndexInView:a}),d&&o.applyCenterMode({contentContainer:n,firstIndexInView:r,lastIndexInView:a,numElementsPerPage:y.current}),V.current=!0},[C,h,E,g,d,p]),O=n(({animated:e=!0,newPage:n})=>{const t=N.current,r=m.current;if(!t||!r||!V.current||!y.current||!C.length||T.current<1||(g?n<-1:n<0)||(g?n>T.current:n>T.current-1))return;e&&r.setAttribute("data-shifting","true"),o.deleteCenterMode({contentContainer:r}),S.current=n;const{firstIndexInView:a,lastIndexInView:u}=i.calcFirstAndLastIndexInCarouselView({currentPage:S.current,elementsLength:C.length,isCircular:g,numElementsPerPage:y.current,numElementsToSlide:E});s||o.updateViewerWidth({contentContainer:r,extraPadding:h,firstIndexInView:a,lastIndexInView:u,viewerContainer:t});const d=r.style.left,P=i.calcContentContainerLeftPosition({centerExtremesWhenExtraPadding:l,circular:g,contentContainer:r,currentPage:S.current,extraPadding:h,firstIndexInView:a,numPages:T.current});r.style.left=P,e&&d!==P?V.current=!1:A({propertyName:c.PROPERTY_TO_HANDLE_TRANSITION_END})},[C,E,g,s,h,l,A]),b=n(()=>{const e=N.current,n=m.current;e&&n&&y.current&&(s&&(e.style.width="100%",o.updateSlicesWidth({centerMode:d,contentContainer:n,extraPadding:h,numElementsPerPage:y.current,viewerContainer:e})),o.manageCircularClones({circular:g,contentContainer:n,elementsLength:C.length,numElementsPerPage:y.current}),O({animated:!1,newPage:S.current}))},[s,d,g,C,h,O]),M=n(()=>{const e=L.current,n=N.current,t=m.current;if(!e||!n||!t)return;e.style.width="100%";const r=w||i.calcNumElementsPerPage({contentContainer:t,elementsLength:C.length,extraPadding:h,rootContainer:e,viewerContainer:n})||1;u&&(e.style.width="fit-content"),r!==y.current&&(y.current=r,x?.(r));const a=i.calcNumPages({elementsLength:C.length,numElementsPerPage:r,numElementsToSlide:E});T.current!==a&&(T.current=a,R?.(a),S.current=Math.min(Math.max(0,P),a-1)),a<=1&&o.alignOnePageCarousel({allowModifySliceWidth:s,contentContainer:t,onePageAlign:I,rootContainer:e})},[s,C,h,w,E,I,u,x,R,p]),_=n(()=>{M(),b()},[M,b]);return t(()=>{const e=m.current;if(!e)return;_(),window.addEventListener("resize",_);const n=new ResizeObserver(_);return n.observe(e),()=>{window.removeEventListener("resize",_),n.disconnect()}},[_]),t(()=>{const e=m.current;return e?.addEventListener("transitionend",A),()=>{e?.removeEventListener("transitionend",A)}},[A]),a({allowShiftRef:V,centerExtremesWhenExtraPadding:l,changePage:O,circular:g,contentContainerRef:m,currentPageRef:S,disabled:f,elements:C,extraPadding:h,numElementsPerPageRef:y,numPagesRef:T,viewerContainerRef:N}),r({allowShiftRef:V,changePage:O,circular:g,currentPageRef:S,disabled:f,numPagesRef:T,rootContainerRef:L}),{allowShiftRef:V,changePage:O,currentPageRef:S,numElementsPerPageRef:y,numPagesRef:T}};export{s as useCarousel};

package/dist/esm/components/carousel/hooks/useCarouselKeyNavigation.js

@@ -1 +1 @@
-import{useEffect as e}from"react";import{isArrowLeftPressed as r,isArrowRightPressed as n}from"../../../lib/utils/keyboard/keyboard.js";const t=({allowShiftRef:t,changePage:c,circular:o,currentPageRef:u,disabled:a=!1,numPagesRef:i,rootContainerRef:d})=>{e(()=>{if(a)return;const e=e=>{!t.current||i.current<=1||(r(e.key)?t.current&&(o||0!==u.current)&&c({newPage:u.current-1}):n(e.key)&&t.current&&(o||u.current!==i.current-1)&&c({newPage:u.current+1}))},f=d.current;return f?.addEventListener("keydown",e),()=>{f?.removeEventListener("keydown",e)}},[o,c,a])};export{t as useCarouselKeyNavigation};
+import{useEffect as e}from"react";import{ARROW_LEFT as r,ARROW_RIGHT as t}from"../../../lib/constants/keyboardKeys/keyboardKeys.js";import{isKeyPressed as n}from"../../../lib/utils/keyboard/keyboard.js";const o=({allowShiftRef:o,changePage:c,circular:a,currentPageRef:u,disabled:i=!1,numPagesRef:s,rootContainerRef:y})=>{e(()=>{if(i)return;const e=e=>{!o.current||s.current<=1||(n(e.key,r.key)?o.current&&(a||0!==u.current)&&c({newPage:u.current-1}):n(e.key,t.key)&&o.current&&(a||u.current!==s.current-1)&&c({newPage:u.current+1}))},d=y.current;return d?.addEventListener("keydown",e),()=>{d?.removeEventListener("keydown",e)}},[a,c,i])};export{o as useCarouselKeyNavigation};

package/dist/esm/components/checkboxBase/checkboxBaseStandAlone.js

@@ -1,4 +1,4 @@
-import{j as s}from"../../_virtual/jsx-runtime.js";import{forwardRef as t}from"react";import{ElementOrIcon as e}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{processIcon as a}from"../../lib/utils/process/processIcon/processIcon.js";const c=t(({checkedIcon:t,cssClasses:c,inputRef:o,...n},r)=>{const i=n["data-testid"]??"checkbox-base";/* @__PURE__ */
-return s.jsxs("div",{ref:r,className:c?.checkbox_base,"data-testid":i,children:[
-/* @__PURE__ */s.jsx("input",{ref:o,className:c?.input,type:"checkbox",...n,"data-testid":`${i}-input`}),
-/* @__PURE__ */s.jsx("span",{className:c?.iconcontainer,"data-state":n["data-state"],children:/* @__PURE__ */s.jsx(e,{className:c?.icon,complex:!0,"data-state":n["data-state"],...a(t)})})]})});export{c as CheckboxBaseStandAlone};
+import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as s}from"react";import{ElementOrIcon as e}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{processIconProp as a}from"../../lib/utils/process/processCommonProp.js";const c=s(({checkedIcon:s,cssClasses:c,inputRef:o,...r},n)=>{const i=r["data-testid"]??"checkbox-base";/* @__PURE__ */
+return t.jsxs("div",{ref:n,className:c?.checkbox_base,"data-testid":i,children:[
+/* @__PURE__ */t.jsx("input",{ref:o,className:c?.input,type:"checkbox",...r,"data-testid":`${i}-input`}),
+/* @__PURE__ */t.jsx("span",{className:c?.iconcontainer,"data-state":r["data-state"],children:/* @__PURE__ */t.jsx(e,{className:c?.icon,complex:!0,"data-state":r["data-state"],...a(s)})})]})});export{c as CheckboxBaseStandAlone};

package/dist/esm/components/chip/chipStandAlone.js

@@ -1,8 +1,8 @@
-import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as e,isValidElement as s}from"react";import{Text as r}from"../text/text.js";import{ElementOrIcon as a}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{STATES as o}from"../../lib/types/states/states.js";import{pickCustomAttributes as n}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processIcon as i}from"../../lib/utils/process/processIcon/processIcon.js";import{processText as c}from"../../lib/utils/process/processText/processText.js";const l=e(({closeIcon:e,cssClasses:l,deleteText:m="Delete",errorIcon:p,errorMessage:x={content:"Error message"},label:d,leftIcon:u,range:j,rangeIcon:b,rangeSeparator:g={content:"to"},state:f,...h},A)=>{const I={"data-state":f},C=n(h);/* @__PURE__ */
+import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as e,isValidElement as s}from"react";import{Text as r}from"../text/text.js";import{ElementOrIcon as a}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{STATES as o}from"../../lib/types/states/states.js";import{pickCustomAttributes as n}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processIconProp as i,processTextProp as l}from"../../lib/utils/process/processCommonProp.js";const c=e(({closeIcon:e,cssClasses:c,deleteText:m="Delete",errorIcon:p,errorMessage:x={content:"Error message"},label:d,leftIcon:u,range:j,rangeIcon:b,rangeSeparator:g={content:"to"},state:f,...h},A)=>{const I={"data-state":f},C=n(h);/* @__PURE__ */
 return t.jsxs(t.Fragment,{children:[
-/* @__PURE__ */t.jsxs("span",{ref:A,"aria-disabled":f===o.DISABLED,"aria-hidden":f===o.DISABLED,className:l?.chip,"data-testid":"chip",...C,...I,children:[!j&&u&&/* @__PURE__ */t.jsx(a,{className:l?.lefticon,...i(u)}),j?/* @__PURE__ */t.jsx("span",{children:j.map((e,o)=>{const n=o!==j.length-1;/* @__PURE__ */
-return t.jsxs("span",{className:l?.rangeitemwrapper,children:[
-/* @__PURE__ */t.jsx(r,{additionalClasses:{text:l?.rangeitemtext},component:"span",customAttributes:I,children:e.label}),n&&(b?.icon?/* @__PURE__ */t.jsx(a,{altText:("string"==typeof d||s(d),c(g).children||""),className:l?.rangeicon,...i(b),customAttributes:I}):/* @__PURE__ */t.jsx(r,{additionalClasses:{text:l?.rangeitemseparator},component:"span",customAttributes:I,...c(g)}))]},`option-${e.key??e.label}`)})}):/* @__PURE__ */t.jsx(r,{additionalClasses:{text:l?.label},component:"span",...c(d),customAttributes:I}),
-/* @__PURE__ */t.jsx(a,{className:l?.closeicon,disabled:f===o.DISABLED,...i(e),altText:"string"!=typeof e&&e?.altText?e.altText:m,customAttributes:I})]}),f===o.ERROR&&/* @__PURE__ */t.jsxs("span",{"aria-live":"polite",className:l?.errorcontainer,children:[
-/* @__PURE__ */t.jsx(a,{className:l?.erroricon,...i(p)}),
-/* @__PURE__ */t.jsx(r,{additionalClasses:{text:l?.errormessage},component:"span",customAttributes:I,...c(x)})]})]})});export{l as ChipStandAlone};
+/* @__PURE__ */t.jsxs("span",{ref:A,"aria-disabled":f===o.DISABLED,"aria-hidden":f===o.DISABLED,className:c?.chip,"data-testid":"chip",...C,...I,children:[!j&&u&&/* @__PURE__ */t.jsx(a,{className:c?.lefticon,...i(u)}),j?/* @__PURE__ */t.jsx("span",{children:j.map((e,o)=>{const n=o!==j.length-1;/* @__PURE__ */
+return t.jsxs("span",{className:c?.rangeitemwrapper,children:[
+/* @__PURE__ */t.jsx(r,{additionalClasses:{text:c?.rangeitemtext},component:"span",customAttributes:I,children:e.label}),n&&(b?.icon?/* @__PURE__ */t.jsx(a,{altText:("string"==typeof d||s(d),l(g).children||""),className:c?.rangeicon,...i(b),customAttributes:I}):/* @__PURE__ */t.jsx(r,{additionalClasses:{text:c?.rangeitemseparator},component:"span",customAttributes:I,...l(g)}))]},`option-${e.key??e.label}`)})}):/* @__PURE__ */t.jsx(r,{additionalClasses:{text:c?.label},component:"span",...l(d),customAttributes:I}),
+/* @__PURE__ */t.jsx(a,{className:c?.closeicon,disabled:f===o.DISABLED,...i(e),altText:"string"!=typeof e&&e?.altText?e.altText:m,customAttributes:I})]}),f===o.ERROR&&/* @__PURE__ */t.jsxs("span",{"aria-live":"polite",className:c?.errorcontainer,children:[
+/* @__PURE__ */t.jsx(a,{className:c?.erroricon,...i(p)}),
+/* @__PURE__ */t.jsx(r,{additionalClasses:{text:c?.errormessage},component:"span",customAttributes:I,...l(x)})]})]})});export{c as ChipStandAlone};

package/dist/esm/components/container/containerStandAlone.js

@@ -1,4 +1,4 @@
-import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as s}from"react";import{Text as e}from"../text/text.js";import{pickCustomAttributes as i}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processText as r}from"../../lib/utils/process/processText/processText.js";const o=s(({children:s,cssClasses:o,title:c,...a},l)=>{const m=i(a);/* @__PURE__ */
-return t.jsxs("div",{className:o?.container,"data-testid":"container",...m,children:[
-/* @__PURE__ */t.jsx("div",{className:o?.header,children:/* @__PURE__ */t.jsx(e,{additionalClasses:{text:o?.title},...r(c)})}),
-/* @__PURE__ */t.jsx("div",{ref:l,className:o?.content,children:s})]})});export{o as ContainerStandAlone};
+import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as s}from"react";import{Text as e}from"../text/text.js";import{pickCustomAttributes as i}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processTextProp as r}from"../../lib/utils/process/processCommonProp.js";const o=s(({children:s,cssClasses:o,title:a,...c},m)=>{const l=i(c);/* @__PURE__ */
+return t.jsxs("div",{className:o?.container,"data-testid":"container",...l,children:[
+/* @__PURE__ */t.jsx("div",{className:o?.header,children:/* @__PURE__ */t.jsx(e,{additionalClasses:{text:o?.title},...r(a)})}),
+/* @__PURE__ */t.jsx("div",{ref:m,className:o?.content,children:s})]})});export{o as ContainerStandAlone};

package/dist/esm/components/dataTable/hooks/useDataTableHasScroll.js

@@ -1 +1 @@
-import{useState as r,useEffect as e}from"react";import{ResizeObserver as t}from"../../../lib/utils/resizeObserver/resizeObserver.js";import{hasScroll as o}from"../../../lib/utils/scroll/hasScroll.js";const s=({ref:s})=>{const[l,c]=r(!1);return e(()=>{const r=s.current?.querySelector?.("[data-datatable-scrollable-container]");let e;if(r instanceof HTMLElement){const s=r=>{c(o(r))};s(r),e=new t(()=>{s(r)}),e.observe(r)}return()=>{e?.disconnect()}},[]),{hasScroll:l}};export{s as useDataTableHasScroll};
+import{useState as e,useEffect as r}from"react";import{hasScroll as t}from"../../../lib/utils/scroll/hasScroll.js";const o=({ref:o})=>{const[c,l]=e(!1);return r(()=>{const e=o.current?.querySelector?.("[data-datatable-scrollable-container]");let r;if(e instanceof HTMLElement){const o=e=>{l(t(e))};o(e),r=new ResizeObserver(()=>{o(e)}),r.observe(e)}return()=>{r?.disconnect()}},[]),{hasScroll:c}};export{o as useDataTableHasScroll};

package/dist/esm/components/dataTable/hooks/useDataTableShadow.js

@@ -1 +1 @@
-import{useEffect as e}from"react";import{ResizeObserver as t}from"../../../lib/utils/resizeObserver/resizeObserver.js";const s=({headBoxShadow:s,leftBoxShadow:a,ref:r,rightBoxShadow:l})=>(e(()=>{const e=r.current,o=e?.querySelector("[data-datatable-scrollable-container]");let c;const i=()=>{if(!o)return;const t=o.querySelector("[data-table-head]");if(t instanceof HTMLElement&&t.hasAttribute("data-sticky")&&s&&(o.scrollTop?t.classList.add(s):t.classList.remove(s)),a){const t=e?.querySelector("[data-datatable-left-shadow]");t instanceof HTMLElement&&(o.scrollLeft?(t.style.boxShadow=a,t.classList.add(a),t.style.height=`${o.clientHeight}px`):t.classList.remove(a))}if(l){const t=e?.querySelector("[data-datatable-right-shadow]");t instanceof HTMLElement&&(o.scrollLeft+o.clientWidth<o.scrollWidth?(t.classList.add(l),t.style.height=`${o.clientHeight}px`):t.classList.remove(l))}};return o instanceof HTMLElement&&(i(),o?.addEventListener("scroll",i),c=new t(()=>{i()}),c.observe(o)),()=>{o?.removeEventListener("scroll",i),c?.disconnect()}},[]),{});export{s as useDataTableShadow};
+import{useEffect as e}from"react";const t=({headBoxShadow:t,leftBoxShadow:s,ref:a,rightBoxShadow:l})=>(e(()=>{const e=a.current,o=e?.querySelector("[data-datatable-scrollable-container]");let r;const c=()=>{if(!o)return;const a=o.querySelector("[data-table-head]");if(a instanceof HTMLElement&&a.hasAttribute("data-sticky")&&t&&(o.scrollTop?a.classList.add(t):a.classList.remove(t)),s){const t=e?.querySelector("[data-datatable-left-shadow]");t instanceof HTMLElement&&(o.scrollLeft?(t.style.boxShadow=s,t.classList.add(s),t.style.height=`${o.clientHeight}px`):t.classList.remove(s))}if(l){const t=e?.querySelector("[data-datatable-right-shadow]");t instanceof HTMLElement&&(o.scrollLeft+o.clientWidth<o.scrollWidth?(t.classList.add(l),t.style.height=`${o.clientHeight}px`):t.classList.remove(l))}};return o instanceof HTMLElement&&(c(),o?.addEventListener("scroll",c),r=new ResizeObserver(()=>{c()}),r.observe(o)),()=>{o?.removeEventListener("scroll",c),r?.disconnect()}},[]),{});export{t as useDataTableShadow};

package/dist/esm/components/dataTable/hooks/useDataTableStickyDividers.js

@@ -1 +1 @@
-import{useEffect as e}from"react";import{ResizeObserver as t}from"../../../lib/utils/resizeObserver/resizeObserver.js";import{hasHorizontalScroll as r}from"../../../lib/utils/scroll/hasScroll.js";const l=({ref:l})=>(e(()=>{const e=l.current?.querySelector("[data-datatable-scrollable-container]");let o;if(e instanceof HTMLElement){const s=e=>{const t=r(e),o=e.querySelectorAll("[data-table-divider]"),s=e.querySelectorAll('[data-sticky="left"]').length>0;let a=0,n=0;if(s){const e=l.current?.querySelector("[data-datatable-left-shadow]");if(e){const t=window.getComputedStyle(e).getPropertyValue("z-index");t&&(a=parseInt(t,10))}}else{e.querySelectorAll("[data-table-row]").forEach(e=>{e instanceof HTMLElement&&(n=Math.max(n,e.offsetWidth))})}o.forEach(e=>{e instanceof HTMLElement&&(s?(e.style.position=t?"sticky":"",e.style.left=t?"0":"",e.style.zIndex=t?`${a+1}`:""):e.style.width=t?`${n}px`:"")})};s(e),o=new t(()=>{s(e)}),o.observe(e)}return()=>{o?.disconnect()}},[]),{});export{l as useDataTableStickyDividers};
+import{useEffect as e}from"react";import{hasHorizontalScroll as t}from"../../../lib/utils/scroll/hasScroll.js";const l=({ref:l})=>(e(()=>{const e=l.current?.querySelector("[data-datatable-scrollable-container]");let r;if(e instanceof HTMLElement){const o=e=>{const r=t(e),o=e.querySelectorAll("[data-table-divider]"),a=e.querySelectorAll('[data-sticky="left"]').length>0;let n=0,s=0;if(a){const e=l.current?.querySelector("[data-datatable-left-shadow]");if(e){const t=window.getComputedStyle(e).getPropertyValue("z-index");t&&(n=parseInt(t,10))}}else{e.querySelectorAll("[data-table-row]").forEach(e=>{e instanceof HTMLElement&&(s=Math.max(s,e.offsetWidth))})}o.forEach(e=>{e instanceof HTMLElement&&(a?(e.style.position=r?"sticky":"",e.style.left=r?"0":"",e.style.zIndex=r?`${n+1}`:""):e.style.width=r?`${s}px`:"")})};o(e),r=new ResizeObserver(()=>{o(e)}),r.observe(e)}return()=>{r?.disconnect()}},[]),{});export{l as useDataTableStickyDividers};

package/dist/esm/components/dataTable/hooks/useDataTableStickyLeftColumns.js

@@ -1 +1 @@
-import{useEffect as e}from"react";import{ResizeObserver as t}from"../../../lib/utils/resizeObserver/resizeObserver.js";import{hasHorizontalScroll as r}from"../../../lib/utils/scroll/hasScroll.js";const l=({ref:l})=>(e(()=>{const e=l.current?.querySelector("[data-datatable-scrollable-container]"),o=l.current?.querySelector("[data-datatable-left-shadow]");let a;if(e instanceof HTMLElement){const l=e=>{const t=r(e),l=e.querySelectorAll("[data-table-row]");let a=0;l.forEach(e=>{if(e instanceof HTMLElement){const r=Array.from(e.querySelectorAll('[data-sticky="left"]'));let l=0;r.forEach(e=>{e instanceof HTMLElement&&(e.style.left=t?`${l}px`:"auto",l+=e.offsetWidth)}),a=Math.max(a,l)}}),o instanceof HTMLElement&&(o.style.left=`${a}px`)};l(e),a=new t(()=>{l(e)}),a.observe(e)}return()=>{a?.disconnect()}},[]),{});export{l as useDataTableStickyLeftColumns};
+import{useEffect as e}from"react";import{hasHorizontalScroll as t}from"../../../lib/utils/scroll/hasScroll.js";const r=({ref:r})=>(e(()=>{const e=r.current?.querySelector("[data-datatable-scrollable-container]"),l=r.current?.querySelector("[data-datatable-left-shadow]");let o;if(e instanceof HTMLElement){const r=e=>{const r=t(e),o=e.querySelectorAll("[data-table-row]");let a=0;o.forEach(e=>{if(e instanceof HTMLElement){const t=Array.from(e.querySelectorAll('[data-sticky="left"]'));let l=0;t.forEach(e=>{e instanceof HTMLElement&&(e.style.left=r?`${l}px`:"auto",l+=e.offsetWidth)}),a=Math.max(a,l)}}),l instanceof HTMLElement&&(l.style.left=`${a}px`)};r(e),o=new ResizeObserver(()=>{r(e)}),o.observe(e)}return()=>{o?.disconnect()}},[]),{});export{r as useDataTableStickyLeftColumns};

package/dist/esm/components/dataTable/hooks/useDataTableStickyRightColumns.js

@@ -1 +1 @@
-import{useEffect as t}from"react";import{ResizeObserver as e}from"../../../lib/utils/resizeObserver/resizeObserver.js";import{hasHorizontalScroll as r,hasVerticalScroll as o}from"../../../lib/utils/scroll/hasScroll.js";const a=({ref:a})=>(t(()=>{const t=a.current?.querySelector("[data-datatable-scrollable-container]"),l=a.current?.querySelector("[data-datatable-right-shadow]");let s;if(t instanceof HTMLElement){const a=t=>{const e=r(t),a=t.querySelectorAll("[data-table-row]");let s=0;if(a.forEach(t=>{if(t instanceof HTMLElement){const r=Array.from(t.querySelectorAll('[data-sticky="true"], [data-sticky="right"]')).reverse();let o=0;r.forEach(t=>{t instanceof HTMLElement&&(t.style.right=e?`${o}px`:"auto",o+=t.offsetWidth)}),s=Math.max(s,o)}}),l instanceof HTMLElement){if(o(t)){const e=t.offsetWidth-t.clientWidth;s+=e}l.style.right=`${s}px`}};a(t),s=new e(()=>{a(t)}),s.observe(t)}return()=>{s?.disconnect()}},[]),{});export{a as useDataTableStickyRightColumns};
+import{useEffect as t}from"react";import{hasHorizontalScroll as e,hasVerticalScroll as r}from"../../../lib/utils/scroll/hasScroll.js";const o=({ref:o})=>(t(()=>{const t=o.current?.querySelector("[data-datatable-scrollable-container]"),a=o.current?.querySelector("[data-datatable-right-shadow]");let l;if(t instanceof HTMLElement){const o=t=>{const o=e(t),l=t.querySelectorAll("[data-table-row]");let c=0;if(l.forEach(t=>{if(t instanceof HTMLElement){const e=Array.from(t.querySelectorAll('[data-sticky="true"], [data-sticky="right"]')).reverse();let r=0;e.forEach(t=>{t instanceof HTMLElement&&(t.style.right=o?`${r}px`:"auto",r+=t.offsetWidth)}),c=Math.max(c,r)}}),a instanceof HTMLElement){if(r(t)){const e=t.offsetWidth-t.clientWidth;c+=e}a.style.right=`${c}px`}};o(t),l=new ResizeObserver(()=>{o(t)}),l.observe(t)}return()=>{l?.disconnect()}},[]),{});export{o as useDataTableStickyRightColumns};

package/dist/esm/components/dropdownSelected/dropdownSelectedControlled.js

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

package/dist/esm/components/dropdownSelected/dropdownSelectedStandAlone.js

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

package/dist/esm/components/input/input.js

@@ -1,2 +1,2 @@
-import{j as e}from"../../_virtual/jsx-runtime.js";import{forwardRef as s,useId as t,useRef as a,useCallback as o,useImperativeHandle as r}from"react";import{useClassName as l}from"../../lib/hooks/useClassName/useClassName.js";import{useInputFocus as i}from"../../lib/hooks/useInputFocus/useInputFocus.js";import{InputStandAlone as n}from"./inputStandAlone.js";import{getState as u}from"./utils/state.js";const d=s(({additionalClasses:s,id:d,variant:c,...m},p)=>{const f=l({additionalClassNames:s,component:"INPUT",variant:c}),j=`input-${t().replace(/:/g,"")}`,b=d||j,C=`${b}-label`,I=a(null),v=a(null),N=o(e=>{if(e){const s=e.querySelector("input");v.current=s}I.current=e},[]);r(p,()=>I.current,[]);const{focused:x}=i({inputRef:v}),h=Boolean(m.defaultValue??m.value),k=u({disabled:m.disabled,error:m.error,filled:h,focused:x});/* @__PURE__ */
-return e.jsx(n,{ref:N,cssClasses:f,"data-state":k,"data-testid":"input-container",filled:h,focused:x,inputBaseId:b,labelId:C,...m})});export{d as Input};
+import{j as e}from"../../_virtual/jsx-runtime.js";import{forwardRef as t,useId as s,useRef as a,useCallback as r,useImperativeHandle as o,useState as l}from"react";import{useClassName as n}from"../../lib/hooks/useClassName/useClassName.js";import{InputStandAlone as i}from"./inputStandAlone.js";import{getState as u}from"./utils/state.js";const d=t(({additionalClasses:t,id:d,variant:c,...m},p)=>{const f=n({additionalClassNames:t,component:"INPUT",variant:c}),j=`input-${s().replace(/:/g,"")}`,b=d||j,C=`${b}-label`,v=a(null),N=a(null),x=r(e=>{if(e){const t=e.querySelector("input");N.current=t}v.current=e},[]);o(p,()=>v.current,[]);const[B,I]=l(!1),S=r(()=>I(!0),[]),$=r(()=>I(!1),[]),g=Boolean(m.defaultValue??m.value),h=u({disabled:m.disabled,error:m.error,filled:g,focused:B});/* @__PURE__ */
+return e.jsx(i,{ref:x,cssClasses:f,"data-state":h,"data-testid":"input-container",filled:g,focused:B,inputBaseId:b,labelId:C,onBlur:$,onFocus:S,...m})});export{d as Input};

package/dist/esm/components/inputSignature/inputSignatureStandAlone.js

@@ -1,3 +1,3 @@
-import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as s}from"react";import{Text as e}from"../text/text.js";import{STATES as a}from"../../lib/types/states/states.js";import{pickCustomAttributes as r}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processText as o}from"../../lib/utils/process/processText/processText.js";const i=s(({canvasRef:s,cssClasses:i,errorText:n,onBlurContainer:c,onClickContainer:l,placeholder:m,state:p,...u},d)=>{const x=p===a.DEFAULT||p===a.ERROR||p===a.DISABLED,j=p===a.ERROR&&n?n:m,f={"data-state":p},b=u["data-testid"]||"input-signature",C=r(u),v=r(f);/* @__PURE__ */
-return t.jsxs("div",{ref:d,className:i?.input_signature,"data-testid":b,role:"button",tabIndex:-1,onBlur:c,onClick:l,onKeyDown:l,...v,...C,children:[
-/* @__PURE__ */t.jsx("canvas",{ref:s,className:i?.canvas,"data-testid":`${b}-canvas`,...v}),x&&/* @__PURE__ */t.jsx("div",{className:i?.placeholdercontainer,...v,children:/* @__PURE__ */t.jsx(e,{additionalClasses:{text:i?.placeholdertext},customAttributes:f,...o(j)})})]})});export{i as InputSignatureStandAlone};
+import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as s}from"react";import{Text as e}from"../text/text.js";import{STATES as a}from"../../lib/types/states/states.js";import{pickCustomAttributes as r}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processTextProp as o}from"../../lib/utils/process/processCommonProp.js";const i=s(({canvasRef:s,cssClasses:i,errorText:n,onBlurContainer:l,onClickContainer:c,placeholder:m,state:p,...u},d)=>{const x=p===a.DEFAULT||p===a.ERROR||p===a.DISABLED,j=p===a.ERROR&&n?n:m,f={"data-state":p},C=u["data-testid"]||"input-signature",b=r(u),v=r(f);/* @__PURE__ */
+return t.jsxs("div",{ref:d,className:i?.input_signature,"data-testid":C,role:"button",tabIndex:-1,onBlur:l,onClick:c,onKeyDown:c,...v,...b,children:[
+/* @__PURE__ */t.jsx("canvas",{ref:s,className:i?.canvas,"data-testid":`${C}-canvas`,...v}),x&&/* @__PURE__ */t.jsx("div",{className:i?.placeholdercontainer,...v,children:/* @__PURE__ */t.jsx(e,{additionalClasses:{text:i?.placeholdertext},customAttributes:f,...o(j)})})]})});export{i as InputSignatureStandAlone};

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

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

package/dist/esm/components/message/messageStandAlone.js

@@ -1,5 +1,5 @@
-import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as n}from"react";import{Button as e}from"../button/button.js";import{Tag as o}from"../tag/tag.js";import{Text as i}from"../text/text.js";import{ElementOrIcon as s}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{classNames as r}from"../../lib/utils/classNames/classNames.js";import{pickCustomAttributes as l}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processText as a}from"../../lib/utils/process/processText/processText.js";import{CustomComponent as c}from"../../lib/components/customComponent/customComponent.js";import{Link as m}from"../link/link.js";const d=n(({actionButton:n,ariaLive:d="off",ariaMessageId:p,closeIcon:u,content:j,cssClasses:x,extraActionButton:h,id:g,infoIcon:f,inlineLink:v,linkComponent:C,links:b,maxContentLength:N=246,messageContainerProps:k,open:A,role:I,tag:y,title:L,titleAndContentContainerProps:B,titleAndContentRole:O,...P},S)=>{const T=P["data-testid"]||"message",$=l(P),_=a(j),z=a(L),M="string"==typeof _.children&&_.children?.toString().length>=N;/* @__PURE__ */
-return t.jsx("div",{...$,"aria-live":d,className:x?.message,children:A&&/* @__PURE__ */t.jsxs(c,{ref:S,className:x?.container,component:k?.url?C:"div","data-testid":T,id:g,role:I,target:k?.target,url:k?.url||void 0,onClick:k?.onClick,children:[f?.icon?/* @__PURE__ */t.jsx(s,{className:x?.infoicon,...f}):null,
-/* @__PURE__ */t.jsxs(c,{className:r(x?.headercontainer,{[`${x?.headercontainerlargemessage}`]:M}),component:B?.url?C:"div",role:O,target:B?.target,url:B?.url||void 0,onClick:B?.onClick,children:[!!L&&("string"==typeof z.children?/* @__PURE__ */t.jsx("div",{"aria-errormessage":p,className:x?.titlecontainer,children:/* @__PURE__ */t.jsx(i,{additionalClasses:{text:x?.title},component:"p",...z})}):z.children),!!y?.content&&(y?.content?/* @__PURE__ */t.jsx(o,{variant:"",...y,label:{content:y?.content}}):null),
-/* @__PURE__ */t.jsxs("div",{className:r(x?.contentcontainer,{[`${x?.contentcontainerlargemessage}`]:M}),children:["string"==typeof j?/* @__PURE__ */t.jsx(i,{additionalClasses:{text:x?.description},component:"p",..._}):_.children,!!v?.content&&/* @__PURE__ */t.jsx(m,{decoration:"underline",...v,url:v?.url||"",children:v?.content||""})]}),!(!h&&!n)&&/* @__PURE__ */t.jsxs("div",{className:x?.buttonsectioncontainer,children:[h?.content?/* @__PURE__ */t.jsx("div",{className:x?.extraactionbuttoncontainer,children:/* @__PURE__ */t.jsx(e,{...h,children:h?.content})}):null,n?.content?/* @__PURE__ */t.jsx("div",{className:x?.actionbuttoncontainer,children:/* @__PURE__ */t.jsx(e,{additionalSizeClasses:n?.variant?void 0:x?.action_button,...n,children:n?.content})}):null]}),!!(b&&b.length>0)&&/* @__PURE__ */t.jsx("div",{className:x?.linkscontainer,children:b?.map(n=>n.content?/* @__PURE__ */t.jsx("div",{className:x?.linkcontainer,children:/* @__PURE__ */t.jsx(m,{decoration:"underline",...n,children:n.content})},n.content):null)})]}),
-/* @__PURE__ */t.jsx(s,{className:x?.closeicon,...u})]})})});export{d as MessageStandAlone};
+import{j as n}from"../../_virtual/jsx-runtime.js";import{forwardRef as t}from"react";import{Button as e}from"../button/button.js";import{Tag as o}from"../tag/tag.js";import{Text as i}from"../text/text.js";import{ElementOrIcon as s}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{classNames as r}from"../../lib/utils/classNames/classNames.js";import{pickCustomAttributes as l}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processTextProp as a}from"../../lib/utils/process/processCommonProp.js";import{CustomComponent as c}from"../../lib/components/customComponent/customComponent.js";import{Link as m}from"../link/link.js";const d=t(({actionButton:t,ariaLive:d="off",ariaMessageId:p,closeIcon:u,content:j,cssClasses:x,extraActionButton:h,id:g,infoIcon:f,inlineLink:C,linkComponent:v,links:b,maxContentLength:N=246,messageContainerProps:k,open:A,role:I,tag:y,title:L,titleAndContentContainerProps:P,titleAndContentRole:B,...O},S)=>{const $=O["data-testid"]||"message",_=l(O),z=a(j),M=a(L),R="string"==typeof z.children&&z.children?.toString().length>=N;/* @__PURE__ */
+return n.jsx("div",{..._,"aria-live":d,className:x?.message,children:A&&/* @__PURE__ */n.jsxs(c,{ref:S,className:x?.container,component:k?.url?v:"div","data-testid":$,id:g,role:I,target:k?.target,url:k?.url||void 0,onClick:k?.onClick,children:[f?.icon?/* @__PURE__ */n.jsx(s,{className:x?.infoicon,...f}):null,
+/* @__PURE__ */n.jsxs(c,{className:r(x?.headercontainer,{[`${x?.headercontainerlargemessage}`]:R}),component:P?.url?v:"div",role:B,target:P?.target,url:P?.url||void 0,onClick:P?.onClick,children:[!!L&&("string"==typeof M.children?/* @__PURE__ */n.jsx("div",{"aria-errormessage":p,className:x?.titlecontainer,children:/* @__PURE__ */n.jsx(i,{additionalClasses:{text:x?.title},component:"p",...M})}):M.children),!!y?.content&&(y?.content?/* @__PURE__ */n.jsx(o,{variant:"",...y,label:{content:y?.content}}):null),
+/* @__PURE__ */n.jsxs("div",{className:r(x?.contentcontainer,{[`${x?.contentcontainerlargemessage}`]:R}),children:["string"==typeof j?/* @__PURE__ */n.jsx(i,{additionalClasses:{text:x?.description},component:"p",...z}):z.children,!!C?.content&&/* @__PURE__ */n.jsx(m,{decoration:"underline",...C,url:C?.url||"",children:C?.content||""})]}),!(!h&&!t)&&/* @__PURE__ */n.jsxs("div",{className:x?.buttonsectioncontainer,children:[h?.content?/* @__PURE__ */n.jsx("div",{className:x?.extraactionbuttoncontainer,children:/* @__PURE__ */n.jsx(e,{...h,children:h?.content})}):null,t?.content?/* @__PURE__ */n.jsx("div",{className:x?.actionbuttoncontainer,children:/* @__PURE__ */n.jsx(e,{additionalSizeClasses:t?.variant?void 0:x?.action_button,...t,children:t?.content})}):null]}),!!(b&&b.length>0)&&/* @__PURE__ */n.jsx("div",{className:x?.linkscontainer,children:b?.map(t=>t.content?/* @__PURE__ */n.jsx("div",{className:x?.linkcontainer,children:/* @__PURE__ */n.jsx(m,{decoration:"underline",...t,children:t.content})},t.content):null)})]}),
+/* @__PURE__ */n.jsx(s,{className:x?.closeicon,...u})]})})});export{d as MessageStandAlone};

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,3 +1,3 @@
-import{j as s}from"../../../_virtual/jsx-runtime.js";import{Text as e}from"../../text/text.js";import{ElementOrIcon as r}from"../../../lib/components/elementOrIcon/elementOrIcon.js";import{STATES as t}from"../../../lib/types/states/states.js";import{processText as o}from"../../../lib/utils/process/processText/processText.js";const i=({cssClasses:i,errorMessage:a,errorMessageIcon:m,errorMessageId:l,state:n})=>/* @__PURE__ */s.jsx("div",{"aria-live":"polite",children:o(a)&&n===t.ERROR?/* @__PURE__ */s.jsxs("div",{className:i?.errormessagecontainer,id:l,children:[
+import{j as s}from"../../../_virtual/jsx-runtime.js";import{Text as e}from"../../text/text.js";import{ElementOrIcon as r}from"../../../lib/components/elementOrIcon/elementOrIcon.js";import{STATES as o}from"../../../lib/types/states/states.js";import{processTextProp as t}from"../../../lib/utils/process/processCommonProp.js";const i=({cssClasses:i,errorMessage:a,errorMessageIcon:m,errorMessageId:l,state:n})=>/* @__PURE__ */s.jsx("div",{"aria-live":"polite",children:t(a)&&n===o.ERROR?/* @__PURE__ */s.jsxs("div",{className:i?.errormessagecontainer,id:l,children:[
 /* @__PURE__ */s.jsx(r,{className:i?.errormessageicon,...m}),
-/* @__PURE__ */s.jsx(e,{additionalClasses:{text:i?.errormessage},...o(a)})]}):null});export{i as SelectorBoxFileErrorMessage};
+/* @__PURE__ */s.jsx(e,{additionalClasses:{text:i?.errormessage},...t(a)})]}):null});export{i as SelectorBoxFileErrorMessage};

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

@@ -1,5 +1,5 @@
-import{j as t}from"../../../_virtual/jsx-runtime.js";import{Button as s}from"../../button/button.js";import{Text as i}from"../../text/text.js";import{processText as e}from"../../../lib/utils/process/processText/processText.js";import{SelectorBoxFileTooltip as o}from"./selectorBoxFileTooltip.js";const a=({button:a,cssClasses:n,description:r,headerId:l,subtitle:c,title:d,tooltip:p,tooltipIcon:x})=>/* @__PURE__ */t.jsxs(t.Fragment,{children:[
-/* @__PURE__ */t.jsxs("div",{className:n?.titlesubtitlecontainer,id:l,children:[!!d&&/* @__PURE__ */t.jsx(i,{additionalClasses:{text:n?.title},component:"h5",...e(d)}),!!c&&/* @__PURE__ */t.jsxs("div",{className:n?.actiondescriptioncontainer,children:[
-/* @__PURE__ */t.jsx(i,{additionalClasses:{text:n?.subtitle},...e(c)}),
-/* @__PURE__ */t.jsx(o,{cssClasses:n,tooltip:p,tooltipIcon:x})]})]}),!(!r&&!a)&&/* @__PURE__ */t.jsxs("div",{className:n?.descriptioncontainer,children:[
-/* @__PURE__ */t.jsx(i,{additionalClasses:{text:n?.description},...e(r)}),(!!n?.button_variant||!!a?.size)&&(!!n?.button_size||!!a?.variant)&&/* @__PURE__ */t.jsx(s,{additionalSizeClasses:a?.variant?void 0:n?.button_size,additionalVariantClasses:a?.size?void 0:n?.button_variant,size:a?.size,variant:a?.variant,...a,children:a?.content})]})]});export{a as SelectorBoxFileHeader};
+import{j as t}from"../../../_virtual/jsx-runtime.js";import{Button as s}from"../../button/button.js";import{Text as i}from"../../text/text.js";import{processTextProp as o}from"../../../lib/utils/process/processCommonProp.js";import{SelectorBoxFileTooltip as e}from"./selectorBoxFileTooltip.js";const a=({button:a,cssClasses:n,description:r,headerId:l,subtitle:d,title:c,tooltip:p,tooltipIcon:m})=>/* @__PURE__ */t.jsxs(t.Fragment,{children:[
+/* @__PURE__ */t.jsxs("div",{className:n?.titlesubtitlecontainer,id:l,children:[!!c&&/* @__PURE__ */t.jsx(i,{additionalClasses:{text:n?.title},component:"h5",...o(c)}),!!d&&/* @__PURE__ */t.jsxs("div",{className:n?.actiondescriptioncontainer,children:[
+/* @__PURE__ */t.jsx(i,{additionalClasses:{text:n?.subtitle},...o(d)}),
+/* @__PURE__ */t.jsx(e,{cssClasses:n,tooltip:p,tooltipIcon:m})]})]}),!(!r&&!a)&&/* @__PURE__ */t.jsxs("div",{className:n?.descriptioncontainer,children:[
+/* @__PURE__ */t.jsx(i,{additionalClasses:{text:n?.description},...o(r)}),(!!n?.button_variant||!!a?.size)&&(!!n?.button_size||!!a?.variant)&&/* @__PURE__ */t.jsx(s,{additionalSizeClasses:a?.variant?void 0:n?.button_size,additionalVariantClasses:a?.size?void 0:n?.button_variant,size:a?.size,variant:a?.variant,...a,children:a?.content})]})]});export{a as SelectorBoxFileHeader};