@kubit-ui-web/react-components 2.0.0-beta.47 → 2.0.0-beta.49

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

@@ -1 +1,35 @@
-import{jsx as s}from"react/jsx-runtime";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{processIconProp as i}from"../../lib/utils/process/processCommonProp.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},C)=>{const j=e({additionalClassNames:r,component:"BUTTON",variant:b}),N=e({additionalClassNames:a,component:"BUTTON",variant:p}),{setRef:g}=t({disabled:m,loading:c,ref:C,states:Object.values(o)});return l||i(d).icon?/* @__PURE__ */s(n,{...f,ref:g,cssSizeClasses:N,cssVariantClasses:j,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{jsxs as t,jsx as o,Fragment as i}from"react/jsx-runtime";import{forwardRef as s,useMemo as e,Children as l}from"react";import{ElementOrIcon as r}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{POSITIONS as a}from"../../lib/types/positions/positions.js";import{classNames as n}from"../../lib/utils/classNames/classNames.js";import{pickCustomAttributes as c}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processIconProp as m}from"../../lib/utils/process/processCommonProp.js";const d=s(({alignText:s,children:d,cssSizeClasses:p,cssVariantClasses:u,disabled:b,form:f,fullWidth:h,icon:j,iconPosition:C,id:x,loader:y,loading:N,minWidth:g,onClick:k,role:A,tabIndex:I,title:T,type:O,...P},W)=>{const v=e(()=>p?.dynamic_values({$alignText:s||"left"}).object,[s]),w={"data-content":l.toArray(d)[0],"data-full-width":h,"data-loading":N,"data-position":C||a.LEFT},z=c({...P,customAttributes:w});/* @__PURE__ */
-return t("button",{ref:W,className:n(p?.button,u?.button),"data-testid":"button",disabled:b,form:f,id:x,role:A,style:v,tabIndex:I,title:T,type:O,onClick:k,...z,...w,children:[!!y&&!!N&&/* @__PURE__ */o("span",{className:n(p?.loader,u?.loader),children:y}),!N&&/* @__PURE__ */t(i,{children:[
-/* @__PURE__ */o(r,{...m(j),className:n(p?.icon,u?.icon)}),d]})]})});export{d 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{jsx as e}from"react/jsx-runtime";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 r}from"./calendarStandAlone.js";const l=t(({additionalClasses:t,defaultCurrentDate:l,hasRange:o=!1,maxDate:c=/* @__PURE__ */new Date,onSelectedDateChange:m,secondSelectedDate:u,selectedDate:d,variant:i="default",...D},f)=>{const C=n({additionalClassNames:t,component:"CALENDAR",variant:i}),p=()=>{let e;if(o)e=[d||null,u||null];else if(d)try{e=[d]}catch{e=[null]}else e=[null];return e},[h,x]=a(p()),N=()=>{const e=l??/* @__PURE__ */new Date;return!o&&d?d:h[1]?h[1]:h[0]?h[0]:e},[S,g]=a(N());return s(()=>{x(p())},[d]),s(()=>{g(N())},[l]),/* @__PURE__ */e(r,{...D,ref:f,cssClasses:C,currentDate:S,hasRange:o,maxDate:c,selectedDate:h,setCurrentDate:g,setSelectedDate:e=>{x(d),m?.(e)}})});export{l 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{jsxs as e,jsx as t}from"react/jsx-runtime";import{forwardRef as a,useState as o}from"react";import{pickCustomAttributes as c}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{CustomComponent as s}from"../../lib/components/customComponent/customComponent.js";import{Header as r}from"./header/header.js";import{List as i}from"./list/list.js";import{MonthSelector as n}from"./selector/monthSelector/monthSelector.js";import{Selector as l}from"./selector/selector.js";import{YearSelector as m}from"./selector/yearSelector/yearSelector.js";const d=a(({configAccesibility:a,configCalendar:d,cssClasses:D,currentDate:C,customBackText:h="Back",disabledDates:k,formatWeekDayOption:u,hasRange:S,id:y,locale:f,maxDate:p=/* @__PURE__ */new Date,minDate:b,onDayClick:g,onDaySelectorClick:x,onLeftIconClick:j,onMonthClick:w,onMonthSelectorClick:A,onRightIconClick:M,onYearClick:Y,onYearSelectorClick:N,selectedDate:v,setCurrentDate:I,setSelectedDate:R,sundayFirst:_,...B},F)=>{const[L,T]=o(!1),[$,O]=o(!1),[W,U]=o(!0),Z=/* @__PURE__ */new Date,q=c(B),z=B["data-testid"]||"calendar";/* @__PURE__ */
-return e("div",{ref:F,className:D?.calendar,"data-calendar":!0,"data-testid":z,id:y,...q,children:[
-/* @__PURE__ */t(l,{configAccesibility:a,configCalendar:d,cssClasses:D,currentDate:C,customBackText:h,maxDate:p,minDate:b,setCurrentDate:I,setShowDaySelector:U,setShowMonthSelector:T,setShowYearSelector:O,showDaySelector:W,showMonthSelector:L,showYearSelector:$,onDaySelectorClick:x,onLeftIconClick:j,onMonthSelectorClick:A,onRightIconClick:M,onYearSelectorClick:N}),
-/* @__PURE__ */e("div",{className:D?.container,children:[!L&&!$&&W&&/* @__PURE__ */e("table",{"aria-label":C.toLocaleDateString(f,{month:"long",timeZone:"UTC",year:"numeric"}),className:D?.table,children:[
-/* @__PURE__ */t(r,{cssClasses:D,formatWeekDayOption:u,isSundayFirst:_}),
-/* @__PURE__ */t(i,{cssClasses:D,currentDate:C,"data-testid":`${z}-item-list`,disabledDates:k,hasRange:S,maxDate:p,minDate:b,selectedDate:v,setSelectedDate:R,sundayFirst:_,onDayClick:g})]}),L&&/* @__PURE__ */t(s,{className:"kbt-calendar__table",component:"div",children:/* @__PURE__ */t(n,{configAccesibility:a,cssClasses:D,currentDate:C,"data-testid":`${z}-month`,locale:f,maxDate:p,minDate:b,setCurrentDate:I,today:Z,onMonthClick:w})}),$&&/* @__PURE__ */t(s,{className:"kbt-calendar__table",component:"div",children:/* @__PURE__ */t(m,{configAccesibility:a,cssClasses:D,currentDate:C,"data-testid":`${z}-year`,maxDate:p,minDate:b,setCurrentDate:I,today:Z,onYearClick:Y})})]})]})});export{d 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{jsx as e}from"react/jsx-runtime";import{Text as r}from"../../text/text.js";import{useUtilsProvider as t}from"../../../lib/provider/utilsProvider/utilsProvider.js";import{WEEK_DAYS as s}from"../constants/constants.js";const a=({cssClasses:a,formatWeekDayOption:o="narrow",isSundayFirst:n=!1})=>{const{dateHelpers:i}=t();/* @__PURE__ */
-return e("thead",{className:a?.headercontainer,children:/* @__PURE__ */e("tr",{className:a?.headerrow,children:i.getAllWeekdayName(o,n).map((t,o)=>/* @__PURE__ */e("th",{className:a?.weekdaycontainer,scope:"col",style:{width:`calc(100% / ${s})`},children:/* @__PURE__ */e(r,{component:"span",children:t})},`day-${t}-${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,3 +1,116 @@
-import{jsx as e}from"react/jsx-runtime";import{useState as t,useMemo as a}from"react";import{CustomComponent as s}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 n}from"../../../lib/types/states/states.js";import{pickCustomAttributes as i}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 v,handleKeyDownMove as k}from"../utils/handleKeysmoves.js";const M="ddMMyyyy",S=({cssClasses:S,currentDate:j,disabledDates:w=[],hasRange:x,maxDate:A,minDate:C,onDayClick:E,selectedDate:F,setSelectedDate:$,sundayFirst:R,...I})=>{const{dateHelpers:L,formatDate:N,transformDate:B}=r(),P=j.getMonth()+1,T=j.getFullYear(),U=N(/* @__PURE__ */new Date,M),z=d(P,T),O=m(T,P-1)-(R?0:1),q=[...new Array(O>=0?O:6),...z],G=q.filter(e=>void 0===e),[H,K]=t(0),[W,Y]=t(0),J=I["data-testid"]||"calendar",Q={currentDate:j,dayList:q,daysAndEmptyDaysUntilMaxDate:D(G,A,j),firstEmptyAndDisabledDays:y(G,C,j),maxDate:A,minDate:C},V=a(()=>({calendarBlankDaysSize:G.length,currentFocusSelected:(F[0]?F[0].getDate():/* @__PURE__ */(new Date).getDate())+G.length-1,keyDownMove:k(Q),keyLeftMove:v(Q),keyPageDownMove:b(Q),keyPageUpMove:h(Q),keyRightMove:p(Q),keyTabMove:g,keyUpMove:f(Q),size:q.length}),[G.length,q.length,j,C,A]),[X,Z,_]=o(V),ee=e=>(e&&(X<G.length&&Z(G.length),X>q.length&&Z(q.length-1)),X===e),te=e=>{if(W){if(W<F[0])return e>W&&e<F[0];if(W>F[0])return e<W&&e>F[0]}else{if(e>F[0])return e<F[1];if(e<F[0])return e>F[1]}return!1},ae=e=>{if(!x)return!1;const t=F?.findIndex(t=>t&&e&&N(t,M)===N(e,M));return 0===t&&W?W<e:0===t?e>F[1]:1===t&&e>F[0]},se=e=>{if(!x)return!1;const t=F?.findIndex(t=>t&&e&&N(t,M)===N(e,M));return 0===t&&W?W>e:0===t?e<F[1]:1===t&&e<F[0]};/* @__PURE__ */
-return e("tbody",{ref:_,className:S?.tbody,"data-testid":"tbody-days-list",children:u(q).map((t,a)=>/* @__PURE__ */e("tr",{className:S?.tablerow,children:t.map((t,o)=>{const r=t||0;let d=!t||L.isBefore(t,C)||L.isAfter(t,B(N(A,M),M));d||(d=w.some(e=>t&&L.isDatesEqual(t,e,!1)));const m=c({dayFormatted:r,formatDate:N,hasRange:x,isGhostSelected:te,isSelectedToLeft:ae,isSelectedToRight:se,selectedDate:F,today:U}),u={"data-state":d?n.DISABLED:m};/* @__PURE__ */
-return e("td",t?{"aria-selected":m===n.SELECTED||void 0,className:S?.listelementrove,style:{width:`calc(100% / ${l})`},...i(u),children:/* @__PURE__ */e(s,{"aria-disabled":d,"aria-label":N(t,{day:"numeric",month:"long",weekday:"long",year:"numeric"}),className:S?.dayslist,component:"button","data-testid":`${J}-${o+l*a}`,focus:ee(o+l*a),index:o+l*a,type:"button",onMouseOver:()=>{1===H&&Y(r)},onSelectItem:()=>{d||(e=>{const[t,a]=F;x?t&&a||!t&&!a?($([e,0]),K(1),e instanceof Date&&E?.(e.getDate().toString())):($([t,e]),K(0),e instanceof Date&&E?.(e.getDate().toString())):($([e]),e instanceof Date&&E?.(e.getDate().toString()))})(r)},...i(u),children:t.getDate()})}:{"aria-hidden":!0,"aria-label":"empty day",className:S?.listelementempty,style:{width:`calc(100% / ${l})`}},`day${o+l*a}${r}`)})},`table-row-${a.toString()}`))})};export{S 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{jsx as t}from"react/jsx-runtime";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 n}from"../../../../lib/provider/utilsProvider/utilsProvider.js";import{STATES as a}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:A,today:C,...v})=>{const{dateHelpers:y,transformDate:E}=n(),j=v["data-testid"]||"calendar",k={currentDate:D,maxDate:b,minDate:M},S=e(()=>({currentFocusSelected:D?D.getMonth():/* @__PURE__ */(new Date).getMonth(),keyDownMove:h(k),keyLeftMove:p(k),keyRightMove:u(k),keyTabMove:c,keyUpMove:m(k),size:y.getAllMonthName("long").length}),[y.getAllMonthName("long").length,D]),[x,,F]=r(S),L=t=>{const e=D?.getFullYear();return M?.getFullYear()===e&&M?.getMonth()>t||b?.getFullYear()===e&&b?.getMonth()<t};/* @__PURE__ */
-return t("ul",{ref:F,"aria-label":d?.monthSelectorAriaLabel,className:g?.monthslist,"data-testid":"tbody-months-list",children:y.getAllMonthName("long",v.locale).map((e,r)=>{const n=((t,e,o)=>{let s;return s=t.getMonth()===e?a.SELECTED:e===C.getMonth()?a.CURRENT:o?a.DISABLED:a.DEFAULT,s})(D,r,L(r)),m={"data-state":L(r)?a.DISABLED:n};/* @__PURE__ */
-return t("li",{"aria-selected":n===a.SELECTED||void 0,className:g?.monthlistitem,...l(m),children:/* @__PURE__ */t(s,{"aria-disabled":L(r),"aria-label":e.charAt(0).toUpperCase()+e.slice(1),className:g?.monthelement,component:"button",focus:x===r,index:r,type:"button",...l(m),onSelectItem:()=>{const t=new Date(D);A(E(i(t,r))),f?.(e)},children:/* @__PURE__ */t(o,{component:"span","data-testid":j,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{jsxs as e,jsx as t}from"react/jsx-runtime";import{Button as o}from"../../button/button.js";import{Text as r}from"../../text/text.js";import{ElementOrIcon as a}from"../../../lib/components/elementOrIcon/elementOrIcon.js";import{useUtilsProvider as n}from"../../../lib/provider/utilsProvider/utilsProvider.js";import{processIconProp as l}from"../../../lib/utils/process/processCommonProp.js";const i=({configAccesibility:i,configCalendar:s,cssClasses:c,currentDate:d,customBackText:m,maxDate:u,minDate:h,onDaySelectorClick:b,onLeftIconClick:S,onMonthSelectorClick:p,onRightIconClick:y,onYearSelectorClick:C,setCurrentDate:g,setShowDaySelector:v,setShowMonthSelector:f,setShowYearSelector:w,showDaySelector:k,showMonthSelector:D,showYearSelector:x,useDaySelector:A=!1})=>{const{dateHelpers:j,formatDate:M}=n(),{leftArrowIcon:I,rightArrowIcon:Y,sizeSelectorButton:N,variantSelectorButton:z}=s,L=e=>{g(e)},R=A,B=(D||x)&&!R,F=e=>!B&&e.getMonth()===d.getMonth()&&e.getFullYear()===d.getFullYear(),P=(e,a,n,l)=>{const i=()=>{switch(e){case"day":return d.getDate();case"month":return(t=M(d,{month:"long"})).charAt(0).toUpperCase()+t.slice(1);case"year":return d.getFullYear();default:return null}var t};/* @__PURE__ */
-return t(o,{additionalSizeClasses:N?void 0:c?.button_size,additionalVariantClasses:z?void 0:c?.button_variant,"aria-label":n,disabled:a,role:l,size:N,variant:z,onClick:t=>{v("day"===e),f("month"===e),w("year"===e),"day"===e?b?.(i()?.toString(),t):"month"===e?p?.(i()?.toString(),t):C?.(i()?.toString(),t)},children:/* @__PURE__ */t(r,{component:"span",children:i()})})},O={"data-state":F(h)};/* @__PURE__ */
-return e("div",{className:c?.selectorcontainer,style:{justifyContent:R?"center":"space-between"},children:[
-/* @__PURE__ */e("button",{"aria-label":B?"":I["aria-label"],className:c?.selectoriconandbacktextcontainer,"data-testid":"previous-button",type:"button",onClick:e=>{(()=>{const e=new Date(d);B?w(!1):L(j.getSubMonths(e,1)),f(!1),v(!0)})(),l(I).onClick?.(e),S?.(e)},children:[
-/* @__PURE__ */t(a,{className:c?.leftarrow,customAttributes:O,disabled:F(h),...l(I),"aria-label":void 0}),B&&/* @__PURE__ */t(r,{additionalClasses:{text:c?.backtext},component:"span",children:m})]}),
-/* @__PURE__ */e("div",{className:c?.selectoroptionscontainer,children:[R&&P("day",k,i?.daySelectorAriaLabel,i?.daySelectorRole),P("month",D,i?.monthSelectorAriaLabel,i?.monthSelectorRole),P("year",x,i?.yearSelectorAriaLabel,i?.yearSelectorRole)]}),
-/* @__PURE__ */t("span",{style:{visibility:B?"hidden":"visible"},children:/* @__PURE__ */t(a,{className:c?.rightarrow,customAttributes:O,"data-testid":"next-button",disabled:F(u),onClick:e=>{(()=>{const e=new Date(d);L(j.getAddMonths(e,1))})(),l(Y).onClick?.(e),y?.(e)},...l(Y)})})]})};export{i 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 };