@lobehub/ui 5.63.4 → 5.64.1

package/es/base-ui/DatePicker/DatePicker.d.mts

@@ -1,6 +1,11 @@
-import { DatePickerProps } from "./type.mjs";
+import { DatePickerType } from "./type.mjs";
 //#region src/base-ui/DatePicker/DatePicker.d.ts
-declare const DatePicker: import("react").NamedExoticComponent<DatePickerProps>;
+/**
+ * DatePicker over Dayjs, with antd's statics: `DatePicker.RangePicker`, `WeekPicker`,
+ * `MonthPicker`, `YearPicker`, `QuarterPicker`, `TimePicker`, the debug-only pure panels
+ * and `generatePicker`.
+ */
+declare const DatePicker: DatePickerType;
 //#endregion
 export { DatePicker as default };
 //# sourceMappingURL=DatePicker.d.mts.map

package/es/base-ui/DatePicker/DatePicker.mjs

@@ -1,88 +1,18 @@
 "use client";
-import Icon from "../../Icon/Icon.mjs";
-import { useTranslation } from "../../i18n/useTranslation.mjs";
-import datePicker_default from "../../i18n/resources/en/datePicker.mjs";
-import { DEFAULT_FORMAT, clampToBounds } from "./calendar.mjs";
-import { styles } from "./style.mjs";
-import CalendarPanel from "./CalendarPanel.mjs";
-import PickerShell from "./PickerShell.mjs";
-import { memo, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import useMergeState from "use-merge-value";
-import { CalendarIcon } from "lucide-react";
-import dayjs from "dayjs";
+import generateConfig from "./generateConfig.mjs";
+import generatePicker from "./generatePicker.mjs";
+import genPurePanel from "./PurePanel.mjs";
 //#region src/base-ui/DatePicker/DatePicker.tsx
-const PLACEHOLDER_KEY = {
-	date: "datePicker.placeholder",
-	month: "datePicker.monthPlaceholder",
-	year: "datePicker.yearPlaceholder"
-};
-const formatDate = (date, format, fallback) => typeof format === "function" ? format(date) : dayjs(date).format(format ?? fallback);
-const DatePicker = memo(({ allowClear = true, className, defaultValue = null, disabled, disabledDate, footer, format, max, min, mode = "date", onChange, placeholder, shadow, size, style, value, variant }) => {
-	const { t } = useTranslation(datePicker_default);
-	const [current, setCurrent] = useMergeState(defaultValue, {
-		defaultValue,
-		onChange,
-		value
-	});
-	const [open, setOpen] = useState(false);
-	const [month, setMonth] = useState(() => current ?? /* @__PURE__ */ new Date());
-	const text = current ? formatDate(current, format, DEFAULT_FORMAT[mode]) : null;
-	return /* @__PURE__ */ jsxs(PickerShell, {
-		className,
-		disabled,
-		open,
-		shadow,
-		showClear: allowClear && !!current,
-		size,
-		style,
-		variant,
-		icon: /* @__PURE__ */ jsx("span", {
-			className: styles.icon,
-			children: /* @__PURE__ */ jsx(Icon, {
-				icon: CalendarIcon,
-				size: 14
-			})
-		}),
-		trigger: /* @__PURE__ */ jsx("button", {
-			className: styles.trigger,
-			disabled,
-			type: "button",
-			children: text ?? /* @__PURE__ */ jsx("span", {
-				className: styles.placeholder,
-				children: placeholder ?? t(PLACEHOLDER_KEY[mode])
-			})
-		}),
-		onClear: () => setCurrent(null),
-		onOpenChange: (next) => {
-			if (next) setMonth(current ?? clampToBounds(/* @__PURE__ */ new Date(), {
-				max,
-				min
-			}));
-			setOpen(next);
-		},
-		children: [/* @__PURE__ */ jsx(CalendarPanel, {
-			bounds: {
-				disabledDate,
-				max,
-				min
-			},
-			mode,
-			month,
-			selected: current,
-			onMonthChange: setMonth,
-			onSelect: (date) => {
-				setCurrent(date);
-				setOpen(false);
-			}
-		}), footer && /* @__PURE__ */ jsx("div", {
-			className: styles.footer,
-			children: footer
-		})]
-	});
-});
-DatePicker.displayName = "DatePicker";
+/**
+* DatePicker over Dayjs, with antd's statics: `DatePicker.RangePicker`, `WeekPicker`,
+* `MonthPicker`, `YearPicker`, `QuarterPicker`, `TimePicker`, the debug-only pure panels
+* and `generatePicker`.
+*/
+const DatePicker = generatePicker(generateConfig);
+DatePicker._InternalPanelDoNotUseOrYouWillBeFired = genPurePanel(DatePicker);
+DatePicker._InternalRangePanelDoNotUseOrYouWillBeFired = genPurePanel(DatePicker.RangePicker);
+DatePicker.generatePicker = generatePicker;
 //#endregion
-export { DatePicker as default, formatDate };
+export { DatePicker as default };
 
 //# sourceMappingURL=DatePicker.mjs.map

package/es/base-ui/DatePicker/DatePicker.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.mjs","names":["datePickerMessages","useControlledState"],"sources":["../../../src/base-ui/DatePicker/DatePicker.tsx"],"sourcesContent":["'use client';\n\nimport dayjs from 'dayjs';\nimport { CalendarIcon } from 'lucide-react';\nimport { memo, useState } from 'react';\nimport useControlledState from 'use-merge-value';\n\nimport datePickerMessages from '@/i18n/resources/en/datePicker';\nimport { useTranslation } from '@/i18n/useTranslation';\nimport Icon from '@/Icon';\n\nimport { clampToBounds, DEFAULT_FORMAT } from './calendar';\nimport CalendarPanel from './CalendarPanel';\nimport PickerShell from './PickerShell';\nimport { styles } from './style';\nimport type { DatePickerProps } from './type';\n\nconst PLACEHOLDER_KEY = {\n  date: 'datePicker.placeholder',\n  month: 'datePicker.monthPlaceholder',\n  year: 'datePicker.yearPlaceholder',\n} as const;\n\nexport const formatDate = (date: Date, format: DatePickerProps['format'], fallback: string) =>\n  typeof format === 'function' ? format(date) : dayjs(date).format(format ?? fallback);\n\nconst DatePicker = memo<DatePickerProps>(\n  ({\n    allowClear = true,\n    className,\n    defaultValue = null,\n    disabled,\n    disabledDate,\n    footer,\n    format,\n    max,\n    min,\n    mode = 'date',\n    onChange,\n    placeholder,\n    shadow,\n    size,\n    style,\n    value,\n    variant,\n  }) => {\n    const { t } = useTranslation(datePickerMessages);\n    const [current, setCurrent] = useControlledState<Date | null>(defaultValue, {\n      defaultValue,\n      onChange,\n      value,\n    });\n    const [open, setOpen] = useState(false);\n    const [month, setMonth] = useState<Date>(() => current ?? new Date());\n\n    const text = current ? formatDate(current, format, DEFAULT_FORMAT[mode]) : null;\n\n    return (\n      <PickerShell\n        className={className}\n        disabled={disabled}\n        open={open}\n        shadow={shadow}\n        showClear={allowClear && !!current}\n        size={size}\n        style={style}\n        variant={variant}\n        icon={\n          <span className={styles.icon}>\n            <Icon icon={CalendarIcon} size={14} />\n          </span>\n        }\n        trigger={\n          <button className={styles.trigger} disabled={disabled} type=\"button\">\n            {text ?? (\n              <span className={styles.placeholder}>{placeholder ?? t(PLACEHOLDER_KEY[mode])}</span>\n            )}\n          </button>\n        }\n        onClear={() => setCurrent(null)}\n        onOpenChange={(next) => {\n          if (next) setMonth(current ?? clampToBounds(new Date(), { max, min }));\n          setOpen(next);\n        }}\n      >\n        <CalendarPanel\n          bounds={{ disabledDate, max, min }}\n          mode={mode}\n          month={month}\n          selected={current}\n          onMonthChange={setMonth}\n          onSelect={(date) => {\n            setCurrent(date);\n            setOpen(false);\n          }}\n        />\n        {footer && <div className={styles.footer}>{footer}</div>}\n      </PickerShell>\n    );\n  },\n);\n\nDatePicker.displayName = 'DatePicker';\n\nexport default DatePicker;\n"],"mappings":";;;;;;;;;;;;;;AAiBA,MAAM,kBAAkB;CACtB,MAAM;CACN,OAAO;CACP,MAAM;AACR;AAEA,MAAa,cAAc,MAAY,QAAmC,aACxE,OAAO,WAAW,aAAa,OAAO,IAAI,IAAI,MAAM,IAAI,CAAC,CAAC,OAAO,UAAU,QAAQ;AAErF,MAAM,aAAa,MAChB,EACC,aAAa,MACb,WACA,eAAe,MACf,UACA,cACA,QACA,QACA,KACA,KACA,OAAO,QACP,UACA,aACA,QACA,MACA,OACA,OACA,cACI;CACJ,MAAM,EAAE,MAAM,eAAeA,kBAAkB;CAC/C,MAAM,CAAC,SAAS,cAAcC,cAAgC,cAAc;EAC1E;EACA;EACA;CACF,CAAC;CACD,MAAM,CAAC,MAAM,WAAW,SAAS,KAAK;CACtC,MAAM,CAAC,OAAO,YAAY,eAAqB,2BAAW,IAAI,KAAK,CAAC;CAEpE,MAAM,OAAO,UAAU,WAAW,SAAS,QAAQ,eAAe,KAAK,IAAI;CAE3E,OACE,qBAAC,aAAD;EACa;EACD;EACJ;EACE;EACR,WAAW,cAAc,CAAC,CAAC;EACrB;EACC;EACE;EACT,MACE,oBAAC,QAAD;GAAM,WAAW,OAAO;GACtB,UAAA,oBAAC,MAAD;IAAM,MAAM;IAAc,MAAM;GAAK,CAAA;EACjC,CAAA;EAER,SACE,oBAAC,UAAD;GAAQ,WAAW,OAAO;GAAmB;GAAU,MAAK;GACzD,UAAA,QACC,oBAAC,QAAD;IAAM,WAAW,OAAO;IAAc,UAAA,eAAe,EAAE,gBAAgB,KAAK;GAAQ,CAAA;EAEhF,CAAA;EAEV,eAAe,WAAW,IAAI;EAC9B,eAAe,SAAS;GACtB,IAAI,MAAM,SAAS,WAAW,8BAAc,IAAI,KAAK,GAAG;IAAE;IAAK;GAAI,CAAC,CAAC;GACrE,QAAQ,IAAI;EACd;EAzBF,UAAA,CA2BE,oBAAC,eAAD;GACE,QAAQ;IAAE;IAAc;IAAK;GAAI;GAC3B;GACC;GACP,UAAU;GACV,eAAe;GACf,WAAW,SAAS;IAClB,WAAW,IAAI;IACf,QAAQ,KAAK;GACf;EACD,CAAA,GACA,UAAU,oBAAC,OAAD;GAAK,WAAW,OAAO;GAAS,UAAA;EAAY,CAAA,CAC5C;;AAEjB,CACF;AAEA,WAAW,cAAc"}
+{"version":3,"file":"DatePicker.mjs","names":["dayjsGenerateConfig"],"sources":["../../../src/base-ui/DatePicker/DatePicker.tsx"],"sourcesContent":["'use client';\n\nimport dayjsGenerateConfig from './generateConfig';\nimport generatePicker from './generatePicker';\nimport genPurePanel from './PurePanel';\nimport type { DatePickerType } from './type';\n\n/**\n * DatePicker over Dayjs, with antd's statics: `DatePicker.RangePicker`, `WeekPicker`,\n * `MonthPicker`, `YearPicker`, `QuarterPicker`, `TimePicker`, the debug-only pure panels\n * and `generatePicker`.\n */\nconst DatePicker = generatePicker(dayjsGenerateConfig) as DatePickerType;\n\nDatePicker._InternalPanelDoNotUseOrYouWillBeFired = genPurePanel(DatePicker);\nDatePicker._InternalRangePanelDoNotUseOrYouWillBeFired = genPurePanel(DatePicker.RangePicker);\nDatePicker.generatePicker = generatePicker;\n\nexport default DatePicker;\n"],"mappings":";;;;;;;;;;AAYA,MAAM,aAAa,eAAeA,cAAmB;AAErD,WAAW,yCAAyC,aAAa,UAAU;AAC3E,WAAW,8CAA8C,aAAa,WAAW,WAAW;AAC5F,WAAW,iBAAiB"}

package/es/base-ui/DatePicker/DateRangePicker.d.mts

@@ -1,6 +1,7 @@
-import { DateRangePickerProps } from "./type.mjs";
+import { RangePickerComponent } from "./type.mjs";
 //#region src/base-ui/DatePicker/DateRangePicker.d.ts
-declare const DateRangePicker: import("react").NamedExoticComponent<DateRangePickerProps>;
+/** `DatePicker.RangePicker`, kept as a standalone export. */
+declare const DateRangePicker: RangePickerComponent<import("dayjs").Dayjs>;
 //#endregion
 export { DateRangePicker as default };
 //# sourceMappingURL=DateRangePicker.d.mts.map

package/es/base-ui/DatePicker/DateRangePicker.mjs

@@ -1,127 +1,7 @@
-"use client";
-import Icon from "../../Icon/Icon.mjs";
-import { useTranslation } from "../../i18n/useTranslation.mjs";
-import datePicker_default from "../../i18n/resources/en/datePicker.mjs";
-import { DEFAULT_FORMAT, clampToBounds, orderRange } from "./calendar.mjs";
-import { styles } from "./style.mjs";
-import CalendarPanel from "./CalendarPanel.mjs";
-import PickerShell from "./PickerShell.mjs";
-import { formatDate } from "./DatePicker.mjs";
-import { memo, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import useMergeState from "use-merge-value";
-import { ArrowRight, CalendarIcon } from "lucide-react";
-import dayjs from "dayjs";
+import DatePicker from "./DatePicker.mjs";
 //#region src/base-ui/DatePicker/DateRangePicker.tsx
-const EMPTY = [null, null];
-const DateRangePicker = memo(({ allowClear = true, className, defaultValue = EMPTY, disabled, disabledDate, format, max, min, onChange, placeholder, shadow, size, style, value, variant }) => {
-	const { t } = useTranslation(datePicker_default);
-	const [current, setCurrent] = useMergeState(defaultValue, {
-		defaultValue,
-		onChange,
-		value
-	});
-	const [open, setOpen] = useState(false);
-	const [draft, setDraft] = useState(EMPTY);
-	const [hovered, setHovered] = useState(null);
-	const [month, setMonth] = useState(() => current[0] ?? /* @__PURE__ */ new Date());
-	const shown = open && draft[0] ? draft : current;
-	const nextMonth = dayjs(month).add(1, "month").toDate();
-	const bounds = {
-		disabledDate,
-		max,
-		min
-	};
-	const half = (date, fallback, active) => /* @__PURE__ */ jsx("span", {
-		className: styles.rangeHalf,
-		"data-active": active ? "" : void 0,
-		children: date ? formatDate(date, format, DEFAULT_FORMAT.date) : /* @__PURE__ */ jsx("span", {
-			className: styles.placeholder,
-			children: fallback
-		})
-	});
-	const select = (date) => {
-		if (!draft[0] || draft[1]) {
-			setDraft([date, null]);
-			return;
-		}
-		const ordered = orderRange(draft[0], date);
-		setDraft(EMPTY);
-		setCurrent(ordered);
-		setOpen(false);
-	};
-	return /* @__PURE__ */ jsx(PickerShell, {
-		className,
-		disabled,
-		open,
-		shadow,
-		showClear: allowClear && !!(current[0] || current[1]),
-		size,
-		style,
-		variant,
-		icon: /* @__PURE__ */ jsx("span", {
-			className: styles.icon,
-			children: /* @__PURE__ */ jsx(Icon, {
-				icon: CalendarIcon,
-				size: 14
-			})
-		}),
-		trigger: /* @__PURE__ */ jsx("button", {
-			className: styles.trigger,
-			disabled,
-			type: "button",
-			children: /* @__PURE__ */ jsxs("span", {
-				className: styles.rangeTrigger,
-				children: [
-					half(shown[0], placeholder?.[0] ?? t("datePicker.startPlaceholder"), open && !draft[0]),
-					/* @__PURE__ */ jsx("span", {
-						className: styles.icon,
-						children: /* @__PURE__ */ jsx(Icon, {
-							icon: ArrowRight,
-							size: 14
-						})
-					}),
-					half(shown[1], placeholder?.[1] ?? t("datePicker.endPlaceholder"), open && !!draft[0])
-				]
-			})
-		}),
-		onClear: () => setCurrent(EMPTY),
-		onOpenChange: (next) => {
-			if (next) {
-				setMonth(current[0] ?? clampToBounds(/* @__PURE__ */ new Date(), {
-					max,
-					min
-				}));
-				setDraft(EMPTY);
-			}
-			setOpen(next);
-		},
-		children: /* @__PURE__ */ jsxs("div", {
-			className: styles.range,
-			children: [/* @__PURE__ */ jsx(CalendarPanel, {
-				bounds,
-				hovered,
-				mode: "date",
-				month,
-				range: draft[0] ? draft : current,
-				showNav: false,
-				onHover: setHovered,
-				onMonthChange: setMonth,
-				onSelect: select
-			}), /* @__PURE__ */ jsx(CalendarPanel, {
-				bounds,
-				hovered,
-				mode: "date",
-				month: nextMonth,
-				range: draft[0] ? draft : current,
-				onHover: setHovered,
-				onMonthChange: (next) => setMonth(dayjs(next).subtract(1, "month").toDate()),
-				onSelect: select
-			})]
-		})
-	});
-});
-DateRangePicker.displayName = "DateRangePicker";
+/** `DatePicker.RangePicker`, kept as a standalone export. */
+const DateRangePicker = DatePicker.RangePicker;
 //#endregion
 export { DateRangePicker as default };
 

package/es/base-ui/DatePicker/DateRangePicker.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangePicker.mjs","names":["datePickerMessages","useControlledState"],"sources":["../../../src/base-ui/DatePicker/DateRangePicker.tsx"],"sourcesContent":["'use client';\n\nimport dayjs from 'dayjs';\nimport { ArrowRight, CalendarIcon } from 'lucide-react';\nimport { memo, useState } from 'react';\nimport useControlledState from 'use-merge-value';\n\nimport datePickerMessages from '@/i18n/resources/en/datePicker';\nimport { useTranslation } from '@/i18n/useTranslation';\nimport Icon from '@/Icon';\n\nimport { clampToBounds, DEFAULT_FORMAT, orderRange } from './calendar';\nimport CalendarPanel from './CalendarPanel';\nimport { formatDate } from './DatePicker';\nimport PickerShell from './PickerShell';\nimport { styles } from './style';\nimport type { DateRangePickerProps, DateRangeValue } from './type';\n\nconst EMPTY: DateRangeValue = [null, null];\n\nconst DateRangePicker = memo<DateRangePickerProps>(\n  ({\n    allowClear = true,\n    className,\n    defaultValue = EMPTY,\n    disabled,\n    disabledDate,\n    format,\n    max,\n    min,\n    onChange,\n    placeholder,\n    shadow,\n    size,\n    style,\n    value,\n    variant,\n  }) => {\n    const { t } = useTranslation(datePickerMessages);\n    const [current, setCurrent] = useControlledState<DateRangeValue>(defaultValue, {\n      defaultValue,\n      onChange,\n      value,\n    });\n    const [open, setOpen] = useState(false);\n    const [draft, setDraft] = useState<DateRangeValue>(EMPTY);\n    const [hovered, setHovered] = useState<Date | null>(null);\n    const [month, setMonth] = useState<Date>(() => current[0] ?? new Date());\n\n    const shown = open && draft[0] ? draft : current;\n    const nextMonth = dayjs(month).add(1, 'month').toDate();\n    const bounds = { disabledDate, max, min };\n\n    const half = (date: Date | null, fallback: string, active: boolean) => (\n      <span className={styles.rangeHalf} data-active={active ? '' : undefined}>\n        {date ? (\n          formatDate(date, format, DEFAULT_FORMAT.date)\n        ) : (\n          <span className={styles.placeholder}>{fallback}</span>\n        )}\n      </span>\n    );\n\n    const select = (date: Date) => {\n      if (!draft[0] || draft[1]) {\n        setDraft([date, null]);\n        return;\n      }\n      const ordered = orderRange(draft[0], date);\n      setDraft(EMPTY);\n      setCurrent(ordered);\n      setOpen(false);\n    };\n\n    return (\n      <PickerShell\n        className={className}\n        disabled={disabled}\n        open={open}\n        shadow={shadow}\n        showClear={allowClear && !!(current[0] || current[1])}\n        size={size}\n        style={style}\n        variant={variant}\n        icon={\n          <span className={styles.icon}>\n            <Icon icon={CalendarIcon} size={14} />\n          </span>\n        }\n        trigger={\n          <button className={styles.trigger} disabled={disabled} type=\"button\">\n            <span className={styles.rangeTrigger}>\n              {half(\n                shown[0],\n                placeholder?.[0] ?? t('datePicker.startPlaceholder'),\n                open && !draft[0],\n              )}\n              <span className={styles.icon}>\n                <Icon icon={ArrowRight} size={14} />\n              </span>\n              {half(\n                shown[1],\n                placeholder?.[1] ?? t('datePicker.endPlaceholder'),\n                open && !!draft[0],\n              )}\n            </span>\n          </button>\n        }\n        onClear={() => setCurrent(EMPTY)}\n        onOpenChange={(next) => {\n          if (next) {\n            setMonth(current[0] ?? clampToBounds(new Date(), { max, min }));\n            setDraft(EMPTY);\n          }\n          setOpen(next);\n        }}\n      >\n        <div className={styles.range}>\n          <CalendarPanel\n            bounds={bounds}\n            hovered={hovered}\n            mode=\"date\"\n            month={month}\n            range={draft[0] ? draft : current}\n            showNav={false}\n            onHover={setHovered}\n            onMonthChange={setMonth}\n            onSelect={select}\n          />\n          <CalendarPanel\n            bounds={bounds}\n            hovered={hovered}\n            mode=\"date\"\n            month={nextMonth}\n            range={draft[0] ? draft : current}\n            onHover={setHovered}\n            onMonthChange={(next) => setMonth(dayjs(next).subtract(1, 'month').toDate())}\n            onSelect={select}\n          />\n        </div>\n      </PickerShell>\n    );\n  },\n);\n\nDateRangePicker.displayName = 'DateRangePicker';\n\nexport default DateRangePicker;\n"],"mappings":"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"}
+{"version":3,"file":"DateRangePicker.mjs","names":[],"sources":["../../../src/base-ui/DatePicker/DateRangePicker.tsx"],"sourcesContent":["import DatePicker from './DatePicker';\n\n/** `DatePicker.RangePicker`, kept as a standalone export. */\nconst DateRangePicker = DatePicker.RangePicker;\n\nexport default DateRangePicker;\n"],"mappings":";;;AAGA,MAAM,kBAAkB,WAAW"}

package/es/base-ui/DatePicker/PurePanel.mjs

@@ -0,0 +1,80 @@
+"use client";
+import { PREFIX_CLS } from "./style.mjs";
+import { useEffect, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/base-ui/DatePicker/PurePanel.tsx
+/**
+* antd `genPurePanel`: the picker with its popup always open and rendered in flow below
+* the input — for docs and visual tests, not for apps. The holder reserves the popup's
+* height, the popup does not flip or shift, and it has no motion or stacking z-index.
+*/
+const genPurePanel = (Component) => {
+	const PurePanel = (props) => {
+		const { open: openProp, style, styles } = props;
+		const holderRef = useRef(null);
+		const [popupSize, setPopupSize] = useState({
+			height: 0,
+			width: 0
+		});
+		const [mounted, setMounted] = useState(false);
+		useEffect(() => {
+			setMounted(true);
+			if (typeof ResizeObserver === "undefined") return;
+			const resizeObserver = new ResizeObserver(([entry]) => {
+				const element = entry.target;
+				setPopupSize({
+					height: element.offsetHeight + 8,
+					width: element.offsetWidth
+				});
+			});
+			const interval = setInterval(() => {
+				const popup = holderRef.current?.querySelector(`.${PREFIX_CLS}-dropdown`);
+				if (!popup) return;
+				clearInterval(interval);
+				resizeObserver.observe(popup);
+			}, 10);
+			return () => {
+				clearInterval(interval);
+				resizeObserver.disconnect();
+			};
+		}, []);
+		const withInlinePopup = (semantic) => ({
+			...semantic,
+			popup: {
+				...semantic?.popup,
+				root: {
+					zIndex: "auto",
+					...semantic?.popup?.root
+				}
+			}
+		});
+		return /* @__PURE__ */ jsx("div", {
+			ref: holderRef,
+			style: {
+				minWidth: popupSize.width,
+				paddingBottom: popupSize.height,
+				position: "relative"
+			},
+			children: /* @__PURE__ */ jsx(Component, {
+				...props,
+				getPopupContainer: () => holderRef.current,
+				open: openProp ?? mounted,
+				popupAlign: { overflow: {
+					adjustX: false,
+					adjustY: false
+				} },
+				style: {
+					...style,
+					margin: 0
+				},
+				transitionName: "",
+				styles: typeof styles === "function" ? (info) => withInlinePopup(styles(info)) : withInlinePopup(styles)
+			})
+		});
+	};
+	return PurePanel;
+};
+//#endregion
+export { genPurePanel as default };
+
+//# sourceMappingURL=PurePanel.mjs.map

package/es/base-ui/DatePicker/PurePanel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PurePanel.mjs","names":[],"sources":["../../../src/base-ui/DatePicker/PurePanel.tsx"],"sourcesContent":["'use client';\n\nimport { type ComponentType, type CSSProperties, useEffect, useRef, useState } from 'react';\n\nimport { PREFIX_CLS } from './style';\nimport type { PickerSemanticStyles, PickerStyles } from './type';\n\ninterface PurePanelProps {\n  open?: boolean;\n  style?: CSSProperties;\n  styles?: PickerStyles;\n}\n\n/**\n * antd `genPurePanel`: the picker with its popup always open and rendered in flow below\n * the input — for docs and visual tests, not for apps. The holder reserves the popup's\n * height, the popup does not flip or shift, and it has no motion or stacking z-index.\n */\nconst genPurePanel = <P extends object>(Component: ComponentType<P>) => {\n  const PurePanel = (props: P & PurePanelProps) => {\n    const { open: openProp, style, styles } = props;\n    const holderRef = useRef<HTMLDivElement>(null);\n    const [popupSize, setPopupSize] = useState({ height: 0, width: 0 });\n    const [mounted, setMounted] = useState(false);\n\n    // Opened after mount, as in antd: the popup needs the holder to render into.\n    useEffect(() => {\n      setMounted(true);\n      if (typeof ResizeObserver === 'undefined') return;\n      const resizeObserver = new ResizeObserver(([entry]) => {\n        const element = entry.target as HTMLElement;\n        setPopupSize({ height: element.offsetHeight + 8, width: element.offsetWidth });\n      });\n      const interval = setInterval(() => {\n        const popup = holderRef.current?.querySelector(`.${PREFIX_CLS}-dropdown`);\n        if (!popup) return;\n        clearInterval(interval);\n        resizeObserver.observe(popup);\n      }, 10);\n      return () => {\n        clearInterval(interval);\n        resizeObserver.disconnect();\n      };\n    }, []);\n\n    const withInlinePopup = (semantic?: PickerSemanticStyles): PickerSemanticStyles => ({\n      ...semantic,\n      popup: { ...semantic?.popup, root: { zIndex: 'auto', ...semantic?.popup?.root } },\n    });\n\n    return (\n      <div\n        ref={holderRef}\n        style={{ minWidth: popupSize.width, paddingBottom: popupSize.height, position: 'relative' }}\n      >\n        <Component\n          {...props}\n          getPopupContainer={() => holderRef.current!}\n          open={openProp ?? mounted}\n          popupAlign={{ overflow: { adjustX: false, adjustY: false } }}\n          style={{ ...style, margin: 0 }}\n          transitionName=\"\"\n          styles={\n            typeof styles === 'function'\n              ? (info: { props: any }) => withInlinePopup(styles(info))\n              : withInlinePopup(styles)\n          }\n        />\n      </div>\n    );\n  };\n  return PurePanel;\n};\n\nexport default genPurePanel;\n"],"mappings":";;;;;;;;;;AAkBA,MAAM,gBAAkC,cAAgC;CACtE,MAAM,aAAa,UAA8B;EAC/C,MAAM,EAAE,MAAM,UAAU,OAAO,WAAW;EAC1C,MAAM,YAAY,OAAuB,IAAI;EAC7C,MAAM,CAAC,WAAW,gBAAgB,SAAS;GAAE,QAAQ;GAAG,OAAO;EAAE,CAAC;EAClE,MAAM,CAAC,SAAS,cAAc,SAAS,KAAK;EAG5C,gBAAgB;GACd,WAAW,IAAI;GACf,IAAI,OAAO,mBAAmB,aAAa;GAC3C,MAAM,iBAAiB,IAAI,gBAAgB,CAAC,WAAW;IACrD,MAAM,UAAU,MAAM;IACtB,aAAa;KAAE,QAAQ,QAAQ,eAAe;KAAG,OAAO,QAAQ;IAAY,CAAC;GAC/E,CAAC;GACD,MAAM,WAAW,kBAAkB;IACjC,MAAM,QAAQ,UAAU,SAAS,cAAc,IAAI,WAAW,UAAU;IACxE,IAAI,CAAC,OAAO;IACZ,cAAc,QAAQ;IACtB,eAAe,QAAQ,KAAK;GAC9B,GAAG,EAAE;GACL,aAAa;IACX,cAAc,QAAQ;IACtB,eAAe,WAAW;GAC5B;EACF,GAAG,CAAC,CAAC;EAEL,MAAM,mBAAmB,cAA2D;GAClF,GAAG;GACH,OAAO;IAAE,GAAG,UAAU;IAAO,MAAM;KAAE,QAAQ;KAAQ,GAAG,UAAU,OAAO;IAAK;GAAE;EAClF;EAEA,OACE,oBAAC,OAAD;GACE,KAAK;GACL,OAAO;IAAE,UAAU,UAAU;IAAO,eAAe,UAAU;IAAQ,UAAU;GAAW;GAE1F,UAAA,oBAAC,WAAD;IACE,GAAI;IACJ,yBAAyB,UAAU;IACnC,MAAM,YAAY;IAClB,YAAY,EAAE,UAAU;KAAE,SAAS;KAAO,SAAS;IAAM,EAAE;IAC3D,OAAO;KAAE,GAAG;KAAO,QAAQ;IAAE;IAC7B,gBAAe;IACf,QACE,OAAO,WAAW,cACb,SAAyB,gBAAgB,OAAO,IAAI,CAAC,IACtD,gBAAgB,MAAM;GAE7B,CAAA;EACE,CAAA;CAET;CACA,OAAO;AACT"}

package/es/base-ui/DatePicker/RangePicker.mjs

@@ -0,0 +1,120 @@
+"use client";
+import Icon from "../../Icon/Icon.mjs";
+import { cx } from "../../utils/styleEngine.mjs";
+import { usePickerLocale } from "./locale.mjs";
+import { usePanelKeyboard } from "./usePanelKeyboard.mjs";
+import { usePickerShared } from "./usePickerShared.mjs";
+import { usePresetActive } from "./usePresetActive.mjs";
+import { jsx } from "react/jsx-runtime";
+import { ArrowRight } from "lucide-react";
+import { RangePicker } from "@rc-component/picker";
+//#region src/base-ui/DatePicker/RangePicker.tsx
+/** antd `generateRangePicker`: `DatePicker.RangePicker` over `generateConfig`'s date type. */
+const generateRangePicker = (generateConfig) => {
+	const RangePicker$1 = (props) => {
+		const { allowClear, allowEmpty, bordered, cellRender, changeOnBlur, className, clearIcon, classNames, components, dateRender, defaultOpen, defaultPickerValue, defaultValue, dropdownClassName, direction, disabled, disabledDate, footer, getPopupContainer, id, locale: localeOverride, max, maxDate, min, minDate, mode, monthCellRender, needConfirm, nextIcon, onBlur, onKeyDown, onCalendarChange, onChange, onFocus, onOk, onOpenChange, onPanelChange, onPickerValueChange, open, order, picker = "date", pickerValue, placeholder, popupClassName, popupStyle, prevIcon, renderExtraFooter, rootClassName, separator, shadow, size, status, styles, suffixIcon, superNextIcon, superPrevIcon, transitionName, value, variant, ...rest } = props;
+		const { locale, rangePlaceholder } = usePickerLocale(localeOverride);
+		const keyboard = usePanelKeyboard({
+			cellRender,
+			dateRender,
+			defaultOpen,
+			defaultPickerValue,
+			defaultValue,
+			direction,
+			generateConfig,
+			mode,
+			monthCellRender,
+			onChange,
+			onFocus,
+			onOpenChange,
+			onPanelChange,
+			onPickerValueChange,
+			open,
+			picker,
+			pickerValue,
+			range: true,
+			value
+		});
+		const shared = usePickerShared({
+			allowClear,
+			bordered,
+			changeOnBlur,
+			className,
+			clearIcon,
+			classNames,
+			components,
+			defaultOpen,
+			dropdownClassName,
+			generateConfig,
+			getPopupContainer,
+			max,
+			maxDate,
+			min,
+			minDate,
+			needConfirm,
+			nextIcon,
+			onKeyDown,
+			onOpenChange: keyboard.onOpenChange,
+			open,
+			picker,
+			popupClassName,
+			popupStyle,
+			prevIcon,
+			rootClassName: cx(keyboard.scopeClassName, rootClassName),
+			semanticProps: props,
+			shadow,
+			size,
+			status,
+			styles,
+			suffixIcon,
+			superNextIcon,
+			superPrevIcon,
+			transitionName,
+			variant
+		});
+		const presetActive = usePresetActive(rest.presets, value, defaultValue);
+		return /* @__PURE__ */ jsx(RangePicker, {
+			...rest,
+			...shared,
+			allowEmpty,
+			cellRender: keyboard.cellRender,
+			dateRender,
+			defaultPickerValue,
+			defaultValue,
+			direction,
+			disabled,
+			disabledDate,
+			id,
+			locale: locale.lang,
+			mode,
+			monthCellRender,
+			order,
+			picker,
+			pickerValue: keyboard.pickerValue,
+			placeholder: placeholder ?? rangePlaceholder(picker),
+			presets: presetActive.presets,
+			renderExtraFooter: renderExtraFooter ?? (footer ? () => footer : void 0),
+			separator: separator ?? /* @__PURE__ */ jsx(Icon, {
+				icon: ArrowRight,
+				size: 14
+			}),
+			value,
+			onBlur,
+			onCalendarChange,
+			onFocus: keyboard.onFocus,
+			onOk,
+			onPanelChange: keyboard.onPanelChange,
+			onPickerValueChange: keyboard.onPickerValueChange,
+			onChange: (...args) => {
+				presetActive.track(args[0]);
+				keyboard.onChange(...args);
+			}
+		});
+	};
+	RangePicker$1.displayName = "RangePicker";
+	return RangePicker$1;
+};
+//#endregion
+export { generateRangePicker as default };
+
+//# sourceMappingURL=RangePicker.mjs.map

package/es/base-ui/DatePicker/RangePicker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangePicker.mjs","names":["RangePicker","RcRangePicker"],"sources":["../../../src/base-ui/DatePicker/RangePicker.tsx"],"sourcesContent":["'use client';\n\nimport { RangePicker as RcRangePicker } from '@rc-component/picker';\nimport type { GenerateConfig } from '@rc-component/picker/generate';\nimport { ArrowRight } from 'lucide-react';\n\nimport Icon from '@/Icon';\nimport { cx } from '@/utils/styleEngine';\n\nimport { usePickerLocale } from './locale';\nimport type { DateRangePickerProps, RangePickerComponent } from './type';\nimport { usePanelKeyboard } from './usePanelKeyboard';\nimport { usePickerShared } from './usePickerShared';\nimport { usePresetActive } from './usePresetActive';\n\n/** antd `generateRangePicker`: `DatePicker.RangePicker` over `generateConfig`'s date type. */\nconst generateRangePicker = <DateType extends object>(generateConfig: GenerateConfig<DateType>) => {\n  const RangePicker = (props: DateRangePickerProps<DateType>) => {\n    const {\n      allowClear,\n      allowEmpty,\n      bordered,\n      cellRender,\n      changeOnBlur,\n      className,\n      clearIcon,\n      classNames,\n      components,\n      dateRender,\n      defaultOpen,\n      defaultPickerValue,\n      defaultValue,\n      dropdownClassName,\n      direction,\n      disabled,\n      disabledDate,\n      footer,\n      getPopupContainer,\n      id,\n      locale: localeOverride,\n      max,\n      maxDate,\n      min,\n      minDate,\n      mode,\n      monthCellRender,\n      needConfirm,\n      nextIcon,\n      onBlur,\n      onKeyDown,\n      onCalendarChange,\n      onChange,\n      onFocus,\n      onOk,\n      onOpenChange,\n      onPanelChange,\n      onPickerValueChange,\n      open,\n      order,\n      picker = 'date',\n      pickerValue,\n      placeholder,\n      popupClassName,\n      popupStyle,\n      prevIcon,\n      renderExtraFooter,\n      rootClassName,\n      separator,\n      shadow,\n      size,\n      status,\n      styles,\n      suffixIcon,\n      superNextIcon,\n      superPrevIcon,\n      transitionName,\n      value,\n      variant,\n      ...rest\n    } = props;\n    const { locale, rangePlaceholder } = usePickerLocale(localeOverride);\n    const keyboard = usePanelKeyboard({\n      cellRender,\n      dateRender,\n      defaultOpen,\n      defaultPickerValue,\n      defaultValue,\n      direction,\n      generateConfig,\n      mode,\n      monthCellRender,\n      onChange,\n      onFocus,\n      onOpenChange,\n      onPanelChange,\n      onPickerValueChange,\n      open,\n      picker,\n      pickerValue,\n      range: true,\n      value,\n    });\n    const shared = usePickerShared({\n      allowClear,\n      bordered,\n      changeOnBlur,\n      className,\n      clearIcon,\n      classNames,\n      components,\n      defaultOpen,\n      dropdownClassName,\n      generateConfig,\n      getPopupContainer,\n      max,\n      maxDate,\n      min,\n      minDate,\n      needConfirm,\n      nextIcon,\n      onKeyDown,\n      onOpenChange: keyboard.onOpenChange,\n      open,\n      picker,\n      popupClassName,\n      popupStyle,\n      prevIcon,\n      rootClassName: cx(keyboard.scopeClassName, rootClassName),\n      semanticProps: props,\n      shadow,\n      size,\n      status,\n      styles,\n      suffixIcon,\n      superNextIcon,\n      superPrevIcon,\n      transitionName,\n      variant,\n    });\n\n    const presetActive = usePresetActive((rest as any).presets, value, defaultValue);\n\n    return (\n      <RcRangePicker<DateType>\n        {...rest}\n        {...shared}\n        allowEmpty={allowEmpty}\n        cellRender={keyboard.cellRender}\n        dateRender={dateRender}\n        defaultPickerValue={defaultPickerValue as any}\n        defaultValue={defaultValue as any}\n        direction={direction}\n        disabled={disabled}\n        disabledDate={disabledDate}\n        id={id}\n        locale={locale.lang}\n        mode={mode as any}\n        monthCellRender={monthCellRender}\n        order={order}\n        picker={picker}\n        pickerValue={keyboard.pickerValue}\n        placeholder={placeholder ?? rangePlaceholder(picker)}\n        presets={presetActive.presets as any}\n        renderExtraFooter={renderExtraFooter ?? (footer ? () => footer : undefined)}\n        separator={separator ?? <Icon icon={ArrowRight} size={14} />}\n        value={value as any}\n        onBlur={onBlur as any}\n        onCalendarChange={onCalendarChange as any}\n        onFocus={keyboard.onFocus}\n        onOk={onOk as any}\n        onPanelChange={keyboard.onPanelChange}\n        onPickerValueChange={keyboard.onPickerValueChange}\n        onChange={(...args: any[]) => {\n          presetActive.track(args[0]);\n          (keyboard.onChange as any)(...args);\n        }}\n      />\n    );\n  };\n  RangePicker.displayName = 'RangePicker';\n  return RangePicker as RangePickerComponent<DateType>;\n};\n\nexport default generateRangePicker;\n"],"mappings":";;;;;;;;;;;;AAgBA,MAAM,uBAAgD,mBAA6C;CACjG,MAAMA,iBAAe,UAA0C;EAC7D,MAAM,EACJ,YACA,YACA,UACA,YACA,cACA,WACA,WACA,YACA,YACA,YACA,aACA,oBACA,cACA,mBACA,WACA,UACA,cACA,QACA,mBACA,IACA,QAAQ,gBACR,KACA,SACA,KACA,SACA,MACA,iBACA,aACA,UACA,QACA,WACA,kBACA,UACA,SACA,MACA,cACA,eACA,qBACA,MACA,OACA,SAAS,QACT,aACA,aACA,gBACA,YACA,UACA,mBACA,eACA,WACA,QACA,MACA,QACA,QACA,YACA,eACA,eACA,gBACA,OACA,SACA,GAAG,SACD;EACJ,MAAM,EAAE,QAAQ,qBAAqB,gBAAgB,cAAc;EACnE,MAAM,WAAW,iBAAiB;GAChC;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,OAAO;GACP;EACF,CAAC;EACD,MAAM,SAAS,gBAAgB;GAC7B;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,cAAc,SAAS;GACvB;GACA;GACA;GACA;GACA;GACA,eAAe,GAAG,SAAS,gBAAgB,aAAa;GACxD,eAAe;GACf;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAAC;EAED,MAAM,eAAe,gBAAiB,KAAa,SAAS,OAAO,YAAY;EAE/E,OACE,oBAACC,aAAD;GACE,GAAI;GACJ,GAAI;GACQ;GACZ,YAAY,SAAS;GACT;GACQ;GACN;GACH;GACD;GACI;GACV;GACJ,QAAQ,OAAO;GACT;GACW;GACV;GACC;GACR,aAAa,SAAS;GACtB,aAAa,eAAe,iBAAiB,MAAM;GACnD,SAAS,aAAa;GACtB,mBAAmB,sBAAsB,eAAe,SAAS,KAAA;GACjE,WAAW,aAAa,oBAAC,MAAD;IAAM,MAAM;IAAY,MAAM;GAAK,CAAA;GACpD;GACC;GACU;GAClB,SAAS,SAAS;GACZ;GACN,eAAe,SAAS;GACxB,qBAAqB,SAAS;GAC9B,WAAW,GAAG,SAAgB;IAC5B,aAAa,MAAM,KAAK,EAAE;IAC1B,SAAU,SAAiB,GAAG,IAAI;GACpC;EACD,CAAA;CAEL;CACA,cAAY,cAAc;CAC1B,OAAOD;AACT"}

package/es/base-ui/DatePicker/SinglePicker.mjs

@@ -0,0 +1,143 @@
+"use client";
+import Icon from "../../Icon/Icon.mjs";
+import { cx } from "../../utils/styleEngine.mjs";
+import { usePickerLocale } from "./locale.mjs";
+import { PREFIX_CLS } from "./style.mjs";
+import { usePanelKeyboard } from "./usePanelKeyboard.mjs";
+import { usePickerShared, withDefault } from "./usePickerShared.mjs";
+import { usePresetActive } from "./usePresetActive.mjs";
+import { jsx } from "react/jsx-runtime";
+import { X } from "lucide-react";
+import RcPicker from "@rc-component/picker";
+//#region src/base-ui/DatePicker/SinglePicker.tsx
+const defaultRemoveIcon = /* @__PURE__ */ jsx(Icon, {
+	icon: X,
+	size: 10,
+	style: { strokeWidth: 3 }
+});
+/**
+* antd `generateSinglePicker`: DatePicker over `generateConfig`'s date type, plus the
+* pickers whose `picker` is fixed (`DatePicker.WeekPicker`, …, `DatePicker.TimePicker`).
+*/
+const generateSinglePicker = (generateConfig) => {
+	const getPicker = (presetPicker, displayName = "DatePicker") => {
+		const Picker = (props) => {
+			const { allowClear, bordered, cellRender, changeOnBlur, className, clearIcon, classNames, components, dateRender, defaultOpen, defaultPickerValue, defaultValue, dropdownClassName, direction, footer, getPopupContainer, locale: localeOverride, max, maxDate, min, minDate, mode, monthCellRender, multiple, needConfirm, nextIcon, onKeyDown, onCalendarChange, onChange, onFocus, onOk, onOpenChange, onPanelChange, onPickerValueChange, onSelect, open, picker: pickerProp, pickerValue, placeholder, popupClassName, popupStyle, prevIcon, ref, removeIcon, renderExtraFooter, rootClassName, shadow, size, status, styles, suffixIcon, superNextIcon, superPrevIcon, transitionName, value, variant, ...rest } = props;
+			const picker = presetPicker ?? pickerProp ?? "date";
+			const { locale, placeholder: defaultPlaceholder } = usePickerLocale(localeOverride);
+			const keyboard = usePanelKeyboard({
+				cellRender,
+				dateRender,
+				defaultOpen,
+				defaultPickerValue,
+				defaultValue,
+				direction,
+				generateConfig,
+				mode,
+				monthCellRender,
+				onChange,
+				onFocus,
+				onOpenChange,
+				onPanelChange,
+				onPickerValueChange,
+				open,
+				picker,
+				pickerValue,
+				value
+			});
+			const shared = usePickerShared({
+				allowClear,
+				bordered,
+				changeOnBlur,
+				className,
+				clearIcon,
+				classNames,
+				components,
+				defaultOpen,
+				dropdownClassName,
+				generateConfig,
+				getPopupContainer,
+				max,
+				maxDate,
+				min,
+				minDate,
+				needConfirm,
+				nextIcon,
+				onKeyDown,
+				onOpenChange: keyboard.onOpenChange,
+				open,
+				picker,
+				popupClassName,
+				popupStyle,
+				prevIcon,
+				rootClassName: cx(keyboard.scopeClassName, rootClassName),
+				semanticProps: props,
+				shadow,
+				size,
+				status,
+				styles,
+				suffixIcon,
+				superNextIcon,
+				superPrevIcon,
+				transitionName,
+				variant
+			});
+			const presetActive = usePresetActive(rest.presets, multiple ? void 0 : value, multiple ? void 0 : defaultValue);
+			return /* @__PURE__ */ jsx(RcPicker, {
+				...rest,
+				...shared,
+				presets: presetActive.presets,
+				cellRender: keyboard.cellRender,
+				dateRender,
+				defaultPickerValue,
+				defaultValue: defaultValue ?? void 0,
+				direction,
+				locale: locale.lang,
+				mode,
+				monthCellRender,
+				multiple,
+				picker,
+				pickerValue: keyboard.pickerValue,
+				placeholder: placeholder ?? defaultPlaceholder(picker),
+				ref,
+				removeIcon: withDefault(removeIcon, defaultRemoveIcon),
+				renderExtraFooter: renderExtraFooter ?? (footer ? () => footer : void 0),
+				showNow: rest.showNow ?? rest.showToday ?? false,
+				value,
+				classNames: multiple ? {
+					...shared.classNames,
+					popup: {
+						...shared.classNames.popup,
+						root: cx(shared.classNames.popup.root, `${PREFIX_CLS}-dropdown-multiple`)
+					}
+				} : shared.classNames,
+				onFocus: keyboard.onFocus,
+				onOk,
+				onPanelChange: keyboard.onPanelChange,
+				onPickerValueChange: keyboard.onPickerValueChange,
+				onCalendarChange: onCalendarChange || onSelect ? (date, dateString, info) => {
+					onCalendarChange?.(date, dateString, info);
+					if (date && !Array.isArray(date)) onSelect?.(date);
+				} : void 0,
+				onChange: (...args) => {
+					presetActive.track(args[0]);
+					keyboard.onChange(...args);
+				}
+			});
+		};
+		Picker.displayName = displayName;
+		return Picker;
+	};
+	return {
+		DatePicker: getPicker(),
+		MonthPicker: getPicker("month", "MonthPicker"),
+		QuarterPicker: getPicker("quarter", "QuarterPicker"),
+		TimePicker: getPicker("time", "TimePicker"),
+		WeekPicker: getPicker("week", "WeekPicker"),
+		YearPicker: getPicker("year", "YearPicker")
+	};
+};
+//#endregion
+export { generateSinglePicker as default };
+
+//# sourceMappingURL=SinglePicker.mjs.map