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

package/dist/esm/components/calendar/selector/yearSelector/yearSelector.js

@@ -1,3 +1,3 @@
-import{jsx as t}from"react/jsx-runtime";import{useMemo as e}from"react";import{Text as r}from"../../../text/text.js";import{CustomComponent as o}from"../../../../lib/components/customComponent/customComponent.js";import{useRoveFocus as s}from"../../../../lib/hooks/useRoveFocus/useRoveFocus.js";import{useUtilsProvider as i}from"../../../../lib/provider/utilsProvider/utilsProvider.js";import{pickCustomAttributes as a}from"../../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{getYearList as l}from"../../utils/getYearList.js";import{setYear as n}from"../../utils/setYear.js";import{keyUpMove as m,keyTabMove as u,keyRightMove as c,keyLeftMove as d,keyDownMove as p}from"./utils/yearSelector.utils.js";const f=({cssClasses:f,currentDate:y,maxDate:b,minDate:g,onYearClick:v,setCurrentDate:j,today:k,...h})=>{const{transformDate:x}=i(),C=h["data-testid"],D=e(()=>({currentFocusSelected:l(g,b).indexOf(y?y.getFullYear():/* @__PURE__ */(new Date).getFullYear()),keyDownMove:p(l(g,b)),keyLeftMove:d(l(g,b)),keyRightMove:c(l(g,b)),keyTabMove:u,keyUpMove:m(l(g,b)),size:l(g,b).length}),[l(g,b).length,y,g,b]),[F,,Y]=s(D);/* @__PURE__ */
-return t("ul",{ref:Y,className:f?.yearslist,"data-testid":"tbody-years-list",children:l(g,b).map((e,s)=>{const i=((t,e)=>{let r;return r=t.getFullYear()===e?"selected":e===k.getFullYear()?"current":"default",r})(y,e),l={"data-state":i};/* @__PURE__ */
-return t("li",{className:f?.yearlistitem,...a(l),children:/* @__PURE__ */t(o,{"aria-label":String(e),className:f?.yearelement,component:"button",focus:F===s,index:s,type:"button",...a(l),onSelectItem:()=>{const t=new Date(y);j(x(n(t,e))),v?.(e.toString())},children:/* @__PURE__ */t(r,{additionalClasses:{text:f?.year},component:"span",customAttributes:l,"data-testid":C,children:e})})},String(e))})})};export{f as YearSelector};
+import{CustomComponent as t}from"../../../../lib/components/customComponent/customComponent.js";import{pickCustomAttributes as e}from"../../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{Text as r}from"../../../text/text2.js";import{useUtilsProvider as o}from"../../../../lib/provider/utilsProvider/utilsProvider.js";import{useRoveFocus as s}from"../../../../lib/hooks/useRoveFocus/useRoveFocus.js";import{getYearList as i}from"../../utils/getYearList.js";import{setYear as a}from"../../utils/setYear.js";import{keyDownMove as l,keyLeftMove as n,keyRightMove as m,keyTabMove as u,keyUpMove as c}from"./utils/yearSelector.utils.js";import{useMemo as d}from"react";import{jsx as p}from"react/jsx-runtime";const f=({cssClasses:f,currentDate:y,maxDate:b,minDate:g,onYearClick:v,setCurrentDate:j,today:k,...h})=>{const{transformDate:x}=o(),C=h["data-testid"],[D,,F]=s(d(()=>({currentFocusSelected:i(g,b).indexOf(y?y.getFullYear():/* @__PURE__ */(new Date).getFullYear()),keyDownMove:l(i(g,b)),keyLeftMove:n(i(g,b)),keyRightMove:m(i(g,b)),keyTabMove:u,keyUpMove:c(i(g,b)),size:i(g,b).length}),[i(g,b).length,y,g,b]));/* @__PURE__ */
+return p("ul",{ref:F,className:f?.yearslist,"data-testid":"tbody-years-list",children:i(g,b).map((o,s)=>{const i=((t,e)=>{let r;return r=t.getFullYear()===e?"selected":e===k.getFullYear()?"current":"default",r})(y,o),l={"data-state":i};/* @__PURE__ */
+return p("li",{className:f?.yearlistitem,...e(l),children:/* @__PURE__ */p(t,{"aria-label":String(o),className:f?.yearelement,component:"button",focus:D===s,index:s,type:"button",...e(l),onSelectItem:()=>{j(x(a(new Date(y),o))),v?.(o.toString())},children:/* @__PURE__ */p(r,{additionalClasses:{text:f?.year},component:"span",customAttributes:l,"data-testid":C,children:o})})},String(o))})})};export{f as YearSelector};

package/dist/esm/components/calendar/utils/getAllDaysInMonth.js

@@ -1 +1 @@
-const e=(e,t)=>Array.from({length:new Date(t,e,0).getDate()},(a,n)=>new Date(t,e-1,n+1));export{e as getAllDaysInMonth};
+const e=(e,t)=>Array.from({length:new Date(t,e,0).getDate()},(a,n)=>new Date(t,e-1,n+1));export{e as getAllDaysInMonth};

package/dist/esm/components/calendar/utils/getFirstDayOfMonth.js

@@ -1 +1 @@
-const e=(e,t)=>new Date(e,t,1).getDay();export{e as getFirstDayOfMonth};
+const e=(e,t)=>new Date(e,t,1).getDay();export{e as getFirstDayOfMonth};

package/dist/esm/components/calendar/utils/getState.js

@@ -1 +1 @@
-import{STATES as e}from"../../../lib/types/states/states.js";const t="ddMMyyyy",s=({dayFormatted:s,formatDate:E,hasRange:a,isGhostSelected:o,isSelectedToLeft:D,isSelectedToRight:T,selectedDate:d,today:A})=>{let R=e.DEFAULT;return D(s)?R=e.END_DATE_RANGE:T(s)?R=e.START_DATE_RANGE:o(s)?R=e.MIDLE_DATE_RANGE:d[0]&&s&&!a&&E(d[0],t)===E(s,t)?R=e.SELECTED:s&&A===E(s,t)&&(R=e.CURRENT_DAY),R};export{s as getStateDay};
+import{STATES as e}from"../../../lib/types/states/states.js";var t="ddMMyyyy";const s=({dayFormatted:s,formatDate:E,hasRange:a,isGhostSelected:o,isSelectedToLeft:D,isSelectedToRight:T,selectedDate:d,today:A})=>{let r=e.DEFAULT;return D(s)?r=e.END_DATE_RANGE:T(s)?r=e.START_DATE_RANGE:o(s)?r=e.MIDLE_DATE_RANGE:d[0]&&s&&!a&&E(d[0],t)===E(s,t)?r=e.SELECTED:s&&A===E(s,t)&&(r=e.CURRENT_DAY),r};export{s as getStateDay};

package/dist/esm/components/calendar/utils/getYearList.js

@@ -1 +1 @@
-const e=(e,t)=>{const r=t.getFullYear(),l=e.getFullYear(),o=[];for(let u=r;u>=l;u--)o.push(u);return o};export{e as getYearList};
+const e=(e,t)=>{const r=t.getFullYear(),l=e.getFullYear(),o=[];for(let u=r;u>=l;u--)o.push(u);return o};export{e as getYearList};

package/dist/esm/components/calendar/utils/groupDaysByWeeks.js

@@ -1 +1 @@
-const t=t=>{const e=[];for(let n=0;n<t.length;n+=7)e.push(t.slice(n,n+7));return e};export{t as groupDaysByWeeks};
+const t=t=>{const e=[];for(let n=0;n<t.length;n+=7)e.push(t.slice(n,n+7));return e};export{t as groupDaysByWeeks};

package/dist/esm/components/calendar/utils/handleKeysmoves.js

@@ -1 +1 @@
-const t=(t,e)=>t.getMonth()===e.getMonth()&&t.getFullYear()===e.getFullYear(),e=(e,a,n)=>t(a,n)?e.length+a.getDate()-1:e.length,a=(e,a,n)=>t(a,n)?e.length+a.getDate()-1:e.length,n=({currentDate:e,dayList:a,daysAndEmptyDaysUntilMaxDate:n,firstEmptyAndDisabledDays:D,maxDate:s,minDate:y})=>l=>t(y,e)&&l===D?a.length-1:l===D?t(s,e)?n:a.length-1:l<=D+7?D:l-7,D=({currentDate:e,dayList:a,daysAndEmptyDaysUntilMaxDate:n,firstEmptyAndDisabledDays:D,maxDate:s,minDate:y})=>l=>{if(t(y,e)&&l===a.length-1)return D;if(t(s,e)){if(l===n)return D;if(l+D+1>=s.getDate()-7&&l!==n)return s.getDate()+D-1}return l===a.length-1?D:l>=a.length-7?a.length-1:l+7},s=({currentDate:e,dayList:a,daysAndEmptyDaysUntilMaxDate:n,firstEmptyAndDisabledDays:D,maxDate:s,minDate:y})=>l=>l===D?t(y,e)?a.length-1:t(s,e)?n:a.length-1:l-1,y=({currentDate:e,dayList:a,daysAndEmptyDaysUntilMaxDate:n,firstEmptyAndDisabledDays:D,maxDate:s,minDate:y})=>l=>t(y,e)&&l===a.length-1||t(s,e)&&l===n||l===a.length-1?D:l+1,l=t=>t,i=({firstEmptyAndDisabledDays:t})=>()=>t,r=({currentDate:e,dayList:a,daysAndEmptyDaysUntilMaxDate:n,maxDate:D})=>()=>t(D,e)?n:a.length-1;export{a as getDaysAndEmptyDaysUntilMaxDate,e as getFirstEmptyAndDisabledDays,D as handleKeyDownMove,s as handleKeyLeftMove,r as handleKeyPageDownMove,i as handleKeyPageUpMove,y as handleKeyRightMove,l as handleKeyTabMove,n as handleKeyUpMove};
+var t=(t,e)=>t.getMonth()===e.getMonth()&&t.getFullYear()===e.getFullYear();const e=(e,a,n)=>t(a,n)?e.length+a.getDate()-1:e.length,a=(e,a,n)=>t(a,n)?e.length+a.getDate()-1:e.length,n=({currentDate:e,dayList:a,daysAndEmptyDaysUntilMaxDate:n,firstEmptyAndDisabledDays:D,maxDate:s,minDate:y})=>l=>t(y,e)&&l===D?a.length-1:l===D?t(s,e)?n:a.length-1:l<=D+7?D:l-7,D=({currentDate:e,dayList:a,daysAndEmptyDaysUntilMaxDate:n,firstEmptyAndDisabledDays:D,maxDate:s,minDate:y})=>l=>{if(t(y,e)&&l===a.length-1)return D;if(t(s,e)){if(l===n)return D;if(l+D+1>=s.getDate()-7&&l!==n)return s.getDate()+D-1}return l===a.length-1?D:l>=a.length-7?a.length-1:l+7},s=({currentDate:e,dayList:a,daysAndEmptyDaysUntilMaxDate:n,firstEmptyAndDisabledDays:D,maxDate:s,minDate:y})=>l=>l===D?t(y,e)?a.length-1:t(s,e)?n:a.length-1:l-1,y=({currentDate:e,dayList:a,daysAndEmptyDaysUntilMaxDate:n,firstEmptyAndDisabledDays:D,maxDate:s,minDate:y})=>l=>t(y,e)&&l===a.length-1||t(s,e)&&l===n||l===a.length-1?D:l+1,l=t=>t,i=({firstEmptyAndDisabledDays:t})=>()=>t,r=({currentDate:e,dayList:a,daysAndEmptyDaysUntilMaxDate:n,maxDate:D})=>()=>t(D,e)?n:a.length-1;export{a as getDaysAndEmptyDaysUntilMaxDate,e as getFirstEmptyAndDisabledDays,D as handleKeyDownMove,s as handleKeyLeftMove,r as handleKeyPageDownMove,i as handleKeyPageUpMove,y as handleKeyRightMove,l as handleKeyTabMove,n as handleKeyUpMove};

package/dist/esm/components/calendar/utils/setMonth.js

@@ -1 +1 @@
-const t=(t,o)=>t.setMonth(o);export{t as setMonth};
+const t=(t,o)=>t.setMonth(o);export{t as setMonth};

package/dist/esm/components/calendar/utils/setYear.js

@@ -1 +1 @@
-const e=(e,t)=>e.setFullYear(t);export{e as setYear};
+const e=(e,t)=>e.setFullYear(t);export{e as setYear};

package/dist/esm/components/card/card.js

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

package/dist/esm/components/card/cardStandAlone.js

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{forwardRef as o,isValidElement as s}from"react";import{Text as r}from"../text/text.js";import{pickCustomAttributes as n}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processTextProp as a}from"../../lib/utils/process/processCommonProp.js";const i=o(({content:o,cssClasses:i,footer:c,header:l,onClick:m,onMouseEnter:u,onMouseLeave:d,state:p,...f},v)=>{const C={"data-state":p},b=n(f),k=(e,o)=>e?s(e)?/* @__PURE__ */t("div",{className:o,children:e}):/* @__PURE__ */t("div",{className:o,children:/* @__PURE__ */t(r,{additionalClasses:{text:o},...a(e)})}):null,x=Boolean(m)?{onClick:m,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),m?.(e))},onMouseEnter:u,onMouseLeave:d,role:"button",tabIndex:0}:{onMouseEnter:u,onMouseLeave:d};/* @__PURE__ */
-return e("div",{ref:v,className:i?.card,"data-testid":"card",...C,...b,...x,children:[k(l,i?.header),k(o,i?.content),k(c,i?.footer)]})});export{i as CardStandAlone};
+import{pickCustomAttributes as e}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{Text as t}from"../text/text2.js";import{processTextProp as o}from"../../lib/utils/process/processCommonProp.js";import{forwardRef as s,isValidElement as r}from"react";import{jsx as n,jsxs as a}from"react/jsx-runtime";const i=s(({content:s,cssClasses:i,footer:c,header:l,onClick:m,onMouseEnter:u,onMouseLeave:d,state:p,...f},v)=>{const C={"data-state":p},b=e(f),k=(e,s)=>e?r(e)?/* @__PURE__ */n("div",{className:s,children:e}):/* @__PURE__ */n("div",{className:s,children:/* @__PURE__ */n(t,{additionalClasses:{text:s},...o(e)})}):null,x=Boolean(m)?{onClick:m,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),m?.(e))},onMouseEnter:u,onMouseLeave:d,role:"button",tabIndex:0}:{onMouseEnter:u,onMouseLeave:d};/* @__PURE__ */
+return a("div",{ref:v,className:i?.card,"data-testid":"card",...C,...b,...x,children:[k(l,i?.header),k(s,i?.content),k(c,i?.footer)]})});export{i as CardStandAlone};

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

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{forwardRef as n,useState as a,useRef as r,useCallback as t,useImperativeHandle as o}from"react";import{useClassName as l}from"../../lib/hooks/useClassName/useClassName.js";import{CarouselStandAlone as s}from"./carouselStandAlone.js";import{useCarousel as i}from"./hooks/useCarousel.js";import{buildScreenReaderOnly as m}from"./utils/carousel.utils.js";const u=n(({additionalClasses:n,allowModifySliceWidth:u=!1,autoFitContainer:c=!1,centerExtremesWhenExtraPadding:g=!1,centerMode:d=!1,circular:P,defaultPage:f=0,disabled:C=!1,extraPadding:h,numElementsPerPage:R,numElementsToSlide:E,onePageAlign:S="center",onNumElementsPerPageChange:p,onNumPagesChange:x,onPageChange:w,screenReaderOnly:M,variant:N,...y},j)=>{const[W,b]=a(f),[v,A]=a(0),O=r(null),k=r(null),F=r(null),T=l({additionalClassNames:n,component:"CAROUSEL",variant:N}),L=t(e=>{A(e),x?.(e)},[x]),U=t(e=>{b(e),w?.(e)},[w]),q=R?Math.min(y.elements.length,R):R,z=u&&!!R&&!c,{allowShiftRef:B,changePage:D,currentPageRef:G,numElementsPerPageRef:H,numPagesRef:I}=i({allowModifySliceWidth:z,autoFitContainer:c,centerExtremesWhenExtraPadding:g,centerMode:d,circular:P,contentContainerRef:F,defaultPage:f,disabled:C,elements:y.elements,extraPadding:h,numElementsPerPage:q,numElementsToSlide:E,onePageAlign:S,onNumElementsPerPageChange:p,onNumPagesChange:L,onPageChange:U,rootContainerRef:O,viewerContainerRef:k});o(j,()=>(O.current&&(O.current.changePage=D,O.current.allowShiftRef=B,O.current.currentPageRef=G,O.current.numElementsPerPageRef=H,O.current.numPagesRef=I),O.current),[D]);const J=m({currentPage:W,numPages:v,screenReaderOnly:M});/* @__PURE__ */
-return e(s,{ref:O,allowModifySliceWidth:z,centerMode:d,contentContainerRef:F,cssClasses:T,disabled:C||v<=1,screenReaderOnly:J,viewerContainerRef:k,...y})});export{u as Carousel};
+import{useClassName as e}from"../../lib/hooks/useClassName/useClassName.js";import{CarouselStandAlone as n}from"./carouselStandAlone.js";import{useCarousel as a}from"./hooks/useCarousel.js";import{buildScreenReaderOnly as r}from"./utils/carousel.utils.js";import{forwardRef as t,useCallback as o,useImperativeHandle as l,useRef as s,useState as i}from"react";import{jsx as m}from"react/jsx-runtime";const u=t(({additionalClasses:t,allowModifySliceWidth:u=!1,autoFitContainer:c=!1,centerExtremesWhenExtraPadding:g=!1,centerMode:d=!1,circular:P,defaultPage:f=0,disabled:C=!1,extraPadding:h,numElementsPerPage:R,numElementsToSlide:E,onePageAlign:S="center",onNumElementsPerPageChange:p,onNumPagesChange:x,onPageChange:w,screenReaderOnly:M,variant:N,...y},j)=>{const[W,b]=i(f),[v,A]=i(0),O=s(null),k=s(null),F=s(null),T=e({additionalClassNames:t,component:"CAROUSEL",variant:N}),L=o(e=>{A(e),x?.(e)},[x]),U=o(e=>{b(e),w?.(e)},[w]),q=R?Math.min(y.elements.length,R):R,z=u&&!!R&&!c,{allowShiftRef:B,changePage:D,currentPageRef:G,numElementsPerPageRef:H,numPagesRef:I}=a({allowModifySliceWidth:z,autoFitContainer:c,centerExtremesWhenExtraPadding:g,centerMode:d,circular:P,contentContainerRef:F,defaultPage:f,disabled:C,elements:y.elements,extraPadding:h,numElementsPerPage:q,numElementsToSlide:E,onePageAlign:S,onNumElementsPerPageChange:p,onNumPagesChange:L,onPageChange:U,rootContainerRef:O,viewerContainerRef:k});l(j,()=>(O.current&&(O.current.changePage=D,O.current.allowShiftRef=B,O.current.currentPageRef=G,O.current.numElementsPerPageRef=H,O.current.numPagesRef=I),O.current),[D]);const J=r({currentPage:W,numPages:v,screenReaderOnly:M});/* @__PURE__ */
+return m(n,{ref:O,allowModifySliceWidth:z,centerMode:d,contentContainerRef:F,cssClasses:T,disabled:C||v<=1,screenReaderOnly:J,viewerContainerRef:k,...y})});export{u as Carousel};

package/dist/esm/components/carousel/carouselStandAlone.js

@@ -1,3 +1,2 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{forwardRef as a}from"react";const r=a(({allowModifySliceWidth:a,centerMode:r,contentContainer:i,contentContainerRef:n,cssClasses:o,disabled:d,elements:s,rootContainer:c,screenReaderOnly:l,viewerContainer:f,viewerContainerRef:m,...v},w)=>{const h=v["data-testid"]??"carousel";/* @__PURE__ */
-return e("div",{ref:w,"aria-roledescription":"carousel",className:o?.carousel,"data-testid":h,...v,...c,children:[
-/* @__PURE__ */t("div",{ref:m,className:o?.viewer,"data-allow-modify-slice-width":a,"data-disabled":d,"data-testid":`${h}-viewer`,...f,children:/* @__PURE__ */t("div",{ref:n,"aria-live":"polite",className:o?.content,"data-center-mode":r,"data-testid":`${h}-content`,...i,children:s})}),l&&/* @__PURE__ */t("screen-reader-only",{"aria-live":"off",...l,children:l.content})]})});export{r as CarouselStandAlone};
+import{forwardRef as e}from"react";import{jsx as t,jsxs as a}from"react/jsx-runtime";const r=e(({allowModifySliceWidth:e,centerMode:r,contentContainer:i,contentContainerRef:n,cssClasses:o,disabled:d,elements:s,rootContainer:c,screenReaderOnly:l,viewerContainer:f,viewerContainerRef:m,...v},w)=>{const h=v["data-testid"]??"carousel";/* @__PURE__ */
+return a("div",{ref:w,"aria-roledescription":"carousel",className:o?.carousel,"data-testid":h,...v,...c,children:[/* @__PURE__ */t("div",{ref:m,className:o?.viewer,"data-allow-modify-slice-width":e,"data-disabled":d,"data-testid":`${h}-viewer`,...f,children:/* @__PURE__ */t("div",{ref:n,"aria-live":"polite",className:o?.content,"data-center-mode":r,"data-testid":`${h}-content`,...i,children:s})}),l&&/* @__PURE__ */t("screen-reader-only",{"aria-live":"off",...l,children:l.content})]})});export{r as CarouselStandAlone};

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

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

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

@@ -1 +1 @@
-import{useRef as e,useCallback as t,useEffect as r}from"react";import{useScrollBlock as n}from"../../../lib/hooks/useScrollBlock/useScrollBlock.js";import c from"./utils/calc.utils.js";import u from"./utils/constants.js";const s=({allowShiftRef:s,centerExtremesWhenExtraPadding:o,changePage:l,circular:i,contentContainerRef:a,currentPageRef:m,disabled:v=!1,elements:E,extraPadding:d,numElementsPerPageRef:h,numPagesRef:f,viewerContainerRef:L})=>{const p=e(!1),_=e(!1),D=e(!1),R=e(),g=e(0),X=e(0),P=e(0),S=e(0),y=t(()=>{s.current&&(i||m.current!==f.current-1)&&l({newPage:m.current+1})},[i,l]),I=t(()=>{s.current&&(i||0!==m.current)&&l({newPage:m.current-1})},[i,l]),{allowScroll:O,blockScroll:w}=n(),x=t(e=>{const t=a.current;!t||f.current<=1||(R.current=parseFloat(t.style.left||"0"),"touchstart"===e.type?(g.current=e.touches[0].clientX,P.current=e.touches[0].clientX,S.current=e.touches[0].clientY):(g.current=e.clientX,P.current=e.clientX,S.current=e.clientY),p.current=!0)},[]),G=t(e=>{const t=a.current;if(!t||!p.current||!h?.current||f.current<=1)return;let r,n;"touchmove"===e.type?(X.current=g.current-e.touches[0].clientX,g.current=e.touches[0].clientX,r=e.touches[0].clientX-P.current,n=e.touches[0].clientY-S.current):(X.current=g.current-e.clientX,g.current=e.clientX,r=e.clientX-P.current,n=e.clientY-S.current);const s=parseFloat(t.style.left||"0")-X.current;if(_.current||D.current||(Math.abs(r)>u.THRESHOLD_TO_DECIDE_IF_ALLOW_DRAGGING?(_.current=!0,w()):Math.abs(n)>u.THRESHOLD_TO_DECIDE_IF_ALLOW_DRAGGING&&(D.current=!0)),_.current)if(i&&E.length>h.current)t.style.left=`${s}px`;else{const e=c.calcXDistanceBetween2Elements(t.firstChild,t.children[t.children.length-h.current]);if(o)s-d<0&&-s<e-d&&(t.style.left=`${s}px`);else{let r=i?d:0;!i&&d&&m.current===f.current-1&&(r=2*d),s-r<0&&-s<e-r&&(t.style.left=`${s}px`)}}},[w,o,i,E,d]),C=t(()=>{const e=a.current;if(D.current=!1,_.current&&O(),_.current=!1,!e||!p.current||void 0===R.current||f.current<=1)return;p.current=!1;const t=parseFloat(e.style.left||"0");t-R.current<-0?y():t-R.current>u.THRESHOLD_TO_DECIDE_IF_SWIPE_ON_DRAG_ENDS?I():e.style.left=`${R.current}px`},[O,y,I]);r(()=>{if(v)return;const e=L.current,t={passive:!0};return e?.addEventListener("touchstart",x,t),e?.addEventListener("touchend",C,t),e?.addEventListener("touchmove",G,t),e?.addEventListener("mousedown",x,t),e?.addEventListener("mouseup",C,t),e?.addEventListener("mousemove",G,t),e?.addEventListener("mouseleave",C,t),()=>{e?.removeEventListener("touchstart",x,t),e?.removeEventListener("touchend",C,t),e?.removeEventListener("touchmove",G,t),e?.removeEventListener("mousedown",x,t),e?.removeEventListener("mouseup",C,t),e?.removeEventListener("mousemove",G,t),e?.removeEventListener("mouseleave",C,t)}},[x,C,G,v])};export{s as useCarouselSwipe};
+import{useScrollBlock as e}from"../../../lib/hooks/useScrollBlock/useScrollBlock.js";import t from"./utils/calc.utils.js";import r from"./utils/constants.js";import{useCallback as n,useEffect as c,useRef as u}from"react";const s=({allowShiftRef:s,centerExtremesWhenExtraPadding:o,changePage:l,circular:i,contentContainerRef:a,currentPageRef:m,disabled:E=!1,elements:v,extraPadding:d,numElementsPerPageRef:h,numPagesRef:f,viewerContainerRef:_})=>{const L=u(!1),D=u(!1),p=u(!1),R=u(),S=u(0),I=u(0),O=u(0),g=u(0),P=n(()=>{s.current&&(i||m.current!==f.current-1)&&l({newPage:m.current+1})},[i,l]),X=n(()=>{s.current&&(i||0!==m.current)&&l({newPage:m.current-1})},[i,l]),{allowScroll:y,blockScroll:w}=e(),x=n(e=>{const t=a.current;!t||f.current<=1||(R.current=parseFloat(t.style.left||"0"),"touchstart"===e.type?(S.current=e.touches[0].clientX,O.current=e.touches[0].clientX,g.current=e.touches[0].clientY):(S.current=e.clientX,O.current=e.clientX,g.current=e.clientY),L.current=!0)},[]),G=n(e=>{const n=a.current;if(!n||!L.current||!h?.current||f.current<=1)return;let c,u;"touchmove"===e.type?(I.current=S.current-e.touches[0].clientX,S.current=e.touches[0].clientX,c=e.touches[0].clientX-O.current,u=e.touches[0].clientY-g.current):(I.current=S.current-e.clientX,S.current=e.clientX,c=e.clientX-O.current,u=e.clientY-g.current);const s=parseFloat(n.style.left||"0")-I.current;if(D.current||p.current||(Math.abs(c)>r.THRESHOLD_TO_DECIDE_IF_ALLOW_DRAGGING?(D.current=!0,w()):Math.abs(u)>r.THRESHOLD_TO_DECIDE_IF_ALLOW_DRAGGING&&(p.current=!0)),D.current)if(i&&v.length>h.current)n.style.left=`${s}px`;else{const e=t.calcXDistanceBetween2Elements(n.firstChild,n.children[n.children.length-h.current]);if(o)s-d<0&&-s<e-d&&(n.style.left=`${s}px`);else{let t=i?d:0;!i&&d&&m.current===f.current-1&&(t=2*d),s-t<0&&-s<e-t&&(n.style.left=`${s}px`)}}},[w,o,i,v,d]),H=n(()=>{const e=a.current;if(p.current=!1,D.current&&y(),D.current=!1,!e||!L.current||void 0===R.current||f.current<=1)return;L.current=!1;const t=parseFloat(e.style.left||"0");t-R.current<-r.THRESHOLD_TO_DECIDE_IF_SWIPE_ON_DRAG_ENDS?P():t-R.current>r.THRESHOLD_TO_DECIDE_IF_SWIPE_ON_DRAG_ENDS?X():e.style.left=`${R.current}px`},[y,P,X]);c(()=>{if(E)return;const e=_.current,t={passive:!0};return e?.addEventListener("touchstart",x,t),e?.addEventListener("touchend",H,t),e?.addEventListener("touchmove",G,t),e?.addEventListener("mousedown",x,t),e?.addEventListener("mouseup",H,t),e?.addEventListener("mousemove",G,t),e?.addEventListener("mouseleave",H,t),()=>{e?.removeEventListener("touchstart",x,t),e?.removeEventListener("touchend",H,t),e?.removeEventListener("touchmove",G,t),e?.removeEventListener("mousedown",x,t),e?.removeEventListener("mouseup",H,t),e?.removeEventListener("mousemove",G,t),e?.removeEventListener("mouseleave",H,t)}},[x,H,G,E])};export{s as useCarouselSwipe};

package/dist/esm/components/carousel/hooks/utils/calc.utils.js

@@ -1 +1 @@
-const e=({element:e})=>{const t=window.getComputedStyle(e);return parseFloat(t.getPropertyValue("padding-left")||"0")+parseFloat(t.getPropertyValue("padding-right")||"0")},t=(e,t)=>{if(!e||!t)return 0;const n=e.offsetLeft,r=t.offsetLeft;return Math.abs(r-n)},n=({numElementsPerPage:e,numElementsToSlide:t})=>t?Math.max(1,Math.min(t,e)):e,r=({elementsLength:e,numElementsPerPage:t,numElementsToSlide:r})=>{if(e<=t)return 1;const i=n({numElementsPerPage:t,numElementsToSlide:r});return Math.ceil((e-t+i)/i)},i=({currentPage:e,elementsLength:t,isCircular:i,numElementsPerPage:l,numElementsToSlide:s})=>{if(t<=l)return{firstIndexInView:0,lastIndexInView:t-1};const o=n({numElementsPerPage:l,numElementsToSlide:s});let a=e*o+l-1;let d=0;i&&t>l&&(d=l+1,a+=d),e===r({elementsLength:t,numElementsPerPage:l,numElementsToSlide:o})?a=d+t+l-1:e<0?a=d-1:a-d>t-1&&(a=d+t-1);return{firstIndexInView:a-l+1,lastIndexInView:a}},l=({contentContainer:t,elementsLength:n,extraPadding:r,rootContainer:i,viewerContainer:l})=>{const s=t.firstElementChild;if(!s)return;let o=i.offsetWidth;o-=2*r;o-=e({element:l});let a=0;const d=s.offsetLeft;for(let e=0;e<t.children.length;e++){const n=t.children[e];if(d+n.offsetLeft+n.offsetWidth>o)break;a++}return Math.max(Math.min(n,a),1)},s=({centerMode:e,contentContainer:t})=>{let n=0;if(t.childNodes.length<2)return n;const r=t.childNodes[0],i=t.childNodes[1];e&&r.style&&i.style&&(r.style.transition="none",i.style.transition="none",r.style.transform="scale(1)",i.style.transform="scale(1)");const l=r?.getBoundingClientRect()?.right,s=i?.getBoundingClientRect()?.left;return e&&r.style&&i.style&&(r.style.removeProperty("transform"),i.style.removeProperty("transform"),r.offsetHeight,i.offsetHeight,r.style.removeProperty("transition"),i.style.removeProperty("transition")),void 0!==l&&void 0!==s&&(n=Math.abs(l-s)),n},o=({centerMode:t,contentContainer:n,extraPadding:r,numElementsPerPage:i,viewerContainer:l})=>{const o=(i-1)*s({centerMode:t,contentContainer:n}),a=e({element:l});return(l.getBoundingClientRect().width-o-2*r-a)/i},a=({contentContainer:n,extraPadding:r,firstIndexInView:i,lastIndexInView:l,viewerContainer:s})=>{const o=n.children[i],a=n.children[l],d=t(o,a),c=e({element:s});return`${d+a.offsetWidth+2*r+c}px`},d=({centerExtremesWhenExtraPadding:e,circular:n,contentContainer:r,currentPage:i,extraPadding:l,firstIndexInView:s,numPages:o})=>{let a=t(r.firstChild,r.children[s]);return l&&(e||n||0!==i&&i!==o-1?a-=l:n||i!==o-1||(a-=2*l)),-a+"px"},c={calcAdjustedNumElementsToSlide:n,calcContentContainerLeftPosition:d,calcFirstAndLastIndexInCarouselView:i,calcGapBetweenContentContainerElements:s,calcNumElementsPerPage:l,calcNumPages:r,calcSliceWidth:o,calcViewerWidth:a,calcXDistanceBetween2Elements:t};export{n as calcAdjustedNumElementsToSlide,d as calcContentContainerLeftPosition,i as calcFirstAndLastIndexInCarouselView,s as calcGapBetweenContentContainerElements,e as calcHorizontalElementPadding,l as calcNumElementsPerPage,r as calcNumPages,o as calcSliceWidth,a as calcViewerWidth,t as calcXDistanceBetween2Elements,c as default};
+const e=({element:e})=>{const t=window.getComputedStyle(e);return parseFloat(t.getPropertyValue("padding-left")||"0")+parseFloat(t.getPropertyValue("padding-right")||"0")},t=(e,t)=>e&&t?Math.abs(t.offsetLeft-e.offsetLeft):0,n=({numElementsPerPage:e,numElementsToSlide:t})=>t?Math.max(1,Math.min(t,e)):e,r=({elementsLength:e,numElementsPerPage:t,numElementsToSlide:r})=>{if(e<=t)return 1;const i=n({numElementsPerPage:t,numElementsToSlide:r});return Math.ceil((e-t+i)/i)},i=({centerMode:e,contentContainer:t})=>{let n=0;if(t.childNodes.length<2)return n;const r=t.childNodes[0],i=t.childNodes[1];e&&r.style&&i.style&&(r.style.transition="none",i.style.transition="none",r.style.transform="scale(1)",i.style.transform="scale(1)");const l=r?.getBoundingClientRect()?.right,s=i?.getBoundingClientRect()?.left;return e&&r.style&&i.style&&(r.style.removeProperty("transform"),i.style.removeProperty("transform"),r.style.removeProperty("transition"),i.style.removeProperty("transition")),void 0!==l&&void 0!==s&&(n=Math.abs(l-s)),n};var l={calcAdjustedNumElementsToSlide:n,calcContentContainerLeftPosition:({centerExtremesWhenExtraPadding:e,circular:n,contentContainer:r,currentPage:i,extraPadding:l,firstIndexInView:s,numPages:o})=>{let a=t(r.firstChild,r.children[s]);return l&&(e||n||0!==i&&i!==o-1?a-=l:n||i!==o-1||(a-=2*l)),-a+"px"},calcFirstAndLastIndexInCarouselView:({currentPage:e,elementsLength:t,isCircular:i,numElementsPerPage:l,numElementsToSlide:s})=>{if(t<=l)return{firstIndexInView:0,lastIndexInView:t-1};const o=n({numElementsPerPage:l,numElementsToSlide:s});let a=e*o+l-1,d=0;return i&&t>l&&(d=l+1,a+=d),e===r({elementsLength:t,numElementsPerPage:l,numElementsToSlide:o})?a=d+t+l-1:e<0?a=d-1:a-d>t-1&&(a=d+t-1),{firstIndexInView:a-l+1,lastIndexInView:a}},calcGapBetweenContentContainerElements:i,calcNumElementsPerPage:({contentContainer:t,elementsLength:n,extraPadding:r,rootContainer:i,viewerContainer:l})=>{const s=t.firstElementChild;if(!s)return;let o=i.offsetWidth;o-=2*r,o-=e({element:l});let a=0;const d=s.offsetLeft;for(let e=0;e<t.children.length;e++){const n=t.children[e];if(d+n.offsetLeft+n.offsetWidth>o)break;a++}return Math.max(Math.min(n,a),1)},calcNumPages:r,calcSliceWidth:({centerMode:t,contentContainer:n,extraPadding:r,numElementsPerPage:l,viewerContainer:s})=>{const o=(l-1)*i({centerMode:t,contentContainer:n}),a=e({element:s});return(s.getBoundingClientRect().width-o-2*r-a)/l},calcViewerWidth:({contentContainer:n,extraPadding:r,firstIndexInView:i,lastIndexInView:l,viewerContainer:s})=>{const o=n.children[i],a=n.children[l],d=t(o,a),c=e({element:s});return`${d+a.offsetWidth+2*r+c}px`},calcXDistanceBetween2Elements:t};export{l as default};

package/dist/esm/components/carousel/hooks/utils/constants.js

@@ -1 +1 @@
-const _={PROPERTY_TO_HANDLE_TRANSITION_END:"left",THRESHOLD_TO_DECIDE_IF_ALLOW_DRAGGING:20,THRESHOLD_TO_DECIDE_IF_SWIPE_ON_DRAG_ENDS:0};export{_ as default};
+var _={PROPERTY_TO_HANDLE_TRANSITION_END:"left",THRESHOLD_TO_DECIDE_IF_ALLOW_DRAGGING:20,THRESHOLD_TO_DECIDE_IF_SWIPE_ON_DRAG_ENDS:0};export{_ as default};

package/dist/esm/components/carousel/hooks/utils/dom.utils.js

@@ -1 +1 @@
-import e from"./calc.utils.js";const t=({centerMode:t,contentContainer:n,extraPadding:i,numElementsPerPage:r,viewerContainer:l})=>{const o=e.calcSliceWidth({centerMode:t,contentContainer:n,extraPadding:i,numElementsPerPage:r,viewerContainer:l});for(let e=0;e<n.childNodes.length;e++){const t=n.childNodes[e];t instanceof HTMLElement&&(t.style.width=`${o}px`)}},n=({contentContainer:e,firstIndexInView:t,lastIndexInView:n})=>{for(let i=0;i<e.children.length;i++)i<t||i>n?e.children[i].setAttribute("inert",""):e.children[i].removeAttribute("inert")},i=({contentContainer:t,extraPadding:n,firstIndexInView:i,lastIndexInView:r,viewerContainer:l})=>{const o=e.calcViewerWidth({contentContainer:t,extraPadding:n,firstIndexInView:i,lastIndexInView:r,viewerContainer:l});l.style.width=o},r=({contentContainer:e,firstIndexInView:t,lastIndexInView:n,numElementsPerPage:i})=>{if(i%2!=0){const i=t+(n-t)/2;e.children[i].setAttribute("data-highlighted","true")}},l=({contentContainer:e})=>{for(let t=0;t<e.children.length;t++)e.children[t].removeAttribute("data-highlighted")},o=({circular:e,contentContainer:t,elementsLength:n,numElementsPerPage:i})=>{if(t.children.length>n){const e=(t.children.length-n)/2;for(let n=0;n<e;n++)t.firstElementChild&&t.removeChild(t.firstElementChild),t.lastElementChild&&t.removeChild(t.lastElementChild)}if(e&&n>i){const e=[],n=[],r=t.children.length,l=i+1;for(let i=0;i<l;i++){const l=t.children[i];l&&e.push(l.cloneNode(!0));const o=t.children[r-1-i];o&&n.push(o.cloneNode(!0))}e.forEach(e=>t.appendChild(e)),n.forEach(e=>t.insertBefore(e,t.firstChild))}},a={center:"center",left:"flex-start",right:"flex-end"},d=({allowModifySliceWidth:e,contentContainer:t,onePageAlign:n,rootContainer:i})=>{e?t.style.justifyContent=a[n]:i.style.justifyContent=a[n]},s=({contentContainer:t,currentPage:n,elementsLength:i,extraPadding:r,numElementsPerPage:l,numPages:o})=>{const a=n===o;if(a||-1===n){const n=a?l+1:i+1;let d=e.calcXDistanceBetween2Elements(t.firstChild,t.children[n]);return d-=r,t.style.left=-d+"px",{newPage:a?0:o-1}}return{newPage:n}},c={alignOnePageCarousel:d,applyCenterMode:r,deleteCenterMode:l,manageCircularClones:o,udpateCarouselPositionOnEdge:s,updateContentElementsAriaVisibility:n,updateSlicesWidth:t,updateViewerWidth:i};export{d as alignOnePageCarousel,r as applyCenterMode,c as default,l as deleteCenterMode,o as manageCircularClones,s as udpateCarouselPositionOnEdge,n as updateContentElementsAriaVisibility,t as updateSlicesWidth,i as updateViewerWidth};
+import e from"./calc.utils.js";var t={center:"center",left:"flex-start",right:"flex-end"},n={alignOnePageCarousel:({allowModifySliceWidth:e,contentContainer:n,onePageAlign:i,rootContainer:r})=>{e?n.style.justifyContent=t[i]:r.style.justifyContent=t[i]},applyCenterMode:({contentContainer:e,firstIndexInView:t,lastIndexInView:n,numElementsPerPage:i})=>{if(i%2!=0){const i=t+(n-t)/2;e.children[i].setAttribute("data-highlighted","true")}},deleteCenterMode:({contentContainer:e})=>{for(let t=0;t<e.children.length;t++)e.children[t].removeAttribute("data-highlighted")},manageCircularClones:({circular:e,contentContainer:t,elementsLength:n,numElementsPerPage:i})=>{if(t.children.length>n){const e=(t.children.length-n)/2;for(let n=0;n<e;n++)t.firstElementChild&&t.removeChild(t.firstElementChild),t.lastElementChild&&t.removeChild(t.lastElementChild)}if(e&&n>i){const e=[],n=[],r=t.children.length,l=i+1;for(let i=0;i<l;i++){const l=t.children[i];l&&e.push(l.cloneNode(!0));const o=t.children[r-1-i];o&&n.push(o.cloneNode(!0))}e.forEach(e=>t.appendChild(e)),n.forEach(e=>t.insertBefore(e,t.firstChild))}},udpateCarouselPositionOnEdge:({contentContainer:t,currentPage:n,elementsLength:i,extraPadding:r,numElementsPerPage:l,numPages:o})=>{const a=n===o;if(a||-1===n){const n=a?l+1:i+1;let d=e.calcXDistanceBetween2Elements(t.firstChild,t.children[n]);return d-=r,t.style.left=-d+"px",{newPage:a?0:o-1}}return{newPage:n}},updateContentElementsAriaVisibility:({contentContainer:e,firstIndexInView:t,lastIndexInView:n})=>{for(let i=0;i<e.children.length;i++)i<t||i>n?e.children[i].setAttribute("inert",""):e.children[i].removeAttribute("inert")},updateSlicesWidth:({centerMode:t,contentContainer:n,extraPadding:i,numElementsPerPage:r,viewerContainer:l})=>{const o=e.calcSliceWidth({centerMode:t,contentContainer:n,extraPadding:i,numElementsPerPage:r,viewerContainer:l});for(let e=0;e<n.childNodes.length;e++){const t=n.childNodes[e];t instanceof HTMLElement&&(t.style.width=`${o}px`)}},updateViewerWidth:({contentContainer:t,extraPadding:n,firstIndexInView:i,lastIndexInView:r,viewerContainer:l})=>{const o=e.calcViewerWidth({contentContainer:t,extraPadding:n,firstIndexInView:i,lastIndexInView:r,viewerContainer:l});l.style.width=o}};export{n as default};

package/dist/esm/components/carousel/types/carousel.js

@@ -1 +1 @@
-const e="{{currentPage}}",n="{{numPages}}";export{e as CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY,n as CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY};
+const e="{{currentPage}}",n="{{numPages}}";export{e as CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY,n as CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY};

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

@@ -1 +1 @@
-import{CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY as e,CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY as n}from"../types/carousel.js";const t=({content:t,currentPage:r,numPages:c})=>{const g=new RegExp(e,"g"),o=new RegExp(n,"g");return t.replace(g,String(r+1)).replace(o,String(c))},r=({currentPage:e,numPages:n,screenReaderOnly:r})=>{if(r?.content)return{...r,content:t({content:r.content,currentPage:e,numPages:n})}};export{r as buildScreenReaderOnly,t as buildScreenReaderText};
+import{CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY as e,CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY as n}from"../types/carousel.js";const t=({content:t,currentPage:r,numPages:c})=>{const g=new RegExp(e,"g"),o=new RegExp(n,"g");return t.replace(g,String(r+1)).replace(o,String(c))},r=({currentPage:e,numPages:n,screenReaderOnly:r})=>{if(r?.content)return{...r,content:t({content:r.content,currentPage:e,numPages:n})}};export{r as buildScreenReaderOnly};

package/dist/esm/components/checkbox/checkboxControlled.js

@@ -1,2 +1,2 @@
-import{jsx as s}from"react/jsx-runtime";import{forwardRef as t}from"react";import{useClassName as a}from"../../lib/hooks/useClassName/useClassName.js";import{CheckboxStandAlone as e}from"./checkboxStandAlone.js";import{getCheckboxState as o}from"./utils/state.utils.js";const r=t(({additionalClasses:t,variant:r,...i},m)=>{const c=a({additionalClassNames:t,component:"CHECKBOX",variant:r}),l=o(i.checked,i.disabled,i.error);/* @__PURE__ */
-return s(e,{ref:m,cssClasses:c,...i,"data-state":l,"data-testid":"checkbox"})});export{r as CheckboxControlled};
+import{useClassName as s}from"../../lib/hooks/useClassName/useClassName.js";import{getCheckboxState as t}from"./utils/state.utils.js";import{CheckboxStandAlone as a}from"./checkboxStandAlone.js";import{forwardRef as e}from"react";import{jsx as o}from"react/jsx-runtime";const r=e(({additionalClasses:e,variant:r,...i},m)=>{const c=s({additionalClassNames:e,component:"CHECKBOX",variant:r}),l=t(i.checked,i.disabled,i.error);/* @__PURE__ */
+return o(a,{ref:m,cssClasses:c,...i,"data-state":l,"data-testid":"checkbox"})});export{r as CheckboxControlled};

package/dist/esm/components/checkbox/checkboxStandAlone.js

@@ -1,5 +1,4 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import{forwardRef as a,useId as s}from"react";import{pickCustomAttributes as i}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processTextProp as o}from"../../lib/utils/process/processCommonProp.js";import{CheckboxBaseControlled as t}from"../checkboxBase/checkboxBaseControlled.js";import{ErrorMessage as l}from"./components/errorMessage.js";import{Label as c}from"./components/label.js";import{buildAriaDescribedBy as d}from"./utils/aria.utils.js";const b=a(({checkboxBase:a,cssClasses:b,errorMessage:n,id:m,label:p,screenReaderText:h,...u},f)=>{const x=i(u),{"aria-describedby":k,"aria-hidden":y,"aria-label":j,"aria-labelledby":C,...g}=x,v=`checkbox-${s().replace(/:/g,"")}`,$=m??v,B=`${$}-label`,I=`${$}-error`,M=`${$}-screen-reader`,R=a?.variant,w=d({ariaDescribedBy:u["aria-describedby"],error:u.error&&!!n?.message,errorMessageId:I,screenReader:!!h,screenReaderId:M});/* @__PURE__ */
-return e("div",{ref:f,...g,className:b?.checkbox,children:[
-/* @__PURE__ */e("div",{className:b?.checkboxwithlabelcontainer,children:[!!R&&/* @__PURE__ */r(t,{...u,"aria-describedby":w,"aria-hidden":u["aria-hidden"],"aria-label":u["aria-label"],"aria-labelledby":u["aria-labelledby"],id:$,variant:R}),
-/* @__PURE__ */r("screen-reader-only",{id:M,children:h}),
-/* @__PURE__ */r(c,{content:o(p).children,cssClasses:b,id:B,inputId:$})]}),!!u.error&&/* @__PURE__ */r(l,{"aria-live":"assertive",cssClasses:b,"data-testid":`${u["data-testid"]}-error-message`,...n,id:I,inputId:$,show:u.error&&!u.disabled})]})});export{b as CheckboxStandAlone};
+import{pickCustomAttributes as e}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processTextProp as r}from"../../lib/utils/process/processCommonProp.js";import{CheckboxBaseControlled as a}from"../checkboxBase/checkboxBaseControlled.js";import{ErrorMessage as s}from"./components/errorMessage.js";import{Label as i}from"./components/label.js";import{buildAriaDescribedBy as o}from"./utils/aria.utils.js";import{forwardRef as t,useId as l}from"react";import{jsx as c,jsxs as d}from"react/jsx-runtime";const b=t(({checkboxBase:t,cssClasses:b,errorMessage:n,id:m,label:p,screenReaderText:h,...u},f)=>{const{"aria-describedby":x,"aria-hidden":k,"aria-label":y,"aria-labelledby":j,...C}=e(u),g=`checkbox-${l().replace(/:/g,"")}`,v=m??g,$=`${v}-label`,B=`${v}-error`,I=`${v}-screen-reader`,M=t?.variant,R=o({ariaDescribedBy:u["aria-describedby"],error:u.error&&!!n?.message,errorMessageId:B,screenReader:!!h,screenReaderId:I});/* @__PURE__ */
+return d("div",{ref:f,...C,className:b?.checkbox,children:[/* @__PURE__ */d("div",{className:b?.checkboxwithlabelcontainer,children:[!!M&&/* @__PURE__ */c(a,{...u,"aria-describedby":R,"aria-hidden":u["aria-hidden"],"aria-label":u["aria-label"],"aria-labelledby":u["aria-labelledby"],id:v,variant:M}),
+/* @__PURE__ */c("screen-reader-only",{id:I,children:h}),
+/* @__PURE__ */c(i,{content:r(p).children,cssClasses:b,id:$,inputId:v})]}),!!u.error&&/* @__PURE__ */c(s,{"aria-live":"assertive",cssClasses:b,"data-testid":`${u["data-testid"]}-error-message`,...n,id:B,inputId:v,show:u.error&&!u.disabled})]})});export{b as CheckboxStandAlone};

package/dist/esm/components/checkbox/checkboxUnControlled.js

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{forwardRef as r}from"react";import{useCheckbox as o}from"../checkboxBase/hooks/useCheckbox.js";import{CheckboxControlled as c}from"./checkboxControlled.js";const d=r(({checked:r=!1,disabled:d=!1,error:i=!1,onChange:s,required:t=!1,...h},n)=>{const{handleToggleIsChecked:a,isChecked:k}=o({disabled:d,initialChecked:r});/* @__PURE__ */
-return e(c,{...h,ref:n,checked:k,disabled:d,error:i,required:t,onChange:e=>{s?.(e),a()}})});export{d as CheckboxUnControlled};
+import{CheckboxControlled as e}from"./checkboxControlled.js";import{useCheckbox as r}from"../checkboxBase/hooks/useCheckbox.js";import{forwardRef as o}from"react";import{jsx as c}from"react/jsx-runtime";const d=o(({checked:o=!1,disabled:d=!1,error:i=!1,onChange:s,required:t=!1,...h},n)=>{const{handleToggleIsChecked:a,isChecked:k}=r({disabled:d,initialChecked:o});/* @__PURE__ */
+return c(e,{...h,ref:n,checked:k,disabled:d,error:i,required:t,onChange:e=>{s?.(e),a()}})});export{d as CheckboxUnControlled};

package/dist/esm/components/checkbox/components/errorMessage.js

@@ -1,2 +1,2 @@
-import{jsx as s}from"react/jsx-runtime";import{ErrorMessage as r}from"../../../lib/components/errorMessage/errorMessage.js";import{pickCustomAttributes as e}from"../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";const t=({cssClasses:t,message:o,...i})=>{if(!o)return null;const a=e(i);/* @__PURE__ */
-return s("div",{className:t?.errormessagecontainer,children:/* @__PURE__ */s(r,{...i,...a,additionalClasses:t?.error_message,message:o})})};export{t as ErrorMessage};
+import{pickCustomAttributes as s}from"../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{ErrorMessage as r}from"../../../lib/components/errorMessage/errorMessage.js";import{jsx as e}from"react/jsx-runtime";const t=({cssClasses:t,message:o,...i})=>{if(!o)return null;const a=s(i);/* @__PURE__ */
+return e("div",{className:t?.errormessagecontainer,children:/* @__PURE__ */e(r,{...i,...a,additionalClasses:t?.error_message,message:o})})};export{t as ErrorMessage};

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

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import{LabelStandAlone as e}from"../../label/labelStandAlone.js";const n=({...n})=>{if(!n.content)return null;const{cssClasses:s,...o}=n;return"string"==typeof n.content?/* @__PURE__ */t(e,{textCssClasses:s?.label,...o,children:n.content}):n?.content};export{n as Label};
+import{LabelStandAlone as t}from"../../label/labelStandAlone.js";import{jsx as e}from"react/jsx-runtime";const n=({...n})=>{if(!n.content)return null;const{cssClasses:s,...o}=n;return"string"==typeof n.content?/* @__PURE__ */e(t,{textCssClasses:s?.label,...o,children:n.content}):n?.content};export{n as Label};

package/dist/esm/components/checkbox/types/state.js

@@ -1 +1 @@
-const E={DISABLED_SELECTED:"DISABLED_SELECTED",DISABLED_UNSELECTED:"DISABLED_UNSELECTED",ERROR_SELECTED:"ERROR_SELECTED",ERROR_UNSELECTED:"ERROR_UNSELECTED",SELECTED:"SELECTED",UNSELECTED:"UNSELECTED"};export{E as CheckboxState};
+const E={DISABLED_SELECTED:"DISABLED_SELECTED",DISABLED_UNSELECTED:"DISABLED_UNSELECTED",ERROR_SELECTED:"ERROR_SELECTED",ERROR_UNSELECTED:"ERROR_UNSELECTED",SELECTED:"SELECTED",UNSELECTED:"UNSELECTED"};export{E as CheckboxState};

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

@@ -1 +1 @@
-const e=({ariaDescribedBy:e,error:r,errorMessageId:o,screenReader:n,screenReaderId:s})=>{const t=[e,n&&s,r&&o].filter(Boolean);return t.length>0?t.join(" ").trim():void 0};export{e as buildAriaDescribedBy};
+const e=({ariaDescribedBy:e,error:r,errorMessageId:o,screenReader:n,screenReaderId:s})=>{const t=[e,n&&s,r&&o].filter(Boolean);return t.length>0?t.join(" ").trim():void 0};export{e as buildAriaDescribedBy};

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

@@ -1 +1 @@
-import{CheckboxState as E}from"../types/state.js";const D=(D=!1,L=!1,S=!1)=>S&&!D?E.ERROR_UNSELECTED:S?E.ERROR_SELECTED:L&&!D?E.DISABLED_UNSELECTED:L?E.DISABLED_SELECTED:D?E.SELECTED:E.UNSELECTED;export{D as getCheckboxState};
+import{CheckboxState as E}from"../types/state.js";const D=(D=!1,L=!1,S=!1)=>S&&!D?E.ERROR_UNSELECTED:S?E.ERROR_SELECTED:L&&!D?E.DISABLED_UNSELECTED:L?E.DISABLED_SELECTED:D?E.SELECTED:E.UNSELECTED;export{D as getCheckboxState};

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

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{forwardRef as a}from"react";import{useClassName as s}from"../../lib/hooks/useClassName/useClassName.js";import{getCheckboxState as t}from"../checkbox/utils/state.utils.js";import{CheckboxBaseStandAlone as r}from"./checkboxBaseStandAlone.js";const o=a(({additionalClasses:a,error:o=!1,required:i=!1,variant:c,...m},d)=>{const l=s({additionalClassNames:a,component:"CHECKBOX_BASE",variant:c}),n=t(m.checked,m.disabled,o).toLocaleLowerCase();/* @__PURE__ */
-return e(r,{ref:d,cssClasses:l,required:!0,...m,"aria-invalid":o,"data-state":n,"data-testid":"checkboxBase"})});export{o as CheckboxBaseControlled};
+import{useClassName as e}from"../../lib/hooks/useClassName/useClassName.js";import{getCheckboxState as a}from"../checkbox/utils/state.utils.js";import{CheckboxBaseStandAlone as s}from"./checkboxBaseStandAlone.js";import{forwardRef as t}from"react";import{jsx as r}from"react/jsx-runtime";const o=t(({additionalClasses:t,error:o=!1,required:i=!1,variant:c,...m},d)=>{const l=e({additionalClassNames:t,component:"CHECKBOX_BASE",variant:c}),n=a(m.checked,m.disabled,o).toLocaleLowerCase();/* @__PURE__ */
+return r(s,{ref:d,cssClasses:l,required:!0,...m,"aria-invalid":o,"data-state":n,"data-testid":"checkboxBase"})});export{o as CheckboxBaseControlled};

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

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

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

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{forwardRef as o}from"react";import{CheckboxBaseControlled as r}from"./checkboxBaseControlled.js";import{useCheckbox as c}from"./hooks/useCheckbox.js";const d=o(({checked:o=!1,disabled:d=!1,onChange:s,...t},i)=>{const{handleToggleIsChecked:h,isChecked:n}=c({disabled:d,initialChecked:o});/* @__PURE__ */
-return e(r,{ref:i,...t,checked:n,disabled:d,onChange:e=>{s?.(e),h()}})});export{d as CheckboxBaseUnControlled};
+import{CheckboxBaseControlled as e}from"./checkboxBaseControlled.js";import{useCheckbox as o}from"./hooks/useCheckbox.js";import{forwardRef as r}from"react";import{jsx as c}from"react/jsx-runtime";const d=r(({checked:r=!1,disabled:d=!1,onChange:s,...t},i)=>{const{handleToggleIsChecked:h,isChecked:n}=o({disabled:d,initialChecked:r});/* @__PURE__ */
+return c(e,{ref:i,...t,checked:n,disabled:d,onChange:e=>{s?.(e),h()}})});export{d as CheckboxBaseUnControlled};

package/dist/esm/components/checkboxBase/hooks/useCheckbox.js

@@ -1 +1 @@
-import{useState as e}from"react";const t=({disabled:t,initialChecked:c})=>{const[d,i]=e(c);return{handleToggleIsChecked:()=>{t||i(!d)},isChecked:d}};export{t as useCheckbox};
+import{useState as e}from"react";const t=({disabled:t,initialChecked:c})=>{const[d,i]=e(c);return{handleToggleIsChecked:()=>{t||i(!d)},isChecked:d}};export{t as useCheckbox};

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

@@ -1,2 +1,2 @@
-import{jsx as s}from"react/jsx-runtime";import{forwardRef as t}from"react";import{useClassName as a}from"../../lib/hooks/useClassName/useClassName.js";import{STATES as e}from"../../lib/types/states/states.js";import{ChipStandAlone as o}from"./chipStandAlone.js";const r=t(({additionalClasses:t,state:r=e.DEFAULT,variant:i,...m},n)=>{const l=a({additionalClassNames:t,component:"CHIP",variant:i});/* @__PURE__ */
-return s(o,{...m,ref:n,cssClasses:l,state:r})});export{r as Chip};
+import{useClassName as s}from"../../lib/hooks/useClassName/useClassName.js";import{STATES as t}from"../../lib/types/states/states.js";import{ChipStandAlone as a}from"./chipStandAlone.js";import{forwardRef as e}from"react";import{jsx as o}from"react/jsx-runtime";const r=e(({additionalClasses:e,state:r=t.DEFAULT,variant:i,...m},n)=>{const l=s({additionalClassNames:e,component:"CHIP",variant:i});/* @__PURE__ */
+return o(a,{...m,ref:n,cssClasses:l,state:r})});export{r as Chip};

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

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

package/dist/esm/components/dataTable/components/dataTableHead.js

@@ -1,4 +1,4 @@
-import{jsx as i}from"react/jsx-runtime";import{TableCell as t}from"../../tableCell/tableCell.js";import{TableHead as e}from"../../tableHead/tableHead.js";import{TableRow as l}from"../../tableRow/tableRow.js";import{applyFlexToCell as o}from"../utils/cellConfig.js";import{applyGridToRow as n}from"../utils/rowConfig.js";const d=({columns:d,cssClasses:s,hidden:a,sticky:c,tableHeadConfig:r,tableHeadRowConfig:m,usingRowGroups:h})=>{const f=h?n({rowConfig:m}):m;/* @__PURE__ */
-return i(e,{additionalClasses:s?.table_head,component:h?"div":void 0,hidden:a,sticky:c,...r,children:/* @__PURE__ */i(l,{additionalClasses:s?.table_head_row,component:h?"div":void 0,hoverable:!1,...f,children:d?.map(e=>{const l=e.headerContent;if(l&&"object"==typeof l&&"complex"in l){const n=h?o({cellConfig:l.complex}):l.complex;/* @__PURE__ */
-return i(t,{additionalClasses:s?.table_head_cell,alignItems:f?.cellsAlignItems,component:h?"div":void 0,hidden:e.hidden,justifyContent:e.justifyContent,maxWidth:h?void 0:e.maxWidth,minWidth:h?void 0:e.minWidth,scope:"col",sticky:e.sticky,textAlign:e.textAlign,th:!0,verticalAlign:f?.cellsVerticalAlign,width:h?void 0:e.width,...n,children:n?.content},e.field)}const n=h?o({cellConfig:void 0}):void 0;/* @__PURE__ */
-return i(t,{additionalClasses:s?.table_head_cell,alignItems:f?.cellsAlignItems,component:h?"div":void 0,hidden:e.hidden,justifyContent:e.justifyContent,maxWidth:h?void 0:e.maxWidth,minWidth:h?void 0:e.minWidth,scope:"col",sticky:e.sticky,textAlign:e.textAlign,th:!0,verticalAlign:f?.cellsVerticalAlign,width:h?void 0:e.width,...n,children:l},e.field)})})})};export{d as DataTableHead};
+import{TableCell as i}from"../../tableCell/tableCell.js";import{TableHead as t}from"../../tableHead/tableHead.js";import{TableRow as e}from"../../tableRow/tableRow.js";import{applyFlexToCell as l}from"../utils/cellConfig.js";import{applyGridToRow as o}from"../utils/rowConfig.js";import{jsx as n}from"react/jsx-runtime";const d=({columns:d,cssClasses:s,hidden:a,sticky:c,tableHeadConfig:m,tableHeadRowConfig:r,usingRowGroups:h})=>{const f=h?o({columns:d,rowConfig:r}):r;/* @__PURE__ */
+return n(t,{additionalClasses:s?.table_head,component:h?"div":void 0,hidden:a,sticky:c,...m,children:/* @__PURE__ */n(e,{additionalClasses:s?.table_head_row,component:h?"div":void 0,hoverable:!1,...f,children:d?.map(t=>{const e=t.headerContent;if(e&&"object"==typeof e&&"complex"in e){const o=h?l({cellConfig:e.complex}):e.complex;/* @__PURE__ */
+return n(i,{additionalClasses:s?.table_head_cell,alignItems:f?.cellsAlignItems,component:h?"div":void 0,hidden:t.hidden,justifyContent:t.justifyContent,maxWidth:h?void 0:t.maxWidth,minWidth:h?void 0:t.minWidth,scope:"col",sticky:t.sticky,textAlign:t.textAlign,th:!0,verticalAlign:f?.cellsVerticalAlign,width:h?void 0:t.width,...o,children:o?.content},t.field)}const o=h?l({cellConfig:void 0}):void 0;/* @__PURE__ */
+return n(i,{additionalClasses:s?.table_head_cell,alignItems:f?.cellsAlignItems,component:h?"div":void 0,hidden:t.hidden,justifyContent:t.justifyContent,maxWidth:h?void 0:t.maxWidth,minWidth:h?void 0:t.minWidth,scope:"col",sticky:t.sticky,textAlign:t.textAlign,th:!0,verticalAlign:f?.cellsVerticalAlign,width:h?void 0:t.width,...o,children:e},t.field)})})})};export{d as DataTableHead};

package/dist/esm/components/dataTable/components/dataTableRows.js

@@ -1,6 +1,5 @@
-import{jsx as e,Fragment as i}from"react/jsx-runtime";import{TableCell as t}from"../../tableCell/tableCell.js";import{TableRow as o}from"../../tableRow/tableRow.js";import{applyFlexToCell as l}from"../utils/cellConfig.js";import{isRowHoverable as n}from"../utils/hoverable.js";import{applyGridToRow as s}from"../utils/rowConfig.js";const r=({activeRows:r,columns:a,cssClasses:c,hoverable:d,hoverableRows:m,isRowGroup:f=!1,nonHoverableRows:g,rows:u,usingRowGroups:v})=>{const b=f?{table_row:c?.row_group_table_body.table_body}:c?.table_body_row,w=f?c?.row_group_table_body_cell:c?.table_body_cell;
-/* @__PURE__ */
-return e(i,{children:u?.map((i,c)=>{const f=v?s({rowConfig:i?.config}):i?.config;/* @__PURE__ */
-return e(o,{active:Boolean(i.id&&r?.includes(i.id)),additionalClasses:b,hoverable:n({hoverable:d,hoverableRows:m,nonHoverableRows:g,row:i}),...f,children:a?.map(o=>{const n=o.valueGetter?o.valueGetter(i[o.field],i):i[o.field];if(n&&"object"==typeof n&&"complex"in n){const s=v?l({cellConfig:n.complex}):n.complex;/* @__PURE__ */
-return e(t,{additionalClasses:w,alignItems:i.config?.cellsAlignItems,justifyContent:o.valueJustifyContent??o.justifyContent,maxWidth:v?void 0:o.maxWidth,minWidth:v?void 0:o.minWidth,role:"row",sticky:o.sticky,textAlign:o.valueTextAlign??o.textAlign,verticalAlign:i.config?.cellsVerticalAlign,width:v?void 0:o.width,...s,children:s?.content},o.field)}const s=v?l({cellConfig:void 0}):void 0;/* @__PURE__ */
-return e(t,{additionalClasses:w,alignItems:i.config?.cellsAlignItems,justifyContent:o.valueJustifyContent??o.justifyContent,maxWidth:v?void 0:o.maxWidth,minWidth:v?void 0:o.minWidth,role:"row",sticky:o.sticky,textAlign:o.valueTextAlign??o.textAlign,verticalAlign:i.config?.cellsVerticalAlign,width:v?void 0:o.width,...s,children:n},o.field)})},i.id??c)})})};export{r as DataTableRows};
+import{TableCell as e}from"../../tableCell/tableCell.js";import{TableRow as i}from"../../tableRow/tableRow.js";import{applyFlexToCell as o}from"../utils/cellConfig.js";import{applyGridToRow as t}from"../utils/rowConfig.js";import{isRowHoverable as l}from"../utils/hoverable.js";import{Fragment as n,jsx as s}from"react/jsx-runtime";const r=({activeRows:r,columns:a,cssClasses:c,hoverable:d,hoverableRows:m,isRowGroup:f=!1,nonHoverableRows:g,rows:u,usingRowGroups:v})=>{const b=f?{table_row:c?.row_group_table_body.table_body}:c?.table_body_row,w=f?c?.row_group_table_body_cell:c?.table_body_cell;/* @__PURE__ */
+return s(n,{children:u?.map((n,c)=>{const f=v?t({columns:a,rowConfig:n?.config}):n?.config;/* @__PURE__ */
+return s(i,{active:Boolean(n.id&&r?.includes(n.id)),additionalClasses:b,hoverable:l({hoverable:d,hoverableRows:m,nonHoverableRows:g,row:n}),...f,children:a?.map(i=>{const t=i.valueGetter?i.valueGetter(n[i.field],n):n[i.field];if(t&&"object"==typeof t&&"complex"in t){const l=v?o({cellConfig:t.complex}):t.complex;/* @__PURE__ */
+return s(e,{additionalClasses:w,alignItems:n.config?.cellsAlignItems,justifyContent:i.valueJustifyContent??i.justifyContent,maxWidth:v?void 0:i.maxWidth,minWidth:v?void 0:i.minWidth,role:"row",sticky:i.sticky,textAlign:i.valueTextAlign??i.textAlign,verticalAlign:n.config?.cellsVerticalAlign,width:v?void 0:i.width,...l,children:l?.content},i.field)}const l=v?o({cellConfig:void 0}):void 0;/* @__PURE__ */
+return s(e,{additionalClasses:w,alignItems:n.config?.cellsAlignItems,justifyContent:i.valueJustifyContent??i.justifyContent,maxWidth:v?void 0:i.maxWidth,minWidth:v?void 0:i.minWidth,role:"row",sticky:i.sticky,textAlign:i.valueTextAlign??i.textAlign,verticalAlign:n.config?.cellsVerticalAlign,width:v?void 0:i.width,...l,children:t},i.field)})},n.id??c)})})};export{r as DataTableRows};

package/dist/esm/components/dataTable/components/hiddenDataTableHead.js

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{TableCell as o}from"../../tableCell/tableCell.js";import{TableHead as t}from"../../tableHead/tableHead.js";import{TableRow as l}from"../../tableRow/tableRow.js";const a=({columns:a,cssClasses:r})=>/* @__PURE__ */e(t,{additionalClasses:r?.row_group_table_head,hidden:!0,children:/* @__PURE__ */e(l,{additionalClasses:r?.row_group_table_head_row,children:a?.map(t=>{let l=t.headerHiddenContent;if(!l){const e=t.headerContent;l=e&&"object"==typeof e&&"complex"in e?e.complex?.content:e}/* @__PURE__ */
-return e(o,{additionalClasses:r?.row_group_table_head_cell,scope:"col",th:!0,children:l},t.field)})})});export{a as HiddenDataTableHead};
+import{TableCell as e}from"../../tableCell/tableCell.js";import{TableHead as o}from"../../tableHead/tableHead.js";import{TableRow as t}from"../../tableRow/tableRow.js";import{jsx as l}from"react/jsx-runtime";const a=({columns:a,cssClasses:r})=>/* @__PURE__ */l(o,{additionalClasses:r?.row_group_table_head,hidden:!0,children:/* @__PURE__ */l(t,{additionalClasses:r?.row_group_table_head_row,children:a?.map(o=>{let t=o.headerHiddenContent;if(!t){const e=o.headerContent;t=e&&"object"==typeof e&&"complex"in e?e.complex?.content:e}/* @__PURE__ */
+return l(e,{additionalClasses:r?.row_group_table_head_cell,scope:"col",th:!0,children:t},o.field)})})});export{a as HiddenDataTableHead};

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

@@ -1 +1 @@
-import{jsx as o}from"react/jsx-runtime";import{forwardRef as a,useRef as s,useImperativeHandle as r}from"react";import{useClassName as t}from"../../lib/hooks/useClassName/useClassName.js";import{DataTableStandAlone as e}from"./dataTableStandAlone.js";import{useDataTableHasScroll as l}from"./hooks/useDataTableHasScroll.js";import{useDataTableShadow as i}from"./hooks/useDataTableShadow.js";import{useDataTableStickyDividers as m}from"./hooks/useDataTableStickyDividers.js";import{useDataTableStickyLeftColumns as h}from"./hooks/useDataTableStickyLeftColumns.js";import{useDataTableStickyRightColumns as f}from"./hooks/useDataTableStickyRightColumns.js";const n=a(({additionalClasses:a,variant:n,...d},c)=>{const u=t({additionalClassNames:a,component:"DATA_TABLE",variant:n}),p=s(null);r(c,()=>p.current,[]);const{hasScroll:S}=l({ref:p});return f({ref:p}),h({ref:p}),m({ref:p}),i({headBoxShadow:u.headboxshadow,leftBoxShadow:u.leftboxshadow,ref:p,rightBoxShadow:u.rightboxshadow}),/* @__PURE__ */o(e,{ref:p,cssClasses:u,hasScroll:S,...d})});export{n as DataTable};
+import{useClassName as o}from"../../lib/hooks/useClassName/useClassName.js";import{DataTableStandAlone as a}from"./dataTableStandAlone.js";import{useDataTableHasScroll as s}from"./hooks/useDataTableHasScroll.js";import{useDataTableShadow as r}from"./hooks/useDataTableShadow.js";import{useDataTableStickyDividers as t}from"./hooks/useDataTableStickyDividers.js";import{useDataTableStickyLeftColumns as e}from"./hooks/useDataTableStickyLeftColumns.js";import{useDataTableStickyRightColumns as l}from"./hooks/useDataTableStickyRightColumns.js";import{forwardRef as i,useImperativeHandle as m,useRef as h}from"react";import{jsx as f}from"react/jsx-runtime";const n=i(({additionalClasses:i,variant:n,...d},c)=>{const u=o({additionalClassNames:i,component:"DATA_TABLE",variant:n}),p=h(null);m(c,()=>p.current,[]);const{hasScroll:S}=s({ref:p});return l({ref:p}),e({ref:p}),t({ref:p}),r({headBoxShadow:u.headboxshadow,leftBoxShadow:u.leftboxshadow,ref:p,rightBoxShadow:u.rightboxshadow}),/* @__PURE__ */f(a,{ref:p,cssClasses:u,hasScroll:S,...d})});export{n as DataTable};

package/dist/esm/components/dataTable/dataTableStandAlone.js

@@ -1,10 +1,8 @@
-import{jsxs as a,jsx as o}from"react/jsx-runtime";import{forwardRef as e,Fragment as t}from"react";import{TableBody as s}from"../tableBody/tableBody.js";import{pickCustomAttributes as i}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{Table as l}from"../table/table.js";import{TableCaption as r}from"../tableCaption/tableCaption.js";import{TableDivider as n}from"../tableDivider/tableDivider.js";import{DataTableHead as d}from"./components/dataTableHead.js";import{DataTableRows as c}from"./components/dataTableRows.js";import{HiddenDataTableHead as b}from"./components/hiddenDataTableHead.js";import{applyZIndexToWrapper as m,applyPositionToWrapper as p}from"./utils/tableConfig.js";const h=e(({activeRows:e,caption:h,columns:v,config:w,cssClasses:f,hasScroll:u,hoverable:C,hoverableRows:g,nonHoverableRows:R,rowGroups:y,rows:_,stickyHead:j,styles:H,...S},k)=>{const D=y&&y.length>0,x=i(S);/* @__PURE__ */
-return a("div",{ref:k,className:f?.data_table,"data-testid":"data-table",...x,children:[
-/* @__PURE__ */a("div",{"aria-label":u?S["aria-label"]:void 0,"aria-labelledby":u?S["aria-labelledby"]:void 0,className:f?.scrollablecontainer,"data-datatable-scrollable-container":!0,role:u?"region":void 0,...u?{tabIndex:0}:{},children:[
-/* @__PURE__ */a(l,{additionalClasses:f?.table,"aria-hidden":!!D||void 0,autoLeftStickyCalc:!1,autoRightStickyCalc:!1,component:D?"div":void 0,disableShadowEffects:!0,hasScrollDisabled:!0,sticky:j,...m({tableConfig:w?.table}),children:[!!h?.content&&/* @__PURE__ */o(r,{additionalClasses:f?.table_caption,component:D?"div":void 0,...h,children:h?.content}),
-/* @__PURE__ */o(d,{columns:v,cssClasses:f,sticky:j,tableHeadConfig:w?.tableHead,tableHeadRowConfig:w?.tableHeadRow,usingRowGroups:D}),!D&&_&&_.length>0&&/* @__PURE__ */o(s,{additionalClasses:f?.table_body,...w?.tableBody,children:/* @__PURE__ */o(c,{activeRows:e,columns:v,cssClasses:f,hoverable:C,hoverableRows:g,nonHoverableRows:R,rows:_,usingRowGroups:D})})]}),y?.map((i,d)=>/* @__PURE__ */a(t,{children:[!!i.divider&&/* @__PURE__ */o(n,{variant:"DEFAULT",...i.divider,children:i.divider?.content}),
-/* @__PURE__ */a(l,{additionalClasses:f?.row_group_table,autoLeftStickyCalc:!1,autoRightStickyCalc:!1,disableShadowEffects:!0,hasScrollDisabled:!0,...p({tableConfig:i.config?.table}),children:[!!i.caption?.content&&/* @__PURE__ */o(r,{additionalClasses:f?.row_group_table_caption,...i.caption,children:i.caption?.content}),
-/* @__PURE__ */o(b,{columns:v,cssClasses:f}),
-/* @__PURE__ */o(s,{additionalClasses:f?.row_group_table_body,...i.config?.tableBody,children:/* @__PURE__ */o(c,{activeRows:e,columns:v,cssClasses:f,hoverable:C,hoverableRows:g,isRowGroup:!0,nonHoverableRows:R,rows:i.rows,usingRowGroups:D})})]})]},`${i.caption?.["data-testid"]}-${d.toString()}`))]}),
-/* @__PURE__ */o("div",{className:f?.leftboxshadowcontainer,"data-datatable-left-shadow":!0}),
-/* @__PURE__ */o("div",{className:f?.rightboxshadowcontainer,"data-datatable-right-shadow":!0})]})});export{h as DataTableStandAlone};
+import{pickCustomAttributes as a}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{TableBody as o}from"../tableBody/tableBody.js";import{Table as t}from"../table/table.js";import{TableCaption as e}from"../tableCaption/tableCaption.js";import{TableDivider as s}from"../tableDivider/tableDivider.js";import{DataTableHead as i}from"./components/dataTableHead.js";import{DataTableRows as l}from"./components/dataTableRows.js";import{HiddenDataTableHead as r}from"./components/hiddenDataTableHead.js";import{applyPositionToWrapper as n,applyZIndexToWrapper as d}from"./utils/tableConfig.js";import{Fragment as c,forwardRef as b}from"react";import{jsx as m,jsxs as p}from"react/jsx-runtime";const h=b(({activeRows:b,caption:h,columns:v,config:w,cssClasses:f,hasScroll:u,hoverable:C,hoverableRows:g,nonHoverableRows:R,rowGroups:y,rows:_,stickyHead:j,styles:H,...S},k)=>{const x=y&&y.length>0,D=a(S);/* @__PURE__ */
+return p("div",{ref:k,className:f?.data_table,"data-testid":"data-table",...D,children:[
+/* @__PURE__ */p("div",{"aria-label":u?S["aria-label"]:void 0,"aria-labelledby":u?S["aria-labelledby"]:void 0,className:f?.scrollablecontainer,"data-datatable-scrollable-container":!0,role:u?"region":void 0,...u?{tabIndex:0}:{},children:[/* @__PURE__ */p(t,{additionalClasses:f?.table,"aria-hidden":!!x||void 0,autoLeftStickyCalc:!1,autoRightStickyCalc:!1,component:x?"div":void 0,disableShadowEffects:!0,hasScrollDisabled:!0,sticky:j,...d({tableConfig:w?.table,zIndex:1}),children:[!!h?.content&&/* @__PURE__ */m(e,{additionalClasses:f?.table_caption,component:x?"div":void 0,...h,children:h?.content}),
+/* @__PURE__ */m(i,{columns:v,cssClasses:f,sticky:j,tableHeadConfig:w?.tableHead,tableHeadRowConfig:w?.tableHeadRow,usingRowGroups:x}),!x&&_&&_.length>0&&/* @__PURE__ */m(o,{additionalClasses:f?.table_body,...w?.tableBody,children:/* @__PURE__ */m(l,{activeRows:b,columns:v,cssClasses:f,hoverable:C,hoverableRows:g,nonHoverableRows:R,rows:_,usingRowGroups:x})})]}),y?.map((a,i)=>/* @__PURE__ */p(c,{children:[!!a.divider&&/* @__PURE__ */m(s,{variant:"DEFAULT",...a.divider,children:a.divider?.content}),/* @__PURE__ */p(t,{additionalClasses:f?.row_group_table,autoLeftStickyCalc:!1,autoRightStickyCalc:!1,disableShadowEffects:!0,hasScrollDisabled:!0,...n({position:"static",tableConfig:a.config?.table}),children:[!!a.caption?.content&&/* @__PURE__ */m(e,{additionalClasses:f?.row_group_table_caption,...a.caption,children:a.caption?.content}),
+/* @__PURE__ */m(r,{columns:v,cssClasses:f}),
+/* @__PURE__ */m(o,{additionalClasses:f?.row_group_table_body,...a.config?.tableBody,children:/* @__PURE__ */m(l,{activeRows:b,columns:v,cssClasses:f,hoverable:C,hoverableRows:g,isRowGroup:!0,nonHoverableRows:R,rows:a.rows,usingRowGroups:x})})]})]},`${a.caption?.["data-testid"]}-${i.toString()}`))]}),
+/* @__PURE__ */m("div",{className:f?.leftboxshadowcontainer,"data-datatable-left-shadow":!0}),
+/* @__PURE__ */m("div",{className:f?.rightboxshadowcontainer,"data-datatable-right-shadow":!0})]})});export{h as DataTableStandAlone};

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

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

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

@@ -1 +1 @@
-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};
+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{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};
+import{hasHorizontalScroll as e}from"../../../lib/utils/scroll/hasScroll.js";import{useEffect as t}from"react";const l=({ref:l})=>(t(()=>{const t=l.current?.querySelector("[data-datatable-scrollable-container]");let r;if(t instanceof HTMLElement){const o=t=>{const r=e(t),o=t.querySelectorAll("[data-table-divider]"),a=t.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 t.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(t),r=new ResizeObserver(()=>{o(t)}),r.observe(t)}return()=>{r?.disconnect()}},[]),{});export{l as useDataTableStickyDividers};

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

@@ -1 +1 @@
-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};
+import{hasHorizontalScroll as e}from"../../../lib/utils/scroll/hasScroll.js";import{useEffect as t}from"react";const r=({ref:r})=>(t(()=>{const t=r.current?.querySelector("[data-datatable-scrollable-container]"),l=r.current?.querySelector("[data-datatable-left-shadow]");let o;if(t instanceof HTMLElement){const r=t=>{const r=e(t),o=t.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(t),o=new ResizeObserver(()=>{r(t)}),o.observe(t)}return()=>{o?.disconnect()}},[]),{});export{r as useDataTableStickyLeftColumns};

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

@@ -1 +1 @@
-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};
+import{hasHorizontalScroll as t,hasVerticalScroll as e}from"../../../lib/utils/scroll/hasScroll.js";import{useEffect as r}from"react";const o=({ref:o})=>(r(()=>{const r=o.current?.querySelector("[data-datatable-scrollable-container]"),a=o.current?.querySelector("[data-datatable-right-shadow]");let l;if(r instanceof HTMLElement){const o=r=>{const o=t(r),l=r.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(e(r)){const t=r.offsetWidth-r.clientWidth;c+=t}a.style.right=`${c}px`}};o(r),l=new ResizeObserver(()=>{o(r)}),l.observe(r)}return()=>{l?.disconnect()}},[]),{});export{o as useDataTableStickyRightColumns};

package/dist/esm/components/dataTable/utils/cellConfig.js

@@ -1 +1 @@
-const o=({cellConfig:o})=>({...o});export{o as applyFlexToCell};
+const o=({cellConfig:o})=>({...o});export{o as applyFlexToCell};

package/dist/esm/components/dataTable/utils/hoverable.js

@@ -1 +1 @@
-const e=({hoverable:e,hoverableRows:o,nonHoverableRows:d,row:i})=>{let l;return o?l=Boolean(i.id&&o.includes(i.id)):d?l=!(i.id&&d.includes(i.id)):void 0!==e&&(l=e),l};export{e as isRowHoverable};
+const e=({hoverable:e,hoverableRows:o,nonHoverableRows:d,row:i})=>{let l;return o?l=Boolean(i.id&&o.includes(i.id)):d?l=!(i.id&&d.includes(i.id)):void 0!==e&&(l=e),l};export{e as isRowHoverable};

package/dist/esm/components/dataTable/utils/rowConfig.js

@@ -1 +1 @@
-const o=({rowConfig:o})=>({...o});export{o as applyGridToRow};
+const o=({rowConfig:o})=>({...o});export{o as applyGridToRow};

package/dist/esm/components/dataTable/utils/tableConfig.js

@@ -1 +1 @@
-const o=({tableConfig:o})=>({...o}),t=({tableConfig:o})=>({...o});export{t as applyPositionToWrapper,o as applyZIndexToWrapper};
+const o=({tableConfig:o})=>({...o}),t=({tableConfig:o})=>({...o});export{t as applyPositionToWrapper,o as applyZIndexToWrapper};

package/dist/esm/components/dot/dot.js

@@ -1,2 +1,2 @@
-import{jsx as a}from"react/jsx-runtime";import{forwardRef as s}from"react";import{useClassName as e}from"../../lib/hooks/useClassName/useClassName.js";import{DotStandAlone as t}from"./dotStandAlone.js";const o=s(({additionalSizeClasses:s,additionalVariantClasses:o,maxNumber:r,number:i,size:n,variant:m,...l},d)=>{const p=e({additionalClassNames:o,component:"DOT",variant:m}),u=e({additionalClassNames:s,component:"DOT",variant:n}),c="number"==typeof i?"number"==typeof r&&i>r?`+${r}`:i.toString():void 0;/* @__PURE__ */
-return a(t,{...l,ref:d,cssSizeClasses:u,cssVariantClasses:p,formatedNumber:c})});export{o as Dot};
+import{useClassName as a}from"../../lib/hooks/useClassName/useClassName.js";import{DotStandAlone as s}from"./dotStandAlone.js";import{forwardRef as e}from"react";import{jsx as t}from"react/jsx-runtime";const o=e(({additionalSizeClasses:e,additionalVariantClasses:o,maxNumber:r,number:i,size:n,variant:m,...l},d)=>{const p=a({additionalClassNames:o,component:"DOT",variant:m}),u=a({additionalClassNames:e,component:"DOT",variant:n}),c="number"==typeof i?"number"==typeof r&&i>r?`+${r}`:i.toString():void 0;/* @__PURE__ */
+return t(s,{...l,ref:d,cssSizeClasses:u,cssVariantClasses:p,formatedNumber:c})});export{o as Dot};

package/dist/esm/components/dot/dotStandAlone.js

@@ -1,2 +1,2 @@
-import{jsxs as t}from"react/jsx-runtime";import{forwardRef as s}from"react";import{classNames as e}from"../../lib/utils/classNames/classNames.js";import{pickCustomAttributes as i}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";const r=s(({cssSizeClasses:s,cssVariantClasses:r,formatedNumber:o,height:a,label:m,width:l,...c},d)=>{const u=i(c);/* @__PURE__ */
-return t("span",{ref:d,className:e(s?.dot,r?.dot),"data-testid":"dot",style:a||l?{height:a,width:l}:void 0,...u,children:[m,o]})});export{r as DotStandAlone};
+import{pickCustomAttributes as t}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{classNames as s}from"../../lib/utils/classNames/classNames.js";import{forwardRef as e}from"react";import{jsxs as i}from"react/jsx-runtime";const r=e(({cssSizeClasses:e,cssVariantClasses:r,formatedNumber:o,height:a,label:m,width:l,...c},d)=>{const u=t(c);/* @__PURE__ */
+return i("span",{ref:d,className:s(e?.dot,r?.dot),"data-testid":"dot",style:a||l?{height:a,width:l}:void 0,...u,children:[m,o]})});export{r as DotStandAlone};

package/dist/esm/components/icon/icon.js

@@ -1,3 +1 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import{forwardRef as s}from"react";import{useClassName as i}from"../../lib/hooks/useClassName/useClassName.js";import{classNames as a}from"../../lib/utils/classNames/classNames.js";import{pickCustomAttributes as o}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{IconStandAlone as l}from"./iconStandAlone.js";const r=s(({className:s,color:r,height:c,icon:n,id:d,tabIndex:m,title:b,width:u,...h},p)=>{const{altText:C,disabled:N,onClick:f,screenReaderText:x,...j}=h,k=o(h),I=!(Object.keys(h).includes("color")&&!r)&&!!r,g=i({component:"ICON"});return n?f?/* @__PURE__ */t("button",{"aria-disabled":N,"aria-label":h["aria-label"]||C,className:a(g.button,s),"data-testid":"button",disabled:N,id:d,style:{height:c,width:u},tabIndex:m,title:b||"",type:"button",onClick:f,...k,children:[
-/* @__PURE__ */e("screen-reader-only",{children:x}),
-/* @__PURE__ */e(l,{icon:n,...j,ref:p,"aria-label":void 0,className:s,cssClasses:g,"data-testid":void 0,height:c,id:void 0,linearIcon:I,width:u})]}):/* @__PURE__ */e(l,{icon:n,...j,ref:p,altText:C,className:s,cssClasses:g,"data-testid":"icon",height:c,linearIcon:I,width:u}):null});export{r as Icon,r as IconBasic};
+import{useClassName as t}from"../../lib/hooks/useClassName/useClassName.js";import{pickCustomAttributes as e}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{classNames as s}from"../../lib/utils/classNames/classNames.js";import{IconStandAlone as i}from"./iconStandAlone.js";import{forwardRef as a}from"react";import{jsx as o,jsxs as l}from"react/jsx-runtime";const r=a(({className:a,color:r,height:c,icon:n,id:d,tabIndex:m,title:b,width:u,...h},p)=>{const{altText:C,disabled:N,onClick:f,screenReaderText:x,...j}=h,k=e(h),I=!(Object.keys(h).includes("color")&&!r||!r),g=t({component:"ICON"});return n?f?/* @__PURE__ */l("button",{"aria-disabled":N,"aria-label":h["aria-label"]||C,className:s(g.button,a),"data-testid":"button",disabled:N,id:d,style:{height:c,width:u},tabIndex:m,title:b||"",type:"button",onClick:f,...k,children:[/* @__PURE__ */o("screen-reader-only",{children:x}),/* @__PURE__ */o(i,{icon:n,...j,ref:p,"aria-label":void 0,className:a,cssClasses:g,"data-testid":void 0,height:c,id:void 0,linearIcon:I,width:u})]}):/* @__PURE__ */o(i,{icon:n,...j,ref:p,altText:C,className:a,cssClasses:g,"data-testid":"icon",height:c,linearIcon:I,width:u}):null});export{r as IconBasic};