@rio-cloud/rio-uikit 2.5.0 → 3.0.0-beta.1

package/components/datepicker/dayPickerUtils.js

@@ -1,115 +1,96 @@
-import { parse as i, format as a, isValid as m } from "date-fns";
-import * as e from "date-fns/locale";
-import { IMask as d } from "react-imask";
-const f = {
-  "bg-BG": "dd.MM.yyyy",
-  "cs-CZ": "dd.MM.yyyy",
-  "da-DK": "dd-MM-yyyy",
-  "de-DE": "dd.MM.yyyy",
-  "el-GR": "dd/MM/yyyy",
-  "en-GB": "dd/MM/yyyy",
-  "es-ES": "dd/MM/yyyy",
-  "et-EE": "dd.MM.yyyy",
-  "fi-FI": "dd.MM.yyyy",
-  "fr-FR": "dd/MM/yyyy",
-  "hr-HR": "dd.MM.yyyy",
-  "hu-HU": "yyyy. MM. dd.",
-  "it-IT": "dd/MM/yyyy",
-  "lt-LT": "dd-MM-yyyy",
-  "lv-LV": "dd.MM.yyyy",
-  "nb-NO": "dd.MM.yyyy",
-  "nl-NL": "dd-MM-yyyy",
-  "pl-PL": "dd.MM.yyyy",
-  "pt-BR": "dd/MM/yyyy",
-  "pt-PT": "dd/MM/yyyy",
-  "ro-RO": "dd.MM.yyyy",
-  "sk-SK": "dd.MM.yyyy",
-  "sl-SI": "dd.MM.yyyy",
-  "sv-SE": "yyyy-MM-dd"
-}, k = Object.keys(f), h = (y) => {
-  const r = y.trim(), t = r.replace(/-([a-z])/gi, (n, M) => M.toUpperCase()), o = r.split("-")[0];
-  return e[t] || e[r] || e[o] || e.enGB;
-}, p = (y, r, t) => y ? a(y, s(r, t)) : "", L = (y, r, t, o) => {
-  if (!y)
-    return "";
-  const n = (M) => p(M, r, o);
-  if (t === "single" && y instanceof Date)
-    return n(y);
-  if (t === "multiple" && Array.isArray(y))
-    return y.map(n).join(", ");
-  if (t === "range" && typeof y == "object" && "from" in y) {
-    const M = y.from ? n(y.from) : "...", c = y.to ? n(y.to) : "...";
-    return `${M} - ${c}`;
-  }
-  return "";
-}, s = (y, r) => r || f[y] || "yyyy-MM-dd", u = (y) => {
-  let r = "";
-  for (let t = 0; t < y.length; ) {
-    if (y.startsWith("dd", t)) {
-      r += "d", t += 2;
-      continue;
-    }
-    if (y.startsWith("MM", t)) {
-      r += "m", t += 2;
-      continue;
-    }
-    if (y.startsWith("yyyy", t)) {
-      r += "Y", t += 4;
-      continue;
-    }
-    if (y.startsWith("HH", t)) {
-      r += "H", t += 2;
-      continue;
-    }
-    if (y.startsWith("mm", t)) {
-      r += "M", t += 2;
-      continue;
-    }
-    const o = y[t];
-    if (!o)
-      break;
-    if (/[a-zA-Z]/.test(o))
-      return;
-    r += o, t += 1;
-  }
-  return r;
-}, D = (y, r) => {
-  const t = s(y, r), o = u(t);
-  if (o)
-    return {
-      mask: Date,
-      pattern: o,
-      blocks: {
-        H: {
-          mask: d.MaskedRange,
-          from: 0,
-          to: 23,
-          maxLength: 2
-        },
-        M: {
-          mask: d.MaskedRange,
-          from: 0,
-          to: 59,
-          maxLength: 2
-        }
-      },
-      format: (n) => n ? a(n, t) : "",
-      parse: (n) => i(n, t, /* @__PURE__ */ new Date())
-    };
-}, I = (y, r, t) => {
-  if (!y)
-    return;
-  const o = t || s(r), n = i(y, o, /* @__PURE__ */ new Date());
-  if (m(n) && a(n, o) === y)
-    return n;
+import { IMask as e } from "react-imask";
+import { format as t, isValid as n, parse as r } from "date-fns";
+import * as i from "date-fns/locale";
+//#region src/components/datepicker/dayPickerUtils.ts
+var a = {
+	"bg-BG": "dd.MM.yyyy",
+	"cs-CZ": "dd.MM.yyyy",
+	"da-DK": "dd-MM-yyyy",
+	"de-DE": "dd.MM.yyyy",
+	"el-GR": "dd/MM/yyyy",
+	"en-GB": "dd/MM/yyyy",
+	"es-ES": "dd/MM/yyyy",
+	"et-EE": "dd.MM.yyyy",
+	"fi-FI": "dd.MM.yyyy",
+	"fr-FR": "dd/MM/yyyy",
+	"hr-HR": "dd.MM.yyyy",
+	"hu-HU": "yyyy. MM. dd.",
+	"it-IT": "dd/MM/yyyy",
+	"lt-LT": "dd-MM-yyyy",
+	"lv-LV": "dd.MM.yyyy",
+	"nb-NO": "dd.MM.yyyy",
+	"nl-NL": "dd-MM-yyyy",
+	"pl-PL": "dd.MM.yyyy",
+	"pt-BR": "dd/MM/yyyy",
+	"pt-PT": "dd/MM/yyyy",
+	"ro-RO": "dd.MM.yyyy",
+	"sk-SK": "dd.MM.yyyy",
+	"sl-SI": "dd.MM.yyyy",
+	"sv-SE": "yyyy-MM-dd"
+}, o = Object.keys(a), s = (e) => {
+	let t = e.trim(), n = t.replace(/-([a-z])/gi, (e, t) => t.toUpperCase()), r = t.split("-")[0];
+	return i[n] || i[t] || i[r] || i.enGB;
+}, c = (e, n, r) => e ? t(e, u(n, r)) : "", l = (e, t, n, r) => {
+	if (!e) return "";
+	let i = (e) => c(e, t, r);
+	return n === "single" && e instanceof Date ? i(e) : n === "multiple" && Array.isArray(e) ? e.map(i).join(", ") : n === "range" && typeof e == "object" && "from" in e ? `${e.from ? i(e.from) : "..."} - ${e.to ? i(e.to) : "..."}` : "";
+}, u = (e, t) => t || a[e] || "yyyy-MM-dd", d = (e) => {
+	let t = "";
+	for (let n = 0; n < e.length;) {
+		if (e.startsWith("dd", n)) {
+			t += "d", n += 2;
+			continue;
+		}
+		if (e.startsWith("MM", n)) {
+			t += "m", n += 2;
+			continue;
+		}
+		if (e.startsWith("yyyy", n)) {
+			t += "Y", n += 4;
+			continue;
+		}
+		if (e.startsWith("HH", n)) {
+			t += "H", n += 2;
+			continue;
+		}
+		if (e.startsWith("mm", n)) {
+			t += "M", n += 2;
+			continue;
+		}
+		let r = e[n];
+		if (!r) break;
+		if (/[a-zA-Z]/.test(r)) return;
+		t += r, n += 1;
+	}
+	return t;
+}, f = (n, i) => {
+	let a = u(n, i), o = d(a);
+	if (o) return {
+		mask: Date,
+		pattern: o,
+		blocks: {
+			H: {
+				mask: e.MaskedRange,
+				from: 0,
+				to: 23,
+				maxLength: 2
+			},
+			M: {
+				mask: e.MaskedRange,
+				from: 0,
+				to: 59,
+				maxLength: 2
+			}
+		},
+		format: (e) => e ? t(e, a) : "",
+		parse: (e) => r(e, a, /* @__PURE__ */ new Date())
+	};
+}, p = (e, i, a) => {
+	if (!e) return;
+	let o = a || u(i), s = r(e, o, /* @__PURE__ */ new Date());
+	if (n(s) && t(s, o) === e) return s;
 };
-export {
-  p as formatDate,
-  L as formatSelectionForInput,
-  s as getInputFormat,
-  D as getInputMaskProps,
-  I as parseDateString,
-  h as resolveLocale,
-  k as supportedDayPickerLocales
-};
-//# sourceMappingURL=dayPickerUtils.js.map
+//#endregion
+export { c as formatDate, l as formatSelectionForInput, u as getInputFormat, f as getInputMaskProps, p as parseDateString, s as resolveLocale, o as supportedDayPickerLocales };
+
+//# sourceMappingURL=dayPickerUtils.js.map

package/components/datepicker/dayPickerUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"dayPickerUtils.js","sources":["../../../src/components/datepicker/dayPickerUtils.ts"],"sourcesContent":["import { format, isValid, parse, type Locale } from 'date-fns';\nimport * as locales from 'date-fns/locale';\nimport { IMask } from 'react-imask';\n\nimport type { ClearableInputProps } from '../clearableInput/ClearableInput';\nimport type { DateRange, DayPickerMode } from './dayPickerTypes';\n\nconst localeFormatMap: Record<string, string> = {\n    'bg-BG': 'dd.MM.yyyy',\n    'cs-CZ': 'dd.MM.yyyy',\n    'da-DK': 'dd-MM-yyyy',\n    'de-DE': 'dd.MM.yyyy',\n    'el-GR': 'dd/MM/yyyy',\n    'en-GB': 'dd/MM/yyyy',\n    'es-ES': 'dd/MM/yyyy',\n    'et-EE': 'dd.MM.yyyy',\n    'fi-FI': 'dd.MM.yyyy',\n    'fr-FR': 'dd/MM/yyyy',\n    'hr-HR': 'dd.MM.yyyy',\n    'hu-HU': 'yyyy. MM. dd.',\n    'it-IT': 'dd/MM/yyyy',\n    'lt-LT': 'dd-MM-yyyy',\n    'lv-LV': 'dd.MM.yyyy',\n    'nb-NO': 'dd.MM.yyyy',\n    'nl-NL': 'dd-MM-yyyy',\n    'pl-PL': 'dd.MM.yyyy',\n    'pt-BR': 'dd/MM/yyyy',\n    'pt-PT': 'dd/MM/yyyy',\n    'ro-RO': 'dd.MM.yyyy',\n    'sk-SK': 'dd.MM.yyyy',\n    'sl-SI': 'dd.MM.yyyy',\n    'sv-SE': 'yyyy-MM-dd',\n};\n\nexport const supportedDayPickerLocales = Object.keys(localeFormatMap);\n\nexport const resolveLocale = (localeCode: string): Locale => {\n    const normalizedLocaleCode = localeCode.trim();\n    const dateFnsLocaleKey = normalizedLocaleCode.replace(/-([a-z])/gi, (_, segment: string) => segment.toUpperCase());\n    const baseCode = normalizedLocaleCode.split('-')[0];\n\n    return (\n        (locales as Record<string, Locale>)[dateFnsLocaleKey] ||\n        (locales as Record<string, Locale>)[normalizedLocaleCode] ||\n        (locales as Record<string, Locale>)[baseCode] ||\n        locales.enGB\n    );\n};\n\nexport const formatDate = (date: Date | undefined, localeCode: string, dateFormat?: string): string => {\n    if (!date) {\n        return '';\n    }\n\n    return format(date, getInputFormat(localeCode, dateFormat));\n};\n\nexport const formatSelectionForInput = (\n    selected: Date | Date[] | DateRange | undefined,\n    localeCode: string,\n    mode: DayPickerMode,\n    dateFormat?: string\n): string => {\n    if (!selected) {\n        return '';\n    }\n\n    const formatFn = (date: Date) => formatDate(date, localeCode, dateFormat);\n\n    if (mode === 'single' && selected instanceof Date) {\n        return formatFn(selected);\n    }\n\n    if (mode === 'multiple' && Array.isArray(selected)) {\n        return selected.map(formatFn).join(', ');\n    }\n\n    if (mode === 'range' && typeof selected === 'object' && 'from' in selected) {\n        const from = selected.from ? formatFn(selected.from) : '...';\n        const to = selected.to ? formatFn(selected.to) : '...';\n        return `${from} - ${to}`;\n    }\n\n    return '';\n};\n\nexport const getInputFormat = (localeCode: string, dateFormat?: string) =>\n    dateFormat || localeFormatMap[localeCode] || 'yyyy-MM-dd';\n\nconst getInputMaskPattern = (inputFormat: string) => {\n    let pattern = '';\n\n    for (let index = 0; index < inputFormat.length; ) {\n        if (inputFormat.startsWith('dd', index)) {\n            pattern += 'd';\n            index += 2;\n            continue;\n        }\n\n        if (inputFormat.startsWith('MM', index)) {\n            pattern += 'm';\n            index += 2;\n            continue;\n        }\n\n        if (inputFormat.startsWith('yyyy', index)) {\n            pattern += 'Y';\n            index += 4;\n            continue;\n        }\n\n        if (inputFormat.startsWith('HH', index)) {\n            pattern += 'H';\n            index += 2;\n            continue;\n        }\n\n        if (inputFormat.startsWith('mm', index)) {\n            pattern += 'M';\n            index += 2;\n            continue;\n        }\n\n        const currentChar = inputFormat[index];\n        if (!currentChar) {\n            break;\n        }\n\n        if (/[a-zA-Z]/.test(currentChar)) {\n            return;\n        }\n\n        pattern += currentChar;\n        index += 1;\n    }\n\n    return pattern;\n};\n\nexport const getInputMaskProps = (\n    localeCode: string,\n    dateFormat?: string\n): Pick<ClearableInputProps, 'mask' | 'pattern' | 'format' | 'parse' | 'blocks'> | undefined => {\n    const inputFormat = getInputFormat(localeCode, dateFormat);\n    const pattern = getInputMaskPattern(inputFormat);\n    if (!pattern) {\n        return;\n    }\n\n    return {\n        mask: Date,\n        pattern,\n        blocks: {\n            H: {\n                mask: IMask.MaskedRange,\n                from: 0,\n                to: 23,\n                maxLength: 2,\n            },\n            M: {\n                mask: IMask.MaskedRange,\n                from: 0,\n                to: 59,\n                maxLength: 2,\n            },\n        },\n        format: (value: Date | null) => {\n            if (!value) {\n                return '';\n            }\n\n            return format(value, inputFormat);\n        },\n        parse: (value: string) => parse(value, inputFormat, new Date()),\n    };\n};\n\nexport const parseDateString = (\n    value: string | undefined,\n    localeCode: string,\n    dateFormat?: string\n): Date | undefined => {\n    if (!value) {\n        return;\n    }\n\n    const expectedFormat = dateFormat || getInputFormat(localeCode);\n    const parsed = parse(value, expectedFormat, new Date());\n    if (!isValid(parsed)) {\n        return;\n    }\n\n    if (format(parsed, expectedFormat) !== value) {\n        return;\n    }\n\n    return parsed;\n};\n"],"names":["localeFormatMap","supportedDayPickerLocales","resolveLocale","localeCode","normalizedLocaleCode","dateFnsLocaleKey","_","segment","baseCode","locales","formatDate","date","dateFormat","format","getInputFormat","formatSelectionForInput","selected","mode","formatFn","from","to","getInputMaskPattern","inputFormat","pattern","index","currentChar","getInputMaskProps","IMask","value","parse","parseDateString","expectedFormat","parsed","isValid"],"mappings":"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"}
+{"version":3,"file":"dayPickerUtils.js","names":[],"sources":["../../../src/components/datepicker/dayPickerUtils.ts"],"sourcesContent":["import { format, isValid, parse, type Locale } from 'date-fns';\nimport * as locales from 'date-fns/locale';\nimport { IMask } from 'react-imask';\n\nimport type { ClearableInputProps } from '../clearableInput/ClearableInput';\nimport type { DateRange, DayPickerMode } from './dayPickerTypes';\n\nconst localeFormatMap: Record<string, string> = {\n    'bg-BG': 'dd.MM.yyyy',\n    'cs-CZ': 'dd.MM.yyyy',\n    'da-DK': 'dd-MM-yyyy',\n    'de-DE': 'dd.MM.yyyy',\n    'el-GR': 'dd/MM/yyyy',\n    'en-GB': 'dd/MM/yyyy',\n    'es-ES': 'dd/MM/yyyy',\n    'et-EE': 'dd.MM.yyyy',\n    'fi-FI': 'dd.MM.yyyy',\n    'fr-FR': 'dd/MM/yyyy',\n    'hr-HR': 'dd.MM.yyyy',\n    'hu-HU': 'yyyy. MM. dd.',\n    'it-IT': 'dd/MM/yyyy',\n    'lt-LT': 'dd-MM-yyyy',\n    'lv-LV': 'dd.MM.yyyy',\n    'nb-NO': 'dd.MM.yyyy',\n    'nl-NL': 'dd-MM-yyyy',\n    'pl-PL': 'dd.MM.yyyy',\n    'pt-BR': 'dd/MM/yyyy',\n    'pt-PT': 'dd/MM/yyyy',\n    'ro-RO': 'dd.MM.yyyy',\n    'sk-SK': 'dd.MM.yyyy',\n    'sl-SI': 'dd.MM.yyyy',\n    'sv-SE': 'yyyy-MM-dd',\n};\n\nexport const supportedDayPickerLocales = Object.keys(localeFormatMap);\n\nexport const resolveLocale = (localeCode: string): Locale => {\n    const normalizedLocaleCode = localeCode.trim();\n    const dateFnsLocaleKey = normalizedLocaleCode.replace(/-([a-z])/gi, (_, segment: string) => segment.toUpperCase());\n    const baseCode = normalizedLocaleCode.split('-')[0];\n\n    return (\n        (locales as Record<string, Locale>)[dateFnsLocaleKey] ||\n        (locales as Record<string, Locale>)[normalizedLocaleCode] ||\n        (locales as Record<string, Locale>)[baseCode] ||\n        locales.enGB\n    );\n};\n\nexport const formatDate = (date: Date | undefined, localeCode: string, dateFormat?: string): string => {\n    if (!date) {\n        return '';\n    }\n\n    return format(date, getInputFormat(localeCode, dateFormat));\n};\n\nexport const formatSelectionForInput = (\n    selected: Date | Date[] | DateRange | undefined,\n    localeCode: string,\n    mode: DayPickerMode,\n    dateFormat?: string\n): string => {\n    if (!selected) {\n        return '';\n    }\n\n    const formatFn = (date: Date) => formatDate(date, localeCode, dateFormat);\n\n    if (mode === 'single' && selected instanceof Date) {\n        return formatFn(selected);\n    }\n\n    if (mode === 'multiple' && Array.isArray(selected)) {\n        return selected.map(formatFn).join(', ');\n    }\n\n    if (mode === 'range' && typeof selected === 'object' && 'from' in selected) {\n        const from = selected.from ? formatFn(selected.from) : '...';\n        const to = selected.to ? formatFn(selected.to) : '...';\n        return `${from} - ${to}`;\n    }\n\n    return '';\n};\n\nexport const getInputFormat = (localeCode: string, dateFormat?: string) =>\n    dateFormat || localeFormatMap[localeCode] || 'yyyy-MM-dd';\n\nconst getInputMaskPattern = (inputFormat: string) => {\n    let pattern = '';\n\n    for (let index = 0; index < inputFormat.length; ) {\n        if (inputFormat.startsWith('dd', index)) {\n            pattern += 'd';\n            index += 2;\n            continue;\n        }\n\n        if (inputFormat.startsWith('MM', index)) {\n            pattern += 'm';\n            index += 2;\n            continue;\n        }\n\n        if (inputFormat.startsWith('yyyy', index)) {\n            pattern += 'Y';\n            index += 4;\n            continue;\n        }\n\n        if (inputFormat.startsWith('HH', index)) {\n            pattern += 'H';\n            index += 2;\n            continue;\n        }\n\n        if (inputFormat.startsWith('mm', index)) {\n            pattern += 'M';\n            index += 2;\n            continue;\n        }\n\n        const currentChar = inputFormat[index];\n        if (!currentChar) {\n            break;\n        }\n\n        if (/[a-zA-Z]/.test(currentChar)) {\n            return;\n        }\n\n        pattern += currentChar;\n        index += 1;\n    }\n\n    return pattern;\n};\n\nexport const getInputMaskProps = (\n    localeCode: string,\n    dateFormat?: string\n): Pick<ClearableInputProps, 'mask' | 'pattern' | 'format' | 'parse' | 'blocks'> | undefined => {\n    const inputFormat = getInputFormat(localeCode, dateFormat);\n    const pattern = getInputMaskPattern(inputFormat);\n    if (!pattern) {\n        return;\n    }\n\n    return {\n        mask: Date,\n        pattern,\n        blocks: {\n            H: {\n                mask: IMask.MaskedRange,\n                from: 0,\n                to: 23,\n                maxLength: 2,\n            },\n            M: {\n                mask: IMask.MaskedRange,\n                from: 0,\n                to: 59,\n                maxLength: 2,\n            },\n        },\n        format: (value: Date | null) => {\n            if (!value) {\n                return '';\n            }\n\n            return format(value, inputFormat);\n        },\n        parse: (value: string) => parse(value, inputFormat, new Date()),\n    };\n};\n\nexport const parseDateString = (\n    value: string | undefined,\n    localeCode: string,\n    dateFormat?: string\n): Date | undefined => {\n    if (!value) {\n        return;\n    }\n\n    const expectedFormat = dateFormat || getInputFormat(localeCode);\n    const parsed = parse(value, expectedFormat, new Date());\n    if (!isValid(parsed)) {\n        return;\n    }\n\n    if (format(parsed, expectedFormat) !== value) {\n        return;\n    }\n\n    return parsed;\n};\n"],"mappings":";;;;AAOA,IAAM,IAA0C;CAC5C,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;AACb,GAEa,IAA4B,OAAO,KAAK,CAAe,GAEvD,KAAiB,MAA+B;CACzD,IAAM,IAAuB,EAAW,KAAK,GACvC,IAAmB,EAAqB,QAAQ,eAAe,GAAG,MAAoB,EAAQ,YAAY,CAAC,GAC3G,IAAW,EAAqB,MAAM,GAAG,CAAC,CAAC;CAEjD,OACK,EAAmC,MACnC,EAAmC,MACnC,EAAmC,MACpC,EAAQ;AAEhB,GAEa,KAAc,GAAwB,GAAoB,MAC9D,IAIE,EAAO,GAAM,EAAe,GAAY,CAAU,CAAC,IAH/C,IAMF,KACT,GACA,GACA,GACA,MACS;CACT,IAAI,CAAC,GACD,OAAO;CAGX,IAAM,KAAY,MAAe,EAAW,GAAM,GAAY,CAAU;CAgBxE,OAdI,MAAS,YAAY,aAAoB,OAClC,EAAS,CAAQ,IAGxB,MAAS,cAAc,MAAM,QAAQ,CAAQ,IACtC,EAAS,IAAI,CAAQ,CAAC,CAAC,KAAK,IAAI,IAGvC,MAAS,WAAW,OAAO,KAAa,YAAY,UAAU,IAGvD,GAFM,EAAS,OAAO,EAAS,EAAS,IAAI,IAAI,MAExC,KADJ,EAAS,KAAK,EAAS,EAAS,EAAE,IAAI,UAI9C;AACX,GAEa,KAAkB,GAAoB,MAC/C,KAAc,EAAgB,MAAe,cAE3C,KAAuB,MAAwB;CACjD,IAAI,IAAU;CAEd,KAAK,IAAI,IAAQ,GAAG,IAAQ,EAAY,SAAU;EAC9C,IAAI,EAAY,WAAW,MAAM,CAAK,GAAG;GAErC,AADA,KAAW,KACX,KAAS;GACT;EACJ;EAEA,IAAI,EAAY,WAAW,MAAM,CAAK,GAAG;GAErC,AADA,KAAW,KACX,KAAS;GACT;EACJ;EAEA,IAAI,EAAY,WAAW,QAAQ,CAAK,GAAG;GAEvC,AADA,KAAW,KACX,KAAS;GACT;EACJ;EAEA,IAAI,EAAY,WAAW,MAAM,CAAK,GAAG;GAErC,AADA,KAAW,KACX,KAAS;GACT;EACJ;EAEA,IAAI,EAAY,WAAW,MAAM,CAAK,GAAG;GAErC,AADA,KAAW,KACX,KAAS;GACT;EACJ;EAEA,IAAM,IAAc,EAAY;EAChC,IAAI,CAAC,GACD;EAGJ,IAAI,WAAW,KAAK,CAAW,GAC3B;EAIJ,AADA,KAAW,GACX,KAAS;CACb;CAEA,OAAO;AACX,GAEa,KACT,GACA,MAC4F;CAC5F,IAAM,IAAc,EAAe,GAAY,CAAU,GACnD,IAAU,EAAoB,CAAW;CAC1C,OAIL,OAAO;EACH,MAAM;EACN;EACA,QAAQ;GACJ,GAAG;IACC,MAAM,EAAM;IACZ,MAAM;IACN,IAAI;IACJ,WAAW;GACf;GACA,GAAG;IACC,MAAM,EAAM;IACZ,MAAM;IACN,IAAI;IACJ,WAAW;GACf;EACJ;EACA,SAAS,MACA,IAIE,EAAO,GAAO,CAAW,IAHrB;EAKf,QAAQ,MAAkB,EAAM,GAAO,mBAAa,IAAI,KAAK,CAAC;CAClE;AACJ,GAEa,KACT,GACA,GACA,MACmB;CACnB,IAAI,CAAC,GACD;CAGJ,IAAM,IAAiB,KAAc,EAAe,CAAU,GACxD,IAAS,EAAM,GAAO,mBAAgB,IAAI,KAAK,CAAC;CACjD,MAAQ,CAAM,KAIf,EAAO,GAAQ,CAAc,MAAM,GAIvC,OAAO;AACX"}

package/components/datepicker/useDayPickerInputState.d.ts

@@ -18,9 +18,9 @@ type UseDayPickerInputStateParams = {
     openDropdown: () => void;
     closeDropdown: () => void;
     applyDraftValue: () => void;
-    popperElementRef: RefObject<HTMLElement | null>;
+    dropdownElementRef: RefObject<HTMLElement | null>;
 };
-declare const useDayPickerInputState: ({ props, locale, dateFormat, inputProps, onBlur, isDropdownOpen, isSingleMode, selectionBehavior, closeOnOutsideClick, committedValue, draftValue, setDraftValue, commitValue, clearValue, openDropdown, closeDropdown, applyDraftValue, popperElementRef, }: UseDayPickerInputStateParams) => {
+declare const useDayPickerInputState: ({ props, locale, dateFormat, inputProps, onBlur, isDropdownOpen, isSingleMode, selectionBehavior, closeOnOutsideClick, committedValue, draftValue, setDraftValue, commitValue, clearValue, openDropdown, closeDropdown, applyDraftValue, dropdownElementRef, }: UseDayPickerInputStateParams) => {
     displayValue: string;
     handleInputBlur: (event: FocusEvent<HTMLInputElement>) => void;
     handleInputChange: (nextValue: string, _event?: ChangeEvent<HTMLInputElement> | MouseEvent<HTMLSpanElement>) => void;

package/components/datepicker/useDayPickerInputState.js

@@ -1,85 +1,62 @@
-import { useState as R, useEffect as H } from "react";
-import { isSingleDayPickerProps as d, isMultipleDayPickerProps as U, isRangeDayPickerProps as V } from "./dayPickerTypes.js";
-import { getInputMaskProps as W, formatSelectionForInput as C, parseDateString as X } from "./dayPickerUtils.js";
-const x = ({
-  props: n,
-  locale: e,
-  dateFormat: r,
-  inputProps: f,
-  onBlur: b,
-  isDropdownOpen: a,
-  isSingleMode: I,
-  selectionBehavior: s,
-  closeOnOutsideClick: j,
-  committedValue: y,
-  draftValue: k,
-  setDraftValue: S,
-  commitValue: F,
-  clearValue: D,
-  openDropdown: l,
-  closeDropdown: E,
-  applyDraftValue: m,
-  popperElementRef: q
-}) => {
-  const [g, P] = R(""), [K, c] = R(!1);
-  H(() => {
-    I && c(!1);
-  }, [y, I]), H(() => {
-    const t = a && s === "deferred" ? k : y;
-    I && K || P(_(t, n, e, r));
-  }, [
-    y,
-    k,
-    K,
-    a,
-    e,
-    r,
-    s,
-    I,
-    n
-  ]);
-  const z = (t) => {
-    f?.onFocus?.(t), a || l();
-  }, A = (t) => {
-    b?.(t), f?.onBlur?.(t);
-    const h = t.relatedTarget;
-    if (!(h && q.current?.contains(h))) {
-      if (d(n)) {
-        const u = T(n, g, e), i = u instanceof Date;
-        n.onInputChange?.(g, u, i), g === "" ? D() : i ? (c(!1), s === "immediate" ? F(u, {}) : S(u)) : c(!0);
-      }
-      j && E();
-    }
-  }, G = (t) => {
-    if (f?.onKeyDown?.(t), t.key === "Enter") {
-      if (t.preventDefault(), !a) {
-        l();
-        return;
-      }
-      s === "deferred" ? m() : E();
-    }
-  }, J = (t, h) => {
-    if (P(t), !d(n))
-      return;
-    const u = T(n, t, e), i = u instanceof Date;
-    n.onInputChange?.(t, u, i), c(t !== "" && !i), t === "" ? D() : i && s === "immediate" ? F(u, {}) : i && S(u);
-  }, L = () => {
-    c(!1), P(""), D();
-  }, N = I ? g : _(a && s === "deferred" ? k : y, n, e, r), Q = d(n) && !n.parseInput && !n.renderValue ? W(e, r) : void 0;
-  return {
-    displayValue: N,
-    handleInputBlur: A,
-    handleInputChange: J,
-    handleClearInput: L,
-    handleInputFocus: z,
-    handleInputKeyDown: G,
-    inputMaskProps: Q
-  };
-}, T = (n, e, r) => {
-  if (d(n))
-    return n.parseInput ? n.parseInput(e, r) : X(e, r, n.dateFormat);
-}, _ = (n, e, r, f) => d(e) ? e.renderValue ? e.renderValue(n, r) : C(n, r, "single", f) : U(e) ? e.renderValue ? e.renderValue(n, r) : C(n, r, "multiple", f) : V(e) ? e.renderValue ? e.renderValue(n, r) : C(n, r, "range", f) : "";
-export {
-  x as default
-};
-//# sourceMappingURL=useDayPickerInputState.js.map
+import { isMultipleDayPickerProps as e, isRangeDayPickerProps as t, isSingleDayPickerProps as n } from "./dayPickerTypes.js";
+import { formatSelectionForInput as r, getInputMaskProps as i, parseDateString as a } from "./dayPickerUtils.js";
+import { useEffect as o, useState as s } from "react";
+//#region src/components/datepicker/useDayPickerInputState.ts
+var c = ({ props: e, locale: t, dateFormat: r, inputProps: a, onBlur: c, isDropdownOpen: d, isSingleMode: f, selectionBehavior: p, closeOnOutsideClick: m, committedValue: h, draftValue: g, setDraftValue: _, commitValue: v, clearValue: y, openDropdown: b, closeDropdown: x, applyDraftValue: S, dropdownElementRef: C }) => {
+	let [w, T] = s(""), [E, D] = s(!1);
+	return o(() => {
+		f && D(!1);
+	}, [h, f]), o(() => {
+		f && E || T(u(d && p === "deferred" ? g : h, e, t, r));
+	}, [
+		h,
+		g,
+		E,
+		d,
+		t,
+		r,
+		p,
+		f,
+		e
+	]), {
+		displayValue: f ? w : u(d && p === "deferred" ? g : h, e, t, r),
+		handleInputBlur: (r) => {
+			c?.(r), a?.onBlur?.(r);
+			let i = r.relatedTarget;
+			if (!(i && C.current?.contains(i))) {
+				if (n(e)) {
+					let n = l(e, w, t), r = n instanceof Date;
+					e.onInputChange?.(w, n, r), w === "" ? y() : r ? (D(!1), p === "immediate" ? v(n, {}) : _(n)) : D(!0);
+				}
+				m && x();
+			}
+		},
+		handleInputChange: (r, i) => {
+			if (T(r), !n(e)) return;
+			let a = l(e, r, t), o = a instanceof Date;
+			e.onInputChange?.(r, a, o), D(r !== "" && !o), r === "" ? y() : o && p === "immediate" ? v(a, {}) : o && _(a);
+		},
+		handleClearInput: () => {
+			D(!1), T(""), y();
+		},
+		handleInputFocus: (e) => {
+			a?.onFocus?.(e), d || b();
+		},
+		handleInputKeyDown: (e) => {
+			if (a?.onKeyDown?.(e), e.key === "Enter") {
+				if (e.preventDefault(), !d) {
+					b();
+					return;
+				}
+				p === "deferred" ? S() : x();
+			}
+		},
+		inputMaskProps: n(e) && !e.parseInput && !e.renderValue ? i(t, r) : void 0
+	};
+}, l = (e, t, r) => {
+	if (n(e)) return e.parseInput ? e.parseInput(t, r) : a(t, r, e.dateFormat);
+}, u = (i, a, o, s) => n(a) ? a.renderValue ? a.renderValue(i, o) : r(i, o, "single", s) : e(a) ? a.renderValue ? a.renderValue(i, o) : r(i, o, "multiple", s) : t(a) ? a.renderValue ? a.renderValue(i, o) : r(i, o, "range", s) : "";
+//#endregion
+export { c as default };
+
+//# sourceMappingURL=useDayPickerInputState.js.map

package/components/datepicker/useDayPickerInputState.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDayPickerInputState.js","sources":["../../../src/components/datepicker/useDayPickerInputState.ts"],"sourcesContent":["import {\n    useEffect,\n    useState,\n    type ChangeEvent,\n    type FocusEvent,\n    type FocusEventHandler,\n    type KeyboardEvent,\n    type MouseEvent,\n    type RefObject,\n} from 'react';\n\nimport {\n    isMultipleDayPickerProps,\n    isRangeDayPickerProps,\n    isSingleDayPickerProps,\n    type DateRange,\n    type DayPickerProps,\n    type DayPickerSelection,\n    type Modifiers,\n} from './dayPickerTypes';\nimport { formatSelectionForInput, getInputMaskProps, parseDateString } from './dayPickerUtils';\n\ntype UseDayPickerInputStateParams = {\n    props: DayPickerProps;\n    locale: string;\n    dateFormat?: string;\n    inputProps?: DayPickerProps['inputProps'];\n    onBlur?: FocusEventHandler<HTMLInputElement>;\n    isDropdownOpen: boolean;\n    isSingleMode: boolean;\n    selectionBehavior: 'immediate' | 'deferred';\n    closeOnOutsideClick: boolean;\n    committedValue: DayPickerSelection;\n    draftValue: DayPickerSelection;\n    setDraftValue: (value: DayPickerSelection) => void;\n    commitValue: (value: DayPickerSelection, modifiers?: Modifiers) => void;\n    clearValue: () => void;\n    openDropdown: () => void;\n    closeDropdown: () => void;\n    applyDraftValue: () => void;\n    popperElementRef: RefObject<HTMLElement | null>;\n};\n\nconst useDayPickerInputState = ({\n    props,\n    locale,\n    dateFormat,\n    inputProps,\n    onBlur,\n    isDropdownOpen,\n    isSingleMode,\n    selectionBehavior,\n    closeOnOutsideClick,\n    committedValue,\n    draftValue,\n    setDraftValue,\n    commitValue,\n    clearValue,\n    openDropdown,\n    closeDropdown,\n    applyDraftValue,\n    popperElementRef,\n}: UseDayPickerInputStateParams) => {\n    const [rawInputValue, setRawInputValue] = useState('');\n    const [hasInvalidSingleInput, setHasInvalidSingleInput] = useState(false);\n\n    useEffect(() => {\n        if (isSingleMode) {\n            setHasInvalidSingleInput(false);\n        }\n    }, [committedValue, isSingleMode]);\n\n    useEffect(() => {\n        const selectionForDisplay = isDropdownOpen && selectionBehavior === 'deferred' ? draftValue : committedValue;\n\n        if (isSingleMode && hasInvalidSingleInput) {\n            return;\n        }\n\n        setRawInputValue(getDisplayValue(selectionForDisplay, props, locale, dateFormat));\n    }, [\n        committedValue,\n        draftValue,\n        hasInvalidSingleInput,\n        isDropdownOpen,\n        locale,\n        dateFormat,\n        selectionBehavior,\n        isSingleMode,\n        props,\n    ]);\n\n    const handleInputFocus = (event: FocusEvent<HTMLInputElement>) => {\n        inputProps?.onFocus?.(event);\n        if (!isDropdownOpen) {\n            openDropdown();\n        }\n    };\n\n    const handleInputBlur = (event: FocusEvent<HTMLInputElement>) => {\n        onBlur?.(event);\n        inputProps?.onBlur?.(event);\n\n        const nextFocused = event.relatedTarget as Node | null;\n        if (nextFocused && popperElementRef.current?.contains(nextFocused)) {\n            return;\n        }\n\n        if (isSingleDayPickerProps(props)) {\n            // Blur is the final validation point for manual input:\n            // the mask narrows input, but only parsing decides whether it becomes a real Date value.\n            const parsed = parseSingleInputValue(props, rawInputValue, locale);\n            const isValid = parsed instanceof Date;\n            props.onInputChange?.(rawInputValue, parsed, isValid);\n\n            if (rawInputValue === '') {\n                clearValue();\n            } else if (isValid) {\n                setHasInvalidSingleInput(false);\n                if (selectionBehavior === 'immediate') {\n                    commitValue(parsed, {});\n                } else {\n                    setDraftValue(parsed);\n                }\n            } else {\n                setHasInvalidSingleInput(true);\n            }\n        }\n\n        if (!closeOnOutsideClick) {\n            return;\n        }\n\n        closeDropdown();\n    };\n\n    const handleInputKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n        inputProps?.onKeyDown?.(event);\n\n        if (event.key === 'Enter') {\n            event.preventDefault();\n\n            if (!isDropdownOpen) {\n                openDropdown();\n                return;\n            }\n\n            if (selectionBehavior === 'deferred') {\n                applyDraftValue();\n            } else {\n                closeDropdown();\n            }\n        }\n    };\n\n    const handleInputChange = (\n        nextValue: string,\n        _event?: ChangeEvent<HTMLInputElement> | MouseEvent<HTMLSpanElement>\n    ) => {\n        setRawInputValue(nextValue);\n\n        if (!isSingleDayPickerProps(props)) {\n            return;\n        }\n\n        // Parse on every change so consumers can react to incomplete/invalid intermediate input\n        // while only valid dates are promoted into picker state.\n        const parsed = parseSingleInputValue(props, nextValue, locale);\n        const isValid = parsed instanceof Date;\n\n        props.onInputChange?.(nextValue, parsed, isValid);\n        setHasInvalidSingleInput(nextValue !== '' && !isValid);\n\n        if (nextValue === '') {\n            clearValue();\n        } else if (isValid && selectionBehavior === 'immediate') {\n            commitValue(parsed, {});\n        } else if (isValid) {\n            setDraftValue(parsed);\n        }\n    };\n\n    const handleClearInput = () => {\n        setHasInvalidSingleInput(false);\n        setRawInputValue('');\n        clearValue();\n    };\n\n    const selectionForDisplay = isDropdownOpen && selectionBehavior === 'deferred' ? draftValue : committedValue;\n    const displayValue = isSingleMode ? rawInputValue : getDisplayValue(selectionForDisplay, props, locale, dateFormat);\n    const inputMaskProps =\n        isSingleDayPickerProps(props) && !props.parseInput && !props.renderValue\n            ? getInputMaskProps(locale, dateFormat)\n            : undefined;\n\n    return {\n        displayValue,\n        handleInputBlur,\n        handleInputChange,\n        handleClearInput,\n        handleInputFocus,\n        handleInputKeyDown,\n        inputMaskProps,\n    };\n};\n\nconst parseSingleInputValue = (props: DayPickerProps, rawValue: string, locale: string) => {\n    if (!isSingleDayPickerProps(props)) {\n        return;\n    }\n\n    // A custom parser fully owns validation semantics for manual single-date input.\n    if (props.parseInput) {\n        return props.parseInput(rawValue, locale);\n    }\n\n    // Default parsing still runs after the input mask and is the final source of truth for validity.\n    return parseDateString(rawValue, locale, props.dateFormat);\n};\n\nconst getDisplayValue = (value: DayPickerSelection, props: DayPickerProps, locale: string, dateFormat?: string) => {\n    if (isSingleDayPickerProps(props)) {\n        return props.renderValue\n            ? props.renderValue(value as Date | undefined, locale)\n            : formatSelectionForInput(value, locale, 'single', dateFormat);\n    }\n\n    if (isMultipleDayPickerProps(props)) {\n        return props.renderValue\n            ? props.renderValue(value as Date[] | undefined, locale)\n            : formatSelectionForInput(value, locale, 'multiple', dateFormat);\n    }\n\n    if (isRangeDayPickerProps(props)) {\n        return props.renderValue\n            ? props.renderValue(value as DateRange | undefined, locale)\n            : formatSelectionForInput(value, locale, 'range', dateFormat);\n    }\n\n    return '';\n};\n\nexport default useDayPickerInputState;\n"],"names":["useDayPickerInputState","props","locale","dateFormat","inputProps","onBlur","isDropdownOpen","isSingleMode","selectionBehavior","closeOnOutsideClick","committedValue","draftValue","setDraftValue","commitValue","clearValue","openDropdown","closeDropdown","applyDraftValue","popperElementRef","rawInputValue","setRawInputValue","useState","hasInvalidSingleInput","setHasInvalidSingleInput","useEffect","selectionForDisplay","getDisplayValue","handleInputFocus","event","handleInputBlur","nextFocused","isSingleDayPickerProps","parsed","parseSingleInputValue","isValid","handleInputKeyDown","handleInputChange","nextValue","_event","handleClearInput","displayValue","inputMaskProps","getInputMaskProps","rawValue","parseDateString","value","formatSelectionForInput","isMultipleDayPickerProps","isRangeDayPickerProps"],"mappings":"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"}
+{"version":3,"file":"useDayPickerInputState.js","names":[],"sources":["../../../src/components/datepicker/useDayPickerInputState.ts"],"sourcesContent":["import {\n    useEffect,\n    useState,\n    type ChangeEvent,\n    type FocusEvent,\n    type FocusEventHandler,\n    type KeyboardEvent,\n    type MouseEvent,\n    type RefObject,\n} from 'react';\n\nimport {\n    isMultipleDayPickerProps,\n    isRangeDayPickerProps,\n    isSingleDayPickerProps,\n    type DateRange,\n    type DayPickerProps,\n    type DayPickerSelection,\n    type Modifiers,\n} from './dayPickerTypes';\nimport { formatSelectionForInput, getInputMaskProps, parseDateString } from './dayPickerUtils';\n\ntype UseDayPickerInputStateParams = {\n    props: DayPickerProps;\n    locale: string;\n    dateFormat?: string;\n    inputProps?: DayPickerProps['inputProps'];\n    onBlur?: FocusEventHandler<HTMLInputElement>;\n    isDropdownOpen: boolean;\n    isSingleMode: boolean;\n    selectionBehavior: 'immediate' | 'deferred';\n    closeOnOutsideClick: boolean;\n    committedValue: DayPickerSelection;\n    draftValue: DayPickerSelection;\n    setDraftValue: (value: DayPickerSelection) => void;\n    commitValue: (value: DayPickerSelection, modifiers?: Modifiers) => void;\n    clearValue: () => void;\n    openDropdown: () => void;\n    closeDropdown: () => void;\n    applyDraftValue: () => void;\n    dropdownElementRef: RefObject<HTMLElement | null>;\n};\n\nconst useDayPickerInputState = ({\n    props,\n    locale,\n    dateFormat,\n    inputProps,\n    onBlur,\n    isDropdownOpen,\n    isSingleMode,\n    selectionBehavior,\n    closeOnOutsideClick,\n    committedValue,\n    draftValue,\n    setDraftValue,\n    commitValue,\n    clearValue,\n    openDropdown,\n    closeDropdown,\n    applyDraftValue,\n    dropdownElementRef,\n}: UseDayPickerInputStateParams) => {\n    const [rawInputValue, setRawInputValue] = useState('');\n    const [hasInvalidSingleInput, setHasInvalidSingleInput] = useState(false);\n\n    useEffect(() => {\n        if (isSingleMode) {\n            setHasInvalidSingleInput(false);\n        }\n    }, [committedValue, isSingleMode]);\n\n    useEffect(() => {\n        const selectionForDisplay = isDropdownOpen && selectionBehavior === 'deferred' ? draftValue : committedValue;\n\n        if (isSingleMode && hasInvalidSingleInput) {\n            return;\n        }\n\n        setRawInputValue(getDisplayValue(selectionForDisplay, props, locale, dateFormat));\n    }, [\n        committedValue,\n        draftValue,\n        hasInvalidSingleInput,\n        isDropdownOpen,\n        locale,\n        dateFormat,\n        selectionBehavior,\n        isSingleMode,\n        props,\n    ]);\n\n    const handleInputFocus = (event: FocusEvent<HTMLInputElement>) => {\n        inputProps?.onFocus?.(event);\n        if (!isDropdownOpen) {\n            openDropdown();\n        }\n    };\n\n    const handleInputBlur = (event: FocusEvent<HTMLInputElement>) => {\n        onBlur?.(event);\n        inputProps?.onBlur?.(event);\n\n        const nextFocused = event.relatedTarget as Node | null;\n        if (nextFocused && dropdownElementRef.current?.contains(nextFocused)) {\n            return;\n        }\n\n        if (isSingleDayPickerProps(props)) {\n            // Blur is the final validation point for manual input:\n            // the mask narrows input, but only parsing decides whether it becomes a real Date value.\n            const parsed = parseSingleInputValue(props, rawInputValue, locale);\n            const isValid = parsed instanceof Date;\n            props.onInputChange?.(rawInputValue, parsed, isValid);\n\n            if (rawInputValue === '') {\n                clearValue();\n            } else if (isValid) {\n                setHasInvalidSingleInput(false);\n                if (selectionBehavior === 'immediate') {\n                    commitValue(parsed, {});\n                } else {\n                    setDraftValue(parsed);\n                }\n            } else {\n                setHasInvalidSingleInput(true);\n            }\n        }\n\n        if (!closeOnOutsideClick) {\n            return;\n        }\n\n        closeDropdown();\n    };\n\n    const handleInputKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n        inputProps?.onKeyDown?.(event);\n\n        if (event.key === 'Enter') {\n            event.preventDefault();\n\n            if (!isDropdownOpen) {\n                openDropdown();\n                return;\n            }\n\n            if (selectionBehavior === 'deferred') {\n                applyDraftValue();\n            } else {\n                closeDropdown();\n            }\n        }\n    };\n\n    const handleInputChange = (\n        nextValue: string,\n        _event?: ChangeEvent<HTMLInputElement> | MouseEvent<HTMLSpanElement>\n    ) => {\n        setRawInputValue(nextValue);\n\n        if (!isSingleDayPickerProps(props)) {\n            return;\n        }\n\n        // Parse on every change so consumers can react to incomplete/invalid intermediate input\n        // while only valid dates are promoted into picker state.\n        const parsed = parseSingleInputValue(props, nextValue, locale);\n        const isValid = parsed instanceof Date;\n\n        props.onInputChange?.(nextValue, parsed, isValid);\n        setHasInvalidSingleInput(nextValue !== '' && !isValid);\n\n        if (nextValue === '') {\n            clearValue();\n        } else if (isValid && selectionBehavior === 'immediate') {\n            commitValue(parsed, {});\n        } else if (isValid) {\n            setDraftValue(parsed);\n        }\n    };\n\n    const handleClearInput = () => {\n        setHasInvalidSingleInput(false);\n        setRawInputValue('');\n        clearValue();\n    };\n\n    const selectionForDisplay = isDropdownOpen && selectionBehavior === 'deferred' ? draftValue : committedValue;\n    const displayValue = isSingleMode ? rawInputValue : getDisplayValue(selectionForDisplay, props, locale, dateFormat);\n    const inputMaskProps =\n        isSingleDayPickerProps(props) && !props.parseInput && !props.renderValue\n            ? getInputMaskProps(locale, dateFormat)\n            : undefined;\n\n    return {\n        displayValue,\n        handleInputBlur,\n        handleInputChange,\n        handleClearInput,\n        handleInputFocus,\n        handleInputKeyDown,\n        inputMaskProps,\n    };\n};\n\nconst parseSingleInputValue = (props: DayPickerProps, rawValue: string, locale: string) => {\n    if (!isSingleDayPickerProps(props)) {\n        return;\n    }\n\n    // A custom parser fully owns validation semantics for manual single-date input.\n    if (props.parseInput) {\n        return props.parseInput(rawValue, locale);\n    }\n\n    // Default parsing still runs after the input mask and is the final source of truth for validity.\n    return parseDateString(rawValue, locale, props.dateFormat);\n};\n\nconst getDisplayValue = (value: DayPickerSelection, props: DayPickerProps, locale: string, dateFormat?: string) => {\n    if (isSingleDayPickerProps(props)) {\n        return props.renderValue\n            ? props.renderValue(value as Date | undefined, locale)\n            : formatSelectionForInput(value, locale, 'single', dateFormat);\n    }\n\n    if (isMultipleDayPickerProps(props)) {\n        return props.renderValue\n            ? props.renderValue(value as Date[] | undefined, locale)\n            : formatSelectionForInput(value, locale, 'multiple', dateFormat);\n    }\n\n    if (isRangeDayPickerProps(props)) {\n        return props.renderValue\n            ? props.renderValue(value as DateRange | undefined, locale)\n            : formatSelectionForInput(value, locale, 'range', dateFormat);\n    }\n\n    return '';\n};\n\nexport default useDayPickerInputState;\n"],"mappings":";;;;AA2CA,IAAM,KAA0B,EAC5B,UACA,WACA,eACA,eACA,WACA,mBACA,iBACA,sBACA,wBACA,mBACA,eACA,kBACA,gBACA,eACA,iBACA,kBACA,oBACA,4BACgC;CAChC,IAAM,CAAC,GAAe,KAAoB,EAAS,EAAE,GAC/C,CAAC,GAAuB,KAA4B,EAAS,EAAK;CAmIxE,OAjIA,QAAgB;EACZ,AAAI,KACA,EAAyB,EAAK;CAEtC,GAAG,CAAC,GAAgB,CAAY,CAAC,GAEjC,QAAgB;EAGR,KAAgB,KAIpB,EAAiB,EANW,KAAkB,MAAsB,aAAa,IAAa,GAMxC,GAAO,GAAQ,CAAU,CAAC;CACpF,GAAG;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACJ,CAAC,GAyGM;EACH,cAPiB,IAAe,IAAgB,EADxB,KAAkB,MAAsB,aAAa,IAAa,GACL,GAAO,GAAQ,CAAU;EAQ9G,kBAlGqB,MAAwC;GAE7D,AADA,IAAS,CAAK,GACd,GAAY,SAAS,CAAK;GAE1B,IAAM,IAAc,EAAM;GACtB,WAAe,EAAmB,SAAS,SAAS,CAAW,IAInE;QAAI,EAAuB,CAAK,GAAG;KAG/B,IAAM,IAAS,EAAsB,GAAO,GAAe,CAAM,GAC3D,IAAU,aAAkB;KAGlC,AAFA,EAAM,gBAAgB,GAAe,GAAQ,CAAO,GAEhD,MAAkB,KAClB,EAAW,IACJ,KACP,EAAyB,EAAK,GAC1B,MAAsB,cACtB,EAAY,GAAQ,CAAC,CAAC,IAEtB,EAAc,CAAM,KAGxB,EAAyB,EAAI;IAErC;IAEK,KAIL,EAAc;GANd;EAOJ;EAgEI,oBA1CA,GACA,MACC;GAGD,IAFA,EAAiB,CAAS,GAEtB,CAAC,EAAuB,CAAK,GAC7B;GAKJ,IAAM,IAAS,EAAsB,GAAO,GAAW,CAAM,GACvD,IAAU,aAAkB;GAKlC,AAHA,EAAM,gBAAgB,GAAW,GAAQ,CAAO,GAChD,EAAyB,MAAc,MAAM,CAAC,CAAO,GAEjD,MAAc,KACd,EAAW,IACJ,KAAW,MAAsB,cACxC,EAAY,GAAQ,CAAC,CAAC,IACf,KACP,EAAc,CAAM;EAE5B;EAmBI,wBAjB2B;GAG3B,AAFA,EAAyB,EAAK,GAC9B,EAAiB,EAAE,GACnB,EAAW;EACf;EAcI,mBA5GsB,MAAwC;GAE9D,AADA,GAAY,UAAU,CAAK,GACtB,KACD,EAAa;EAErB;EAwGI,qBAjEwB,MAA2C;GAGnE,IAFA,GAAY,YAAY,CAAK,GAEzB,EAAM,QAAQ,SAAS;IAGvB,IAFA,EAAM,eAAe,GAEjB,CAAC,GAAgB;KACjB,EAAa;KACb;IACJ;IAEA,AAAI,MAAsB,aACtB,EAAgB,IAEhB,EAAc;GAEtB;EACJ;EAiDI,gBAXA,EAAuB,CAAK,KAAK,CAAC,EAAM,cAAc,CAAC,EAAM,cACvD,EAAkB,GAAQ,CAAU,IACpC,KAAA;CAUV;AACJ,GAEM,KAAyB,GAAuB,GAAkB,MAAmB;CAClF,MAAuB,CAAK,GAUjC,OALI,EAAM,aACC,EAAM,WAAW,GAAU,CAAM,IAIrC,EAAgB,GAAU,GAAQ,EAAM,UAAU;AAC7D,GAEM,KAAmB,GAA2B,GAAuB,GAAgB,MACnF,EAAuB,CAAK,IACrB,EAAM,cACP,EAAM,YAAY,GAA2B,CAAM,IACnD,EAAwB,GAAO,GAAQ,UAAU,CAAU,IAGjE,EAAyB,CAAK,IACvB,EAAM,cACP,EAAM,YAAY,GAA6B,CAAM,IACrD,EAAwB,GAAO,GAAQ,YAAY,CAAU,IAGnE,EAAsB,CAAK,IACpB,EAAM,cACP,EAAM,YAAY,GAAgC,CAAM,IACxD,EAAwB,GAAO,GAAQ,SAAS,CAAU,IAG7D"}

package/components/datepicker/useStackedDayPickerCalendars.js

@@ -1,39 +1,36 @@
-import { useState as A, useCallback as b, useEffect as B } from "react";
-import M from "../../hooks/useResizeObserver.js";
-import k from "../../hooks/useWindowResize.js";
-const q = 480, _ = (f = []) => {
-  const [l, , { inlineSize: u }] = M(), [g, o] = A(!1), s = b(() => {
-    const n = l.current;
-    if (!n || typeof window > "u")
-      return;
-    const r = n.querySelector(".rdp-months"), d = r ? Array.from(r.querySelectorAll(".rdp-month")) : [], m = d[0];
-    if (!r || !m) {
-      o(!1);
-      return;
-    }
-    const i = n.parentElement, a = i?.parentElement, h = a?.parentElement, c = window.document.documentElement.clientWidth;
-    if (!i || !a || !h || !u || !c) {
-      o(!1);
-      return;
-    }
-    if (c < q) {
-      o(!1);
-      return;
-    }
-    const p = Number.parseFloat(window.getComputedStyle(r).columnGap || "0") || 0, w = m.getBoundingClientRect().width, C = Math.max(
-      0,
-      n.getBoundingClientRect().width - r.getBoundingClientRect().width
-    ), E = w * d.length + p * (d.length - 1) + C, S = Array.from(i.children).reduce((e, t) => t === n ? e : e + t.getBoundingClientRect().width, 0), R = Array.from(a.children).reduce((e, t) => t === i ? e : Math.max(e, t.getBoundingClientRect().width), 0), y = Array.from(h.children).reduce((e, t) => t === a ? e : e + t.getBoundingClientRect().width, 0), W = Math.max(E + S, R);
-    o(W + y > c - 32);
-  }, [u, l]);
-  return k(s), B(() => {
-    s();
-  }, [s, ...f]), {
-    calendarsRef: l,
-    stackCalendars: g
-  };
+import e from "../../hooks/useWindowResize.js";
+import t from "../../hooks/useResizeObserver.js";
+import { useCallback as n, useEffect as r, useState as i } from "react";
+//#region src/components/datepicker/useStackedDayPickerCalendars.ts
+var a = 480, o = (o = []) => {
+	let [s, , { inlineSize: c }] = t(), [l, u] = i(!1), d = n(() => {
+		let e = s.current;
+		if (!e || typeof window > "u") return;
+		let t = e.querySelector(".rdp-months"), n = t ? Array.from(t.querySelectorAll(".rdp-month")) : [], r = n[0];
+		if (!t || !r) {
+			u(!1);
+			return;
+		}
+		let i = e.parentElement, o = i?.parentElement, l = o?.parentElement, d = window.document.documentElement.clientWidth;
+		if (!i || !o || !l || !c || !d) {
+			u(!1);
+			return;
+		}
+		if (d < a) {
+			u(!1);
+			return;
+		}
+		let f = Number.parseFloat(window.getComputedStyle(t).columnGap || "0") || 0, p = r.getBoundingClientRect().width, m = Math.max(0, e.getBoundingClientRect().width - t.getBoundingClientRect().width), h = p * n.length + f * (n.length - 1) + m, g = Array.from(i.children).reduce((t, n) => n === e ? t : t + n.getBoundingClientRect().width, 0), _ = Array.from(o.children).reduce((e, t) => t === i ? e : Math.max(e, t.getBoundingClientRect().width), 0), v = Array.from(l.children).reduce((e, t) => t === o ? e : e + t.getBoundingClientRect().width, 0), y = Math.max(h + g, _);
+		u(y + v > d - 32);
+	}, [c, s]);
+	return e(d), r(() => {
+		d();
+	}, [d, ...o]), {
+		calendarsRef: s,
+		stackCalendars: l
+	};
 };
-export {
-  _ as default
-};
-//# sourceMappingURL=useStackedDayPickerCalendars.js.map
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=useStackedDayPickerCalendars.js.map

package/components/datepicker/useStackedDayPickerCalendars.js.map

@@ -1 +1 @@
-{"version":3,"file":"useStackedDayPickerCalendars.js","sources":["../../../src/components/datepicker/useStackedDayPickerCalendars.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\n\nimport useResizeObserver from '../../hooks/useResizeObserver';\nimport useWindowResize from '../../hooks/useWindowResize';\n\nconst STACKED_CALENDARS_XS_MAX = 480;\n\nconst useStackedDayPickerCalendars = (dependencies: readonly unknown[] = []) => {\n    const [calendarsRef, , { inlineSize: calendarsInlineSize }] = useResizeObserver<HTMLDivElement>();\n    const [stackCalendars, setStackCalendars] = useState(false);\n\n    const updateCalendarLayout = useCallback(() => {\n        const calendarsElement = calendarsRef.current;\n        if (!calendarsElement || typeof window === 'undefined') {\n            return;\n        }\n\n        const monthsWrapper = calendarsElement.querySelector<HTMLElement>('.rdp-months');\n        const monthElements = monthsWrapper\n            ? Array.from(monthsWrapper.querySelectorAll<HTMLElement>('.rdp-month'))\n            : [];\n        const firstMonthElement = monthElements[0];\n\n        if (!monthsWrapper || !firstMonthElement) {\n            setStackCalendars(false);\n            return;\n        }\n\n        const rowElement = calendarsElement.parentElement;\n        const mainColumnElement = rowElement?.parentElement;\n        const outerRowElement = mainColumnElement?.parentElement;\n        const viewportWidth = window.document.documentElement.clientWidth;\n\n        if (!rowElement || !mainColumnElement || !outerRowElement || !calendarsInlineSize || !viewportWidth) {\n            setStackCalendars(false);\n            return;\n        }\n\n        // XS layouts are always stacked via CSS so Popper measures the compact layout immediately.\n        if (viewportWidth < STACKED_CALENDARS_XS_MAX) {\n            setStackCalendars(false);\n            return;\n        }\n\n        const monthsGap = Number.parseFloat(window.getComputedStyle(monthsWrapper).columnGap || '0') || 0;\n        const monthWidth = firstMonthElement.getBoundingClientRect().width;\n\n        const calendarsExtraWidth = Math.max(\n            0,\n            calendarsElement.getBoundingClientRect().width - monthsWrapper.getBoundingClientRect().width\n        );\n\n        const requiredCalendarsWidth =\n            monthWidth * monthElements.length + monthsGap * (monthElements.length - 1) + calendarsExtraWidth;\n\n        const rowSiblingWidth = Array.from(rowElement.children).reduce((sum, child) => {\n            if (child === calendarsElement) {\n                return sum;\n            }\n\n            return sum + (child as HTMLElement).getBoundingClientRect().width;\n        }, 0);\n\n        const mainColumnSiblingWidth = Array.from(mainColumnElement.children).reduce((maxWidth, child) => {\n            if (child === rowElement) {\n                return maxWidth;\n            }\n\n            return Math.max(maxWidth, (child as HTMLElement).getBoundingClientRect().width);\n        }, 0);\n\n        const outerRowSiblingWidth = Array.from(outerRowElement.children).reduce((sum, child) => {\n            if (child === mainColumnElement) {\n                return sum;\n            }\n\n            return sum + (child as HTMLElement).getBoundingClientRect().width;\n        }, 0);\n\n        const requiredMainColumnWidth = Math.max(requiredCalendarsWidth + rowSiblingWidth, mainColumnSiblingWidth);\n\n        setStackCalendars(requiredMainColumnWidth + outerRowSiblingWidth > viewportWidth - 32);\n    }, [calendarsInlineSize, calendarsRef]);\n\n    useWindowResize(updateCalendarLayout);\n\n    useEffect(() => {\n        updateCalendarLayout();\n    }, [updateCalendarLayout, ...dependencies]);\n\n    return {\n        calendarsRef,\n        stackCalendars,\n    };\n};\n\nexport default useStackedDayPickerCalendars;\n"],"names":["STACKED_CALENDARS_XS_MAX","useStackedDayPickerCalendars","dependencies","calendarsRef","calendarsInlineSize","useResizeObserver","stackCalendars","setStackCalendars","useState","updateCalendarLayout","useCallback","calendarsElement","monthsWrapper","monthElements","firstMonthElement","rowElement","mainColumnElement","outerRowElement","viewportWidth","monthsGap","monthWidth","calendarsExtraWidth","requiredCalendarsWidth","rowSiblingWidth","sum","child","mainColumnSiblingWidth","maxWidth","outerRowSiblingWidth","requiredMainColumnWidth","useWindowResize","useEffect"],"mappings":";;;AAKA,MAAMA,IAA2B,KAE3BC,IAA+B,CAACC,IAAmC,OAAO;AAC5E,QAAM,CAACC,KAAgB,EAAE,YAAYC,EAAA,CAAqB,IAAIC,EAAA,GACxD,CAACC,GAAgBC,CAAiB,IAAIC,EAAS,EAAK,GAEpDC,IAAuBC,EAAY,MAAM;AAC3C,UAAMC,IAAmBR,EAAa;AACtC,QAAI,CAACQ,KAAoB,OAAO,SAAW;AACvC;AAGJ,UAAMC,IAAgBD,EAAiB,cAA2B,aAAa,GACzEE,IAAgBD,IAChB,MAAM,KAAKA,EAAc,iBAA8B,YAAY,CAAC,IACpE,CAAA,GACAE,IAAoBD,EAAc,CAAC;AAEzC,QAAI,CAACD,KAAiB,CAACE,GAAmB;AACtC,MAAAP,EAAkB,EAAK;AACvB;AAAA,IACJ;AAEA,UAAMQ,IAAaJ,EAAiB,eAC9BK,IAAoBD,GAAY,eAChCE,IAAkBD,GAAmB,eACrCE,IAAgB,OAAO,SAAS,gBAAgB;AAEtD,QAAI,CAACH,KAAc,CAACC,KAAqB,CAACC,KAAmB,CAACb,KAAuB,CAACc,GAAe;AACjG,MAAAX,EAAkB,EAAK;AACvB;AAAA,IACJ;AAGA,QAAIW,IAAgBlB,GAA0B;AAC1C,MAAAO,EAAkB,EAAK;AACvB;AAAA,IACJ;AAEA,UAAMY,IAAY,OAAO,WAAW,OAAO,iBAAiBP,CAAa,EAAE,aAAa,GAAG,KAAK,GAC1FQ,IAAaN,EAAkB,sBAAA,EAAwB,OAEvDO,IAAsB,KAAK;AAAA,MAC7B;AAAA,MACAV,EAAiB,sBAAA,EAAwB,QAAQC,EAAc,wBAAwB;AAAA,IAAA,GAGrFU,IACFF,IAAaP,EAAc,SAASM,KAAaN,EAAc,SAAS,KAAKQ,GAE3EE,IAAkB,MAAM,KAAKR,EAAW,QAAQ,EAAE,OAAO,CAACS,GAAKC,MAC7DA,MAAUd,IACHa,IAGJA,IAAOC,EAAsB,sBAAA,EAAwB,OAC7D,CAAC,GAEEC,IAAyB,MAAM,KAAKV,EAAkB,QAAQ,EAAE,OAAO,CAACW,GAAUF,MAChFA,MAAUV,IACHY,IAGJ,KAAK,IAAIA,GAAWF,EAAsB,sBAAA,EAAwB,KAAK,GAC/E,CAAC,GAEEG,IAAuB,MAAM,KAAKX,EAAgB,QAAQ,EAAE,OAAO,CAACO,GAAKC,MACvEA,MAAUT,IACHQ,IAGJA,IAAOC,EAAsB,sBAAA,EAAwB,OAC7D,CAAC,GAEEI,IAA0B,KAAK,IAAIP,IAAyBC,GAAiBG,CAAsB;AAEzG,IAAAnB,EAAkBsB,IAA0BD,IAAuBV,IAAgB,EAAE;AAAA,EACzF,GAAG,CAACd,GAAqBD,CAAY,CAAC;AAEtC,SAAA2B,EAAgBrB,CAAoB,GAEpCsB,EAAU,MAAM;AACZ,IAAAtB,EAAA;AAAA,EACJ,GAAG,CAACA,GAAsB,GAAGP,CAAY,CAAC,GAEnC;AAAA,IACH,cAAAC;AAAA,IACA,gBAAAG;AAAA,EAAA;AAER;"}
+{"version":3,"file":"useStackedDayPickerCalendars.js","names":[],"sources":["../../../src/components/datepicker/useStackedDayPickerCalendars.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\n\nimport useResizeObserver from '../../hooks/useResizeObserver';\nimport useWindowResize from '../../hooks/useWindowResize';\n\nconst STACKED_CALENDARS_XS_MAX = 480;\n\nconst useStackedDayPickerCalendars = (dependencies: readonly unknown[] = []) => {\n    const [calendarsRef, , { inlineSize: calendarsInlineSize }] = useResizeObserver<HTMLDivElement>();\n    const [stackCalendars, setStackCalendars] = useState(false);\n\n    const updateCalendarLayout = useCallback(() => {\n        const calendarsElement = calendarsRef.current;\n        if (!calendarsElement || typeof window === 'undefined') {\n            return;\n        }\n\n        const monthsWrapper = calendarsElement.querySelector<HTMLElement>('.rdp-months');\n        const monthElements = monthsWrapper\n            ? Array.from(monthsWrapper.querySelectorAll<HTMLElement>('.rdp-month'))\n            : [];\n        const firstMonthElement = monthElements[0];\n\n        if (!monthsWrapper || !firstMonthElement) {\n            setStackCalendars(false);\n            return;\n        }\n\n        const rowElement = calendarsElement.parentElement;\n        const mainColumnElement = rowElement?.parentElement;\n        const outerRowElement = mainColumnElement?.parentElement;\n        const viewportWidth = window.document.documentElement.clientWidth;\n\n        if (!rowElement || !mainColumnElement || !outerRowElement || !calendarsInlineSize || !viewportWidth) {\n            setStackCalendars(false);\n            return;\n        }\n\n        // XS layouts are always stacked via CSS so the dropdown opens in its compact layout immediately.\n        if (viewportWidth < STACKED_CALENDARS_XS_MAX) {\n            setStackCalendars(false);\n            return;\n        }\n\n        const monthsGap = Number.parseFloat(window.getComputedStyle(monthsWrapper).columnGap || '0') || 0;\n        const monthWidth = firstMonthElement.getBoundingClientRect().width;\n\n        const calendarsExtraWidth = Math.max(\n            0,\n            calendarsElement.getBoundingClientRect().width - monthsWrapper.getBoundingClientRect().width\n        );\n\n        const requiredCalendarsWidth =\n            monthWidth * monthElements.length + monthsGap * (monthElements.length - 1) + calendarsExtraWidth;\n\n        const rowSiblingWidth = Array.from(rowElement.children).reduce((sum, child) => {\n            if (child === calendarsElement) {\n                return sum;\n            }\n\n            return sum + (child as HTMLElement).getBoundingClientRect().width;\n        }, 0);\n\n        const mainColumnSiblingWidth = Array.from(mainColumnElement.children).reduce((maxWidth, child) => {\n            if (child === rowElement) {\n                return maxWidth;\n            }\n\n            return Math.max(maxWidth, (child as HTMLElement).getBoundingClientRect().width);\n        }, 0);\n\n        const outerRowSiblingWidth = Array.from(outerRowElement.children).reduce((sum, child) => {\n            if (child === mainColumnElement) {\n                return sum;\n            }\n\n            return sum + (child as HTMLElement).getBoundingClientRect().width;\n        }, 0);\n\n        const requiredMainColumnWidth = Math.max(requiredCalendarsWidth + rowSiblingWidth, mainColumnSiblingWidth);\n\n        setStackCalendars(requiredMainColumnWidth + outerRowSiblingWidth > viewportWidth - 32);\n    }, [calendarsInlineSize, calendarsRef]);\n\n    useWindowResize(updateCalendarLayout);\n\n    useEffect(() => {\n        updateCalendarLayout();\n    }, [updateCalendarLayout, ...dependencies]);\n\n    return {\n        calendarsRef,\n        stackCalendars,\n    };\n};\n\nexport default useStackedDayPickerCalendars;\n"],"mappings":";;;;AAKA,IAAM,IAA2B,KAE3B,KAAgC,IAAmC,CAAC,MAAM;CAC5E,IAAM,CAAC,KAAgB,EAAE,YAAY,OAAyB,EAAkC,GAC1F,CAAC,GAAgB,KAAqB,EAAS,EAAK,GAEpD,IAAuB,QAAkB;EAC3C,IAAM,IAAmB,EAAa;EACtC,IAAI,CAAC,KAAoB,OAAO,SAAW,KACvC;EAGJ,IAAM,IAAgB,EAAiB,cAA2B,aAAa,GACzE,IAAgB,IAChB,MAAM,KAAK,EAAc,iBAA8B,YAAY,CAAC,IACpE,CAAC,GACD,IAAoB,EAAc;EAExC,IAAI,CAAC,KAAiB,CAAC,GAAmB;GACtC,EAAkB,EAAK;GACvB;EACJ;EAEA,IAAM,IAAa,EAAiB,eAC9B,IAAoB,GAAY,eAChC,IAAkB,GAAmB,eACrC,IAAgB,OAAO,SAAS,gBAAgB;EAEtD,IAAI,CAAC,KAAc,CAAC,KAAqB,CAAC,KAAmB,CAAC,KAAuB,CAAC,GAAe;GACjG,EAAkB,EAAK;GACvB;EACJ;EAGA,IAAI,IAAgB,GAA0B;GAC1C,EAAkB,EAAK;GACvB;EACJ;EAEA,IAAM,IAAY,OAAO,WAAW,OAAO,iBAAiB,CAAa,CAAC,CAAC,aAAa,GAAG,KAAK,GAC1F,IAAa,EAAkB,sBAAsB,CAAC,CAAC,OAEvD,IAAsB,KAAK,IAC7B,GACA,EAAiB,sBAAsB,CAAC,CAAC,QAAQ,EAAc,sBAAsB,CAAC,CAAC,KAC3F,GAEM,IACF,IAAa,EAAc,SAAS,KAAa,EAAc,SAAS,KAAK,GAE3E,IAAkB,MAAM,KAAK,EAAW,QAAQ,CAAC,CAAC,QAAQ,GAAK,MAC7D,MAAU,IACH,IAGJ,IAAO,EAAsB,sBAAsB,CAAC,CAAC,OAC7D,CAAC,GAEE,IAAyB,MAAM,KAAK,EAAkB,QAAQ,CAAC,CAAC,QAAQ,GAAU,MAChF,MAAU,IACH,IAGJ,KAAK,IAAI,GAAW,EAAsB,sBAAsB,CAAC,CAAC,KAAK,GAC/E,CAAC,GAEE,IAAuB,MAAM,KAAK,EAAgB,QAAQ,CAAC,CAAC,QAAQ,GAAK,MACvE,MAAU,IACH,IAGJ,IAAO,EAAsB,sBAAsB,CAAC,CAAC,OAC7D,CAAC,GAEE,IAA0B,KAAK,IAAI,IAAyB,GAAiB,CAAsB;EAEzG,EAAkB,IAA0B,IAAuB,IAAgB,EAAE;CACzF,GAAG,CAAC,GAAqB,CAAY,CAAC;CAQtC,OANA,EAAgB,CAAoB,GAEpC,QAAgB;EACZ,EAAqB;CACzB,GAAG,CAAC,GAAsB,GAAG,CAAY,CAAC,GAEnC;EACH;EACA;CACJ;AACJ"}