@kubit-ui-web/react-components 2.0.0-beta.6 → 2.0.0-beta.62

package/dist/cjs/src/components/tooltip/tooltip.css

@@ -0,0 +1,54 @@
+.kbt-tooltip {
+  display: inline-block;
+}
+
+.kbt-tooltip__trigger-wrapper {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  border: none;
+  background: none;
+  min-height: 1.5rem;
+  min-width: 1.5rem;
+}
+
+.kbt-tooltip__external-container {
+  display: flex;
+}
+
+.kbt-tooltip__paragraph {
+  word-break: break-word;
+}
+
+.kbt-tooltip__inner-content {
+  overflow-y: auto;
+}
+
+.kbt-tooltip__arrow {
+  position: absolute;
+}
+
+.kbt-tooltip__arrow--top {
+  bottom: 100%;
+  left: 50%;
+  transform: translateX(-50%);
+}
+
+.kbt-tooltip__arrow--right {
+  top: 50%;
+  left: 100%;
+  transform: translateY(-50%);
+}
+
+.kbt-tooltip__arrow--bottom {
+  top: 100%;
+  left: 50%;
+  transform: translateX(-50%);
+}
+
+.kbt-tooltip__arrow--left {
+  top: 50%;
+  right: 100%;
+  transform: translateY(-50%);
+}

package/dist/esm/components/accordion/accordionControlled.mjs

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{forwardRef as r,useImperativeHandle as e,useRef as s}from"react";import{useClassName as n}from"../../lib/hooks/useClassName/useClassName.mjs";import{AccordionStandAlone as t}from"./accordionStandAlone.mjs";import{useAccordionContentOverflow as m}from"./hooks/useAccordionContentOverflow.mjs";import{useAccordionInertContent as c}from"./hooks/useAccordionInertContent.mjs";const i=r(({additionalClasses:r,children:i,expanded:a,variant:l,...d},f)=>{const p=n({additionalClassNames:r,component:"ACCORDION",variant:l});const C=s(null);e(f,()=>C.current,[]);m({expanded:a,ref:C});c({expanded:a,ref:C});return o(t,{ref:C,cssClasses:p,expanded:a,...d,children:i})});export{i as AccordionControlled};

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

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

package/dist/esm/components/accordion/accordionUnControlled.mjs

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{forwardRef as r,useState as e}from"react";import{AccordionControlled as n}from"./accordionControlled.mjs";const c=r(({children:r,defaultExpanded:c=false,onExpandCollapse:t,...d},i)=>{const[m,a]=e(c);const l=o=>{a(!m);t?.(!m,o)};return o(n,{ref:i,...d,expanded:m,onHeaderClick:l,children:r})});export{c as Accordion};

package/dist/esm/components/accordion/hooks/useAccordionContentOverflow.mjs

@@ -0,0 +1 @@
+import{useEffect as e,useRef as t}from"react";const n=({expanded:n,ref:r})=>{const o=t(n);e(()=>{const e=r.current?.querySelector("[data-kbt-accordion-content]");const t=e?.querySelector("[data-kbt-accordion-content-inner]");if(!(e instanceof HTMLElement)||!(t instanceof HTMLElement))return;if(o.current===n){const r=n?"visible":"hidden";e.style.overflow=r;t.style.overflow=r;return}o.current=n;e.style.overflow="hidden";t.style.overflow="hidden"},[n]);e(()=>{const e=e=>{const t=r.current?.querySelector("[data-kbt-accordion-content]");const n=t?.querySelector("[data-kbt-accordion-content-inner]");if(!(t instanceof HTMLElement)||!(n instanceof HTMLElement)||e.target!==t)return;if(o.current){t.style.overflow="visible";n.style.overflow="visible"}};r.current?.addEventListener("transitionend",e);return()=>{r.current?.removeEventListener("transitionend",e)}},[])};export{n as useAccordionContentOverflow};

package/dist/esm/components/accordion/hooks/useAccordionInertContent.mjs

@@ -0,0 +1 @@
+import{useEffect as t}from"react";const e=({expanded:e,ref:r})=>{t(()=>{const t=r.current?.querySelector("[data-kbt-accordion-content]");if(!(t instanceof HTMLElement))return;if(e)t.removeAttribute("inert");else t.setAttribute("inert","")},[e])};export{e as useAccordionInertContent};

package/dist/esm/components/accordion/index.mjs

@@ -0,0 +1 @@
+import{AccordionControlled as o}from"./accordionControlled.mjs";import{Accordion as r}from"./accordionUnControlled.mjs";export{r as Accordion,o as AccordionControlled};

package/dist/esm/components/accordion/types/index.mjs

@@ -0,0 +1 @@
+export*from"./accordion.mjs";export*from"./accordionTheme.mjs";

package/dist/esm/components/accordion/types/state.mjs

@@ -0,0 +1 @@
+const e={COLLAPSED:"collapsed",EXPANDED:"expanded"};export{e as STATE};

package/dist/esm/components/alert/alertControlled.mjs

@@ -0,0 +1 @@
+import{jsx as s}from"react/jsx-runtime";import{forwardRef as o}from"react";import{useClassName as r}from"../../lib/hooks/useClassName/useClassName.mjs";import{AlertStandAlone as e}from"./alertStandAlone.mjs";const t=o(({additionalClasses:o,variant:t,...m},a)=>{const l=r({additionalClassNames:o,component:"ALERT",variant:t});return s(e,{ref:a,cssClasses:l,...m})});export{t as Alert};

package/dist/esm/components/alert/alertStandAlone.mjs

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{forwardRef as o}from"react";import{Text as e}from"../text/text.mjs";import{pickCustomAttributes as r}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.mjs";import{processTextProp as i}from"../../lib/utils/process/processCommonProp.mjs";const s=o(({ariaLive:o="off",content:s,cssClasses:n,id:c,role:a,...m},d)=>{const l=m["data-testid"]||"alert";const{"data-testid":p,...f}=m;const u=r(f);const x=i(s);const b=()=>"string"==typeof s?t(e,{additionalClasses:{text:n?.description},component:"p",...x}):x.children;return t("div",{...u,ref:d,"aria-live":o,className:n?.container,"data-testid":l,id:c,role:a,children:t("div",{className:n?.contentcontainer,children:b()})})});export{s as AlertStandAlone};

package/dist/esm/components/alert/index.mjs

@@ -0,0 +1 @@
+import{Alert as r}from"./alertControlled.mjs";export{r as Alert};

package/dist/esm/components/avatar/avatar.mjs

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{forwardRef as i}from"react";import{useClassName as t}from"../../lib/hooks/useClassName/useClassName.mjs";import{useGenericComponents as e}from"../../lib/provider/genericComponentsProvider/genericComponentsProvider.mjs";import{AvatarStandAlone as r}from"./avatarStandAlone.mjs";const s=i(({additionalClasses:i,icon:s,image:n,initials:a,size:m,...c},p)=>{const{LINK:l}=e();const C=t({additionalClassNames:i,component:"AVATAR",variant:m});const d=n?"with-images":a?"with-initials":"with-icon";return o(r,{...c,ref:p,contentType:d,cssClasses:C,icon:s,image:n,initials:a,linkComponent:l})});export{s as Avatar};

package/dist/esm/components/avatar/avatarStandAlone.mjs

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{forwardRef as o}from"react";import{pickCustomAttributes as a}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.mjs";import{CustomComponent as n}from"../../lib/components/customComponent/customComponent.mjs";import{DrawContent as s}from"./fragments/drawContent.mjs";const e=o(({backgroundColor:o="color-default",contentType:e,cssClasses:r,dot:i,icon:m,image:c,initials:l,link:u,linkComponent:p="a",maxLengthInitials:d=2,onClick:b,...f},C)=>{const v={"data-background-type":o,"data-content-type":e};const y=a({...f,...v});const g=c?{backgroundImage:`url(${c})`}:void 0;if(u)return t(n,{ref:C,className:r?.avatar,component:p,"data-testid":"avatar",style:g,...y,...u,children:t(s,{contentType:e,cssClasses:r,customAttributes:v,dot:i,icon:m,initials:l,maxLengthInitials:d})});return t(n,{ref:C,className:r?.avatar,component:b?"button":"div","data-testid":"avatar",style:g,type:b&&"button",onClick:b,...y,children:t(s,{contentType:e,cssClasses:r,customAttributes:v,dot:i,icon:m,initials:l,maxLengthInitials:d})})});export{e as AvatarStandAlone};

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

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

package/dist/esm/components/avatar/index.mjs

@@ -0,0 +1 @@
+import{Avatar as a}from"./avatar.mjs";export{a as Avatar};

package/dist/esm/components/badge/badge.mjs

@@ -0,0 +1 @@
+import{jsx as s}from"react/jsx-runtime";import{forwardRef as e,useState as t}from"react";import{useClassName as o}from"../../lib/hooks/useClassName/useClassName.mjs";import{BadgeStandAlone as a}from"./badgeStandAlone.mjs";const r=e(({additionalSizeClasses:e,additionalVariantClasses:r,hasDot:n=true,onClick:c,size:m,variant:i,...l},f)=>{const[p,u]=t(false);const d=o({component:"BADGE",variant:i});const g=o({component:"BADGE",variant:m});const B=s=>{c?.(s);u(s=>!s)};const C=s=>{if(!s.currentTarget.contains(s.relatedTarget))u(false)};return s(a,{...l,ref:f,active:p,cssSizeClasses:g,cssVariantClasses:d,hasDot:n,onBadgeBlur:C,onClick:B})});export{r as Badge};

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

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

package/dist/esm/components/badge/index.mjs

@@ -0,0 +1 @@
+import{Badge as e}from"./badge.mjs";export{e as Badge};

package/dist/esm/components/breadcrumbs/breadcrumbs.mjs

@@ -0,0 +1 @@
+import{jsx as s}from"react/jsx-runtime";import{forwardRef as r}from"react";import{useClassName as m}from"../../lib/hooks/useClassName/useClassName.mjs";import{BreadcrumbsStandAlone as o}from"./breadcrumbsStandAlone.mjs";const e=r(({additionalClasses:r,variant:e,...a},t)=>{const n=m({additionalClassNames:r,component:"BREADCRUMBS",variant:e});return s(o,{...a,ref:t,cssClasses:n})});export{e as BreadCrumbs};

package/dist/esm/components/breadcrumbs/breadcrumbsStandAlone.mjs

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{forwardRef as t}from"react";import{pickCustomAttributes as e}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.mjs";import{CrumbStandAlone as a}from"./components/crumbStandAlone/crumbStandAlone.mjs";import{useIsOverflow as s}from"./hooks/useIsOverflow/useIsOverflow.mjs";import{crumbMaxCharName as m}from"./utils/crumbMaxCharName/crumbMaxCharName.mjs";const o=t(({crumbs:t,cssClasses:o,dividerIcon:i,id:n,lastOneCrumbComponent:c,link:l,minCharLimit:u=20,...d},b)=>{const{innerRef:p,isOverflow:f}=s();const C=e(d);const h=d["data-testid"]||"breadcrumbs";return r("div",{...C,ref:b,"aria-label":void 0,"data-testid":h,id:n,children:r("nav",{ref:p,"aria-label":d["aria-label"],children:r("ol",{className:o?.breadcrumbs,children:t?.map((e,s)=>{const n=s+1===t.length;return r(a,{crumb:m(e,u,f,n),cssClasses:o,"data-testid":`${h}-${s}`,dividerIcon:i,lastCrumb:n,lastOneCrumbComponent:c,link:l},e.name)})})})})});export{o as BreadcrumbsStandAlone};

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

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

package/dist/esm/components/breadcrumbs/hooks/useIsOverflow/useIsOverflow.mjs

@@ -0,0 +1 @@
+import{useEffect as e,useRef as n,useState as t}from"react";const r=()=>{const[r,o]=t(false);const s=n(null);e(()=>{const e=s.current;if(!e)return()=>null;const n=()=>{const n=e.offsetWidth>window.innerWidth;o(n)};n();window.addEventListener("resize",n);return()=>window.removeEventListener("resize",n)},[]);return{innerRef:s,isOverflow:r}};export{r as useIsOverflow};

package/dist/esm/components/breadcrumbs/index.mjs

@@ -0,0 +1 @@
+import{BreadCrumbs as r}from"./breadcrumbs.mjs";export{r as BreadCrumbs};

package/dist/esm/components/breadcrumbs/utils/crumbMaxCharName/crumbMaxCharName.mjs

@@ -0,0 +1 @@
+function e(e,n,r,a){const t=!a||a&&r;if(e.name.length>n&&t)return{...e,name:e.name.slice(0,n)+"..."};return e}export{e as crumbMaxCharName};

package/dist/esm/components/button/button.mjs

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

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

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

package/dist/esm/components/button/index.mjs

@@ -0,0 +1 @@
+import{Button as t}from"./button.mjs";export{t as Button};

package/dist/esm/components/calendar/calendar.mjs

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as t,useEffect as r,useState as s}from"react";import{useClassName as n}from"../../lib/hooks/useClassName/useClassName.mjs";import{CalendarStandAlone as a}from"./calendarStandAlone.mjs";const l=t(({additionalClasses:t,defaultCurrentDate:l,hasRange:o=false,maxDate:c=new Date,onSelectedDateChange:m,secondSelectedDate:u,selectedDate:i,variant:f="default",...d},D)=>{const C=n({additionalClassNames:t,component:"CALENDAR",variant:f});const p=()=>{let e;if(o)e=[i?i:null,u?u:null];else if(i)try{e=[i]}catch{e=[null]}else e=[null];return e};const[N,h]=s(p());const j=()=>{const e=l??new Date;if(!o&&i)return i;if(N[1])return N[1];if(N[0])return N[0];return e};const[x,A]=s(j());r(()=>{h(p())},[i]);r(()=>{A(j())},[l]);return e(a,{...d,ref:D,cssClasses:C,currentDate:x,hasRange:o,maxDate:c,selectedDate:N,setCurrentDate:A,setSelectedDate:e=>{h(i);m?.(e)}})});export{l as Calendar};

package/dist/esm/components/calendar/calendarStandAlone.mjs

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{forwardRef as a,useState as o}from"react";import{pickCustomAttributes as s}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.mjs";import{CustomComponent as r}from"../../lib/components/customComponent/customComponent.mjs";import{Header as c}from"./header/header.mjs";import{List as n}from"./list/list.mjs";import{MonthSelector as i}from"./selector/monthSelector/monthSelector.mjs";import{Selector as l}from"./selector/selector.mjs";import{YearSelector as m}from"./selector/yearSelector/yearSelector.mjs";const d=({configAccesibility:a,configCalendar:d,cssClasses:D,currentDate:h,customBackText:C="Back",disabledDates:u,formatWeekDayOption:S,hasRange:f,id:p,locale:y,maxDate:b=new Date,minDate:k,onDayClick:g,onDaySelectorClick:j,onLeftIconClick:w,onMonthClick:x,onMonthSelectorClick:A,onRightIconClick:N,onYearClick:v,onYearSelectorClick:M,selectedDate:Y,setCurrentDate:_,setSelectedDate:$,sundayFirst:B,...F},I)=>{const[L,R]=o(false);const[T,O]=o(false);const[U,W]=o(true);const Z=new Date;const q=s(F);const z=F["data-testid"]||"calendar";return t("div",{ref:I,className:D?.calendar,"data-calendar":true,"data-testid":z,id:p,...q,children:[e(l,{configAccesibility:a,configCalendar:d,cssClasses:D,currentDate:h,customBackText:C,maxDate:b,minDate:k,setCurrentDate:_,setShowDaySelector:W,setShowMonthSelector:R,setShowYearSelector:O,showDaySelector:U,showMonthSelector:L,showYearSelector:T,onDaySelectorClick:j,onLeftIconClick:w,onMonthSelectorClick:A,onRightIconClick:N,onYearSelectorClick:M}),t("div",{className:D?.container,children:[!L&&!T&&U&&t("table",{"aria-label":h.toLocaleDateString(y,{month:"long",timeZone:"UTC",year:"numeric"}),className:D?.table,children:[e(c,{cssClasses:D,formatWeekDayOption:S,isSundayFirst:B}),e(n,{cssClasses:D,currentDate:h,"data-testid":`${z}-item-list`,disabledDates:u,hasRange:f,maxDate:b,minDate:k,selectedDate:Y,setSelectedDate:$,sundayFirst:B,onDayClick:g})]}),L&&e(r,{className:"kbt-calendar__table",component:"div",children:e(i,{configAccesibility:a,cssClasses:D,currentDate:h,"data-testid":`${z}-month`,locale:y,maxDate:b,minDate:k,setCurrentDate:_,today:Z,onMonthClick:x})}),T&&e(r,{className:"kbt-calendar__table",component:"div",children:e(m,{configAccesibility:a,cssClasses:D,currentDate:h,"data-testid":`${z}-year`,maxDate:b,minDate:k,setCurrentDate:_,today:Z,onYearClick:v})})]})]})};const D=a(d);export{D as CalendarStandAlone};

package/dist/esm/components/calendar/constants/constants.mjs

@@ -0,0 +1 @@
+const o=7;export{o as WEEK_DAYS};

package/dist/esm/components/calendar/header/header.mjs

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{Text as r}from"../../text/text.mjs";import{useUtilsProvider as t}from"../../../lib/provider/utilsProvider/utilsProvider.mjs";import{WEEK_DAYS as o}from"../constants/constants.mjs";const a=({cssClasses:a,formatWeekDayOption:s="narrow",isSundayFirst:n=false})=>{const{dateHelpers:c}=t();return e("thead",{className:a?.headercontainer,children:e("tr",{className:a?.headerrow,children:c.getAllWeekdayName(s,n).map((t,s)=>e("th",{className:a?.weekdaycontainer,scope:"col",style:{width:`calc(100% / ${o})`},children:e(r,{component:"span",children:t})},`day-${t}-${s.toString()}`))})})};export{a as Header};

package/dist/esm/components/calendar/header/index.mjs

@@ -0,0 +1 @@
+import{Header as e}from"./header.mjs";export{e as Header};

package/dist/esm/components/calendar/index.mjs

@@ -0,0 +1 @@
+import{Calendar as r}from"./calendar.mjs";export{r as Calendar};

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

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

package/dist/esm/components/calendar/selector/index.mjs

@@ -0,0 +1 @@
+import{Selector as e}from"./selector.mjs";export{e as Selector};

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

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

package/dist/esm/components/calendar/selector/monthSelector/utils/index.mjs

@@ -0,0 +1 @@
+export*from"./monthSelector.utils.mjs";

package/dist/esm/components/calendar/selector/monthSelector/utils/monthSelector.utils.mjs

@@ -0,0 +1 @@
+const t=0;const e=11;const n=3;const r=8;const o=(t,e)=>t.getFullYear()===e.getFullYear();const M=({currentDate:n,maxDate:r,minDate:M})=>g=>{if(o(r,M))return g===M.getMonth()?r.getMonth():g-1;if(o(r,n))return g===t?r.getMonth():g-1;if(o(M,n))return g===M.getMonth()?e:g-1;return g===t?e:g-1};const g=({currentDate:n,maxDate:r,minDate:M})=>g=>{if(o(r,M))return g===r.getMonth()?M.getMonth():g+1;if(o(r,n))return g===r.getMonth()?t:g+1;if(o(M,n))return g===e?M.getMonth():g+1;return g===e?t:g+1};const h=({currentDate:r,maxDate:M,minDate:g})=>h=>{if(o(M,g)){if(h===g.getMonth())return M.getMonth();return h<=g.getMonth()+n?g.getMonth():h-n}if(o(g,r)){if(h===g.getMonth())return e;return h>=g.getMonth()+n?h-n:g.getMonth()}if(o(M,r)){if(h===t)return M.getMonth();return h<=n?t:h-n}if(h===t)return e;return h>=n?h-n:t};const u=({currentDate:M,maxDate:g,minDate:h})=>u=>{if(o(g,h)){if(u===g.getMonth())return h.getMonth();return u>=g.getMonth()-n?g.getMonth():u+n}if(o(h,M)){if(u===e)return h.getMonth();return u>=h.getMonth()+n?e:u+n}if(o(g,M)){if(u===g.getMonth())return t;return u<=g.getMonth()-n?u+n:g.getMonth()}if(u===e)return t;return u>=r?e:u+n};const f=t=>t;export{u as keyDownMove,M as keyLeftMove,g as keyRightMove,f as keyTabMove,h as keyUpMove};

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

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

package/dist/esm/components/calendar/selector/yearSelector/utils/index.mjs

@@ -0,0 +1 @@
+export*from"./yearSelector.utils.mjs";

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+import{STATES as e}from"../../../lib/types/states/states.mjs";const t="ddMMyyyy";const E=({dayFormatted:E,formatDate:s,hasRange:A,isGhostSelected:D,isSelectedToLeft:T,isSelectedToRight:i,selectedDate:_,today:f})=>{let l=e.DEFAULT;if(T(E))l=e.END_DATE_RANGE;else if(i(E))l=e.START_DATE_RANGE;else if(D(E))l=e.MIDLE_DATE_RANGE;else if(_[0]&&E&&!A&&s(_[0],t)===s(E,t))l=e.SELECTED;else if(E&&f===s(E,t))l=e.CURRENT_DAY;return l};export{E as getStateDay};

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

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

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

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

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

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

package/dist/esm/components/calendar/utils/index.mjs

@@ -0,0 +1 @@
+export*from"./getAllDaysInMonth.mjs";export*from"./getFirstDayOfMonth.mjs";export*from"./getState.mjs";export*from"./getYearList.mjs";export*from"./groupDaysByWeeks.mjs";export*from"./handleKeysmoves.mjs";export*from"./setMonth.mjs";export*from"./setYear.mjs";

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

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

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

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

package/dist/esm/components/card/card.mjs

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

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

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

package/dist/esm/components/card/index.mjs

@@ -0,0 +1 @@
+import{Card as r}from"./card.mjs";import{CardStandAlone as o}from"./cardStandAlone.mjs";export{r as Card,o as CardStandAlone};

package/dist/esm/components/carousel/carousel.mjs

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+const t="left";const s=20;const n=0;const o={PROPERTY_TO_HANDLE_TRANSITION_END:t,THRESHOLD_TO_DECIDE_IF_ALLOW_DRAGGING:s,THRESHOLD_TO_DECIDE_IF_SWIPE_ON_DRAG_ENDS:n};export{o as default};

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

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

package/dist/esm/components/carousel/index.mjs

@@ -0,0 +1 @@
+import{Carousel as E}from"./carousel.mjs";import{CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY as _,CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY as R}from"./types/carousel.mjs";export{_ as CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY,R as CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY,E as Carousel};

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

@@ -0,0 +1 @@
+const E="{{currentPage}}";const _="{{numPages}}";export{E as CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY,_ as CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY};

package/dist/esm/components/carousel/types/index.mjs

@@ -0,0 +1 @@
+import{CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY as E,CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY as _}from"./carousel.mjs";export{E as CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY,_ as CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY};

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

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

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

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

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

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

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

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

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

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

package/dist/esm/components/checkbox/components/index.mjs

@@ -0,0 +1 @@
+export*from"./label.mjs";

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

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

package/dist/esm/components/checkbox/index.mjs

@@ -0,0 +1 @@
+import{CheckboxControlled as o}from"./checkboxControlled.mjs";import{CheckboxUnControlled as e}from"./checkboxUnControlled.mjs";export*from"./types/index.mjs";export{e as Checkbox,o as CheckboxControlled};

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

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

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

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

package/dist/esm/components/checkbox/utils/index.mjs

@@ -0,0 +1 @@
+export*from"./aria.utils.mjs";export*from"./state.utils.mjs";

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

@@ -0,0 +1 @@
+import{CheckboxState as E}from"../types/state.mjs";const e=(e=false,r=false,t=false)=>{if(t&&!e)return E.ERROR_UNSELECTED;if(t)return E.ERROR_SELECTED;if(r&&!e)return E.DISABLED_UNSELECTED;if(r)return E.DISABLED_SELECTED;if(e)return E.SELECTED;return E.UNSELECTED};export{e as getCheckboxState};

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

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

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

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

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

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as o}from"react";import{CheckboxBaseControlled as r}from"./checkboxBaseControlled.mjs";import{useCheckbox as t}from"./hooks/useCheckbox.mjs";const s=o(({checked:o=false,disabled:s=false,onChange:c,...m},n)=>{const{handleToggleIsChecked:a,isChecked:i}=t({disabled:s,initialChecked:o});const l=e=>{c?.(e);a()};return e(r,{ref:n,...m,checked:i,disabled:s,onChange:l})});export{s as CheckboxBaseUnControlled};

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

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

package/dist/esm/components/checkboxBase/index.mjs

@@ -0,0 +1 @@
+import{CheckboxBaseControlled as o}from"./checkboxBaseControlled.mjs";import{CheckboxBaseUnControlled as e}from"./checkboxBaseUncontrolled.mjs";export*from"./types/index.mjs";export{e as CheckboxBase,o as CheckboxBaseControlled};