@kubit-ui-web/react-components 2.0.0-beta.5 → 2.0.0-beta.51

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +1,3 @@
-const t=11,e=(t,e)=>t.getFullYear()===e.getFullYear(),n=({currentDate:n,maxDate:g,minDate:o})=>h=>e(g,o)?h===o.getMonth()?g.getMonth():h-1:e(g,n)?0===h?g.getMonth():h-1:e(o,n)?h===o.getMonth()?t:h-1:0===h?t:h-1,g=({currentDate:n,maxDate:g,minDate:o})=>h=>e(g,o)?h===g.getMonth()?o.getMonth():h+1:e(g,n)?h===g.getMonth()?0:h+1:e(o,n)?h===t?o.getMonth():h+1:h===t?0:h+1,o=({currentDate:n,maxDate:g,minDate:o})=>h=>e(g,o)?h===o.getMonth()?g.getMonth():h<=o.getMonth()+3?o.getMonth():h-3:e(o,n)?h===o.getMonth()?t:h>=o.getMonth()+3?h-3:o.getMonth():e(g,n)?0===h?g.getMonth():h<=3?0:h-3:0===h?t:h>=3?h-3:0,h=({currentDate:n,maxDate:g,minDate:o})=>h=>e(g,o)?h===g.getMonth()?o.getMonth():h>=g.getMonth()-3?g.getMonth():h+3:e(o,n)?h===t?o.getMonth():h>=o.getMonth()+3?t:h+3:e(g,n)?h===g.getMonth()?0:h<=g.getMonth()-3?h+3:g.getMonth():h===t?0:h>=8?t:h+3,M=t=>t;export{h as keyDownMove,n as keyLeftMove,g as keyRightMove,M as keyTabMove,o as keyUpMove};
+var FIRST_MONTH = 0, LAST_MONTH = 11, NUM_DAYS_IN_ROW = 3, DAYS_UNTIL_LAST_ROW = 8, isSameYear = (e, t) => e.getFullYear() === t.getFullYear();
+const keyLeftMove = ({ currentDate: n, maxDate: r, minDate: i }) => (a) => isSameYear(r, i) ? a === i.getMonth() ? r.getMonth() : a - 1 : isSameYear(r, n) ? a === FIRST_MONTH ? r.getMonth() : a - 1 : isSameYear(i, n) ? a === i.getMonth() ? LAST_MONTH : a - 1 : a === FIRST_MONTH ? LAST_MONTH : a - 1, keyRightMove = ({ currentDate: n, maxDate: r, minDate: i }) => (a) => isSameYear(r, i) ? a === r.getMonth() ? i.getMonth() : a + 1 : isSameYear(r, n) ? a === r.getMonth() ? FIRST_MONTH : a + 1 : isSameYear(i, n) ? a === LAST_MONTH ? i.getMonth() : a + 1 : a === LAST_MONTH ? FIRST_MONTH : a + 1, keyUpMove = ({ currentDate: r, maxDate: i, minDate: a }) => (o) => isSameYear(i, a) ? o === a.getMonth() ? i.getMonth() : o <= a.getMonth() + NUM_DAYS_IN_ROW ? a.getMonth() : o - NUM_DAYS_IN_ROW : isSameYear(a, r) ? o === a.getMonth() ? LAST_MONTH : o >= a.getMonth() + NUM_DAYS_IN_ROW ? o - NUM_DAYS_IN_ROW : a.getMonth() : isSameYear(i, r) ? o === FIRST_MONTH ? i.getMonth() : o <= NUM_DAYS_IN_ROW ? FIRST_MONTH : o - NUM_DAYS_IN_ROW : o === FIRST_MONTH ? LAST_MONTH : o >= NUM_DAYS_IN_ROW ? o - NUM_DAYS_IN_ROW : FIRST_MONTH, keyDownMove = ({ currentDate: i, maxDate: a, minDate: o }) => (s) => isSameYear(a, o) ? s === a.getMonth() ? o.getMonth() : s >= a.getMonth() - NUM_DAYS_IN_ROW ? a.getMonth() : s + NUM_DAYS_IN_ROW : isSameYear(o, i) ? s === LAST_MONTH ? o.getMonth() : s >= o.getMonth() + NUM_DAYS_IN_ROW ? LAST_MONTH : s + NUM_DAYS_IN_ROW : isSameYear(a, i) ? s === a.getMonth() ? FIRST_MONTH : s <= a.getMonth() - NUM_DAYS_IN_ROW ? s + NUM_DAYS_IN_ROW : a.getMonth() : s === LAST_MONTH ? FIRST_MONTH : s >= DAYS_UNTIL_LAST_ROW ? LAST_MONTH : s + NUM_DAYS_IN_ROW, keyTabMove = (e) => e;
+export { keyDownMove, keyLeftMove, keyRightMove, keyTabMove, keyUpMove };

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

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

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

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