@kubit-ui-web/react-components 2.0.0-beta.4 → 2.0.0-beta.40

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

@@ -1,9 +1,6 @@
-import{j as e}from"../../../_virtual/jsx-runtime.js";import{Button as t}from"../../button/button.js";import{Text as o}from"../../text/text.js";import{ElementOrIcon as r}from"../../../lib/components/elementOrIcon/elementOrIcon.js";import{RenderIf as n}from"../../../lib/components/renderIf/renderIf.js";import{useUtilsProvider as a}from"../../../lib/provider/utilsProvider/utilsProvider.js";const s=({configAccesibility:s,configCalendar:i,cssClasses:l,currentDate:c,customBackText:d,maxDate:m,minDate:u,onDaySelectorClick:h,onLeftIconClick:b,onMonthSelectorClick:S,onRightIconClick:p,onYearSelectorClick:x,setCurrentDate:y,setShowDaySelector:j,setShowMonthSelector:C,setShowYearSelector:g,showDaySelector:f,showMonthSelector:v,showYearSelector:w,useDaySelector:k=!1})=>{const{dateHelpers:D,formatDate:A}=a(),{leftArrowIcon:I,rightArrowIcon:M,sizeSelectorButton:Y,variantSelectorButton:N}=i,z=e=>{y(e)},L=k,R=(v||w)&&!L,B=e=>!R&&e.getMonth()===c.getMonth()&&e.getFullYear()===c.getFullYear(),F=(r,n,a,s)=>{const i=()=>{switch(r){case"day":return c.getDate();case"month":return(e=A(c,{month:"long"})).charAt(0).toUpperCase()+e.slice(1);case"year":return c.getFullYear();default:return null}var e};/* @__PURE__ */
-return e.jsx(t,{additionalSizeClasses:Y?void 0:l?.button_size,additionalVariantClasses:N?void 0:l?.button_variant,"aria-label":a,disabled:n,role:s,size:Y,variant:N,onClick:e=>{j("day"===r),C("month"===r),g("year"===r),"day"===r?h?.(i()?.toString(),e):"month"===r?S?.(i()?.toString(),e):x?.(i()?.toString(),e)},children:/* @__PURE__ */e.jsx(o,{component:"span",children:i()})})},_={"data-state":B(u)};/* @__PURE__ */
-return e.jsxs("div",{className:l?.selectorcontainer,style:{justifyContent:L?"center":"space-between"},children:[
-/* @__PURE__ */e.jsxs("button",{"aria-label":R?"":I["aria-label"],className:l?.selectoriconandbacktextcontainer,"data-testid":"previous-button",type:"button",onClick:e=>{(()=>{const e=new Date(c);R?g(!1):z(D.getSubMonths(e,1)),C(!1),j(!0)})(),I.onClick?.(e),b?.(e)},children:[
-/* @__PURE__ */e.jsx(r,{className:l?.leftarrow,customAttributes:_,disabled:B(u),...I,"aria-label":void 0}),
-/* @__PURE__ */e.jsx(n,{condition:R,children:/* @__PURE__ */e.jsx(o,{additionalClasses:{text:l?.backtext},component:"span",children:d})})]}),
-/* @__PURE__ */e.jsxs("div",{className:l?.selectoroptionscontainer,children:[
-/* @__PURE__ */e.jsx(n,{condition:L,children:F("day",f,s?.daySelectorAriaLabel,s?.daySelectorRole)}),F("month",v,s?.monthSelectorAriaLabel,s?.monthSelectorRole),F("year",w,s?.yearSelectorAriaLabel,s?.yearSelectorRole)]}),
-/* @__PURE__ */e.jsx("span",{style:{visibility:R?"hidden":"visible"},children:/* @__PURE__ */e.jsx(r,{className:l?.rightarrow,customAttributes:_,"data-testid":"next-button",disabled:B(m),onClick:e=>{(()=>{const e=new Date(c);z(D.getAddMonths(e,1))})(),M.onClick?.(e),p?.(e)},...M})})]})};export{s as Selector};
+import{Text as e}from"../../text/text2.js";import{useUtilsProvider as t}from"../../../lib/provider/utilsProvider/utilsProvider.js";import{ElementOrIcon as o}from"../../../lib/components/elementOrIcon/elementOrIcon.js";import{Button as r}from"../../button/button.js";import{jsx as a,jsxs as n}from"react/jsx-runtime";const l=({configAccesibility:l,configCalendar:i,cssClasses:s,currentDate:c,customBackText:d,maxDate:u,minDate:m,onDaySelectorClick:h,onLeftIconClick:b,onMonthSelectorClick:S,onRightIconClick:y,onYearSelectorClick:p,setCurrentDate:C,setShowDaySelector:g,setShowMonthSelector:v,setShowYearSelector:w,showDaySelector:f,showMonthSelector:k,showYearSelector:D,useDaySelector:x=!1})=>{const{dateHelpers:A,formatDate:M}=t(),{leftArrowIcon:j,rightArrowIcon:I,sizeSelectorButton:Y,variantSelectorButton:N}=i,z=e=>{C(e)},L=x,R=(k||D)&&!L,B=e=>!R&&e.getMonth()===c.getMonth()&&e.getFullYear()===c.getFullYear(),F=(t,o,n,l)=>{const i=()=>{switch(t){case"day":return c.getDate();case"month":return(e=M(c,{month:"long"})).charAt(0).toUpperCase()+e.slice(1);case"year":return c.getFullYear();default:return null}var e};/* @__PURE__ */
+return a(r,{additionalSizeClasses:Y?void 0:s?.button_size,additionalVariantClasses:N?void 0:s?.button_variant,"aria-label":n,disabled:o,role:l,size:Y,variant:N,onClick:e=>{g("day"===t),v("month"===t),w("year"===t),"day"===t?h?.(i()?.toString(),e):"month"===t?S?.(i()?.toString(),e):p?.(i()?.toString(),e)},children:/* @__PURE__ */a(e,{component:"span",children:i()})})},O={"data-state":B(m)};/* @__PURE__ */
+return n("div",{className:s?.selectorcontainer,style:{justifyContent:L?"center":"space-between"},children:[
+/* @__PURE__ */n("button",{"aria-label":R?"":j["aria-label"],className:s?.selectoriconandbacktextcontainer,"data-testid":"previous-button",type:"button",onClick:e=>{(()=>{const e=new Date(c);R?w(!1):z(A.getSubMonths(e,1)),v(!1),g(!0)})(),j.onClick?.(e),b?.(e)},children:[/* @__PURE__ */a(o,{className:s?.leftarrow,customAttributes:O,disabled:B(m),...j,"aria-label":void 0}),R&&/* @__PURE__ */a(e,{additionalClasses:{text:s?.backtext},component:"span",children:d})]}),
+/* @__PURE__ */n("div",{className:s?.selectoroptionscontainer,children:[L&&F("day",f,l?.daySelectorAriaLabel,l?.daySelectorRole),F("month",k,l?.monthSelectorAriaLabel,l?.monthSelectorRole),F("year",D,l?.yearSelectorAriaLabel,l?.yearSelectorRole)]}),
+/* @__PURE__ */a("span",{style:{visibility:R?"hidden":"visible"},children:/* @__PURE__ */a(o,{className:s?.rightarrow,customAttributes:O,"data-testid":"next-button",disabled:B(u),onClick:e=>{z(A.getAddMonths(new Date(c),1)),I.onClick?.(e),y?.(e)},...I})})]})};export{l as Selector};

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

@@ -1 +1 @@
-const n=n=>n.findIndex(d=>d===n[0]),d=n=>n.findIndex(d=>d===n[n.length-1]),e=e=>t=>t===n(e)?d(e):t-1,t=e=>t=>t===d(e)?n(e):t+1,x=e=>t=>t===n(e)?d(e):t<=4?n(e):t-4,f=e=>t=>t===d(e)?n(e):t>=d(e)-4?d(e):t+4,i=n=>n;export{n as firstYear,f as keyDownMove,e as keyLeftMove,t as keyRightMove,i as keyTabMove,x as keyUpMove,d as lastYear};
+const n=n=>n.findIndex(d=>d===n[0]),d=n=>n.findIndex(d=>d===n[n.length-1]),e=e=>t=>t===n(e)?d(e):t-1,t=e=>t=>t===d(e)?n(e):t+1,x=e=>t=>t===n(e)?d(e):t<=4?n(e):t-4,f=e=>t=>t===d(e)?n(e):t>=d(e)-4?d(e):t+4,i=n=>n;export{f as keyDownMove,e as keyLeftMove,t as keyRightMove,i as keyTabMove,x as keyUpMove};

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

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

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

@@ -0,0 +1,2 @@
+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/card/index.js

@@ -0,0 +1,2 @@
+export {  Card  } from './card.js';
+export {  CardStandAlone  } from './cardStandAlone.js';

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

@@ -1,2 +1,2 @@
-import{j as e}from"../../_virtual/jsx-runtime.js";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:x="center",onNumElementsPerPageChange:S,onNumPagesChange:j,onPageChange:p,screenReaderOnly:w,variant:M,...N},y)=>{const[v,W]=a(f),[b,A]=a(0),O=r(null),k=r(null),F=r(null),T=l({additionalClassNames:n,component:"CAROUSEL",variant:M}),L=t(e=>{A(e),j?.(e)},[j]),U=t(e=>{W(e),p?.(e)},[p]),_=R?Math.min(N.elements.length,R):R,q=u&&!!R&&!c,{allowShiftRef:z,changePage:B,currentPageRef:D,numElementsPerPageRef:G,numPagesRef:H}=i({allowModifySliceWidth:q,autoFitContainer:c,centerExtremesWhenExtraPadding:g,centerMode:d,circular:P,contentContainerRef:F,defaultPage:f,disabled:C,elements:N.elements,extraPadding:h,numElementsPerPage:_,numElementsToSlide:E,onePageAlign:x,onNumElementsPerPageChange:S,onNumPagesChange:L,onPageChange:U,rootContainerRef:O,viewerContainerRef:k});o(y,()=>(O.current&&(O.current.changePage=B,O.current.allowShiftRef=z,O.current.currentPageRef=D,O.current.numElementsPerPageRef=G,O.current.numPagesRef=H),O.current),[B]);const I=m({currentPage:v,numPages:b,screenReaderOnly:w});/* @__PURE__ */
-return e.jsx(s,{ref:O,allowModifySliceWidth:q,centerMode:d,contentContainerRef:F,cssClasses:T,disabled:C||b<=1,screenReaderOnly:I,viewerContainerRef:k,...N})});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{j as e}from"../../_virtual/jsx-runtime.js";import{forwardRef as t}from"react";const a=t(({allowModifySliceWidth:t,centerMode:a,contentContainer:r,contentContainerRef:i,cssClasses:n,disabled:s,elements:o,rootContainer:d,screenReaderOnly:l,viewerContainer:c,viewerContainerRef:f,...m},v)=>{const j=m["data-testid"]??"carousel";/* @__PURE__ */
-return e.jsxs("div",{ref:v,"aria-roledescription":"carousel",className:n?.carousel,"data-testid":j,...m,...d,children:[
-/* @__PURE__ */e.jsx("div",{ref:f,className:n?.viewer,"data-allow-modify-slice-width":t,"data-disabled":s,"data-testid":`${j}-viewer`,...c,children:/* @__PURE__ */e.jsx("div",{ref:i,"aria-live":"polite",className:n?.content,"data-center-mode":a,"data-testid":`${j}-content`,...r,children:o})}),l&&/* @__PURE__ */e.jsx("screen-reader-only",{"aria-live":"off",...l,children:l.content})]})});export{a as CarouselStandAlone};
+import{ScreenReaderOnly as e}from"../../lib/components/screen-reader-only/screenReaderOnly.js";import{forwardRef as t}from"react";import{jsx as r,jsxs as a}from"react/jsx-runtime";const i=t(({allowModifySliceWidth:t,centerMode:i,contentContainer:n,contentContainerRef:o,cssClasses:d,disabled:s,elements:c,rootContainer:l,screenReaderOnly:m,viewerContainer:f,viewerContainerRef:v,...p},w)=>{const h=p["data-testid"]??"carousel";/* @__PURE__ */
+return a("div",{ref:w,"aria-roledescription":"carousel",className:d?.carousel,"data-testid":h,...p,...l,children:[/* @__PURE__ */r("div",{ref:v,className:d?.viewer,"data-allow-modify-slice-width":t,"data-disabled":s,"data-testid":`${h}-viewer`,...f,children:/* @__PURE__ */r("div",{ref:o,"aria-live":"polite",className:d?.content,"data-center-mode":i,"data-testid":`${h}-content`,...n,children:c})}),m&&/* @__PURE__ */r(e,{ariaLive:"off",...m,children:m.content})]})});export{i 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{ResizeObserver as r}from"../../../lib/utils/resizeObserver/resizeObserver.js";import{useCarouselKeyNavigation as a}from"./useCarouselKeyNavigation.js";import{useCarouselSwipe as i}from"./useCarouselSwipe.js";import c from"./utils/calc.utils.js";import o from"./utils/constants.js";import s from"./utils/dom.utils.js";const u=({allowModifySliceWidth:u=!1,autoFitContainer:l=!1,centerExtremesWhenExtraPadding:d=!1,centerMode:m=!1,circular:g=!0,contentContainerRef:P,defaultPage:f=0,disabled:C=!1,elements:h,extraPadding:w=0,numElementsPerPage:E,numElementsToSlide:I,onePageAlign:x="center",onNumElementsPerPageChange:R,onNumPagesChange:p,onPageChange:v,rootContainerRef:L,viewerContainerRef:N})=>{const V=e(!0),S=e(f),y=e(f),T=e(E),A=e(0),b=n(e=>{const n=P.current;if(!n||!T.current||e.propertyName!==o.PROPERTY_TO_HANDLE_TRANSITION_END||A.current<1)return;n.setAttribute("data-shifting","false");const{newPage:t}=s.udpateCarouselPositionOnEdge({contentContainer:n,currentPage:y.current,elementsLength:h.length,extraPadding:w,numElementsPerPage:T.current,numPages:A.current});y.current=t,S.current!==y.current&&(S.current=y.current,v?.(y.current));const{firstIndexInView:r,lastIndexInView:a}=c.calcFirstAndLastIndexInCarouselView({currentPage:y.current,elementsLength:h.length,isCircular:g,numElementsPerPage:T.current,numElementsToSlide:I});s.updateContentElementsAriaVisibility({contentContainer:n,firstIndexInView:r,lastIndexInView:a}),m&&s.applyCenterMode({contentContainer:n,firstIndexInView:r,lastIndexInView:a,numElementsPerPage:T.current}),V.current=!0},[h,w,I,g,m,v]),O=n(({animated:e=!0,newPage:n})=>{const t=N.current,r=P.current;if(!t||!r||!V.current||!T.current||!h.length||A.current<1||(g?n<-1:n<0)||(g?n>A.current:n>A.current-1))return;e&&r.setAttribute("data-shifting","true"),s.deleteCenterMode({contentContainer:r}),y.current=n;const{firstIndexInView:a,lastIndexInView:i}=c.calcFirstAndLastIndexInCarouselView({currentPage:y.current,elementsLength:h.length,isCircular:g,numElementsPerPage:T.current,numElementsToSlide:I});u||s.updateViewerWidth({contentContainer:r,extraPadding:w,firstIndexInView:a,lastIndexInView:i,viewerContainer:t});const l=r.style.left,m=c.calcContentContainerLeftPosition({centerExtremesWhenExtraPadding:d,circular:g,contentContainer:r,currentPage:y.current,extraPadding:w,firstIndexInView:a,numPages:A.current});r.style.left=m,e&&l!==m?V.current=!1:b({propertyName:o.PROPERTY_TO_HANDLE_TRANSITION_END})},[h,I,g,u,w,d,b]),M=n(()=>{const e=N.current,n=P.current;e&&n&&T.current&&(u&&(e.style.width="100%",s.updateSlicesWidth({centerMode:m,contentContainer:n,extraPadding:w,numElementsPerPage:T.current,viewerContainer:e})),s.manageCircularClones({circular:g,contentContainer:n,elementsLength:h.length,numElementsPerPage:T.current}),O({animated:!1,newPage:y.current}))},[u,m,g,h,w,O]),_=n(()=>{const e=L.current,n=N.current,t=P.current;if(!e||!n||!t)return;e.style.width="100%";const r=E||c.calcNumElementsPerPage({contentContainer:t,elementsLength:h.length,extraPadding:w,rootContainer:e,viewerContainer:n})||1;l&&(e.style.width="fit-content"),r!==T.current&&(T.current=r,R?.(r));const a=c.calcNumPages({elementsLength:h.length,numElementsPerPage:r,numElementsToSlide:I});A.current!==a&&(A.current=a,p?.(a),y.current=Math.min(Math.max(0,f),a-1)),a<=1&&s.alignOnePageCarousel({allowModifySliceWidth:u,contentContainer:t,onePageAlign:x,rootContainer:e})},[u,h,w,E,I,x,l,R,p,v]),W=n(()=>{_(),M()},[_,M]);return t(()=>{const e=P.current;if(!e)return;W(),window.addEventListener("resize",W);const n=new r(W);return n.observe(e),()=>{window.removeEventListener("resize",W),n.disconnect()}},[W]),t(()=>{const e=P.current;return e?.addEventListener("transitionend",b),()=>{e?.removeEventListener("transitionend",b)}},[b]),i({allowShiftRef:V,centerExtremesWhenExtraPadding:d,changePage:O,circular:g,contentContainerRef:P,currentPageRef:y,disabled:C,elements:h,extraPadding:w,numElementsPerPageRef:T,numPagesRef:A,viewerContainerRef:N}),a({allowShiftRef:V,changePage:O,circular:g,currentPageRef:y,disabled:C,numPagesRef:A,rootContainerRef:L}),{allowShiftRef:V,changePage:O,currentPageRef:y,numElementsPerPageRef:T,numPagesRef:A}};export{u as useCarousel};
+import{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{isArrowLeftPressed as r,isArrowRightPressed as n}from"../../../lib/utils/keyboard/keyboard.js";const t=({allowShiftRef:t,changePage:c,circular:o,currentPageRef:u,disabled:a=!1,numPagesRef:i,rootContainerRef:d})=>{e(()=>{if(a)return;const e=e=>{!t.current||i.current<=1||(r(e.key)?t.current&&(o||0!==u.current)&&c({newPage:u.current-1}):n(e.key)&&t.current&&(o||u.current!==i.current-1)&&c({newPage:u.current+1}))},f=d.current;return f?.addEventListener("keydown",e),()=>{f?.removeEventListener("keydown",e)}},[o,c,a])};export{t as useCarouselKeyNavigation};
+import{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{j as s}from"../../_virtual/jsx-runtime.js";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 l=a({additionalClassNames:t,component:"CHECKBOX",variant:r}),n=o(i.checked,i.disabled,i.error);/* @__PURE__ */
-return s.jsx(e,{ref:m,cssClasses:l,...i,"data-state":n,"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,7 +1,4 @@
-import{j as e}from"../../_virtual/jsx-runtime.js";import{forwardRef as r}from"react";import{RenderIf as s}from"../../lib/components/renderIf/renderIf.js";import{useId as a}from"../../lib/hooks/useId/useId.js";import{pickCustomAttributes as i}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{CheckboxBaseControlled as o}from"../checkboxBase/checkboxBaseControlled.js";import{ErrorMessage as d}from"./components/errorMessage.js";import{Label as t}from"./components/label.js";import{buildAriaDescribedBy as l}from"./utils/aria.utils.js";const c=r(({checkboxBase:r,cssClasses:c,errorMessage:n,id:b,label:m,screenReaderText:j,...h},p)=>{const x=i(h),{"aria-describedby":u,"aria-hidden":f,"aria-label":k,"aria-labelledby":y,...I}=x,v=a("checkbox"),C=b??v,g=`${C}-label`,B=`${C}-error`,$=`${C}-screen-reader`,M=r?.variant,R=l({ariaDescribedBy:h["aria-describedby"],error:h.error&&!!n?.message,errorMessageId:B,screenReader:!!j,screenReaderId:$});/* @__PURE__ */
-return e.jsxs("div",{ref:p,...I,className:c?.checkbox,children:[
-/* @__PURE__ */e.jsxs("div",{className:c?.checkboxwithlabelcontainer,children:[
-/* @__PURE__ */e.jsx(s,{condition:!!M,children:/* @__PURE__ */e.jsx(o,{...h,"aria-describedby":R,"aria-hidden":h["aria-hidden"],"aria-label":h["aria-label"],"aria-labelledby":h["aria-labelledby"],id:C,variant:M})}),
-/* @__PURE__ */e.jsx("screen-reader-only",{id:$,children:j}),
-/* @__PURE__ */e.jsx(t,{...m,cssClasses:c,id:g,inputId:C})]}),
-/* @__PURE__ */e.jsx(s,{condition:!!h.error,children:/* @__PURE__ */e.jsx(d,{"aria-live":"assertive",cssClasses:c,"data-testid":`${h["data-testid"]}-error-message`,...n,id:B,inputId:C,show:h.error&&!h.disabled})})]})});export{c as CheckboxStandAlone};
+import{pickCustomAttributes as e}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processTextProp as r}from"../../lib/utils/process/processCommonProp.js";import{ScreenReaderOnly as a}from"../../lib/components/screen-reader-only/screenReaderOnly.js";import{CheckboxBaseControlled as s}from"../checkboxBase/checkboxBaseControlled.js";import{ErrorMessage as i}from"./components/errorMessage.js";import{Label as o}from"./components/label.js";import{buildAriaDescribedBy as t}from"./utils/aria.utils.js";import{forwardRef as l,useId as c}from"react";import{jsx as d,jsxs as n}from"react/jsx-runtime";const b=l(({checkboxBase:l,cssClasses:b,errorMessage:m,id:p,label:h,screenReaderText:u,...f},x)=>{const{"aria-describedby":y,"aria-hidden":j,"aria-label":k,"aria-labelledby":C,...g}=e(f),v=`checkbox-${c().replace(/:/g,"")}`,$=p??v,B=`${$}-label`,I=`${$}-error`,R=`${$}-screen-reader`,M=l?.variant,w=t({ariaDescribedBy:f["aria-describedby"],error:f.error&&!!m?.message,errorMessageId:I,screenReader:!!u,screenReaderId:R});/* @__PURE__ */
+return n("div",{ref:x,...g,className:b?.checkbox,children:[/* @__PURE__ */n("div",{className:b?.checkboxwithlabelcontainer,children:[!!M&&/* @__PURE__ */d(s,{...f,"aria-describedby":w,"aria-hidden":f["aria-hidden"],"aria-label":f["aria-label"],"aria-labelledby":f["aria-labelledby"],id:$,variant:M}),
+/* @__PURE__ */d(a,{id:R,children:u}),
+/* @__PURE__ */d(o,{content:r(h).children,cssClasses:b,id:B,inputId:$})]}),!!f.error&&/* @__PURE__ */d(i,{"aria-live":"assertive",cssClasses:b,"data-testid":`${f["data-testid"]}-error-message`,...m,id:I,inputId:$,show:f.error&&!f.disabled})]})});export{b as CheckboxStandAlone};

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

@@ -1,2 +1,2 @@
-import{j as e}from"../../_virtual/jsx-runtime.js";import{forwardRef as r}from"react";import{useCheckbox as o}from"../checkboxBase/hooks/useCheckbox.js";import{CheckboxControlled as s}from"./checkboxControlled.js";const c=r(({checked:r=!1,disabled:c=!1,error:d=!1,onChange:i,required:t=!1,...h},a)=>{const{handleToggleIsChecked:n,isChecked:k}=o({disabled:c,initialChecked:r});/* @__PURE__ */
-return e.jsx(s,{...h,ref:a,checked:k,disabled:c,error:d,required:t,onChange:e=>{i?.(e),n()}})});export{c 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{j as s}from"../../../_virtual/jsx-runtime.js";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.jsx("div",{className:t?.errormessagecontainer,children:/* @__PURE__ */s.jsx(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{j as t}from"../../../_virtual/jsx-runtime.js";import{LabelStandAlone as n}from"../../label/labelStandAlone.js";const s=({...s})=>{if(!s.content)return null;const{cssClasses:e,...l}=s;return"string"==typeof s.content?/* @__PURE__ */t.jsx(n,{textCssClasses:e?.label,...l,children:s.content}):s?.content};export{s 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{j as s}from"../../_virtual/jsx-runtime.js";import{forwardRef as a}from"react";import{useClassName as e}from"../../lib/hooks/useClassName/useClassName.js";import{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:l,...m},c)=>{const d=e({additionalClassNames:a,component:"CHECKBOX_BASE",variant:l}),n=t(m.checked,m.disabled,o).toLocaleLowerCase();/* @__PURE__ */
-return s.jsx(r,{ref:c,cssClasses:d,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{j as s}from"../../_virtual/jsx-runtime.js";import{forwardRef as t}from"react";import{ElementOrIcon as e}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{processIcon as a}from"../../lib/utils/process/processIcon/processIcon.js";const c=t(({checkedIcon:t,cssClasses:c,inputRef:o,...n},r)=>{const i=n["data-testid"]??"checkbox-base";/* @__PURE__ */
-return s.jsxs("div",{ref:r,className:c?.checkbox_base,"data-testid":i,children:[
-/* @__PURE__ */s.jsx("input",{ref:o,className:c?.input,type:"checkbox",...n,"data-testid":`${i}-input`}),
-/* @__PURE__ */s.jsx("span",{className:c?.iconcontainer,"data-state":n["data-state"],children:/* @__PURE__ */s.jsx(e,{className:c?.icon,complex:!0,"data-state":n["data-state"],...a(t)})})]})});export{c as CheckboxBaseStandAlone};
+import{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{j as e}from"../../_virtual/jsx-runtime.js";import{forwardRef as o}from"react";import{CheckboxBaseControlled as r}from"./checkboxBaseControlled.js";import{useCheckbox as s}from"./hooks/useCheckbox.js";const c=o(({checked:o=!1,disabled:c=!1,onChange:d,...i},t)=>{const{handleToggleIsChecked:a,isChecked:h}=s({disabled:c,initialChecked:o});/* @__PURE__ */
-return e.jsx(r,{ref:t,...i,checked:h,disabled:c,onChange:e=>{d?.(e),a()}})});export{c 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{j as s}from"../../_virtual/jsx-runtime.js";import{forwardRef as t}from"react";import{useClassName as a}from"../../lib/hooks/useClassName/useClassName.js";import{STATES as o}from"../../lib/types/states/states.js";import{ChipStandAlone as e}from"./chipStandAlone.js";const r=t(({additionalClasses:t,state:r=o.DEFAULT,variant:i,...m},n)=>{const l=a({additionalClassNames:t,component:"CHIP",variant:i});/* @__PURE__ */
-return s.jsx(e,{...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,9 +1,4 @@
-import{j as s}from"../../_virtual/jsx-runtime.js";import{forwardRef as t}from"react";import{Text as e}from"../text/text.js";import{ElementOrIcon as r}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{RenderIf as o}from"../../lib/components/renderIf/renderIf.js";import{STATES as a}from"../../lib/types/states/states.js";import{isReactNode as i}from"../../lib/utils/is/isReactNode.js";import{isString as n}from"../../lib/utils/is/isString.js";import{pickCustomAttributes as l}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processIcon as c}from"../../lib/utils/process/processIcon/processIcon.js";import{processText as m}from"../../lib/utils/process/processText/processText.js";const p=t(({closeIcon:t,cssClasses:p,deleteText:d="Delete",errorIcon:x,errorMessage:j={content:"Error message"},label:u,leftIcon:b,range:f,rangeIcon:g,rangeSeparator:I={content:"to"},state:h,...A},N)=>{const C={"data-state":h},D=l(A);/* @__PURE__ */
-return s.jsxs(s.Fragment,{children:[
-/* @__PURE__ */s.jsxs("span",{ref:N,"aria-disabled":h===a.DISABLED,"aria-hidden":h===a.DISABLED,className:p?.chip,"data-testid":"chip",...D,...C,children:[!f&&b&&/* @__PURE__ */s.jsx(r,{className:p?.lefticon,...c(b)}),f?/* @__PURE__ */s.jsx("span",{children:f.map((t,o)=>{const a=o!==f.length-1;/* @__PURE__ */
-return s.jsxs("span",{className:p?.rangeitemwrapper,children:[
-/* @__PURE__ */s.jsx(e,{additionalClasses:{text:p?.rangeitemtext},component:"span",customAttributes:C,children:t.label}),a&&(g?.icon?/* @__PURE__ */s.jsx(r,{altText:(n(u)||i(u),m(I).children||""),className:p?.rangeicon,...c(g),customAttributes:C}):/* @__PURE__ */s.jsx(e,{additionalClasses:{text:p?.rangeitemseparator},component:"span",customAttributes:C,...m(I)}))]},`option-${t.key??t.label}`)})}):/* @__PURE__ */s.jsx(e,{additionalClasses:{text:p?.label},component:"span",...m(u),customAttributes:C}),
-/* @__PURE__ */s.jsx(r,{className:p?.closeicon,disabled:h===a.DISABLED,...c(t),altText:!n(t)&&t?.altText?t.altText:d,customAttributes:C})]}),
-/* @__PURE__ */s.jsx(o,{condition:h===a.ERROR,children:/* @__PURE__ */s.jsxs("span",{"aria-live":"polite",className:p?.errorcontainer,children:[
-/* @__PURE__ */s.jsx(r,{className:p?.erroricon,...c(x)}),
-/* @__PURE__ */s.jsx(e,{additionalClasses:{text:p?.errormessage},component:"span",customAttributes:C,...m(j)})]})})]})});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{j as i}from"../../../_virtual/jsx-runtime.js";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.jsx(e,{additionalClasses:s?.table_head,component:h?"div":void 0,hidden:a,sticky:c,...r,children:/* @__PURE__ */i.jsx(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.jsx(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.jsx(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{j as e}from"../../../_virtual/jsx-runtime.js";import{TableCell as i}from"../../tableCell/tableCell.js";import{TableRow as t}from"../../tableRow/tableRow.js";import{applyFlexToCell as o}from"../utils/cellConfig.js";import{isRowHoverable as l}from"../utils/hoverable.js";import{applyGridToRow as n}from"../utils/rowConfig.js";const s=({activeRows:s,columns:r,cssClasses:a,hoverable:c,hoverableRows:d,isRowGroup:m=!1,nonHoverableRows:f,rows:g,usingRowGroups:u})=>{const v=m?{table_row:a?.row_group_table_body.table_body}:a?.table_body_row,b=m?a?.row_group_table_body_cell:a?.table_body_cell;
-/* @__PURE__ */
-return e.jsx(e.Fragment,{children:g?.map((a,m)=>{const g=u?n({rowConfig:a?.config}):a?.config;/* @__PURE__ */
-return e.jsx(t,{active:Boolean(a.id&&s?.includes(a.id)),additionalClasses:v,hoverable:l({hoverable:c,hoverableRows:d,nonHoverableRows:f,row:a}),...g,children:r?.map(t=>{const l=t.valueGetter?t.valueGetter(a[t.field],a):a[t.field];if(l&&"object"==typeof l&&"complex"in l){const n=u?o({cellConfig:l.complex}):l.complex;/* @__PURE__ */
-return e.jsx(i,{additionalClasses:b,alignItems:a.config?.cellsAlignItems,justifyContent:t.valueJustifyContent??t.justifyContent,maxWidth:u?void 0:t.maxWidth,minWidth:u?void 0:t.minWidth,role:"row",sticky:t.sticky,textAlign:t.valueTextAlign??t.textAlign,verticalAlign:a.config?.cellsVerticalAlign,width:u?void 0:t.width,...n,children:n?.content},t.field)}const n=u?o({cellConfig:void 0}):void 0;/* @__PURE__ */
-return e.jsx(i,{additionalClasses:b,alignItems:a.config?.cellsAlignItems,justifyContent:t.valueJustifyContent??t.justifyContent,maxWidth:u?void 0:t.maxWidth,minWidth:u?void 0:t.minWidth,role:"row",sticky:t.sticky,textAlign:t.valueTextAlign??t.textAlign,verticalAlign:a.config?.cellsVerticalAlign,width:u?void 0:t.width,...n,children:l},t.field)})},a.id??m)})})};export{s 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{j as e}from"../../../_virtual/jsx-runtime.js";import{TableCell as o}from"../../tableCell/tableCell.js";import{TableHead as l}from"../../tableHead/tableHead.js";import{TableRow as t}from"../../tableRow/tableRow.js";const a=({columns:a,cssClasses:s})=>/* @__PURE__ */e.jsx(l,{additionalClasses:s?.row_group_table_head,hidden:!0,children:/* @__PURE__ */e.jsx(t,{additionalClasses:s?.row_group_table_head_row,children:a?.map(l=>{let t=l.headerHiddenContent;if(!t){const e=l.headerContent;t=e&&"object"==typeof e&&"complex"in e?e.complex?.content:e}/* @__PURE__ */
-return e.jsx(o,{additionalClasses:s?.row_group_table_head_cell,scope:"col",th:!0,children:t},l.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{j as o}from"../../_virtual/jsx-runtime.js";import{forwardRef as s,useRef as a,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=s(({additionalClasses:s,variant:n,...d},u)=>{const c=t({additionalClassNames:s,component:"DATA_TABLE",variant:n}),j=a(null);r(u,()=>j.current,[]);const{hasScroll:p}=l({ref:j});return f({ref:j}),h({ref:j}),m({ref:j}),i({headBoxShadow:c.headboxshadow,leftBoxShadow:c.leftboxshadow,ref:j,rightBoxShadow:c.rightboxshadow}),/* @__PURE__ */o.jsx(e,{ref:j,cssClasses:c,hasScroll:p,...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,14 +1,8 @@
-import{j as a}from"../../_virtual/jsx-runtime.js";import{forwardRef as o,Fragment as s}from"react";import{TableBody as e}from"../tableBody/tableBody.js";import{RenderIf as t}from"../../lib/components/renderIf/renderIf.js";import{pickCustomAttributes as i}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{Table as l}from"../table/table.js";import{TableCaption as n}from"../tableCaption/tableCaption.js";import{TableDivider as r}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=o(({activeRows:o,caption:h,columns:j,config:f,cssClasses:v,hasScroll:w,hoverable:u,hoverableRows:x,nonHoverableRows:C,rowGroups:g,rows:R,stickyHead:y,styles:_,...H},S)=>{const k=g&&g.length>0,D=i(H);/* @__PURE__ */
-return a.jsxs("div",{ref:S,className:v?.data_table,"data-testid":"data-table",...D,children:[
-/* @__PURE__ */a.jsxs("div",{"aria-label":w?H["aria-label"]:void 0,"aria-labelledby":w?H["aria-labelledby"]:void 0,className:v?.scrollablecontainer,"data-datatable-scrollable-container":!0,role:w?"region":void 0,...w?{tabIndex:0}:{},children:[
-/* @__PURE__ */a.jsxs(l,{additionalClasses:v?.table,"aria-hidden":!!k||void 0,autoLeftStickyCalc:!1,autoRightStickyCalc:!1,component:k?"div":void 0,disableShadowEffects:!0,hasScrollDisabled:!0,sticky:y,...m({tableConfig:f?.table}),children:[
-/* @__PURE__ */a.jsx(t,{condition:!!h?.content,children:/* @__PURE__ */a.jsx(n,{additionalClasses:v?.table_caption,component:k?"div":void 0,...h,children:h?.content})}),
-/* @__PURE__ */a.jsx(d,{columns:j,cssClasses:v,sticky:y,tableHeadConfig:f?.tableHead,tableHeadRowConfig:f?.tableHeadRow,usingRowGroups:k}),
-/* @__PURE__ */a.jsx(t,{condition:!k&&R&&R.length>0,children:/* @__PURE__ */a.jsx(e,{additionalClasses:v?.table_body,...f?.tableBody,children:/* @__PURE__ */a.jsx(c,{activeRows:o,columns:j,cssClasses:v,hoverable:u,hoverableRows:x,nonHoverableRows:C,rows:R,usingRowGroups:k})})})]}),g?.map((i,d)=>/* @__PURE__ */a.jsxs(s,{children:[
-/* @__PURE__ */a.jsx(t,{condition:!!i.divider,children:/* @__PURE__ */a.jsx(r,{variant:"DEFAULT",...i.divider,children:i.divider?.content})}),
-/* @__PURE__ */a.jsxs(l,{additionalClasses:v?.row_group_table,autoLeftStickyCalc:!1,autoRightStickyCalc:!1,disableShadowEffects:!0,hasScrollDisabled:!0,...p({tableConfig:i.config?.table}),children:[
-/* @__PURE__ */a.jsx(t,{condition:!!i.caption?.content,children:/* @__PURE__ */a.jsx(n,{additionalClasses:v?.row_group_table_caption,...i.caption,children:i.caption?.content})}),
-/* @__PURE__ */a.jsx(b,{columns:j,cssClasses:v}),
-/* @__PURE__ */a.jsx(e,{additionalClasses:v?.row_group_table_body,...i.config?.tableBody,children:/* @__PURE__ */a.jsx(c,{activeRows:o,columns:j,cssClasses:v,hoverable:u,hoverableRows:x,isRowGroup:!0,nonHoverableRows:C,rows:i.rows,usingRowGroups:k})})]})]},`${i.caption?.["data-testid"]}-${d.toString()}`))]}),
-/* @__PURE__ */a.jsx("div",{className:v?.leftboxshadowcontainer,"data-datatable-left-shadow":!0}),
-/* @__PURE__ */a.jsx("div",{className:v?.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 r,useEffect as e}from"react";import{ResizeObserver as t}from"../../../lib/utils/resizeObserver/resizeObserver.js";import{hasScroll as o}from"../../../lib/utils/scroll/hasScroll.js";const s=({ref:s})=>{const[l,c]=r(!1);return e(()=>{const r=s.current?.querySelector?.("[data-datatable-scrollable-container]");let e;if(r instanceof HTMLElement){const s=r=>{c(o(r))};s(r),e=new t(()=>{s(r)}),e.observe(r)}return()=>{e?.disconnect()}},[]),{hasScroll:l}};export{s as useDataTableHasScroll};
+import{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";import{ResizeObserver as t}from"../../../lib/utils/resizeObserver/resizeObserver.js";const s=({headBoxShadow:s,leftBoxShadow:a,ref:r,rightBoxShadow:l})=>(e(()=>{const e=r.current,o=e?.querySelector("[data-datatable-scrollable-container]");let c;const i=()=>{if(!o)return;const t=o.querySelector("[data-table-head]");if(t instanceof HTMLElement&&t.hasAttribute("data-sticky")&&s&&(o.scrollTop?t.classList.add(s):t.classList.remove(s)),a){const t=e?.querySelector("[data-datatable-left-shadow]");t instanceof HTMLElement&&(o.scrollLeft?(t.style.boxShadow=a,t.classList.add(a),t.style.height=`${o.clientHeight}px`):t.classList.remove(a))}if(l){const t=e?.querySelector("[data-datatable-right-shadow]");t instanceof HTMLElement&&(o.scrollLeft+o.clientWidth<o.scrollWidth?(t.classList.add(l),t.style.height=`${o.clientHeight}px`):t.classList.remove(l))}};return o instanceof HTMLElement&&(i(),o?.addEventListener("scroll",i),c=new t(()=>{i()}),c.observe(o)),()=>{o?.removeEventListener("scroll",i),c?.disconnect()}},[]),{});export{s as useDataTableShadow};
+import{useEffect as e}from"react";const t=({headBoxShadow:t,leftBoxShadow:s,ref:a,rightBoxShadow:l})=>(e(()=>{const e=a.current,o=e?.querySelector("[data-datatable-scrollable-container]");let r;const c=()=>{if(!o)return;const a=o.querySelector("[data-table-head]");if(a instanceof HTMLElement&&a.hasAttribute("data-sticky")&&t&&(o.scrollTop?a.classList.add(t):a.classList.remove(t)),s){const t=e?.querySelector("[data-datatable-left-shadow]");t instanceof HTMLElement&&(o.scrollLeft?(t.style.boxShadow=s,t.classList.add(s),t.style.height=`${o.clientHeight}px`):t.classList.remove(s))}if(l){const t=e?.querySelector("[data-datatable-right-shadow]");t instanceof HTMLElement&&(o.scrollLeft+o.clientWidth<o.scrollWidth?(t.classList.add(l),t.style.height=`${o.clientHeight}px`):t.classList.remove(l))}};return o instanceof HTMLElement&&(c(),o?.addEventListener("scroll",c),r=new ResizeObserver(()=>{c()}),r.observe(o)),()=>{o?.removeEventListener("scroll",c),r?.disconnect()}},[]),{});export{t as useDataTableShadow};

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

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