@lobehub/ui 5.57.3 → 6.0.0-beta.1

package/es/base-ui/ContextMenu/store.mjs

@@ -1,128 +0,0 @@
-//#region src/base-ui/ContextMenu/store.ts
-const emptyState = {
-	anchor: null,
-	iconSpaceMode: "global",
-	items: [],
-	open: false,
-	triggerId: null
-};
-let contextMenuState = emptyState;
-const listeners = /* @__PURE__ */ new Set();
-const lastPointer = {
-	ready: false,
-	triggerId: null,
-	x: 0,
-	y: 0
-};
-const notify = () => {
-	listeners.forEach((listener) => listener());
-};
-const subscribe = (listener) => {
-	listeners.add(listener);
-	return () => listeners.delete(listener);
-};
-const getSnapshot = () => contextMenuState;
-const getServerSnapshot = () => emptyState;
-const updateLastPointer = (event) => {
-	lastPointer.x = event.clientX;
-	lastPointer.y = event.clientY;
-	lastPointer.ready = true;
-	if (event.target instanceof Element) {
-		const trigger = event.target.closest("[data-contextmenu-trigger]");
-		lastPointer.triggerId = trigger?.dataset.contextmenuTrigger ?? null;
-	} else lastPointer.triggerId = null;
-};
-const createVirtualElement = (point) => ({
-	contextElement: typeof document === "undefined" ? void 0 : document.body,
-	getBoundingClientRect: () => ({
-		bottom: point.y,
-		height: 0,
-		left: point.x,
-		right: point.x,
-		toJSON: () => void 0,
-		top: point.y,
-		width: 0,
-		x: point.x,
-		y: point.y
-	})
-});
-const setContextMenuState = (next) => {
-	contextMenuState = {
-		...contextMenuState,
-		...next
-	};
-	notify();
-};
-let interceptor = null;
-/**
-* Register a global interceptor for every context menu — imperative
-* `showContextMenu`/`closeContextMenu` calls and `ContextMenuTrigger` alike.
-* The interceptor may render the menu through another system (e.g. a native
-* OS menu) or invoke `fallback()` to show the default web menu. Pass `null`
-* to restore the default behavior.
-*/
-const setContextMenuInterceptor = (next) => {
-	interceptor = next;
-};
-const showWebContextMenu = (items, options) => {
-	const fallbackPoint = {
-		x: window.innerWidth / 2,
-		y: window.innerHeight / 2
-	};
-	const point = lastPointer.ready ? {
-		x: lastPointer.x,
-		y: lastPointer.y
-	} : fallbackPoint;
-	setContextMenuState({
-		anchor: createVirtualElement(point),
-		footer: options?.footer,
-		header: options?.header,
-		iconAlign: options?.iconAlign,
-		iconSpaceMode: options?.iconSpaceMode ?? "global",
-		items,
-		listItemHeight: options?.listItemHeight,
-		open: true,
-		triggerId: lastPointer.triggerId ?? null,
-		virtual: options?.virtual
-	});
-};
-const showContextMenu = (items, options) => {
-	if (typeof window === "undefined") return;
-	if (interceptor?.show) {
-		interceptor.show(items, options, () => showWebContextMenu(items, options));
-		return;
-	}
-	showWebContextMenu(items, options);
-};
-/**
-* Update menu items while keeping current anchor/position.
-* Useful for interactive menu items (e.g. checkbox) to avoid re-positioning.
-*/
-const updateContextMenuItems = (items) => {
-	if (typeof window === "undefined") return;
-	setContextMenuState({ items });
-};
-const closeWebContextMenu = () => {
-	setContextMenuState({
-		anchor: null,
-		footer: void 0,
-		header: void 0,
-		iconSpaceMode: "global",
-		items: [],
-		listItemHeight: void 0,
-		open: false,
-		triggerId: null,
-		virtual: void 0
-	});
-};
-const closeContextMenu = () => {
-	if (interceptor?.close) {
-		interceptor.close(closeWebContextMenu);
-		return;
-	}
-	closeWebContextMenu();
-};
-//#endregion
-export { closeContextMenu, getServerSnapshot, getSnapshot, setContextMenuInterceptor, setContextMenuState, showContextMenu, subscribe, updateContextMenuItems, updateLastPointer };
-
-//# sourceMappingURL=store.mjs.map

package/es/base-ui/ContextMenu/store.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"store.mjs","names":[],"sources":["../../../src/base-ui/ContextMenu/store.ts"],"sourcesContent":["import type { VirtualElement } from '@floating-ui/react';\nimport type { ReactNode } from 'react';\n\nimport type { VirtualListProps } from '@/base-ui/virtual';\nimport type { IconAlign } from '@/Menu';\n\nimport type { IconSpaceMode } from './renderItems';\nimport type { ContextMenuItem } from './type';\n\nexport type ContextMenuState = Pick<VirtualListProps, 'virtual' | 'listItemHeight'> & {\n  anchor: VirtualElement | null;\n  footer?: ReactNode;\n  header?: ReactNode;\n  iconAlign?: IconAlign;\n  iconSpaceMode: IconSpaceMode;\n  items: ContextMenuItem[];\n  open: boolean;\n  triggerId: string | null;\n};\n\nconst emptyState: ContextMenuState = {\n  anchor: null,\n  iconSpaceMode: 'global',\n  items: [],\n  open: false,\n  triggerId: null,\n};\n\nlet contextMenuState: ContextMenuState = emptyState;\nconst listeners = new Set<() => void>();\nconst lastPointer = { ready: false, triggerId: null as string | null, x: 0, y: 0 };\n\nconst notify = () => {\n  listeners.forEach((listener) => listener());\n};\n\nexport const subscribe = (listener: () => void) => {\n  listeners.add(listener);\n  return () => listeners.delete(listener);\n};\n\nexport const getSnapshot = () => contextMenuState;\nexport const getServerSnapshot = () => emptyState;\n\nexport const updateLastPointer = (event: MouseEvent | PointerEvent) => {\n  lastPointer.x = event.clientX;\n  lastPointer.y = event.clientY;\n  lastPointer.ready = true;\n  if (event.target instanceof Element) {\n    const trigger = event.target.closest<HTMLElement>('[data-contextmenu-trigger]');\n    lastPointer.triggerId = trigger?.dataset.contextmenuTrigger ?? null;\n  } else {\n    lastPointer.triggerId = null;\n  }\n};\n\nconst createVirtualElement = (point: { x: number; y: number }): VirtualElement => ({\n  contextElement: typeof document === 'undefined' ? undefined : document.body,\n  getBoundingClientRect: () =>\n    ({\n      bottom: point.y,\n      height: 0,\n      left: point.x,\n      right: point.x,\n      toJSON: () => undefined,\n      top: point.y,\n      width: 0,\n      x: point.x,\n      y: point.y,\n    }) as DOMRect,\n});\n\nexport const setContextMenuState = (next: Partial<ContextMenuState>) => {\n  contextMenuState = { ...contextMenuState, ...next };\n  notify();\n};\n\nexport interface ShowContextMenuOptions extends Pick<\n  VirtualListProps,\n  'virtual' | 'listItemHeight'\n> {\n  footer?: ReactNode;\n  header?: ReactNode;\n  iconAlign?: IconAlign;\n  iconSpaceMode?: IconSpaceMode;\n}\n\nexport interface ContextMenuInterceptor {\n  close?: (fallback: () => void) => void;\n  show?: (\n    items: ContextMenuItem[],\n    options: ShowContextMenuOptions | undefined,\n    fallback: () => void,\n  ) => void;\n}\n\nlet interceptor: ContextMenuInterceptor | null = null;\n\n/**\n * Register a global interceptor for every context menu — imperative\n * `showContextMenu`/`closeContextMenu` calls and `ContextMenuTrigger` alike.\n * The interceptor may render the menu through another system (e.g. a native\n * OS menu) or invoke `fallback()` to show the default web menu. Pass `null`\n * to restore the default behavior.\n */\nexport const setContextMenuInterceptor = (next: ContextMenuInterceptor | null) => {\n  interceptor = next;\n};\n\nconst showWebContextMenu = (items: ContextMenuItem[], options?: ShowContextMenuOptions) => {\n  const fallbackPoint = { x: window.innerWidth / 2, y: window.innerHeight / 2 };\n  const point = lastPointer.ready ? { x: lastPointer.x, y: lastPointer.y } : fallbackPoint;\n\n  setContextMenuState({\n    anchor: createVirtualElement(point),\n    footer: options?.footer,\n    header: options?.header,\n    iconAlign: options?.iconAlign,\n    iconSpaceMode: options?.iconSpaceMode ?? 'global',\n    items,\n    listItemHeight: options?.listItemHeight,\n    open: true,\n    triggerId: lastPointer.triggerId ?? null,\n    virtual: options?.virtual,\n  });\n};\n\nexport const showContextMenu = (items: ContextMenuItem[], options?: ShowContextMenuOptions) => {\n  if (typeof window === 'undefined') return;\n\n  if (interceptor?.show) {\n    interceptor.show(items, options, () => showWebContextMenu(items, options));\n    return;\n  }\n\n  showWebContextMenu(items, options);\n};\n\n/**\n * Update menu items while keeping current anchor/position.\n * Useful for interactive menu items (e.g. checkbox) to avoid re-positioning.\n */\nexport const updateContextMenuItems = (items: ContextMenuItem[]) => {\n  if (typeof window === 'undefined') return;\n  setContextMenuState({ items });\n};\n\nconst closeWebContextMenu = () => {\n  setContextMenuState({\n    anchor: null,\n    footer: undefined,\n    header: undefined,\n    iconSpaceMode: 'global',\n    items: [],\n    listItemHeight: undefined,\n    open: false,\n    triggerId: null,\n    virtual: undefined,\n  });\n};\n\nexport const closeContextMenu = () => {\n  if (interceptor?.close) {\n    interceptor.close(closeWebContextMenu);\n    return;\n  }\n\n  closeWebContextMenu();\n};\n"],"mappings":";AAoBA,MAAM,aAA+B;CACnC,QAAQ;CACR,eAAe;CACf,OAAO,CAAC;CACR,MAAM;CACN,WAAW;AACb;AAEA,IAAI,mBAAqC;AACzC,MAAM,4BAAY,IAAI,IAAgB;AACtC,MAAM,cAAc;CAAE,OAAO;CAAO,WAAW;CAAuB,GAAG;CAAG,GAAG;AAAE;AAEjF,MAAM,eAAe;CACnB,UAAU,SAAS,aAAa,SAAS,CAAC;AAC5C;AAEA,MAAa,aAAa,aAAyB;CACjD,UAAU,IAAI,QAAQ;CACtB,aAAa,UAAU,OAAO,QAAQ;AACxC;AAEA,MAAa,oBAAoB;AACjC,MAAa,0BAA0B;AAEvC,MAAa,qBAAqB,UAAqC;CACrE,YAAY,IAAI,MAAM;CACtB,YAAY,IAAI,MAAM;CACtB,YAAY,QAAQ;CACpB,IAAI,MAAM,kBAAkB,SAAS;EACnC,MAAM,UAAU,MAAM,OAAO,QAAqB,4BAA4B;EAC9E,YAAY,YAAY,SAAS,QAAQ,sBAAsB;CACjE,OACE,YAAY,YAAY;AAE5B;AAEA,MAAM,wBAAwB,WAAqD;CACjF,gBAAgB,OAAO,aAAa,cAAc,KAAA,IAAY,SAAS;CACvE,8BACG;EACC,QAAQ,MAAM;EACd,QAAQ;EACR,MAAM,MAAM;EACZ,OAAO,MAAM;EACb,cAAc,KAAA;EACd,KAAK,MAAM;EACX,OAAO;EACP,GAAG,MAAM;EACT,GAAG,MAAM;CACX;AACJ;AAEA,MAAa,uBAAuB,SAAoC;CACtE,mBAAmB;EAAE,GAAG;EAAkB,GAAG;CAAK;CAClD,OAAO;AACT;AAqBA,IAAI,cAA6C;;;;;;;;AASjD,MAAa,6BAA6B,SAAwC;CAChF,cAAc;AAChB;AAEA,MAAM,sBAAsB,OAA0B,YAAqC;CACzF,MAAM,gBAAgB;EAAE,GAAG,OAAO,aAAa;EAAG,GAAG,OAAO,cAAc;CAAE;CAC5E,MAAM,QAAQ,YAAY,QAAQ;EAAE,GAAG,YAAY;EAAG,GAAG,YAAY;CAAE,IAAI;CAE3E,oBAAoB;EAClB,QAAQ,qBAAqB,KAAK;EAClC,QAAQ,SAAS;EACjB,QAAQ,SAAS;EACjB,WAAW,SAAS;EACpB,eAAe,SAAS,iBAAiB;EACzC;EACA,gBAAgB,SAAS;EACzB,MAAM;EACN,WAAW,YAAY,aAAa;EACpC,SAAS,SAAS;CACpB,CAAC;AACH;AAEA,MAAa,mBAAmB,OAA0B,YAAqC;CAC7F,IAAI,OAAO,WAAW,aAAa;CAEnC,IAAI,aAAa,MAAM;EACrB,YAAY,KAAK,OAAO,eAAe,mBAAmB,OAAO,OAAO,CAAC;EACzE;CACF;CAEA,mBAAmB,OAAO,OAAO;AACnC;;;;;AAMA,MAAa,0BAA0B,UAA6B;CAClE,IAAI,OAAO,WAAW,aAAa;CACnC,oBAAoB,EAAE,MAAM,CAAC;AAC/B;AAEA,MAAM,4BAA4B;CAChC,oBAAoB;EAClB,QAAQ;EACR,QAAQ,KAAA;EACR,QAAQ,KAAA;EACR,eAAe;EACf,OAAO,CAAC;EACR,gBAAgB,KAAA;EAChB,MAAM;EACN,WAAW;EACX,SAAS,KAAA;CACX,CAAC;AACH;AAEA,MAAa,yBAAyB;CACpC,IAAI,aAAa,OAAO;EACtB,YAAY,MAAM,mBAAmB;EACrC;CACF;CAEA,oBAAoB;AACtB"}

package/es/base-ui/ContextMenu/type.d.mts

@@ -1,11 +0,0 @@
-import { MenuCheckboxItemType } from "../../Menu/checkboxItem.mjs";
-import { MenuSwitchItemType } from "../../Menu/switchItem.mjs";
-import { BaseMenuItemType } from "../../Menu/baseItem.mjs";
-import "../../Menu/index.mjs";
-//#region src/base-ui/ContextMenu/type.d.ts
-type ContextMenuCheckboxItem = MenuCheckboxItemType;
-type ContextMenuSwitchItem = MenuSwitchItemType;
-type ContextMenuItem = BaseMenuItemType;
-//#endregion
-export { ContextMenuCheckboxItem, ContextMenuItem, ContextMenuSwitchItem };
-//# sourceMappingURL=type.d.mts.map

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

@@ -1,188 +0,0 @@
-"use client";
-import Icon from "../../Icon/Icon.mjs";
-import { useTranslation } from "../../i18n/useTranslation.mjs";
-import { panelStyles } from "../panelStyles.mjs";
-import datePicker_default from "../../i18n/resources/en/datePicker.mjs";
-import { buildMonthGrid, getWeekStart, getWeekdayLabels, isDayDisabled, isMonthDisabled, isSameDay, isYearDisabled, moveDayFocus, orderRange } from "./calendar.mjs";
-import { styles } from "./style.mjs";
-import { memo, useEffect, useRef, useState } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { cx } from "antd-style";
-import { ChevronLeft, ChevronRight } from "lucide-react";
-import dayjs from "dayjs";
-//#region src/base-ui/DatePicker/CalendarPanel.tsx
-const MONTHS = Array.from({ length: 12 }, (_, index) => index);
-const CalendarPanel = memo(({ bounds, hovered, mode, month, onHover, onMonthChange, onSelect, range, selected, showNav = true }) => {
-	const { t } = useTranslation(datePicker_default);
-	const [view, setView] = useState(mode);
-	const [focused, setFocused] = useState(selected ?? month);
-	const gridRef = useRef(null);
-	const weekStart = getWeekStart();
-	const today = /* @__PURE__ */ new Date();
-	const current = dayjs(month);
-	const decadeStart = Math.floor(current.year() / 12) * 12;
-	const days = buildMonthGrid(month, weekStart);
-	const focusDay = dayjs(focused).isSame(month, "month") && !isDayDisabled(focused, bounds) ? focused : days.find((day) => dayjs(day).isSame(month, "month") && !isDayDisabled(day, bounds)) ?? current.startOf("month").toDate();
-	const keyboardMoveRef = useRef(false);
-	useEffect(() => {
-		if (!keyboardMoveRef.current) return;
-		keyboardMoveRef.current = false;
-		gridRef.current?.querySelector("[data-focus-target]")?.focus();
-	}, [focused, month]);
-	const step = (direction) => {
-		const unit = view === "date" ? "month" : "year";
-		const amount = view === "year" ? 12 * direction : direction;
-		onMonthChange(current.add(amount, unit).toDate());
-	};
-	const drillUp = () => setView(view === "date" ? "month" : "year");
-	const handleDayKey = (event) => {
-		let next = moveDayFocus(focusDay, event.key, weekStart);
-		if (!next) return;
-		event.preventDefault();
-		for (let step = 0; next && isDayDisabled(next, bounds) && step < 366; step++) next = moveDayFocus(next, event.key, weekStart);
-		if (!next || isDayDisabled(next, bounds)) return;
-		keyboardMoveRef.current = true;
-		setFocused(next);
-		if (!dayjs(next).isSame(month, "month")) onMonthChange(next);
-	};
-	const band = (() => {
-		if (!range?.[0]) return null;
-		const end = range[1] ?? hovered;
-		return end ? orderRange(range[0], end) : null;
-	})();
-	const renderDays = () => {
-		return /* @__PURE__ */ jsxs("div", {
-			"aria-label": current.format("MMMM YYYY"),
-			className: styles.grid,
-			ref: gridRef,
-			role: "grid",
-			onMouseLeave: () => onHover?.(null),
-			children: [getWeekdayLabels(weekStart).map((label) => /* @__PURE__ */ jsx("span", {
-				className: cx(styles.weekday, panelStyles.label),
-				role: "columnheader",
-				children: label
-			}, label)), days.map((date) => {
-				const outside = !dayjs(date).isSame(month, "month");
-				const isStart = !outside && !!band && isSameDay(date, band[0]);
-				const isEnd = !outside && !!band && isSameDay(date, band[1]);
-				const inBand = !outside && !!band && dayjs(date).isAfter(band[0], "day") && dayjs(date).isBefore(band[1], "day");
-				const pressed = !outside && (isSameDay(date, selected) || isStart || isEnd);
-				const focusTarget = isSameDay(date, focusDay) && !outside;
-				return /* @__PURE__ */ jsx("span", {
-					"aria-selected": pressed,
-					role: "gridcell",
-					className: cx(styles.cell, inBand && styles.band, isStart && !isEnd && styles.bandStart, isEnd && !isStart && styles.bandEnd),
-					children: /* @__PURE__ */ jsx("button", {
-						"aria-label": dayjs(date).format("MMMM D, YYYY"),
-						"aria-pressed": pressed,
-						className: styles.day,
-						"data-focus-target": focusTarget ? "" : void 0,
-						"data-outside": outside ? "" : void 0,
-						"data-today": isSameDay(date, today) ? "" : void 0,
-						disabled: isDayDisabled(date, bounds),
-						tabIndex: focusTarget ? 0 : -1,
-						type: "button",
-						onClick: () => onSelect(dayjs(date).startOf("day").toDate()),
-						onKeyDown: handleDayKey,
-						onMouseEnter: () => onHover?.(date),
-						children: date.getDate()
-					})
-				}, date.toISOString());
-			})]
-		});
-	};
-	const renderMonths = () => /* @__PURE__ */ jsx("div", {
-		className: styles.tiles,
-		children: MONTHS.map((index) => {
-			const date = current.month(index).startOf("month").toDate();
-			return /* @__PURE__ */ jsx("button", {
-				"aria-pressed": !!selected && dayjs(selected).isSame(date, "month"),
-				className: styles.tile,
-				"data-today": dayjs(today).isSame(date, "month") ? "" : void 0,
-				disabled: isMonthDisabled(date, bounds),
-				type: "button",
-				onClick: () => {
-					if (mode === "month") return onSelect(date);
-					onMonthChange(date);
-					setView("date");
-				},
-				children: dayjs(date).format("MMM")
-			}, index);
-		})
-	});
-	const renderYears = () => /* @__PURE__ */ jsx("div", {
-		className: styles.tiles,
-		children: MONTHS.map((index) => {
-			const date = dayjs(new Date(decadeStart + index, 0, 1)).toDate();
-			return /* @__PURE__ */ jsx("button", {
-				"aria-pressed": !!selected && dayjs(selected).isSame(date, "year"),
-				className: styles.tile,
-				"data-today": dayjs(today).isSame(date, "year") ? "" : void 0,
-				disabled: isYearDisabled(date, bounds),
-				type: "button",
-				onClick: () => {
-					if (mode === "year") return onSelect(date);
-					onMonthChange(current.year(decadeStart + index).toDate());
-					setView("month");
-				},
-				children: decadeStart + index
-			}, index);
-		})
-	});
-	const title = (() => {
-		if (view === "date") return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-			current.format("MMMM"),
-			" ",
-			/* @__PURE__ */ jsx("span", {
-				className: panelStyles.titleMuted,
-				children: current.format("YYYY")
-			})
-		] });
-		if (view === "month") return current.format("YYYY");
-		return `${decadeStart} – ${decadeStart + 11}`;
-	})();
-	return /* @__PURE__ */ jsxs("div", {
-		className: styles.calendar,
-		children: [
-			/* @__PURE__ */ jsxs("div", {
-				className: styles.header,
-				children: [/* @__PURE__ */ jsx("button", {
-					className: panelStyles.title,
-					disabled: view === "year",
-					type: "button",
-					onClick: drillUp,
-					children: title
-				}), showNav && /* @__PURE__ */ jsxs("div", {
-					className: styles.navGroup,
-					children: [/* @__PURE__ */ jsx("button", {
-						"aria-label": t("datePicker.previous"),
-						className: panelStyles.nav,
-						type: "button",
-						onClick: () => step(-1),
-						children: /* @__PURE__ */ jsx(Icon, {
-							icon: ChevronLeft,
-							size: 14
-						})
-					}), /* @__PURE__ */ jsx("button", {
-						"aria-label": t("datePicker.next"),
-						className: panelStyles.nav,
-						type: "button",
-						onClick: () => step(1),
-						children: /* @__PURE__ */ jsx(Icon, {
-							icon: ChevronRight,
-							size: 14
-						})
-					})]
-				})]
-			}),
-			view === "date" && renderDays(),
-			view === "month" && renderMonths(),
-			view === "year" && renderYears()
-		]
-	});
-});
-CalendarPanel.displayName = "CalendarPanel";
-//#endregion
-export { CalendarPanel as default };
-
-//# sourceMappingURL=CalendarPanel.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CalendarPanel.mjs","names":["datePickerMessages"],"sources":["../../../src/base-ui/DatePicker/CalendarPanel.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport dayjs from 'dayjs';\nimport { ChevronLeft, ChevronRight } from 'lucide-react';\nimport { type KeyboardEvent, memo, useEffect, useRef, useState } from 'react';\n\nimport { panelStyles } from '@/base-ui/panelStyles';\nimport datePickerMessages from '@/i18n/resources/en/datePicker';\nimport { useTranslation } from '@/i18n/useTranslation';\nimport Icon from '@/Icon';\n\nimport {\n  buildMonthGrid,\n  type CalendarMode,\n  type DateBounds,\n  getWeekdayLabels,\n  getWeekStart,\n  isDayDisabled,\n  isMonthDisabled,\n  isSameDay,\n  isYearDisabled,\n  moveDayFocus,\n  orderRange,\n} from './calendar';\nimport { styles } from './style';\n\nexport interface CalendarPanelProps {\n  bounds: DateBounds;\n  hovered?: Date | null;\n  mode: CalendarMode;\n  month: Date;\n  onHover?: (date: Date | null) => void;\n  onMonthChange: (month: Date) => void;\n  onSelect: (date: Date) => void;\n  range?: [Date | null, Date | null];\n  selected?: Date | null;\n  showNav?: boolean;\n}\n\nconst MONTHS = Array.from({ length: 12 }, (_, index) => index);\n\nconst CalendarPanel = memo<CalendarPanelProps>(\n  ({\n    bounds,\n    hovered,\n    mode,\n    month,\n    onHover,\n    onMonthChange,\n    onSelect,\n    range,\n    selected,\n    showNav = true,\n  }) => {\n    const { t } = useTranslation(datePickerMessages);\n    const [view, setView] = useState<CalendarMode>(mode);\n    const [focused, setFocused] = useState<Date>(selected ?? month);\n    const gridRef = useRef<HTMLDivElement>(null);\n    const weekStart = getWeekStart();\n    const today = new Date();\n    const current = dayjs(month);\n    const decadeStart = Math.floor(current.year() / 12) * 12;\n    const days = buildMonthGrid(month, weekStart);\n    const focusDay =\n      dayjs(focused).isSame(month, 'month') && !isDayDisabled(focused, bounds)\n        ? focused\n        : (days.find((day) => dayjs(day).isSame(month, 'month') && !isDayDisabled(day, bounds)) ??\n          current.startOf('month').toDate());\n    const keyboardMoveRef = useRef(false);\n\n    useEffect(() => {\n      if (!keyboardMoveRef.current) return;\n      keyboardMoveRef.current = false;\n      gridRef.current?.querySelector<HTMLButtonElement>('[data-focus-target]')?.focus();\n    }, [focused, month]);\n\n    const step = (direction: 1 | -1) => {\n      const unit = view === 'date' ? 'month' : 'year';\n      const amount = view === 'year' ? 12 * direction : direction;\n      onMonthChange(current.add(amount, unit).toDate());\n    };\n\n    const drillUp = () => setView(view === 'date' ? 'month' : 'year');\n\n    const handleDayKey = (event: KeyboardEvent<HTMLButtonElement>) => {\n      let next = moveDayFocus(focusDay, event.key, weekStart);\n      if (!next) return;\n      event.preventDefault();\n      for (let step = 0; next && isDayDisabled(next, bounds) && step < 366; step++) {\n        next = moveDayFocus(next, event.key, weekStart);\n      }\n      if (!next || isDayDisabled(next, bounds)) return;\n      keyboardMoveRef.current = true;\n      setFocused(next);\n      if (!dayjs(next).isSame(month, 'month')) onMonthChange(next);\n    };\n\n    const band = (() => {\n      if (!range?.[0]) return null;\n      const end = range[1] ?? hovered;\n      return end ? orderRange(range[0], end) : null;\n    })();\n\n    const renderDays = () => {\n      return (\n        <div\n          aria-label={current.format('MMMM YYYY')}\n          className={styles.grid}\n          ref={gridRef}\n          role=\"grid\"\n          onMouseLeave={() => onHover?.(null)}\n        >\n          {getWeekdayLabels(weekStart).map((label) => (\n            <span className={cx(styles.weekday, panelStyles.label)} key={label} role=\"columnheader\">\n              {label}\n            </span>\n          ))}\n          {days.map((date) => {\n            const outside = !dayjs(date).isSame(month, 'month');\n            const isStart = !outside && !!band && isSameDay(date, band[0]);\n            const isEnd = !outside && !!band && isSameDay(date, band[1]);\n            const inBand =\n              !outside &&\n              !!band &&\n              dayjs(date).isAfter(band[0], 'day') &&\n              dayjs(date).isBefore(band[1], 'day');\n            const pressed = !outside && (isSameDay(date, selected) || isStart || isEnd);\n            const focusTarget = isSameDay(date, focusDay) && !outside;\n\n            return (\n              <span\n                aria-selected={pressed}\n                key={date.toISOString()}\n                role=\"gridcell\"\n                className={cx(\n                  styles.cell,\n                  inBand && styles.band,\n                  isStart && !isEnd && styles.bandStart,\n                  isEnd && !isStart && styles.bandEnd,\n                )}\n              >\n                <button\n                  aria-label={dayjs(date).format('MMMM D, YYYY')}\n                  aria-pressed={pressed}\n                  className={styles.day}\n                  data-focus-target={focusTarget ? '' : undefined}\n                  data-outside={outside ? '' : undefined}\n                  data-today={isSameDay(date, today) ? '' : undefined}\n                  disabled={isDayDisabled(date, bounds)}\n                  tabIndex={focusTarget ? 0 : -1}\n                  type=\"button\"\n                  onClick={() => onSelect(dayjs(date).startOf('day').toDate())}\n                  onKeyDown={handleDayKey}\n                  onMouseEnter={() => onHover?.(date)}\n                >\n                  {date.getDate()}\n                </button>\n              </span>\n            );\n          })}\n        </div>\n      );\n    };\n\n    const renderMonths = () => (\n      <div className={styles.tiles}>\n        {MONTHS.map((index) => {\n          const date = current.month(index).startOf('month').toDate();\n          return (\n            <button\n              aria-pressed={!!selected && dayjs(selected).isSame(date, 'month')}\n              className={styles.tile}\n              data-today={dayjs(today).isSame(date, 'month') ? '' : undefined}\n              disabled={isMonthDisabled(date, bounds)}\n              key={index}\n              type=\"button\"\n              onClick={() => {\n                if (mode === 'month') return onSelect(date);\n                onMonthChange(date);\n                setView('date');\n              }}\n            >\n              {dayjs(date).format('MMM')}\n            </button>\n          );\n        })}\n      </div>\n    );\n\n    const renderYears = () => (\n      <div className={styles.tiles}>\n        {MONTHS.map((index) => {\n          const date = dayjs(new Date(decadeStart + index, 0, 1)).toDate();\n          return (\n            <button\n              aria-pressed={!!selected && dayjs(selected).isSame(date, 'year')}\n              className={styles.tile}\n              data-today={dayjs(today).isSame(date, 'year') ? '' : undefined}\n              disabled={isYearDisabled(date, bounds)}\n              key={index}\n              type=\"button\"\n              onClick={() => {\n                if (mode === 'year') return onSelect(date);\n                onMonthChange(current.year(decadeStart + index).toDate());\n                setView('month');\n              }}\n            >\n              {decadeStart + index}\n            </button>\n          );\n        })}\n      </div>\n    );\n\n    const title = (() => {\n      if (view === 'date')\n        return (\n          <>\n            {current.format('MMMM')}{' '}\n            <span className={panelStyles.titleMuted}>{current.format('YYYY')}</span>\n          </>\n        );\n      if (view === 'month') return current.format('YYYY');\n      return `${decadeStart} – ${decadeStart + 11}`;\n    })();\n\n    return (\n      <div className={styles.calendar}>\n        <div className={styles.header}>\n          <button\n            className={panelStyles.title}\n            disabled={view === 'year'}\n            type=\"button\"\n            onClick={drillUp}\n          >\n            {title}\n          </button>\n          {showNav && (\n            <div className={styles.navGroup}>\n              <button\n                aria-label={t('datePicker.previous')}\n                className={panelStyles.nav}\n                type=\"button\"\n                onClick={() => step(-1)}\n              >\n                <Icon icon={ChevronLeft} size={14} />\n              </button>\n              <button\n                aria-label={t('datePicker.next')}\n                className={panelStyles.nav}\n                type=\"button\"\n                onClick={() => step(1)}\n              >\n                <Icon icon={ChevronRight} size={14} />\n              </button>\n            </div>\n          )}\n        </div>\n        {view === 'date' && renderDays()}\n        {view === 'month' && renderMonths()}\n        {view === 'year' && renderYears()}\n      </div>\n    );\n  },\n);\n\nCalendarPanel.displayName = 'CalendarPanel';\n\nexport default CalendarPanel;\n"],"mappings":"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"}

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

@@ -1,6 +0,0 @@
-import { DatePickerProps } from "./type.mjs";
-//#region src/base-ui/DatePicker/DatePicker.d.ts
-declare const DatePicker: import("react").NamedExoticComponent<DatePickerProps>;
-//#endregion
-export { DatePicker as default };
-//# sourceMappingURL=DatePicker.d.mts.map

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

@@ -1,88 +0,0 @@
-"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";
-//#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";
-//#endregion
-export { DatePicker as default, formatDate };
-
-//# sourceMappingURL=DatePicker.mjs.map

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

@@ -1 +0,0 @@
-{"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"}

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

@@ -1,6 +0,0 @@
-import { DateRangePickerProps } from "./type.mjs";
-//#region src/base-ui/DatePicker/DateRangePicker.d.ts
-declare const DateRangePicker: import("react").NamedExoticComponent<DateRangePickerProps>;
-//#endregion
-export { DateRangePicker as default };
-//# sourceMappingURL=DateRangePicker.d.mts.map

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

@@ -1,128 +0,0 @@
-"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";
-//#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";
-//#endregion
-export { DateRangePicker as default };
-
-//# sourceMappingURL=DateRangePicker.mjs.map

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

@@ -1 +0,0 @@
-{"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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"}