@kubit-ui-web/react-components 2.0.0-beta.1 → 2.0.0-beta.10

package/dist/cjs/lib/provider/stylesProvider/stylesProvider.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),t=require("react"),s=require("../cssProvider/provider.js"),r=t.createContext(void 0),n={lg:992,md:768,sm:576,xl:1200};exports.StylesContext=r,exports.StylesProvider=({breakpoints:o=n,children:i,icons:l={},illustrations:a={},themeSelected:d,bernovaProvider:m,linkId:c="kb-styled-provider",jsInCss:u=!0})=>{const x=o,h=(e=>({onlyDesktop:`(max-width: ${e.xl}px)`,onlyLargeDesktop:`(min-width: ${e.xl}px)`,onlyMobile:`(max-width: ${e.md-1}px)`,onlyTablet:`(min-width: ${e.md}px) and (max-width: ${e.lg-1}px)`}))(o),p=l,v=a,y=t.useMemo(()=>new(m||s.Provider)({jsInCss:u,linkId:c}),[]),[S,C]=t.useState(d||y.themeSelected);y.themeSelected=S||"";return e.jsxRuntimeExports.jsx(r.Provider,{value:{breakpoints:x,changeTheme:e=>{try{y.themeSelected=e,C(e)}catch(t){}},classes:[],currentTheme:S,getComponentStyles:({additionalClassNames:e,component:t,variant:s})=>{try{return y.getComponentStyles({additionalClassNames:e,component:t,variant:s||""})}catch(r){return{}}},icons:p,illustrations:v,mediaQueries:h,themeClassNames:y.classNames,themes:y.allThemes,themeVariables:y.variables},children:i})},exports.useStylesContext=()=>{const e=t.useContext(r);if(!e)throw new Error("useStylesContext must be used within a StylesProvider");return e};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),t=require("react"),s=require("../cssProvider/provider.js"),r=t.createContext(void 0),n={lg:992,md:768,sm:576,xl:1200};exports.StylesContext=r,exports.StylesProvider=({bernovaProvider:o,breakpoints:i=n,children:l,icons:a={},illustrations:d={},jsInCss:m=!0,linkId:c="kb-styled-provider",themeSelected:u})=>{const x=i,h=(e=>({onlyDesktop:`(max-width: ${e.xl}px)`,onlyLargeDesktop:`(min-width: ${e.xl}px)`,onlyMobile:`(max-width: ${e.md-1}px)`,onlyTablet:`(min-width: ${e.md}px) and (max-width: ${e.lg-1}px)`}))(i),p=a,v=d,y=t.useMemo(()=>new(o||s.Provider)({jsInCss:m,linkId:c}),[]),[S,C]=t.useState(u||y.themeSelected);y.themeSelected=S||"";return e.jsxRuntimeExports.jsx(r.Provider,{value:{breakpoints:x,changeTheme:e=>{try{y.themeSelected=e,C(e)}catch(t){}},classes:[],currentTheme:S,getComponentStyles:({additionalClassNames:e,component:t,variant:s})=>{try{return y.getComponentStyles({additionalClassNames:e,component:t,variant:s||""})}catch(r){return{}}},icons:p,illustrations:v,mediaQueries:h,themeClassNames:y.classNames,themes:y.allThemes,themeVariables:y.variables},children:l})},exports.useStylesContext=()=>{const e=t.useContext(r);if(!e)throw new Error("useStylesContext must be used within a StylesProvider");return e};

package/dist/cjs/lib/utils/process/processIcon/processIcon.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../is/isString.js");exports.processIcon=r=>r?e.isString(r)?{icon:r}:r:{};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.processIcon=e=>e?"string"==typeof e?{icon:e}:e:{};

package/dist/cjs/lib/utils/process/processText/processText.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../is/isReactNode.js"),t=require("../../is/isString.js");exports.processText=(i,r)=>{if(!i)return{children:null};let n;return t.isString(i)||e.isReactNode(i)?n=t.isString(i)?i:void 0:"object"==typeof i&&"content"in i&&(n=i.content),r&&n&&(n=n.substring(0,r)),e.isReactNode(i)?{children:i}:"object"==typeof i?{children:n,...i}:{children:n}};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.processText=(t,r)=>{if(!t)return{children:null};let n;return"string"==typeof t||e.isValidElement(t)?n="string"==typeof t?t:void 0:"object"==typeof t&&"content"in t&&(n=t.content),r&&n&&(n=n.substring(0,r)),e.isValidElement(t)?{children:t}:"object"==typeof t?{children:n,...t}:{children:n}};

package/dist/esm/components/accordion/accordionStandAlone.js

@@ -1,4 +1,4 @@
-import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as e}from"react";import{CustomComponent as o}from"../../lib/components/customComponent/customComponent.js";import{useId as n}from"../../lib/hooks/useId/useId.js";import{pickCustomAttributes as s}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{STATE as a}from"./types/state.js";const r=e(({children:e,component:r="div",cssClasses:c,dataTestId:i="accordion",expanded:d,header:m,headerComponent:l="h3",onHeaderClick:p},u)=>{const h=`${n("accordion")}-content`,j={"data-state":d?a.EXPANDED:a.COLLAPSED},b=s(j);/* @__PURE__ */
-return t.jsx(o,{ref:u,className:c?.accordion,component:r,"data-testid":i,...b,children:/* @__PURE__ */t.jsxs("div",{children:[
-/* @__PURE__ */t.jsx(o,{className:c?.header,component:l,...b,children:/* @__PURE__ */t.jsx("button",{"aria-controls":h,"aria-expanded":d,className:c?.headerbutton,"data-testid":`${i}-header`,type:"button",onClick:p,...b,children:m})}),
-/* @__PURE__ */t.jsx("div",{className:c?.content,"data-kbt-accordion-content":!0,"data-testid":`${i}-content`,id:h,...b,children:/* @__PURE__ */t.jsx("div",{className:c?.innercontent,"data-kbt-accordion-content-inner":!0,...b,children:e})})]})})});export{r as AccordionStandAlone};
+import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as e,useId as n}from"react";import{CustomComponent as o}from"../../lib/components/customComponent/customComponent.js";import{pickCustomAttributes as a}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{STATE as s}from"./types/state.js";const c=e(({children:e,component:c="div",cssClasses:r,dataTestId:i="accordion",expanded:d,header:m,headerComponent:l="h3",onHeaderClick:p},h)=>{const u=`${`accordion-${n().replace(/:/g,"")}`}-content`,j={"data-state":d?s.EXPANDED:s.COLLAPSED},x=a(j);/* @__PURE__ */
+return t.jsx(o,{ref:h,className:r?.accordion,component:c,"data-testid":i,...x,children:/* @__PURE__ */t.jsxs("div",{children:[
+/* @__PURE__ */t.jsx(o,{className:r?.header,component:l,...x,children:/* @__PURE__ */t.jsx("button",{"aria-controls":u,"aria-expanded":d,className:r?.headerbutton,"data-testid":`${i}-header`,type:"button",onClick:p,...x,children:m})}),
+/* @__PURE__ */t.jsx("div",{className:r?.content,"data-kbt-accordion-content":!0,"data-testid":`${i}-content`,id:u,...x,children:/* @__PURE__ */t.jsx("div",{className:r?.innercontent,"data-kbt-accordion-content-inner":!0,...x,children:e})})]})})});export{c as AccordionStandAlone};

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

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

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

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

package/dist/esm/components/breadcrumbs/components/crumbStandAlone/crumbStandAlone.js

@@ -1,6 +1,3 @@
-import{j as t}from"../../../../_virtual/jsx-runtime.js";import{ElementOrIcon as e}from"../../../elementOrIcon/elementOrIcon.js";import{Link as i}from"../../../link/link.js";import{RenderIf as s}from"../../../renderIf/renderIf.js";import{Text as r}from"../../../text/text.js";import{useManageState as a}from"../../../../lib/hooks/useManageState/useManageState.js";import{STATES as n}from"../../../../lib/types/states/states.js";import{pickCustomAttributes as o}from"../../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";const l=({crumb:l,cssClasses:d,dividerIcon:c,lastCrumb:m,lastOneCrumbComponent:u="span",link:j,...b})=>{const{setRef:x}=a({active:m,states:Object.values(n)}),p=o(b);/* @__PURE__ */
-return t.jsxs("li",{ref:x,"aria-current":m?"page":void 0,className:d?.crumb,"data-testid":b["data-testid"],children:[
-/* @__PURE__ */t.jsx(s,{condition:!!m,children:/* @__PURE__ */t.jsx(r,{additionalClasses:{text:d?.lastonecrumb},component:u,"data-testid":"last-breadcrumb",id:l.id,children:l.name})}),
-/* @__PURE__ */t.jsx(s,{condition:!m,children:/* @__PURE__ */t.jsxs(t.Fragment,{children:[
-/* @__PURE__ */t.jsx(s,{condition:!!j,children:/* @__PURE__ */t.jsx("div",{className:d?.linkcontainer,children:/* @__PURE__ */t.jsx(i,{...p,action:"navigation",additionalTextClasses:{text:d?.link},"aria-label":l.ariaLabel,"data-testid":"breadcrumb-link",disabled:m,id:l.id,url:l.url,...j,onClick:t=>l.onClick?.(l.url,t),children:l.name})})}),
-/* @__PURE__ */t.jsx("div",{className:d?.icondividercontainer,children:/* @__PURE__ */t.jsx(e,{className:d?.icondivider,...c})})]})})]})};export{l as CrumbStandAlone};
+import{j as t}from"../../../../_virtual/jsx-runtime.js";import{Link as e}from"../../../link/link.js";import{Text as s}from"../../../text/text.js";import{ElementOrIcon as i}from"../../../../lib/components/elementOrIcon/elementOrIcon.js";import{useManageState as a}from"../../../../lib/hooks/useManageState/useManageState.js";import{STATES as r}from"../../../../lib/types/states/states.js";import{pickCustomAttributes as n}from"../../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";const l=({crumb:l,cssClasses:o,dividerIcon:m,lastCrumb:c,lastOneCrumbComponent:d="span",link:u,...b})=>{const{setRef:j}=a({active:c,states:Object.values(r)}),p=n(b);/* @__PURE__ */
+return t.jsxs("li",{ref:j,"aria-current":c?"page":void 0,className:o?.crumb,"data-testid":b["data-testid"],children:[!!c&&/* @__PURE__ */t.jsx(s,{additionalClasses:{text:o?.lastonecrumb},component:d,"data-testid":"last-breadcrumb",id:l.id,children:l.name}),!c&&/* @__PURE__ */t.jsxs(t.Fragment,{children:[!!u&&/* @__PURE__ */t.jsx("div",{className:o?.linkcontainer,children:/* @__PURE__ */t.jsx(e,{...p,action:"navigation",additionalTextClasses:{text:o?.link},"aria-label":l.ariaLabel,"data-testid":"breadcrumb-link",disabled:c,id:l.id,url:l.url,...u,onClick:t=>l.onClick?.(l.url,t),children:l.name})}),
+/* @__PURE__ */t.jsx("div",{className:o?.icondividercontainer,children:/* @__PURE__ */t.jsx(i,{className:o?.icondivider,...m})})]})]})};export{l as CrumbStandAlone};

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

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

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

@@ -1,2 +1,2 @@
 import{j as t}from"../../../_virtual/jsx-runtime.js";import{useState as e,useMemo as s}from"react";import{CustomComponent as a}from"../../../lib/components/customComponent/customComponent.js";import{useRoveFocus as o}from"../../../lib/hooks/useRoveFocus/useRoveFocus.js";import{useUtilsProvider as r}from"../../../lib/provider/utilsProvider/utilsProvider.js";import{STATES as i}from"../../../lib/types/states/states.js";import{pickCustomAttributes as n}from"../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{WEEK_DAYS as l}from"../constants/constants.js";import{getAllDaysInMonth as d}from"../utils/getAllDaysInMonth.js";import{getFirstDayOfMonth as m}from"../utils/getFirstDayOfMonth.js";import{getStateDay as c}from"../utils/getState.js";import{groupDaysByWeeks as u}from"../utils/groupDaysByWeeks.js";import{getFirstEmptyAndDisabledDays as y,getDaysAndEmptyDaysUntilMaxDate as D,handleKeyUpMove as f,handleKeyTabMove as g,handleKeyRightMove as p,handleKeyPageUpMove as h,handleKeyPageDownMove as b,handleKeyLeftMove as j,handleKeyDownMove as v}from"../utils/handleKeysmoves.js";const k="ddMMyyyy",M=({cssClasses:M,currentDate:S,disabledDates:x=[],hasRange:w,maxDate:$,minDate:A,onDayClick:C,selectedDate:E,setSelectedDate:F,sundayFirst:R,...I})=>{const{dateHelpers:L,formatDate:N,transformDate:B}=r(),P=S.getMonth()+1,T=S.getFullYear(),U=N(/* @__PURE__ */new Date,k),z=d(P,T),O=m(T,P-1)-(R?0:1),q=[...new Array(O>=0?O:6),...z],G=q.filter(t=>void 0===t),[H,K]=e(0),[W,Y]=e(0),_=I["data-testid"]||"calendar",J={currentDate:S,dayList:q,daysAndEmptyDaysUntilMaxDate:D(G,$,S),firstEmptyAndDisabledDays:y(G,A,S),maxDate:$,minDate:A},Q=s(()=>({calendarBlankDaysSize:G.length,currentFocusSelected:(E[0]?E[0].getDate():/* @__PURE__ */(new Date).getDate())+G.length-1,keyDownMove:v(J),keyLeftMove:j(J),keyPageDownMove:b(J),keyPageUpMove:h(J),keyRightMove:p(J),keyTabMove:g,keyUpMove:f(J),size:q.length}),[G.length,q.length,S,A,$]),[V,X,Z]=o(Q),tt=t=>(t&&(V<G.length&&X(G.length),V>q.length&&X(q.length-1)),V===t),et=t=>{if(W){if(W<E[0])return t>W&&t<E[0];if(W>E[0])return t<W&&t>E[0]}else{if(t>E[0])return t<E[1];if(t<E[0])return t>E[1]}return!1},st=t=>{if(!w)return!1;const e=E?.findIndex(e=>e&&t&&N(e,k)===N(t,k));return 0===e&&W?W<t:0===e?t>E[1]:1===e&&t>E[0]},at=t=>{if(!w)return!1;const e=E?.findIndex(e=>e&&t&&N(e,k)===N(t,k));return 0===e&&W?W>t:0===e?t<E[1]:1===e&&t<E[0]};/* @__PURE__ */
-return t.jsx("tbody",{ref:Z,className:M?.tbody,"data-testid":"tbody-days-list",children:u(q).map((e,s)=>/* @__PURE__ */t.jsx("tr",{className:M?.tablerow,children:e.map((e,o)=>{const r=e||0;let d=!e||L.isBefore(e,A)||L.isAfter(e,B(N($,k),k));d||(d=x.some(t=>e&&L.isDatesEqual(e,t,!1)));const m=c({dayFormatted:r,formatDate:N,hasRange:w,isGhostSelected:et,isSelectedToLeft:st,isSelectedToRight:at,selectedDate:E,today:U}),u={"data-state":d?i.DISABLED:m};return e?/* @__PURE__ */t.jsx("td",{"aria-selected":m===i.SELECTED||void 0,className:M?.listelementrove,style:{width:`calc(100% / ${l})`},...n(u),children:/* @__PURE__ */t.jsx(a,{"aria-label":N(e,{day:"numeric",month:"long",weekday:"long",year:"numeric"}),ariaDisabled:d,className:M?.dayslist,component:"button","data-testid":`${_}-${o+l*s}`,focus:tt(o+l*s),index:o+l*s,type:"button",onMouseOver:()=>{1===H&&Y(r)},onSelectItem:()=>{d||(t=>{const[e,s]=E;w?e&&s||!e&&!s?(F([t,0]),K(1),t instanceof Date&&C?.(t.getDate().toString())):(F([e,t]),K(0),t instanceof Date&&C?.(t.getDate().toString())):(F([t]),t instanceof Date&&C?.(t.getDate().toString()))})(r)},...n(u),children:e.getDate()})},`day${o+l*s}${r}`):/* @__PURE__ */t.jsx("td",{"aria-hidden":!0,"aria-label":"empty day",className:M?.listelementempty,style:{width:`calc(100% / ${l})`}},`day${o+l*s}${r}`)})},`table-row-${s.toString()}`))})};export{M as List};
+return t.jsx("tbody",{ref:Z,className:M?.tbody,"data-testid":"tbody-days-list",children:u(q).map((e,s)=>/* @__PURE__ */t.jsx("tr",{className:M?.tablerow,children:e.map((e,o)=>{const r=e||0;let d=!e||L.isBefore(e,A)||L.isAfter(e,B(N($,k),k));d||(d=x.some(t=>e&&L.isDatesEqual(e,t,!1)));const m=c({dayFormatted:r,formatDate:N,hasRange:w,isGhostSelected:et,isSelectedToLeft:st,isSelectedToRight:at,selectedDate:E,today:U}),u={"data-state":d?i.DISABLED:m};return e?/* @__PURE__ */t.jsx("td",{"aria-selected":m===i.SELECTED||void 0,className:M?.listelementrove,style:{width:`calc(100% / ${l})`},...n(u),children:/* @__PURE__ */t.jsx(a,{"aria-disabled":d,"aria-label":N(e,{day:"numeric",month:"long",weekday:"long",year:"numeric"}),className:M?.dayslist,component:"button","data-testid":`${_}-${o+l*s}`,focus:tt(o+l*s),index:o+l*s,type:"button",onMouseOver:()=>{1===H&&Y(r)},onSelectItem:()=>{d||(t=>{const[e,s]=E;w?e&&s||!e&&!s?(F([t,0]),K(1),t instanceof Date&&C?.(t.getDate().toString())):(F([e,t]),K(0),t instanceof Date&&C?.(t.getDate().toString())):(F([t]),t instanceof Date&&C?.(t.getDate().toString()))})(r)},...n(u),children:e.getDate()})},`day${o+l*s}${r}`):/* @__PURE__ */t.jsx("td",{"aria-hidden":!0,"aria-label":"empty day",className:M?.listelementempty,style:{width:`calc(100% / ${l})`}},`day${o+l*s}${r}`)})},`table-row-${s.toString()}`))})};export{M as List};

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

@@ -1,3 +1,3 @@
 import{j as t}from"../../../../_virtual/jsx-runtime.js";import{useMemo as e}from"react";import{Text as o}from"../../../text/text.js";import{CustomComponent as s}from"../../../../lib/components/customComponent/customComponent.js";import{useRoveFocus as r}from"../../../../lib/hooks/useRoveFocus/useRoveFocus.js";import{useUtilsProvider as a}from"../../../../lib/provider/utilsProvider/utilsProvider.js";import{STATES as n}from"../../../../lib/types/states/states.js";import{pickCustomAttributes as l}from"../../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{setMonth as i}from"../../utils/setMonth.js";import{keyUpMove as m,keyTabMove as c,keyRightMove as u,keyLeftMove as p,keyDownMove as h}from"./utils/monthSelector.utils.js";const d=({configAccesibility:d,cssClasses:g,currentDate:D,maxDate:b,minDate:M,onMonthClick:f,setCurrentDate:j,today:v,...A})=>{const{dateHelpers:C,transformDate:x}=a(),y=A["data-testid"]||"calendar",E={currentDate:D,maxDate:b,minDate:M},k=e(()=>({currentFocusSelected:D?D.getMonth():/* @__PURE__ */(new Date).getMonth(),keyDownMove:h(E),keyLeftMove:p(E),keyRightMove:u(E),keyTabMove:c,keyUpMove:m(E),size:C.getAllMonthName("long").length}),[C.getAllMonthName("long").length,D]),[S,,F]=r(k),L=t=>{const e=D?.getFullYear();return M?.getFullYear()===e&&M?.getMonth()>t||b?.getFullYear()===e&&b?.getMonth()<t};/* @__PURE__ */
 return t.jsx("ul",{ref:F,"aria-label":d?.monthSelectorAriaLabel,className:g?.monthslist,"data-testid":"tbody-months-list",children:C.getAllMonthName("long",A.locale).map((e,r)=>{const a=((t,e,o)=>{let s;return s=t.getMonth()===e?n.SELECTED:e===v.getMonth()?n.CURRENT:o?n.DISABLED:n.DEFAULT,s})(D,r,L(r)),m={"data-state":L(r)?n.DISABLED:a};/* @__PURE__ */
-return t.jsx("li",{"aria-selected":a===n.SELECTED||void 0,className:g?.monthlistitem,...l(m),children:/* @__PURE__ */t.jsx(s,{"aria-label":e.charAt(0).toUpperCase()+e.slice(1),ariaDisabled:L(r),className:g?.monthelement,component:"button",focus:S===r,index:r,type:"button",...l(m),onSelectItem:()=>{const t=new Date(D);j(x(i(t,r))),f?.(e)},children:/* @__PURE__ */t.jsx(o,{component:"span","data-testid":y,children:e.charAt(0).toUpperCase()+e.slice(1)})})},e)})})};export{d as MonthSelector};
+return t.jsx("li",{"aria-selected":a===n.SELECTED||void 0,className:g?.monthlistitem,...l(m),children:/* @__PURE__ */t.jsx(s,{"aria-disabled":L(r),"aria-label":e.charAt(0).toUpperCase()+e.slice(1),className:g?.monthelement,component:"button",focus:S===r,index:r,type:"button",...l(m),onSelectItem:()=>{const t=new Date(D);j(x(i(t,r))),f?.(e)},children:/* @__PURE__ */t.jsx(o,{component:"span","data-testid":y,children:e.charAt(0).toUpperCase()+e.slice(1)})})},e)})})};export{d as MonthSelector};

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

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

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

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=({rootContainerRef:t,allowShiftRef:c,circular:o,currentPageRef:u,numPagesRef:a,disabled:i=!1,changePage:d})=>{e(()=>{if(i)return;const e=e=>{!c.current||a.current<=1||(r(e.key)?c.current&&(o||0!==u.current)&&d({newPage:u.current-1}):n(e.key)&&c.current&&(o||u.current!==a.current-1)&&d({newPage:u.current+1}))},f=t.current;return f?.addEventListener("keydown",e),()=>{f?.removeEventListener("keydown",e)}},[o,d,i])};export{t as useCarouselKeyNavigation};
+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};

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=({contentContainerRef:s,viewerContainerRef:o,allowShiftRef:l,circular:i,extraPadding:a,elements:m,numElementsPerPageRef:v,numPagesRef:E,currentPageRef:d,centerExtremesWhenExtraPadding:h,disabled:f=!1,changePage: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(()=>{l.current&&(i||d.current!==E.current-1)&&L({newPage:d.current+1})},[i,L]),I=t(()=>{l.current&&(i||0!==d.current)&&L({newPage:d.current-1})},[i,L]),{allowScroll:O,blockScroll:w}=n(),x=t(e=>{const t=s.current;!t||E.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=s.current;if(!t||!p.current||!v?.current||E.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 o=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&&m.length>v.current)t.style.left=`${o}px`;else{const e=c.calcXDistanceBetween2Elements(t.firstChild,t.children[t.children.length-v.current]);if(h)o-a<0&&-o<e-a&&(t.style.left=`${o}px`);else{let r=i?a:0;!i&&a&&d.current===E.current-1&&(r=2*a),o-r<0&&-o<e-r&&(t.style.left=`${o}px`)}}},[w,h,i,m,a]),C=t(()=>{const e=s.current;if(D.current=!1,_.current&&O(),_.current=!1,!e||!p.current||void 0===R.current||E.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(f)return;const e=o.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,f])};export{s as useCarouselSwipe};
+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};

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({numElementsToSlide:r,numElementsPerPage:t});return Math.ceil((e-t+i)/i)},i=({elementsLength:e,numElementsPerPage:t,numElementsToSlide:i,currentPage:l,isCircular:s})=>{if(e<=t)return{firstIndexInView:0,lastIndexInView:e-1};const o=n({numElementsToSlide:i,numElementsPerPage:t});let a=l*o+t-1;let d=0;s&&e>t&&(d=t+1,a+=d),l===r({elementsLength:e,numElementsPerPage:t,numElementsToSlide:o})?a=d+e+t-1:l<0?a=d-1:a-d>e-1&&(a=d+e-1);return{firstIndexInView:a-t+1,lastIndexInView:a}},l=({rootContainer:t,viewerContainer:n,contentContainer:r,elementsLength:i,extraPadding:l})=>{const s=r.firstElementChild;if(!s)return;let o=t.offsetWidth;o-=2*l;o-=e({element:n});let a=0;const d=s.offsetLeft;for(let e=0;e<r.children.length;e++){const t=r.children[e];if(d+t.offsetLeft+t.offsetWidth>o)break;a++}return Math.max(Math.min(i,a),1)},s=({contentContainer:e,centerMode:t})=>{let n=0;if(e.childNodes.length<2)return n;const r=e.childNodes[0],i=e.childNodes[1];t&&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 t&&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=({viewerContainer:t,contentContainer:n,centerMode:r,numElementsPerPage:i,extraPadding:l})=>{const o=(i-1)*s({contentContainer:n,centerMode:r}),a=e({element:t});return(t.getBoundingClientRect().width-o-2*l-a)/i},a=({viewerContainer:n,contentContainer:r,firstIndexInView:i,lastIndexInView:l,extraPadding:s})=>{const o=r.children[i],a=r.children[l],d=t(o,a),c=e({element:n});return`${d+a.offsetWidth+2*s+c}px`},d=({contentContainer:e,numPages:n,currentPage:r,firstIndexInView:i,extraPadding:l,centerExtremesWhenExtraPadding:s,circular:o})=>{let a=t(e.firstChild,e.children[i]);return l&&(s||o||0!==r&&r!==n-1?a-=l:o||r!==n-1||(a-=2*l)),-a+"px"},c={calcXDistanceBetween2Elements:t,calcAdjustedNumElementsToSlide:n,calcNumPages:r,calcFirstAndLastIndexInCarouselView:i,calcNumElementsPerPage:l,calcGapBetweenContentContainerElements:s,calcSliceWidth:o,calcViewerWidth:a,calcContentContainerLeftPosition:d};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)=>{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};

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/esm/components/image/image.css

@@ -1,38 +1 @@
-:root {
-  --border-radius: 0;
-  --fallback-ratio: 1;
-  --object-fit: cover;
-  --ratio: 1;
-  --width: 100%;
-}
-
-.kbt-picture {
-  position: relative;
-  display: inline-block;
-  overflow: hidden;
-  max-width: 100%;
-  max-height: 100%;
-  width: var(--width);
-  aspect-ratio: var(--ratio);
-}
-
-@supports not (aspect-ratio: 16 / 9) {
-  .kbt-picture {
-    padding-top: var(--fallback-ratio);
-  }
-
-  .kbt-picture img {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: auto;
-  }
-}
-
-.kbt-picture img {
-  max-width: 100%;
-  border-radius: var(--border-radius);
-  object-fit: var(--object-fit);
-  aspect-ratio: var(--ratio);
-}
+:root{--border-radius:0;--fallback-ratio:1;--object-fit:cover;--ratio:1;--width:100%}.kbt-picture{aspect-ratio:var(--ratio);display:inline-block;max-height:100%;max-width:100%;overflow:hidden;position:relative;width:var(--width)}@supports not (aspect-ratio:16/9){.kbt-picture{padding-top:var(--fallback-ratio)}.kbt-picture img{height:auto;left:0;position:absolute;top:0;width:100%}}.kbt-picture img{aspect-ratio:var(--ratio);border-radius:var(--border-radius);max-width:100%;object-fit:var(--object-fit)}

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

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

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

@@ -1,5 +1,3 @@
-import{j as i}from"../../_virtual/jsx-runtime.js";import{forwardRef as r}from"react";import{RenderIf as t}from"../renderIf/renderIf.js";import{pickCustomAttributes as e}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{InputBase as a}from"../inputBase/inputBase.js";import{InputDecoration as o}from"../inputDecoration/inputDecoration.js";const s=r(({cssClasses:r,disabled:s,error:n,filled:d,focused:l,inputBaseId:c,label:u,labelId:f,leftDecoration:p,required:m,rightDecoration:j,...v},b)=>{const x=e(v);/* @__PURE__ */
-return i.jsxs("div",{ref:b,className:r?.input,...x,children:[
-/* @__PURE__ */i.jsx(t,{condition:!(!p||!p?.variant&&!r?.left_decoration),children:/* @__PURE__ */i.jsx(o,{disabled:s,error:n,...p,additionalClasses:p?.variant?void 0:r?.left_decoration,variant:p?.variant})}),
-/* @__PURE__ */i.jsx("div",{...x,className:r?.inputandlabelcontainer,children:/* @__PURE__ */i.jsx(t,{condition:!!r?.input,children:/* @__PURE__ */i.jsx(a,{disabled:s,error:n,filled:d,focused:l,required:m,...v,additionalClasses:r?.input_base})})}),
-/* @__PURE__ */i.jsx(t,{condition:!(!j||!j?.variant&&!r?.right_decoration),children:/* @__PURE__ */i.jsx(o,{disabled:s,error:n,filled:d,focused:l,...j,additionalClasses:j?.variant?void 0:r?.right_decoration,variant:j?.variant})})]})});export{s as InputStandAlone};
+import{j as i}from"../../_virtual/jsx-runtime.js";import{forwardRef as r}from"react";import{pickCustomAttributes as t}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{InputBase as a}from"../inputBase/inputBase.js";import{InputDecoration as e}from"../inputDecoration/inputDecoration.js";const s=r(({cssClasses:r,disabled:s,error:o,filled:n,focused:d,inputBaseId:l,label:c,labelId:u,leftDecoration:p,required:f,rightDecoration:m,...v},b)=>{const j=t(v);/* @__PURE__ */
+return i.jsxs("div",{ref:b,className:r?.input,...j,children:[!(!p||!p?.variant&&!r?.left_decoration)&&/* @__PURE__ */i.jsx(e,{disabled:s,error:o,...p,additionalClasses:p?.variant?void 0:r?.left_decoration,variant:p?.variant}),
+/* @__PURE__ */i.jsx("div",{...j,className:r?.inputandlabelcontainer,children:!!r?.input&&/* @__PURE__ */i.jsx(a,{disabled:s,error:o,filled:n,focused:d,required:f,...v,additionalClasses:r?.input_base})}),!(!m||!m?.variant&&!r?.right_decoration)&&/* @__PURE__ */i.jsx(e,{disabled:s,error:o,filled:n,focused:d,...m,additionalClasses:m?.variant?void 0:r?.right_decoration,variant:m?.variant})]})});export{s as InputStandAlone};

package/dist/esm/components/inputBase/inputBase.js

@@ -1,2 +1,2 @@
-import{j as s}from"../../_virtual/jsx-runtime.js";import{forwardRef as a}from"react";import{useClassName as t}from"../../lib/hooks/useClassName/useClassName.js";import{useId as e}from"../../lib/hooks/useId/useId.js";import{InputBaseStandAlone as i}from"./inputBaseStandAlone.js";import{getState as r}from"./utils/state.js";const o=a(({additionalClasses:a,error:o,filled:d,focused:l,id:n,variant:m,...u},f)=>{const p=t({additionalClassNames:a,component:"INPUT_BASE",variant:m}),c=e("inputBase"),j=n??c,b=r({disabled:u.disabled,error:o,filled:d,focused:l});/* @__PURE__ */
-return s.jsx(i,{ref:f,...u,"aria-invalid":o,cssClasses:p,"data-state":b,"data-testid":"input-base","data-truncate":u.truncate,id:j})});export{o as InputBase};
+import{j as a}from"../../_virtual/jsx-runtime.js";import{forwardRef as s,useId as t}from"react";import{useClassName as e}from"../../lib/hooks/useClassName/useClassName.js";import{InputBaseStandAlone as r}from"./inputBaseStandAlone.js";import{getState as i}from"./utils/state.js";const o=s(({additionalClasses:s,error:o,filled:d,focused:l,id:n,variant:m,...u},p)=>{const c=e({additionalClassNames:s,component:"INPUT_BASE",variant:m}),f=`inputbase-${t().replace(/:/g,"")}`,j=n??f,b=i({disabled:u.disabled,error:o,filled:d,focused:l});/* @__PURE__ */
+return a.jsx(r,{ref:p,...u,"aria-invalid":o,cssClasses:c,"data-state":b,"data-testid":"input-base","data-truncate":u.truncate,id:j})});export{o as InputBase};

package/dist/esm/components/inputDecoration/inputDecorationStandAlone.js

@@ -1,2 +1,2 @@
-import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as o}from"react";import{pickCustomAttributes as e}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{ElementOrIcon as r}from"../elementOrIcon/elementOrIcon.js";const s=o(({cssClasses:o,decoration:s,disabled:i,...n},c)=>{if(!s?.icon)return null;const l=e(n);/* @__PURE__ */
-return t.jsx("div",{ref:c,className:o?.input_decoration,style:{pointerEvents:s.onClick?"auto":"none"},...l,children:/* @__PURE__ */t.jsx(r,{className:o?.decoration,...s,onClick:s.onClick})})});export{s as InputDecorationStandAlone};
+import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as o}from"react";import{ElementOrIcon as e}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{pickCustomAttributes as s}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";const i=o(({cssClasses:o,decoration:i,disabled:r,...n},c)=>{if(!i?.icon)return null;const l=s(n);/* @__PURE__ */
+return t.jsx("div",{ref:c,className:o?.input_decoration,style:{pointerEvents:i.onClick?"auto":"none"},...l,children:/* @__PURE__ */t.jsx(e,{className:o?.decoration,...i,onClick:i.onClick})})});export{i as InputDecorationStandAlone};

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

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

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

@@ -1,3 +1,2 @@
-import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as e}from"react";import{RenderIf as s}from"../renderIf/renderIf.js";import{Text as r}from"../text/text.js";import{useId as i}from"../../lib/hooks/useId/useId.js";const o=e(({asteriskColor:e,asteriskCssClasses:o,asteriskWeight:a,children:d,color:l,cursor:n,customAttributes:c,id:m,inputId:u,required:h,requiredSymbol:p,textCssClasses:x,weight:j,...b},f)=>{const C=i("label"),I=m??C,g=b["data-testid"]||"label";/* @__PURE__ */
-return t.jsxs(r,{ref:f,additionalClasses:{text:x},color:l,component:"label",cursor:n,customAttributes:c,"data-testid":g,htmlFor:u,id:I,weight:j,children:[d,
-/* @__PURE__ */t.jsx(s,{condition:h,children:/* @__PURE__ */t.jsx(r,{additionalClasses:{text:o},"aria-hidden":!0,color:e,component:"span","data-testid":`${g}Required`,weight:a,children:p})})]})});export{o as Label,o as LabelStandAlone};
+import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as e,useId as s}from"react";import{Text as r}from"../text/text.js";const i=e(({asteriskColor:e,asteriskCssClasses:i,asteriskWeight:a,children:o,color:l,cursor:d,customAttributes:c,id:n,inputId:m,required:u,requiredSymbol:h,textCssClasses:p,weight:x,...b},C)=>{const j=`label-${s().replace(/:/g,"")}`,g=n??j,f=b["data-testid"]||"label";/* @__PURE__ */
+return t.jsxs(r,{ref:C,additionalClasses:{text:p},color:l,component:"label",cursor:d,customAttributes:c,"data-testid":f,htmlFor:m,id:g,weight:x,children:[o,u&&/* @__PURE__ */t.jsx(r,{additionalClasses:{text:i},"aria-hidden":!0,color:e,component:"span","data-testid":`${f}Required`,weight:a,children:h})]})});export{i as Label,i as LabelStandAlone};

package/dist/esm/components/link/linkStandAlone.js

@@ -1,3 +1,3 @@
-import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as e}from"react";import{Text as o}from"../text/text.js";import{classNames as s}from"../../lib/utils/classNames/classNames.js";import{pickCustomAttributes as r}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{CustomComponent as i}from"../../lib/components/customComponent/customComponent.js";import{ElementOrIcon as l}from"../elementOrIcon/elementOrIcon.js";const n=e(({children:e,color:n,component:c=o,cssClasses:a,cssTextClasses:m,decoration:d,disabled:p,draggable:u,icon:j,iconPosition:x,id:f,onClick:b,rel:g,role:C,target:h,url:k,weight:N,...v},w)=>{const y=p?void 0:b,A=p?void 0:k,D=s(a?.link,m?.text),I={flexDirection:"left"===x?"row":"row-reverse"},O={color:n,fontWeight:N,textDecoration:d},P=r(v);/* @__PURE__ */
-return t.jsx(i,{ref:w,className:D,component:c,"data-testid":"link",disabled:p,draggable:u,id:f,rel:g,role:C,style:O,target:h,url:A,onClick:y,...P,children:j?/* @__PURE__ */t.jsxs("span",{className:a?.labelandiconcontainer,style:I,children:[
-/* @__PURE__ */t.jsx(l,{className:a?.icon,...j},"icon"),e]}):/* @__PURE__ */t.jsx("span",{style:I,children:e})})});export{n as LinkStandAlone};
+import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as e}from"react";import{Text as o}from"../text/text.js";import{ElementOrIcon as s}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{classNames as r}from"../../lib/utils/classNames/classNames.js";import{pickCustomAttributes as i}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{CustomComponent as l}from"../../lib/components/customComponent/customComponent.js";const n=e(({children:e,color:n,component:c=o,cssClasses:a,cssTextClasses:m,decoration:d,disabled:p,draggable:u,icon:j,iconPosition:x,id:b,onClick:f,rel:g,role:C,target:h,url:k,weight:N,...v},w)=>{const y=p?void 0:f,A=p?void 0:k,D=r(a?.link,m?.text),I={flexDirection:"left"===x?"row":"row-reverse"},O={color:n,fontWeight:N,textDecoration:d},P=i(v);/* @__PURE__ */
+return t.jsx(l,{ref:w,className:D,component:c,"data-testid":"link",disabled:p,draggable:u,id:b,rel:g,role:C,style:O,target:h,url:A,onClick:y,...P,children:j?/* @__PURE__ */t.jsxs("span",{className:a?.labelandiconcontainer,style:I,children:[
+/* @__PURE__ */t.jsx(s,{className:a?.icon,...j},"icon"),e]}):/* @__PURE__ */t.jsx("span",{style:I,children:e})})});export{n as LinkStandAlone};