@zimyo/ui 1.0.0

package/dist/node_modules/embla-carousel-react/esm/embla-carousel-react.esm.js

@@ -0,0 +1,37 @@
+import { useRef, useState, useCallback, useEffect } from 'react';
+import { areOptionsEqual, arePluginsEqual, canUseDOM } from '../../embla-carousel-reactive-utils/esm/embla-carousel-reactive-utils.esm.js';
+import EmblaCarousel from '../../embla-carousel/esm/embla-carousel.esm.js';
+
+function useEmblaCarousel(options = {}, plugins = []) {
+  const storedOptions = useRef(options);
+  const storedPlugins = useRef(plugins);
+  const [emblaApi, setEmblaApi] = useState();
+  const [viewport, setViewport] = useState();
+  const reInit = useCallback(() => {
+    if (emblaApi) emblaApi.reInit(storedOptions.current, storedPlugins.current);
+  }, [emblaApi]);
+  useEffect(() => {
+    if (areOptionsEqual(storedOptions.current, options)) return;
+    storedOptions.current = options;
+    reInit();
+  }, [options, reInit]);
+  useEffect(() => {
+    if (arePluginsEqual(storedPlugins.current, plugins)) return;
+    storedPlugins.current = plugins;
+    reInit();
+  }, [plugins, reInit]);
+  useEffect(() => {
+    if (canUseDOM() && viewport) {
+      EmblaCarousel.globalOptions = useEmblaCarousel.globalOptions;
+      const newEmblaApi = EmblaCarousel(viewport, storedOptions.current, storedPlugins.current);
+      setEmblaApi(newEmblaApi);
+      return () => newEmblaApi.destroy();
+    } else {
+      setEmblaApi(undefined);
+    }
+  }, [viewport, setEmblaApi]);
+  return [setViewport, emblaApi];
+}
+useEmblaCarousel.globalOptions = undefined;
+
+export { useEmblaCarousel as default };

package/dist/node_modules/embla-carousel-reactive-utils/esm/embla-carousel-reactive-utils.esm.js

@@ -0,0 +1,38 @@
+function isObject(subject) {
+  return Object.prototype.toString.call(subject) === '[object Object]';
+}
+function isRecord(subject) {
+  return isObject(subject) || Array.isArray(subject);
+}
+function canUseDOM() {
+  return !!(typeof window !== 'undefined' && window.document && window.document.createElement);
+}
+function areOptionsEqual(optionsA, optionsB) {
+  const optionsAKeys = Object.keys(optionsA);
+  const optionsBKeys = Object.keys(optionsB);
+  if (optionsAKeys.length !== optionsBKeys.length) return false;
+  const breakpointsA = JSON.stringify(Object.keys(optionsA.breakpoints || {}));
+  const breakpointsB = JSON.stringify(Object.keys(optionsB.breakpoints || {}));
+  if (breakpointsA !== breakpointsB) return false;
+  return optionsAKeys.every(key => {
+    const valueA = optionsA[key];
+    const valueB = optionsB[key];
+    if (typeof valueA === 'function') return `${valueA}` === `${valueB}`;
+    if (!isRecord(valueA) || !isRecord(valueB)) return valueA === valueB;
+    return areOptionsEqual(valueA, valueB);
+  });
+}
+function sortAndMapPluginToOptions(plugins) {
+  return plugins.concat().sort((a, b) => a.name > b.name ? 1 : -1).map(plugin => plugin.options);
+}
+function arePluginsEqual(pluginsA, pluginsB) {
+  if (pluginsA.length !== pluginsB.length) return false;
+  const optionsA = sortAndMapPluginToOptions(pluginsA);
+  const optionsB = sortAndMapPluginToOptions(pluginsB);
+  return optionsA.every((optionA, index) => {
+    const optionB = optionsB[index];
+    return areOptionsEqual(optionA, optionB);
+  });
+}
+
+export { areOptionsEqual, arePluginsEqual, canUseDOM, sortAndMapPluginToOptions };

package/dist/node_modules/get-nonce/dist/es2015/index.js

@@ -0,0 +1,8 @@
+var getNonce = function () {
+    if (typeof __webpack_nonce__ !== 'undefined') {
+        return __webpack_nonce__;
+    }
+    return undefined;
+};
+
+export { getNonce };

package/dist/node_modules/input-otp/dist/index.js

@@ -0,0 +1,24 @@
+import * as React from 'react';
+
+var Bt=Object.defineProperty,At=Object.defineProperties;var kt=Object.getOwnPropertyDescriptors;var Y=Object.getOwnPropertySymbols;var gt=Object.prototype.hasOwnProperty,Et=Object.prototype.propertyIsEnumerable;var vt=(r,s,e)=>s in r?Bt(r,s,{enumerable:true,configurable:true,writable:true,value:e}):r[s]=e,St=(r,s)=>{for(var e in s||(s={}))gt.call(s,e)&&vt(r,e,s[e]);if(Y)for(var e of Y(s))Et.call(s,e)&&vt(r,e,s[e]);return r},bt=(r,s)=>At(r,kt(s));var Pt=(r,s)=>{var e={};for(var u in r)gt.call(r,u)&&s.indexOf(u)<0&&(e[u]=r[u]);if(r!=null&&Y)for(var u of Y(r))s.indexOf(u)<0&&Et.call(r,u)&&(e[u]=r[u]);return e};function ht(r){let s=setTimeout(r,0),e=setTimeout(r,10),u=setTimeout(r,50);return [s,e,u]}function _t(r){let s=React.useRef();return React.useEffect(()=>{s.current=r;}),s.current}var Ot=18,wt=40,Gt=`${wt}px`,xt=["[data-lastpass-icon-root]","com-1password-button","[data-dashlanecreated]",'[style$="2147483647 !important;"]'].join(",");function Tt({containerRef:r,inputRef:s,pushPasswordManagerStrategy:e,isFocused:u}){let[P,D]=React.useState(false),[G,H]=React.useState(false),[F,W]=React.useState(false),Z=React.useMemo(()=>e==="none"?false:(e==="increase-width"||e==="experimental-no-flickering")&&P&&G,[P,G,e]),T=React.useCallback(()=>{let f=r.current,h=s.current;if(!f||!h||F||e==="none")return;let a=f,B=a.getBoundingClientRect().left+a.offsetWidth,A=a.getBoundingClientRect().top+a.offsetHeight/2,z=B-Ot,q=A;document.querySelectorAll(xt).length===0&&document.elementFromPoint(z,q)===f||(D(true),W(true));},[r,s,F,e]);return React.useEffect(()=>{let f=r.current;if(!f||e==="none")return;function h(){let A=window.innerWidth-f.getBoundingClientRect().right;H(A>=wt);}h();let a=setInterval(h,1e3);return ()=>{clearInterval(a);}},[r,e]),React.useEffect(()=>{let f=u||document.activeElement===s.current;if(e==="none"||!f)return;let h=setTimeout(T,0),a=setTimeout(T,2e3),B=setTimeout(T,5e3),A=setTimeout(()=>{W(true);},6e3);return ()=>{clearTimeout(h),clearTimeout(a),clearTimeout(B),clearTimeout(A);}},[s,u,e,T]),{hasPWMBadge:P,willPushPWMBadge:Z,PWM_BADGE_SPACE_WIDTH:Gt}}var jt=React.createContext({}),Lt=React.forwardRef((A,B)=>{var z=A,{value:r,onChange:s,maxLength:e,textAlign:u="left",pattern:P,placeholder:D,inputMode:G="numeric",onComplete:H,pushPasswordManagerStrategy:F="increase-width",pasteTransformer:W,containerClassName:Z,noScriptCSSFallback:T=Nt,render:f,children:h}=z,a=Pt(z,["value","onChange","maxLength","textAlign","pattern","placeholder","inputMode","onComplete","pushPasswordManagerStrategy","pasteTransformer","containerClassName","noScriptCSSFallback","render","children"]);var X,lt,ut,dt,ft;let[q,nt]=React.useState(typeof a.defaultValue=="string"?a.defaultValue:""),i=r!=null?r:q,I=_t(i),x=React.useCallback(t=>{s==null||s(t),nt(t);},[s]),m=React.useMemo(()=>P?typeof P=="string"?new RegExp(P):P:null,[P]),l=React.useRef(null),K=React.useRef(null),J=React.useRef({value:i,onChange:x,isIOS:typeof window!="undefined"&&((lt=(X=window==null?void 0:window.CSS)==null?void 0:X.supports)==null?void 0:lt.call(X,"-webkit-touch-callout","none"))}),V=React.useRef({prev:[(ut=l.current)==null?void 0:ut.selectionStart,(dt=l.current)==null?void 0:dt.selectionEnd,(ft=l.current)==null?void 0:ft.selectionDirection]});React.useImperativeHandle(B,()=>l.current,[]),React.useEffect(()=>{let t=l.current,o=K.current;if(!t||!o)return;J.current.value!==t.value&&J.current.onChange(t.value),V.current.prev=[t.selectionStart,t.selectionEnd,t.selectionDirection];function d(){if(document.activeElement!==t){L(null),N(null);return}let c=t.selectionStart,b=t.selectionEnd,mt=t.selectionDirection,v=t.maxLength,C=t.value,_=V.current.prev,g=-1,E=-1,w;if(C.length!==0&&c!==null&&b!==null){let Dt=c===b,Ht=c===C.length&&C.length<v;if(Dt&&!Ht){let y=c;if(y===0)g=0,E=1,w="forward";else if(y===v)g=y-1,E=y,w="backward";else if(v>1&&C.length>1){let et=0;if(_[0]!==null&&_[1]!==null){w=y<_[1]?"backward":"forward";let Wt=_[0]===_[1]&&_[0]<v;w==="backward"&&!Wt&&(et=-1);}g=et+y,E=et+y+1;}}g!==-1&&E!==-1&&g!==E&&l.current.setSelectionRange(g,E,w);}let pt=g!==-1?g:c,Rt=E!==-1?E:b,yt=w!=null?w:mt;L(pt),N(Rt),V.current.prev=[pt,Rt,yt];}if(document.addEventListener("selectionchange",d,{capture:true}),d(),document.activeElement===t&&Q(true),!document.getElementById("input-otp-style")){let c=document.createElement("style");if(c.id="input-otp-style",document.head.appendChild(c),c.sheet){let b="background: transparent !important; color: transparent !important; border-color: transparent !important; opacity: 0 !important; box-shadow: none !important; -webkit-box-shadow: none !important; -webkit-text-fill-color: transparent !important;";$(c.sheet,"[data-input-otp]::selection { background: transparent !important; color: transparent !important; }"),$(c.sheet,`[data-input-otp]:autofill { ${b} }`),$(c.sheet,`[data-input-otp]:-webkit-autofill { ${b} }`),$(c.sheet,"@supports (-webkit-touch-callout: none) { [data-input-otp] { letter-spacing: -.6em !important; font-weight: 100 !important; font-stretch: ultra-condensed; font-optical-sizing: none !important; left: -1px !important; right: 1px !important; } }"),$(c.sheet,"[data-input-otp] + * { pointer-events: all !important; }");}}let R=()=>{o&&o.style.setProperty("--root-height",`${t.clientHeight}px`);};R();let p=new ResizeObserver(R);return p.observe(t),()=>{document.removeEventListener("selectionchange",d,{capture:true}),p.disconnect();}},[]);let[ot,rt]=React.useState(false),[j,Q]=React.useState(false),[M,L]=React.useState(null),[k,N]=React.useState(null);React.useEffect(()=>{ht(()=>{var R,p,c,b;(R=l.current)==null||R.dispatchEvent(new Event("input"));let t=(p=l.current)==null?void 0:p.selectionStart,o=(c=l.current)==null?void 0:c.selectionEnd,d=(b=l.current)==null?void 0:b.selectionDirection;t!==null&&o!==null&&(L(t),N(o),V.current.prev=[t,o,d]);});},[i,j]),React.useEffect(()=>{I!==void 0&&i!==I&&I.length<e&&i.length===e&&(H==null||H(i));},[e,H,I,i]);let O=Tt({containerRef:K,inputRef:l,pushPasswordManagerStrategy:F,isFocused:j}),st=React.useCallback(t=>{let o=t.currentTarget.value.slice(0,e);if(o.length>0&&m&&!m.test(o)){t.preventDefault();return}typeof I=="string"&&o.length<I.length&&document.dispatchEvent(new Event("selectionchange")),x(o);},[e,x,I,m]),at=React.useCallback(()=>{var t;if(l.current){let o=Math.min(l.current.value.length,e-1),d=l.current.value.length;(t=l.current)==null||t.setSelectionRange(o,d),L(o),N(d);}Q(true);},[e]),ct=React.useCallback(t=>{var g,E;let o=l.current;if(!W&&(!J.current.isIOS||!t.clipboardData||!o))return;let d=t.clipboardData.getData("text/plain"),R=W?W(d):d;t.preventDefault();let p=(g=l.current)==null?void 0:g.selectionStart,c=(E=l.current)==null?void 0:E.selectionEnd,v=(p!==c?i.slice(0,p)+R+i.slice(c):i.slice(0,p)+R+i.slice(p)).slice(0,e);if(v.length>0&&m&&!m.test(v))return;o.value=v,x(v);let C=Math.min(v.length,e-1),_=v.length;o.setSelectionRange(C,_),L(C),N(_);},[e,x,m,i]),It=React.useMemo(()=>({position:"relative",cursor:a.disabled?"default":"text",userSelect:"none",WebkitUserSelect:"none",pointerEvents:"none"}),[a.disabled]),it=React.useMemo(()=>({position:"absolute",inset:0,width:O.willPushPWMBadge?`calc(100% + ${O.PWM_BADGE_SPACE_WIDTH})`:"100%",clipPath:O.willPushPWMBadge?`inset(0 ${O.PWM_BADGE_SPACE_WIDTH} 0 0)`:void 0,height:"100%",display:"flex",textAlign:u,opacity:"1",color:"transparent",pointerEvents:"all",background:"transparent",caretColor:"transparent",border:"0 solid transparent",outline:"0 solid transparent",boxShadow:"none",lineHeight:"1",letterSpacing:"-.5em",fontSize:"var(--root-height)",fontFamily:"monospace",fontVariantNumeric:"tabular-nums"}),[O.PWM_BADGE_SPACE_WIDTH,O.willPushPWMBadge,u]),Mt=React.useMemo(()=>React.createElement("input",bt(St({autoComplete:a.autoComplete||"one-time-code"},a),{"data-input-otp":true,"data-input-otp-placeholder-shown":i.length===0||void 0,"data-input-otp-mss":M,"data-input-otp-mse":k,inputMode:G,pattern:m==null?void 0:m.source,"aria-placeholder":D,style:it,maxLength:e,value:i,ref:l,onPaste:t=>{var o;ct(t),(o=a.onPaste)==null||o.call(a,t);},onChange:st,onMouseOver:t=>{var o;rt(true),(o=a.onMouseOver)==null||o.call(a,t);},onMouseLeave:t=>{var o;rt(false),(o=a.onMouseLeave)==null||o.call(a,t);},onFocus:t=>{var o;at(),(o=a.onFocus)==null||o.call(a,t);},onBlur:t=>{var o;Q(false),(o=a.onBlur)==null||o.call(a,t);}})),[st,at,ct,G,it,e,k,M,a,m==null?void 0:m.source,i]),tt=React.useMemo(()=>({slots:Array.from({length:e}).map((t,o)=>{var c;let d=j&&M!==null&&k!==null&&(M===k&&o===M||o>=M&&o<k),R=i[o]!==void 0?i[o]:null,p=i[0]!==void 0?null:(c=D==null?void 0:D[o])!=null?c:null;return {char:R,placeholderChar:p,isActive:d,hasFakeCaret:d&&R===null}}),isFocused:j,isHovering:!a.disabled&&ot}),[j,ot,e,k,M,a.disabled,i]),Ct=React.useMemo(()=>f?f(tt):React.createElement(jt.Provider,{value:tt},h),[h,tt,f]);return React.createElement(React.Fragment,null,T!==null&&React.createElement("noscript",null,React.createElement("style",null,T)),React.createElement("div",{ref:K,"data-input-otp-container":true,style:It,className:Z},Ct,React.createElement("div",{style:{position:"absolute",inset:0,pointerEvents:"none"}},Mt)))});Lt.displayName="Input";function $(r,s){try{r.insertRule(s);}catch(e){console.error("input-otp could not insert CSS rule:",s);}}var Nt=`
+[data-input-otp] {
+  --nojs-bg: white !important;
+  --nojs-fg: black !important;
+
+  background-color: var(--nojs-bg) !important;
+  color: var(--nojs-fg) !important;
+  caret-color: var(--nojs-fg) !important;
+  letter-spacing: .25em !important;
+  text-align: center !important;
+  border: 1px solid var(--nojs-fg) !important;
+  border-radius: 4px !important;
+  width: 100% !important;
+}
+@media (prefers-color-scheme: dark) {
+  [data-input-otp] {
+    --nojs-bg: black !important;
+    --nojs-fg: white !important;
+  }
+}`;
+
+export { Lt as OTPInput, jt as OTPInputContext };

package/dist/node_modules/react-day-picker/dist/esm/DayPicker.js

@@ -0,0 +1,285 @@
+import React__default, { useMemo, useCallback, useRef } from 'react';
+import { TZDate } from '../../../@date-fns/tz/date/index.js';
+import '../../../@date-fns/tz/date/mini.js';
+import { UI, DayFlag, SelectionState } from './UI.js';
+import { DateLib } from './classes/DateLib.js';
+import { createGetModifiers } from './helpers/createGetModifiers.js';
+import { getClassNamesForModifiers } from './helpers/getClassNamesForModifiers.js';
+import { getComponents } from './helpers/getComponents.js';
+import { getDataAttributes } from './helpers/getDataAttributes.js';
+import { getDefaultClassNames } from './helpers/getDefaultClassNames.js';
+import { getFormatters } from './helpers/getFormatters.js';
+import { getMonthOptions } from './helpers/getMonthOptions.js';
+import { getStyleForModifiers } from './helpers/getStyleForModifiers.js';
+import { getWeekdays } from './helpers/getWeekdays.js';
+import { getYearOptions } from './helpers/getYearOptions.js';
+import * as index from './labels/index.js';
+import { useAnimation } from './useAnimation.js';
+import { useCalendar } from './useCalendar.js';
+import { dayPickerContext } from './useDayPicker.js';
+import { useFocus } from './useFocus.js';
+import { useSelection } from './useSelection.js';
+import { rangeIncludesDate } from './utils/rangeIncludesDate.js';
+import { isDateRange } from './utils/typeguards.js';
+import { enUS } from '../../../date-fns/locale/en-US.js';
+
+/**
+ * Renders the DayPicker calendar component.
+ *
+ * @param initialProps - The props for the DayPicker component.
+ * @returns The rendered DayPicker component.
+ * @group DayPicker
+ * @see https://daypicker.dev
+ */
+function DayPicker(initialProps) {
+    let props = initialProps;
+    if (props.timeZone) {
+        props = {
+            ...initialProps
+        };
+        if (props.today) {
+            props.today = new TZDate(props.today, props.timeZone);
+        }
+        if (props.month) {
+            props.month = new TZDate(props.month, props.timeZone);
+        }
+        if (props.defaultMonth) {
+            props.defaultMonth = new TZDate(props.defaultMonth, props.timeZone);
+        }
+        if (props.startMonth) {
+            props.startMonth = new TZDate(props.startMonth, props.timeZone);
+        }
+        if (props.endMonth) {
+            props.endMonth = new TZDate(props.endMonth, props.timeZone);
+        }
+        if (props.mode === "single" && props.selected) {
+            props.selected = new TZDate(props.selected, props.timeZone);
+        }
+        else if (props.mode === "multiple" && props.selected) {
+            props.selected = props.selected?.map((date) => new TZDate(date, props.timeZone));
+        }
+        else if (props.mode === "range" && props.selected) {
+            props.selected = {
+                from: props.selected.from
+                    ? new TZDate(props.selected.from, props.timeZone)
+                    : undefined,
+                to: props.selected.to
+                    ? new TZDate(props.selected.to, props.timeZone)
+                    : undefined
+            };
+        }
+    }
+    const { components, formatters, labels, dateLib, locale, classNames } = useMemo(() => {
+        const locale = { ...enUS, ...props.locale };
+        const dateLib = new DateLib({
+            locale,
+            weekStartsOn: props.broadcastCalendar ? 1 : props.weekStartsOn,
+            firstWeekContainsDate: props.firstWeekContainsDate,
+            useAdditionalWeekYearTokens: props.useAdditionalWeekYearTokens,
+            useAdditionalDayOfYearTokens: props.useAdditionalDayOfYearTokens,
+            timeZone: props.timeZone,
+            numerals: props.numerals
+        }, props.dateLib);
+        return {
+            dateLib,
+            components: getComponents(props.components),
+            formatters: getFormatters(props.formatters),
+            labels: { ...index, ...props.labels },
+            locale,
+            classNames: { ...getDefaultClassNames(), ...props.classNames }
+        };
+    }, [
+        props.locale,
+        props.broadcastCalendar,
+        props.weekStartsOn,
+        props.firstWeekContainsDate,
+        props.useAdditionalWeekYearTokens,
+        props.useAdditionalDayOfYearTokens,
+        props.timeZone,
+        props.numerals,
+        props.dateLib,
+        props.components,
+        props.formatters,
+        props.labels,
+        props.classNames
+    ]);
+    const { captionLayout, mode, navLayout, numberOfMonths = 1, onDayBlur, onDayClick, onDayFocus, onDayKeyDown, onDayMouseEnter, onDayMouseLeave, onNextClick, onPrevClick, showWeekNumber, styles } = props;
+    const { formatCaption, formatDay, formatMonthDropdown, formatWeekNumber, formatWeekNumberHeader, formatWeekdayName, formatYearDropdown } = formatters;
+    const calendar = useCalendar(props, dateLib);
+    const { days, months, navStart, navEnd, previousMonth, nextMonth, goToMonth } = calendar;
+    const getModifiers = createGetModifiers(days, props, dateLib);
+    const { isSelected, select, selected: selectedValue } = useSelection(props, dateLib) ?? {};
+    const { blur, focused, isFocusTarget, moveFocus, setFocused } = useFocus(props, calendar, getModifiers, isSelected ?? (() => false), dateLib);
+    const { labelDayButton, labelGridcell, labelGrid, labelMonthDropdown, labelNav, labelPrevious, labelNext, labelWeekday, labelWeekNumber, labelWeekNumberHeader, labelYearDropdown } = labels;
+    const weekdays = useMemo(() => getWeekdays(dateLib, props.ISOWeek), [dateLib, props.ISOWeek]);
+    const isInteractive = mode !== undefined || onDayClick !== undefined;
+    const handlePreviousClick = useCallback(() => {
+        if (!previousMonth)
+            return;
+        goToMonth(previousMonth);
+        onPrevClick?.(previousMonth);
+    }, [previousMonth, goToMonth, onPrevClick]);
+    const handleNextClick = useCallback(() => {
+        if (!nextMonth)
+            return;
+        goToMonth(nextMonth);
+        onNextClick?.(nextMonth);
+    }, [goToMonth, nextMonth, onNextClick]);
+    const handleDayClick = useCallback((day, m) => (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setFocused(day);
+        select?.(day.date, m, e);
+        onDayClick?.(day.date, m, e);
+    }, [select, onDayClick, setFocused]);
+    const handleDayFocus = useCallback((day, m) => (e) => {
+        setFocused(day);
+        onDayFocus?.(day.date, m, e);
+    }, [onDayFocus, setFocused]);
+    const handleDayBlur = useCallback((day, m) => (e) => {
+        blur();
+        onDayBlur?.(day.date, m, e);
+    }, [blur, onDayBlur]);
+    const handleDayKeyDown = useCallback((day, modifiers) => (e) => {
+        const keyMap = {
+            ArrowLeft: ["day", props.dir === "rtl" ? "after" : "before"],
+            ArrowRight: ["day", props.dir === "rtl" ? "before" : "after"],
+            ArrowDown: ["week", "after"],
+            ArrowUp: ["week", "before"],
+            PageUp: [e.shiftKey ? "year" : "month", "before"],
+            PageDown: [e.shiftKey ? "year" : "month", "after"],
+            Home: ["startOfWeek", "before"],
+            End: ["endOfWeek", "after"]
+        };
+        if (keyMap[e.key]) {
+            e.preventDefault();
+            e.stopPropagation();
+            const [moveBy, moveDir] = keyMap[e.key];
+            moveFocus(moveBy, moveDir);
+        }
+        onDayKeyDown?.(day.date, modifiers, e);
+    }, [moveFocus, onDayKeyDown, props.dir]);
+    const handleDayMouseEnter = useCallback((day, modifiers) => (e) => {
+        onDayMouseEnter?.(day.date, modifiers, e);
+    }, [onDayMouseEnter]);
+    const handleDayMouseLeave = useCallback((day, modifiers) => (e) => {
+        onDayMouseLeave?.(day.date, modifiers, e);
+    }, [onDayMouseLeave]);
+    const handleMonthChange = useCallback((date) => (e) => {
+        const selectedMonth = Number(e.target.value);
+        const month = dateLib.setMonth(dateLib.startOfMonth(date), selectedMonth);
+        goToMonth(month);
+    }, [dateLib, goToMonth]);
+    const handleYearChange = useCallback((date) => (e) => {
+        const selectedYear = Number(e.target.value);
+        const month = dateLib.setYear(dateLib.startOfMonth(date), selectedYear);
+        goToMonth(month);
+    }, [dateLib, goToMonth]);
+    const { className, style } = useMemo(() => ({
+        className: [classNames[UI.Root], props.className]
+            .filter(Boolean)
+            .join(" "),
+        style: { ...styles?.[UI.Root], ...props.style }
+    }), [classNames, props.className, props.style, styles]);
+    const dataAttributes = getDataAttributes(props);
+    const rootElRef = useRef(null);
+    useAnimation(rootElRef, Boolean(props.animate), {
+        classNames,
+        months,
+        focused,
+        dateLib
+    });
+    const contextValue = {
+        dayPickerProps: props,
+        selected: selectedValue,
+        select: select,
+        isSelected,
+        months,
+        nextMonth,
+        previousMonth,
+        goToMonth,
+        getModifiers,
+        components,
+        classNames,
+        styles,
+        labels,
+        formatters
+    };
+    return (React__default.createElement(dayPickerContext.Provider, { value: contextValue },
+        React__default.createElement(components.Root, { rootRef: props.animate ? rootElRef : undefined, className: className, style: style, dir: props.dir, id: props.id, lang: props.lang, nonce: props.nonce, title: props.title, role: props.role, "aria-label": props["aria-label"], ...dataAttributes },
+            React__default.createElement(components.Months, { className: classNames[UI.Months], style: styles?.[UI.Months] },
+                !props.hideNavigation && !navLayout && (React__default.createElement(components.Nav, { "data-animated-nav": props.animate ? "true" : undefined, className: classNames[UI.Nav], style: styles?.[UI.Nav], "aria-label": labelNav(), onPreviousClick: handlePreviousClick, onNextClick: handleNextClick, previousMonth: previousMonth, nextMonth: nextMonth })),
+                months.map((calendarMonth, displayIndex) => {
+                    const dropdownMonths = getMonthOptions(calendarMonth.date, navStart, navEnd, formatters, dateLib);
+                    const dropdownYears = getYearOptions(navStart, navEnd, formatters, dateLib);
+                    return (React__default.createElement(components.Month, { "data-animated-month": props.animate ? "true" : undefined, className: classNames[UI.Month], style: styles?.[UI.Month], key: displayIndex, displayIndex: displayIndex, calendarMonth: calendarMonth },
+                        navLayout === "around" &&
+                            !props.hideNavigation &&
+                            displayIndex === 0 && (React__default.createElement(components.PreviousMonthButton, { type: "button", className: classNames[UI.PreviousMonthButton], tabIndex: previousMonth ? undefined : -1, "aria-disabled": previousMonth ? undefined : true, "aria-label": labelPrevious(previousMonth), onClick: handlePreviousClick, "data-animated-button": props.animate ? "true" : undefined },
+                            React__default.createElement(components.Chevron, { disabled: previousMonth ? undefined : true, className: classNames[UI.Chevron], orientation: props.dir === "rtl" ? "right" : "left" }))),
+                        React__default.createElement(components.MonthCaption, { "data-animated-caption": props.animate ? "true" : undefined, className: classNames[UI.MonthCaption], style: styles?.[UI.MonthCaption], calendarMonth: calendarMonth, displayIndex: displayIndex }, captionLayout?.startsWith("dropdown") ? (React__default.createElement(components.DropdownNav, { className: classNames[UI.Dropdowns], style: styles?.[UI.Dropdowns] },
+                            captionLayout === "dropdown" ||
+                                captionLayout === "dropdown-months" ? (React__default.createElement(components.MonthsDropdown, { className: classNames[UI.MonthsDropdown], "aria-label": labelMonthDropdown(), classNames: classNames, components: components, disabled: Boolean(props.disableNavigation), onChange: handleMonthChange(calendarMonth.date), options: dropdownMonths, style: styles?.[UI.Dropdown], value: dateLib.getMonth(calendarMonth.date) })) : (React__default.createElement("span", null, formatMonthDropdown(calendarMonth.date, dateLib))),
+                            captionLayout === "dropdown" ||
+                                captionLayout === "dropdown-years" ? (React__default.createElement(components.YearsDropdown, { className: classNames[UI.YearsDropdown], "aria-label": labelYearDropdown(dateLib.options), classNames: classNames, components: components, disabled: Boolean(props.disableNavigation), onChange: handleYearChange(calendarMonth.date), options: dropdownYears, style: styles?.[UI.Dropdown], value: dateLib.getYear(calendarMonth.date) })) : (React__default.createElement("span", null, formatYearDropdown(calendarMonth.date, dateLib))),
+                            React__default.createElement("span", { role: "status", "aria-live": "polite", style: {
+                                    border: 0,
+                                    clip: "rect(0 0 0 0)",
+                                    height: "1px",
+                                    margin: "-1px",
+                                    overflow: "hidden",
+                                    padding: 0,
+                                    position: "absolute",
+                                    width: "1px",
+                                    whiteSpace: "nowrap",
+                                    wordWrap: "normal"
+                                } }, formatCaption(calendarMonth.date, dateLib.options, dateLib)))) : (React__default.createElement(components.CaptionLabel, { className: classNames[UI.CaptionLabel], role: "status", "aria-live": "polite" }, formatCaption(calendarMonth.date, dateLib.options, dateLib)))),
+                        navLayout === "around" &&
+                            !props.hideNavigation &&
+                            displayIndex === numberOfMonths - 1 && (React__default.createElement(components.NextMonthButton, { type: "button", className: classNames[UI.NextMonthButton], tabIndex: nextMonth ? undefined : -1, "aria-disabled": nextMonth ? undefined : true, "aria-label": labelNext(nextMonth), onClick: handleNextClick, "data-animated-button": props.animate ? "true" : undefined },
+                            React__default.createElement(components.Chevron, { disabled: nextMonth ? undefined : true, className: classNames[UI.Chevron], orientation: props.dir === "rtl" ? "left" : "right" }))),
+                        displayIndex === numberOfMonths - 1 &&
+                            navLayout === "after" &&
+                            !props.hideNavigation && (React__default.createElement(components.Nav, { "data-animated-nav": props.animate ? "true" : undefined, className: classNames[UI.Nav], style: styles?.[UI.Nav], "aria-label": labelNav(), onPreviousClick: handlePreviousClick, onNextClick: handleNextClick, previousMonth: previousMonth, nextMonth: nextMonth })),
+                        React__default.createElement(components.MonthGrid, { role: "grid", "aria-multiselectable": mode === "multiple" || mode === "range", "aria-label": labelGrid(calendarMonth.date, dateLib.options, dateLib) ||
+                                undefined, className: classNames[UI.MonthGrid], style: styles?.[UI.MonthGrid] },
+                            !props.hideWeekdays && (React__default.createElement(components.Weekdays, { "data-animated-weekdays": props.animate ? "true" : undefined, className: classNames[UI.Weekdays], style: styles?.[UI.Weekdays] },
+                                showWeekNumber && (React__default.createElement(components.WeekNumberHeader, { "aria-label": labelWeekNumberHeader(dateLib.options), className: classNames[UI.WeekNumberHeader], style: styles?.[UI.WeekNumberHeader], scope: "col" }, formatWeekNumberHeader())),
+                                weekdays.map((weekday, i) => (React__default.createElement(components.Weekday, { "aria-label": labelWeekday(weekday, dateLib.options, dateLib), className: classNames[UI.Weekday], key: i, style: styles?.[UI.Weekday], scope: "col" }, formatWeekdayName(weekday, dateLib.options, dateLib)))))),
+                            React__default.createElement(components.Weeks, { "data-animated-weeks": props.animate ? "true" : undefined, className: classNames[UI.Weeks], style: styles?.[UI.Weeks] }, calendarMonth.weeks.map((week, weekIndex) => {
+                                return (React__default.createElement(components.Week, { className: classNames[UI.Week], key: week.weekNumber, style: styles?.[UI.Week], week: week },
+                                    showWeekNumber && (React__default.createElement(components.WeekNumber, { week: week, style: styles?.[UI.WeekNumber], "aria-label": labelWeekNumber(week.weekNumber, {
+                                            locale
+                                        }), className: classNames[UI.WeekNumber], scope: "row", role: "rowheader" }, formatWeekNumber(week.weekNumber, dateLib))),
+                                    week.days.map((day) => {
+                                        const { date } = day;
+                                        const modifiers = getModifiers(day);
+                                        modifiers[DayFlag.focused] =
+                                            !modifiers.hidden &&
+                                                Boolean(focused?.isEqualTo(day));
+                                        modifiers[SelectionState.selected] =
+                                            isSelected?.(date) || modifiers.selected;
+                                        if (isDateRange(selectedValue)) {
+                                            // add range modifiers
+                                            const { from, to } = selectedValue;
+                                            modifiers[SelectionState.range_start] = Boolean(from && to && dateLib.isSameDay(date, from));
+                                            modifiers[SelectionState.range_end] = Boolean(from && to && dateLib.isSameDay(date, to));
+                                            modifiers[SelectionState.range_middle] =
+                                                rangeIncludesDate(selectedValue, date, true, dateLib);
+                                        }
+                                        const style = getStyleForModifiers(modifiers, styles, props.modifiersStyles);
+                                        const className = getClassNamesForModifiers(modifiers, classNames, props.modifiersClassNames);
+                                        const ariaLabel = !isInteractive && !modifiers.hidden
+                                            ? labelGridcell(date, modifiers, dateLib.options, dateLib)
+                                            : undefined;
+                                        return (React__default.createElement(components.Day, { key: `${dateLib.format(date, "yyyy-MM-dd")}_${dateLib.format(day.displayMonth, "yyyy-MM")}`, day: day, modifiers: modifiers, className: className.join(" "), style: style, role: "gridcell", "aria-selected": modifiers.selected || undefined, "aria-label": ariaLabel, "data-day": dateLib.format(date, "yyyy-MM-dd"), "data-month": day.outside
+                                                ? dateLib.format(date, "yyyy-MM")
+                                                : undefined, "data-selected": modifiers.selected || undefined, "data-disabled": modifiers.disabled || undefined, "data-hidden": modifiers.hidden || undefined, "data-outside": day.outside || undefined, "data-focused": modifiers.focused || undefined, "data-today": modifiers.today || undefined }, !modifiers.hidden && isInteractive ? (React__default.createElement(components.DayButton, { className: classNames[UI.DayButton], style: styles?.[UI.DayButton], type: "button", day: day, modifiers: modifiers, disabled: modifiers.disabled || undefined, tabIndex: isFocusTarget(day) ? 0 : -1, "aria-label": labelDayButton(date, modifiers, dateLib.options, dateLib), onClick: handleDayClick(day, modifiers), onBlur: handleDayBlur(day, modifiers), onFocus: handleDayFocus(day, modifiers), onKeyDown: handleDayKeyDown(day, modifiers), onMouseEnter: handleDayMouseEnter(day, modifiers), onMouseLeave: handleDayMouseLeave(day, modifiers) }, formatDay(date, dateLib.options, dateLib))) : (!modifiers.hidden &&
+                                            formatDay(day.date, dateLib.options, dateLib))));
+                                    })));
+                            })))));
+                })),
+            props.footer && (React__default.createElement(components.Footer, { className: classNames[UI.Footer], style: styles?.[UI.Footer], role: "status", "aria-live": "polite" }, props.footer)))));
+}
+
+export { DayPicker };

package/dist/node_modules/react-day-picker/dist/esm/UI.js

@@ -0,0 +1,122 @@
+/**
+ * Enum representing the UI elements composing DayPicker. These elements are
+ * mapped to {@link CustomComponents}, {@link ClassNames}, and {@link Styles}.
+ *
+ * Some elements are extended by flags and modifiers.
+ */
+var UI;
+(function (UI) {
+    /** The root component displaying the months and the navigation bar. */
+    UI["Root"] = "root";
+    /** The Chevron SVG element used by navigation buttons and dropdowns. */
+    UI["Chevron"] = "chevron";
+    /**
+     * The grid cell with the day's date. Extended by {@link DayFlag} and
+     * {@link SelectionState}.
+     */
+    UI["Day"] = "day";
+    /** The button containing the formatted day's date, inside the grid cell. */
+    UI["DayButton"] = "day_button";
+    /** The caption label of the month (when not showing the dropdown navigation). */
+    UI["CaptionLabel"] = "caption_label";
+    /** The container of the dropdown navigation (when enabled). */
+    UI["Dropdowns"] = "dropdowns";
+    /** The dropdown element to select for years and months. */
+    UI["Dropdown"] = "dropdown";
+    /** The container element of the dropdown. */
+    UI["DropdownRoot"] = "dropdown_root";
+    /** The root element of the footer. */
+    UI["Footer"] = "footer";
+    /** The month grid. */
+    UI["MonthGrid"] = "month_grid";
+    /** Contains the dropdown navigation or the caption label. */
+    UI["MonthCaption"] = "month_caption";
+    /** The dropdown with the months. */
+    UI["MonthsDropdown"] = "months_dropdown";
+    /** Wrapper of the month grid. */
+    UI["Month"] = "month";
+    /** The container of the displayed months. */
+    UI["Months"] = "months";
+    /** The navigation bar with the previous and next buttons. */
+    UI["Nav"] = "nav";
+    /**
+     * The next month button in the navigation. *
+     *
+     * @since 9.1.0
+     */
+    UI["NextMonthButton"] = "button_next";
+    /**
+     * The previous month button in the navigation.
+     *
+     * @since 9.1.0
+     */
+    UI["PreviousMonthButton"] = "button_previous";
+    /** The row containing the week. */
+    UI["Week"] = "week";
+    /** The group of row weeks in a month (`tbody`). */
+    UI["Weeks"] = "weeks";
+    /** The column header with the weekday. */
+    UI["Weekday"] = "weekday";
+    /** The row grouping the weekdays in the column headers. */
+    UI["Weekdays"] = "weekdays";
+    /** The cell containing the week number. */
+    UI["WeekNumber"] = "week_number";
+    /** The cell header of the week numbers column. */
+    UI["WeekNumberHeader"] = "week_number_header";
+    /** The dropdown with the years. */
+    UI["YearsDropdown"] = "years_dropdown";
+})(UI || (UI = {}));
+/** Enum representing flags for the {@link UI.Day} element. */
+var DayFlag;
+(function (DayFlag) {
+    /** The day is disabled. */
+    DayFlag["disabled"] = "disabled";
+    /** The day is hidden. */
+    DayFlag["hidden"] = "hidden";
+    /** The day is outside the current month. */
+    DayFlag["outside"] = "outside";
+    /** The day is focused. */
+    DayFlag["focused"] = "focused";
+    /** The day is today. */
+    DayFlag["today"] = "today";
+})(DayFlag || (DayFlag = {}));
+/**
+ * Enum representing selection states that can be applied to the {@link UI.Day}
+ * element in selection mode.
+ */
+var SelectionState;
+(function (SelectionState) {
+    /** The day is at the end of a selected range. */
+    SelectionState["range_end"] = "range_end";
+    /** The day is at the middle of a selected range. */
+    SelectionState["range_middle"] = "range_middle";
+    /** The day is at the start of a selected range. */
+    SelectionState["range_start"] = "range_start";
+    /** The day is selected. */
+    SelectionState["selected"] = "selected";
+})(SelectionState || (SelectionState = {}));
+/**
+ * Enum representing different animation states for transitioning between
+ * months.
+ */
+var Animation;
+(function (Animation) {
+    /** The entering weeks when they appear before the exiting month. */
+    Animation["weeks_before_enter"] = "weeks_before_enter";
+    /** The exiting weeks when they disappear before the entering month. */
+    Animation["weeks_before_exit"] = "weeks_before_exit";
+    /** The entering weeks when they appear after the exiting month. */
+    Animation["weeks_after_enter"] = "weeks_after_enter";
+    /** The exiting weeks when they disappear after the entering month. */
+    Animation["weeks_after_exit"] = "weeks_after_exit";
+    /** The entering caption when it appears after the exiting month. */
+    Animation["caption_after_enter"] = "caption_after_enter";
+    /** The exiting caption when it disappears after the entering month. */
+    Animation["caption_after_exit"] = "caption_after_exit";
+    /** The entering caption when it appears before the exiting month. */
+    Animation["caption_before_enter"] = "caption_before_enter";
+    /** The exiting caption when it disappears before the entering month. */
+    Animation["caption_before_exit"] = "caption_before_exit";
+})(Animation || (Animation = {}));
+
+export { Animation, DayFlag, SelectionState, UI };

package/dist/node_modules/react-day-picker/dist/esm/classes/CalendarDay.js

@@ -0,0 +1,30 @@
+import { defaultDateLib } from './DateLib.js';
+
+/**
+ * Represents a day displayed in the calendar.
+ *
+ * In DayPicker, a `CalendarDay` is a wrapper around a `Date` object that
+ * provides additional information about the day, such as whether it belongs to
+ * the displayed month.
+ */
+class CalendarDay {
+    constructor(date, displayMonth, dateLib = defaultDateLib) {
+        this.date = date;
+        this.displayMonth = displayMonth;
+        this.outside = Boolean(displayMonth && !dateLib.isSameMonth(date, displayMonth));
+        this.dateLib = dateLib;
+    }
+    /**
+     * Checks if this day is equal to another `CalendarDay`, considering both the
+     * date and the displayed month.
+     *
+     * @param day The `CalendarDay` to compare with.
+     * @returns `true` if the days are equal, otherwise `false`.
+     */
+    isEqualTo(day) {
+        return (this.dateLib.isSameDay(day.date, this.date) &&
+            this.dateLib.isSameMonth(day.displayMonth, this.displayMonth));
+    }
+}
+
+export { CalendarDay };

package/dist/node_modules/react-day-picker/dist/esm/classes/CalendarMonth.js

@@ -0,0 +1,14 @@
+/**
+ * Represents a month in a calendar year.
+ *
+ * A `CalendarMonth` contains the weeks within the month and the date of the
+ * month.
+ */
+class CalendarMonth {
+    constructor(month, weeks) {
+        this.date = month;
+        this.weeks = weeks;
+    }
+}
+
+export { CalendarMonth };

package/dist/node_modules/react-day-picker/dist/esm/classes/CalendarWeek.js

@@ -0,0 +1,13 @@
+/**
+ * Represents a week in a calendar month.
+ *
+ * A `CalendarWeek` contains the days within the week and the week number.
+ */
+class CalendarWeek {
+    constructor(weekNumber, days) {
+        this.days = days;
+        this.weekNumber = weekNumber;
+    }
+}
+
+export { CalendarWeek };