@seed-design/react 2.5.1 → 3.0.0

package/lib/components/DatePicker/DatePicker.js

@@ -1,55 +1,36 @@
 "use client";
 "use client";
-import { useStyleProps } from "../../utils/styled.js";
 import { Icon } from "../Icon/Icon.js";
 import { ActionButton } from "../ActionButton/ActionButton.js";
-import { InternalWheelPickerColumn, InternalWheelPickerRoot } from "../private/WheelPicker.js";
+import { Box } from "../Box/Box.js";
 import { Primitive } from "@seed-design/react-primitive";
 import clsx$1 from "clsx";
 import * as React$1 from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { composeRefs } from "@radix-ui/react-compose-refs";
 import { mergeProps } from "@seed-design/dom-utils";
 import { datePicker } from "@seed-design/css/recipes/date-picker";
 import { useDatePicker } from "@seed-design/react-date-picker";
+import { Popover, usePopoverContext } from "@seed-design/react-popover";
 //#region src/components/DatePicker/DatePicker.tsx
-var WHEEL_ITEM_SIZE = 44;
-var WHEEL_VISIBLE_ITEM_COUNT = 7;
+var MONTH_WHEEL_ITEM_SIZE = 44;
+var MONTH_WHEEL_VISIBLE_ITEM_COUNT = 7;
+var MONTH_WHEEL_SCROLL_FOG_SIZE = 102;
+var WEEK_WHEEL_POPOVER_GUTTER = 4;
 function getContinuousSpacerStyle(height) {
 	return { "--seed-date-picker-continuous-spacer-height": `${height}px` };
 }
-var NavigationChevronIcon = React$1.forwardRef(({ direction, ...props }, ref) => {
-	const path = direction === "left" ? "M22.7931 13.0704C23.0788 13.3703 23.0672 13.8451 22.7673 14.1307L16.5875 20.0166L22.7672 25.9017C23.0672 26.1873 23.0788 26.6621 22.7931 26.962C22.5075 27.262 22.0327 27.2736 21.7328 26.9879L14.9828 20.5598C14.8341 20.4182 14.75 20.2219 14.75 20.0167C14.75 19.8114 14.8341 19.6151 14.9827 19.4736L21.7327 13.0446C22.0327 12.7589 22.5074 12.7704 22.7931 13.0704Z" : "M17.2069 13.0704C16.9212 13.3703 16.9328 13.8451 17.2327 14.1307L23.4125 20.0166L17.2328 25.9017C16.9328 26.1873 16.9212 26.6621 17.2069 26.962C17.4925 27.262 17.9673 27.2736 18.2672 26.9879L25.0172 20.5598C25.1659 20.4182 25.25 20.2219 25.25 20.0167C25.25 19.8114 25.1659 19.6151 25.0173 19.4736L18.2673 13.0446C17.9673 12.7589 17.4926 12.7704 17.2069 13.0704Z";
-	return /* @__PURE__ */ jsx("svg", {
-		ref,
-		...props,
-		viewBox: "8 8 24 24",
-		fill: "none",
-		xmlns: "http://www.w3.org/2000/svg",
-		children: /* @__PURE__ */ jsx("path", {
-			fillRule: "evenodd",
-			clipRule: "evenodd",
-			d: path,
-			fill: "currentColor"
-		})
-	});
-});
-NavigationChevronIcon.displayName = "NavigationChevronIcon";
-var HeaderChevronIcon = React$1.forwardRef(({ expanded, ...props }, ref) => /* @__PURE__ */ jsx("svg", {
-	ref,
-	...props,
-	viewBox: "0 0 20 20",
-	fill: "none",
-	xmlns: "http://www.w3.org/2000/svg",
-	children: /* @__PURE__ */ jsx("path", {
-		fillRule: "evenodd",
-		clipRule: "evenodd",
-		d: "M5.2453 7.74286C5.57141 7.4181 6.09905 7.41919 6.42381 7.7453L9.98736 11.3237L13.5808 7.77134C13.9081 7.44778 14.4357 7.45081 14.7593 7.77812C15.0829 8.10542 15.0798 8.63305 14.7525 8.95661L10.5686 13.0926C10.2422 13.4154 9.7162 13.4133 9.39228 13.088L5.24286 8.92137C4.9181 8.59526 4.91919 8.06762 5.2453 7.74286Z",
-		fill: "currentColor",
-		transform: expanded ? "rotate(180 10 10)" : void 0
-	})
-}));
-HeaderChevronIcon.displayName = "HeaderChevronIcon";
+function composeRefs(...refs) {
+	return (value) => {
+		for (const ref of refs) if (typeof ref === "function") ref(value);
+		else if (ref) ref.current = value;
+	};
+}
+var DatePickerContext = React$1.createContext(null);
+function useDatePickerContext() {
+	const context = React$1.useContext(DatePickerContext);
+	if (!context) throw new Error("DatePicker compound components must be used within DatePicker.Root");
+	return context;
+}
 function WeekdayRow({ api, classNames, semantic = true }) {
 	return /* @__PURE__ */ jsx(Primitive.div, {
 		role: semantic ? "row" : void 0,
@@ -126,22 +107,27 @@ function MonthView({ api, classNames, month, renderDateCellContent, renderDateCe
 		]
 	});
 }
-function NavigationButton({ direction, className, ...props }) {
+function NavigationButton({ icon, className, ...props }) {
 	return /* @__PURE__ */ jsx(ActionButton, {
 		...props,
 		variant: "ghost",
 		size: "medium",
 		layout: "iconOnly",
 		className,
-		children: /* @__PURE__ */ jsx(Icon, { svg: /* @__PURE__ */ jsx(NavigationChevronIcon, { direction }) })
+		children: /* @__PURE__ */ jsx(Icon, { svg: icon })
 	});
 }
-function Header({ api, classNames }) {
-	const previousDirection = api.isRtl ? "right" : "left";
-	const nextDirection = api.isRtl ? "left" : "right";
+var DatePickerHeader = React$1.forwardRef(({ leftIcon, rightIcon, headerIcon }, ref) => {
+	const { api, classNames } = useDatePickerContext();
+	const popover = usePopoverContext();
+	if (api.visibleRange === "continuous" || api.visibleRange === "twoMonths") return null;
+	const previousIcon = api.isRtl ? rightIcon : leftIcon;
+	const nextIcon = api.isRtl ? leftIcon : rightIcon;
 	return /* @__PURE__ */ jsxs(Primitive.div, {
+		ref,
 		className: classNames.header,
 		children: [/* @__PURE__ */ jsxs(Primitive.button, {
+			ref: popover.refs.anchor,
 			...api.monthYearButtonProps,
 			id: `${api.rootProps.id}-header-label`,
 			className: classNames.headerLabel,
@@ -149,24 +135,26 @@ function Header({ api, classNames }) {
 				"data-date-picker-header-label": "",
 				children: api.headerLabel
 			}), /* @__PURE__ */ jsx(Primitive.span, {
+				"data-expanded": api.isWheelOpen ? "" : void 0,
 				className: classNames.headerChevron,
-				children: /* @__PURE__ */ jsx(Icon, { svg: /* @__PURE__ */ jsx(HeaderChevronIcon, { expanded: api.isWheelOpen }) })
+				children: /* @__PURE__ */ jsx(Icon, { svg: headerIcon })
 			})]
 		}), /* @__PURE__ */ jsxs(Primitive.div, {
 			className: classNames.navigation,
 			children: [/* @__PURE__ */ jsx(NavigationButton, {
 				...api.previousButtonProps,
-				direction: previousDirection,
+				icon: previousIcon,
 				className: classNames.navigationButton
 			}), /* @__PURE__ */ jsx(NavigationButton, {
 				...api.nextButtonProps,
-				direction: nextDirection,
+				icon: nextIcon,
 				className: classNames.navigationButton
 			})]
 		})]
 	});
-}
-function TwoMonthHeader({ api, classNames, label, labelId, position }) {
+});
+DatePickerHeader.displayName = "DatePickerHeader";
+function TwoMonthHeader({ api, classNames, label, labelId, position, leftIcon, rightIcon }) {
 	const isFirst = position === "first";
 	const direction = api.isRtl ? isFirst ? "right" : "left" : isFirst ? "left" : "right";
 	const buttonProps = isFirst ? api.previousButtonProps : api.nextButtonProps;
@@ -178,168 +166,182 @@ function TwoMonthHeader({ api, classNames, label, labelId, position }) {
 			children: label
 		}), /* @__PURE__ */ jsx(NavigationButton, {
 			...buttonProps,
-			direction,
+			icon: direction === "left" ? leftIcon : rightIcon,
 			"data-placement": isFirst ? "start" : "end",
 			className: classNames.twoMonthNavigationButton
 		})]
 	});
 }
-function WheelView({ api, classNames }) {
+var DatePickerWheel = React$1.forwardRef(({ children }, ref) => {
+	const { api, classNames } = useDatePickerContext();
+	if (!api.isWheelOpen || api.visibleRange === "twoMonths" || api.visibleRange === "continuous") return null;
+	const columns = [{
+		id: "year",
+		"aria-label": api.ariaLabels.yearWheel,
+		className: classNames.yearColumn,
+		options: api.wheel.yearOptions,
+		value: api.wheel.yearValue,
+		onValueChange: api.wheel.onYearValueChange,
+		loop: false
+	}, {
+		id: "month",
+		"aria-label": api.ariaLabels.monthWheel,
+		className: classNames.monthColumn,
+		options: api.wheel.monthOptions,
+		value: api.wheel.monthValue,
+		onValueChange: api.wheel.onMonthValueChange,
+		loop: true
+	}];
+	const sharedRootProps = {
+		...api.wheelProps,
+		disabled: api.disabled,
+		readOnly: api.readOnly,
+		"aria-label": api.headerLabel,
+		className: classNames.wheelView
+	};
+	if (api.visibleRange === "week") return /* @__PURE__ */ jsx(Popover.Positioner, {
+		className: classNames.wheelPositioner,
+		children: /* @__PURE__ */ jsx(Popover.Content, {
+			ref,
+			"aria-labelledby": `${api.rootProps.id}-header-label`,
+			className: classNames.wheelPopover,
+			children: children({
+				rootProps: {
+					...sharedRootProps,
+					size: "small"
+				},
+				columns
+			})
+		})
+	});
 	return /* @__PURE__ */ jsx(Primitive.div, {
+		ref,
 		className: classNames.wheelContainer,
-		children: /* @__PURE__ */ jsxs(InternalWheelPickerRoot, {
-			...api.wheelProps,
-			itemSize: WHEEL_ITEM_SIZE,
-			visibleItemCount: WHEEL_VISIBLE_ITEM_COUNT,
-			disabled: api.disabled,
-			readOnly: api.readOnly,
-			"aria-label": api.headerLabel,
-			className: classNames.wheelView,
-			columnsClassName: classNames.wheelColumns,
-			scrollFogClassName: classNames.wheelScrollFog,
-			selectionIndicatorClassName: classNames.wheelSelectionIndicator,
-			fogSize: 102,
-			children: [/* @__PURE__ */ jsx(InternalWheelPickerColumn, {
-				"aria-label": api.ariaLabels.yearWheel,
-				className: classNames.yearColumn,
-				itemClassName: classNames.wheelItem,
-				options: api.wheel.yearOptions,
-				value: api.wheel.yearValue,
-				onValueChange: api.wheel.onYearValueChange,
-				loop: false
-			}), /* @__PURE__ */ jsx(InternalWheelPickerColumn, {
-				"aria-label": api.ariaLabels.monthWheel,
-				className: classNames.monthColumn,
-				itemClassName: classNames.wheelItem,
-				options: api.wheel.monthOptions,
-				value: api.wheel.monthValue,
-				onValueChange: api.wheel.onMonthValueChange,
-				loop: true
-			})]
+		children: children({
+			rootProps: {
+				...sharedRootProps,
+				size: "medium",
+				itemSize: MONTH_WHEEL_ITEM_SIZE,
+				visibleItemCount: MONTH_WHEEL_VISIBLE_ITEM_COUNT,
+				scrollFogSize: MONTH_WHEEL_SCROLL_FOG_SIZE
+			},
+			columns
 		})
 	});
-}
-var DatePickerImplementation = React$1.forwardRef((props, forwardedRef) => {
+});
+DatePickerWheel.displayName = "DatePickerWheel";
+var DatePickerCalendar = React$1.forwardRef(({ leftIcon, rightIcon }, ref) => {
+	const { api, classNames, renderDateCellContent, renderDateCellSupplement } = useDatePickerContext();
+	if (api.visibleRange === "continuous") return /* @__PURE__ */ jsxs(Primitive.div, {
+		ref: composeRefs(ref, api.refs.continuousScroll),
+		...api.continuousScrollProps,
+		"data-date-picker-continuous-scroll": "",
+		className: classNames.continuousScroll,
+		children: [/* @__PURE__ */ jsx(WeekdayRow, {
+			api,
+			classNames,
+			semantic: false
+		}), /* @__PURE__ */ jsxs(Primitive.div, {
+			className: classNames.continuousContent,
+			children: [
+				/* @__PURE__ */ jsx(Primitive.div, {
+					"aria-hidden": "true",
+					"data-date-picker-continuous-spacer": "",
+					className: classNames.continuousSpacer,
+					style: getContinuousSpacerStyle(api.virtual.topHeight)
+				}),
+				api.months.map((month) => /* @__PURE__ */ jsx(MonthView, {
+					api,
+					classNames,
+					month,
+					renderDateCellContent,
+					renderDateCellSupplement,
+					showWeekdays: false,
+					showMonthLabel: true,
+					monthRef: api.refs.continuousMonth(month.key)
+				}, month.key)),
+				/* @__PURE__ */ jsx(Primitive.div, {
+					"aria-hidden": "true",
+					"data-date-picker-continuous-spacer": "",
+					className: classNames.continuousSpacer,
+					style: getContinuousSpacerStyle(api.virtual.bottomHeight)
+				})
+			]
+		})]
+	});
+	return /* @__PURE__ */ jsx(Primitive.div, {
+		ref,
+		"data-wheel-open": api.isWheelOpen && api.visibleRange === "month" ? "" : void 0,
+		"aria-hidden": api.isWheelOpen && api.visibleRange === "month" ? true : void 0,
+		className: classNames.months,
+		children: api.months.map((month, index) => /* @__PURE__ */ jsx(MonthView, {
+			api,
+			classNames,
+			month,
+			renderDateCellContent,
+			renderDateCellSupplement,
+			showWeekdays: true,
+			showMonthLabel: false,
+			renderHeader: api.visibleRange === "twoMonths" ? (labelId) => /* @__PURE__ */ jsx(TwoMonthHeader, {
+				api,
+				classNames,
+				label: month.label,
+				labelId,
+				position: index === 0 ? "first" : "last",
+				leftIcon,
+				rightIcon
+			}) : void 0
+		}, month.key))
+	});
+});
+DatePickerCalendar.displayName = "DatePickerCalendar";
+var DatePickerRoot = React$1.forwardRef((props, forwardedRef) => {
 	const api = useDatePicker(props);
 	const [variantProps, otherProps] = datePicker.splitVariantProps(props);
 	const classNames = datePicker({
 		...variantProps,
 		visibleRange: api.visibleRange
 	});
-	const { renderDateCellContent, renderDateCellSupplement, actionsRef, selectionMode: _selectionMode, value: _value, defaultValue: _defaultValue, onValueChange: _onValueChange, viewDate: _viewDate, defaultViewDate: _defaultViewDate, onViewDateChange: _onViewDateChange, today: _today, locale: _locale, weekStartsOn: _weekStartsOn, yearRange: _yearRange, monthRange: _monthRange, constraints: _constraints, disabled: _disabled, readOnly: _readOnly, rangeStartReadOnly: _rangeStartReadOnly, ariaLabels: _ariaLabels, className, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, ...styleAndRootProps } = otherProps;
-	const { style: styleProps, restProps: rootProps } = useStyleProps(styleAndRootProps);
-	const rootRef = React$1.useRef(null);
+	const { children, renderDateCellContent, renderDateCellSupplement, actionsRef, selectionMode: _selectionMode, value: _value, defaultValue: _defaultValue, onValueChange: _onValueChange, viewDate: _viewDate, defaultViewDate: _defaultViewDate, onViewDateChange: _onViewDateChange, today: _today, locale: _locale, weekStartsOn: _weekStartsOn, yearRange: _yearRange, monthRange: _monthRange, constraints: _constraints, disabled: _disabled, readOnly: _readOnly, rangeStartReadOnly: _rangeStartReadOnly, ariaLabels: _ariaLabels, className, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, height, minHeight, maxHeight, ...rootProps } = otherProps;
 	const hasContinuousSizeConstraint = props.height !== void 0 || props.minHeight !== void 0 || props.maxHeight !== void 0;
 	React$1.useEffect(() => {
 		if (process.env.NODE_ENV === "production" || api.visibleRange !== "continuous") return;
-		if (!hasContinuousSizeConstraint) console.warn("ContinuousDatePicker: height, minHeight 또는 maxHeight가 필요합니다.");
+		if (!hasContinuousSizeConstraint) console.warn("DatePicker.Root: continuous에서는 height, minHeight 또는 maxHeight가 필요합니다.");
 	}, [api.visibleRange, hasContinuousSizeConstraint]);
 	React$1.useImperativeHandle(actionsRef, () => api.actions, [api.actions]);
 	const rootAriaLabel = ariaLabelledby ? ariaLabel : ariaLabel ?? api.ariaLabels.root;
-	return /* @__PURE__ */ jsxs(Primitive.div, {
-		ref: composeRefs(forwardedRef, rootRef, api.refs.root),
-		...mergeProps(api.rootProps, rootProps),
-		"aria-label": rootAriaLabel,
-		"aria-labelledby": ariaLabelledby,
-		className: clsx$1(classNames.root, className),
-		style: styleProps,
-		children: [api.visibleRange === "continuous" ? /* @__PURE__ */ jsxs(Primitive.div, {
-			ref: api.refs.continuousScroll,
-			...api.continuousScrollProps,
-			"data-date-picker-continuous-scroll": "",
-			className: classNames.continuousScroll,
-			children: [/* @__PURE__ */ jsx(WeekdayRow, {
-				api,
-				classNames,
-				semantic: false
-			}), /* @__PURE__ */ jsxs(Primitive.div, {
-				className: classNames.continuousContent,
-				children: [
-					/* @__PURE__ */ jsx(Primitive.div, {
-						"aria-hidden": "true",
-						"data-date-picker-continuous-spacer": "",
-						className: classNames.continuousSpacer,
-						style: getContinuousSpacerStyle(api.virtual.topHeight)
-					}),
-					api.months.map((month) => /* @__PURE__ */ jsx(MonthView, {
-						api,
-						classNames,
-						month,
-						renderDateCellContent,
-						renderDateCellSupplement,
-						showWeekdays: false,
-						showMonthLabel: true,
-						monthRef: api.refs.continuousMonth(month.key)
-					}, month.key)),
-					/* @__PURE__ */ jsx(Primitive.div, {
-						"aria-hidden": "true",
-						"data-date-picker-continuous-spacer": "",
-						className: classNames.continuousSpacer,
-						style: getContinuousSpacerStyle(api.virtual.bottomHeight)
-					})
-				]
-			})]
-		}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [
-			api.visibleRange !== "twoMonths" && /* @__PURE__ */ jsx(Header, {
-				api,
-				classNames
-			}),
-			/* @__PURE__ */ jsx(Primitive.div, {
-				"data-wheel-open": api.isWheelOpen && api.visibleRange !== "twoMonths" ? "" : void 0,
-				"aria-hidden": api.isWheelOpen && api.visibleRange !== "twoMonths" ? true : void 0,
-				className: classNames.months,
-				children: api.months.map((month, index) => /* @__PURE__ */ jsx(MonthView, {
-					api,
-					classNames,
-					month,
-					renderDateCellContent,
-					renderDateCellSupplement,
-					showWeekdays: true,
-					showMonthLabel: false,
-					renderHeader: api.visibleRange === "twoMonths" ? (labelId) => /* @__PURE__ */ jsx(TwoMonthHeader, {
-						api,
-						classNames,
-						label: month.label,
-						labelId,
-						position: index === 0 ? "first" : "last"
-					}) : void 0
-				}, month.key))
-			}),
-			api.isWheelOpen && api.visibleRange !== "twoMonths" && /* @__PURE__ */ jsx(WheelView, {
-				api,
-				classNames
+	return /* @__PURE__ */ jsx(DatePickerContext.Provider, {
+		value: {
+			api,
+			classNames,
+			renderDateCellContent,
+			renderDateCellSupplement
+		},
+		children: /* @__PURE__ */ jsx(Popover.Root, {
+			open: api.visibleRange === "week" && api.isWheelOpen,
+			onOpenChange: (open) => {
+				if (!open) api.closeWheel();
+			},
+			placement: "bottom-start",
+			gutter: WEEK_WHEEL_POPOVER_GUTTER,
+			children: /* @__PURE__ */ jsxs(Box, {
+				ref: composeRefs(forwardedRef, api.refs.root),
+				...mergeProps(api.rootProps, rootProps),
+				"aria-label": rootAriaLabel,
+				"aria-labelledby": ariaLabelledby,
+				className: clsx$1(classNames.root, className),
+				height,
+				minHeight,
+				maxHeight,
+				children: [children, /* @__PURE__ */ jsx(Primitive.span, {
+					...api.liveRegionProps,
+					className: classNames.liveRegion,
+					children: api.headerLabel
+				})]
 			})
-		] }), /* @__PURE__ */ jsx(Primitive.span, {
-			...api.liveRegionProps,
-			className: classNames.liveRegion,
-			children: api.headerLabel
-		})]
+		})
 	});
 });
-DatePickerImplementation.displayName = "DatePickerImplementation";
-var DatePicker = React$1.forwardRef((props, ref) => /* @__PURE__ */ jsx(DatePickerImplementation, {
-	ref,
-	...props,
-	visibleRange: "month"
-}));
-DatePicker.displayName = "DatePicker";
-var TwoMonthDatePicker = React$1.forwardRef((props, ref) => /* @__PURE__ */ jsx(DatePickerImplementation, {
-	ref,
-	...props,
-	visibleRange: "twoMonths"
-}));
-TwoMonthDatePicker.displayName = "TwoMonthDatePicker";
-var WeekDatePicker = React$1.forwardRef((props, ref) => /* @__PURE__ */ jsx(DatePickerImplementation, {
-	ref,
-	...props,
-	visibleRange: "week"
-}));
-WeekDatePicker.displayName = "WeekDatePicker";
-var ContinuousDatePicker = React$1.forwardRef((props, ref) => /* @__PURE__ */ jsx(DatePickerImplementation, {
-	ref,
-	...props,
-	visibleRange: "continuous"
-}));
-ContinuousDatePicker.displayName = "ContinuousDatePicker";
+DatePickerRoot.displayName = "DatePickerRoot";
 //#endregion
-export { ContinuousDatePicker, DatePicker, TwoMonthDatePicker, WeekDatePicker };
+export { DatePickerCalendar, DatePickerHeader, DatePickerRoot, DatePickerWheel };

package/lib/components/DatePicker/DatePicker.namespace.cjs

@@ -0,0 +1,16 @@
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_DatePicker = require("./DatePicker.cjs");
+//#region src/components/DatePicker/DatePicker.namespace.ts
+var DatePicker_namespace_exports = /* @__PURE__ */ require_runtime.__exportAll({
+	Calendar: () => require_DatePicker.DatePickerCalendar,
+	Header: () => require_DatePicker.DatePickerHeader,
+	Root: () => require_DatePicker.DatePickerRoot,
+	Wheel: () => require_DatePicker.DatePickerWheel
+});
+//#endregion
+Object.defineProperty(exports, "DatePicker_namespace_exports", {
+	enumerable: true,
+	get: function() {
+		return DatePicker_namespace_exports;
+	}
+});

package/lib/components/DatePicker/DatePicker.namespace.d.ts

@@ -0,0 +1,2 @@
+export { DatePickerRoot as Root, DatePickerHeader as Header, DatePickerCalendar as Calendar, DatePickerWheel as Wheel, type DatePickerRootProps as RootProps, type DatePickerHeaderProps as HeaderProps, type DatePickerCalendarProps as CalendarProps, type DatePickerWheelProps as WheelProps, type DatePickerWheelRenderProps as WheelRenderProps, type DatePickerWheelColumn as WheelColumn, type DatePickerCellContentRenderProps as CellContentRenderProps, type DatePickerActions as Actions, } from './DatePicker';
+//# sourceMappingURL=DatePicker.namespace.d.ts.map

package/lib/components/DatePicker/DatePicker.namespace.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.namespace.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.namespace.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,IAAI,IAAI,EACtB,gBAAgB,IAAI,MAAM,EAC1B,kBAAkB,IAAI,QAAQ,EAC9B,eAAe,IAAI,KAAK,EACxB,KAAK,mBAAmB,IAAI,SAAS,EACrC,KAAK,qBAAqB,IAAI,WAAW,EACzC,KAAK,uBAAuB,IAAI,aAAa,EAC7C,KAAK,oBAAoB,IAAI,UAAU,EACvC,KAAK,0BAA0B,IAAI,gBAAgB,EACnD,KAAK,qBAAqB,IAAI,WAAW,EACzC,KAAK,gCAAgC,IAAI,sBAAsB,EAC/D,KAAK,iBAAiB,IAAI,OAAO,GAClC,MAAM,cAAc,CAAC"}

package/lib/components/DatePicker/DatePicker.namespace.js

@@ -0,0 +1,11 @@
+import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
+import { DatePickerCalendar, DatePickerHeader, DatePickerRoot, DatePickerWheel } from "./DatePicker.js";
+//#region src/components/DatePicker/DatePicker.namespace.ts
+var DatePicker_namespace_exports = /* @__PURE__ */ __exportAll({
+	Calendar: () => DatePickerCalendar,
+	Header: () => DatePickerHeader,
+	Root: () => DatePickerRoot,
+	Wheel: () => DatePickerWheel
+});
+//#endregion
+export { DatePicker_namespace_exports };

package/lib/components/DatePicker/index.cjs

@@ -1,11 +1,18 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../../_virtual/_rolldown/runtime.cjs");
 const require_DatePicker = require("./DatePicker.cjs");
+const require_DatePicker_namespace = require("./DatePicker.namespace.cjs");
 let _seed_design_react_date_picker = require("@seed-design/react-date-picker");
-exports.ContinuousDatePicker = require_DatePicker.ContinuousDatePicker;
-exports.DatePicker = require_DatePicker.DatePicker;
-exports.TwoMonthDatePicker = require_DatePicker.TwoMonthDatePicker;
-exports.WeekDatePicker = require_DatePicker.WeekDatePicker;
+Object.defineProperty(exports, "DatePicker", {
+	enumerable: true,
+	get: function() {
+		return require_DatePicker_namespace.DatePicker_namespace_exports;
+	}
+});
+exports.DatePickerCalendar = require_DatePicker.DatePickerCalendar;
+exports.DatePickerHeader = require_DatePicker.DatePickerHeader;
+exports.DatePickerRoot = require_DatePicker.DatePickerRoot;
+exports.DatePickerWheel = require_DatePicker.DatePickerWheel;
 Object.defineProperty(exports, "compareDates", {
 	enumerable: true,
 	get: function() {

package/lib/components/DatePicker/index.d.ts

@@ -1,3 +1,4 @@
-export { ContinuousDatePicker, DatePicker, TwoMonthDatePicker, WeekDatePicker, type ContinuousDatePickerProps, type DatePickerActions, type DatePickerAriaLabels, type DatePickerCellContentRenderProps, type DatePickerConstraint, type DatePickerConstraintContext, type DatePickerDate, type DatePickerMonthRange, type DatePickerMultipleProps, type DatePickerProps, type DatePickerRangeProps, type DatePickerRangeValue, type DatePickerSelectionMode, type DatePickerSingleProps, type DatePickerValue, type DatePickerYearMonth, type TwoMonthDatePickerProps, type WeekDatePickerProps, } from './DatePicker';
-export { compareDates, dateKey, dateOnOrAfter, dateOnOrBefore, excludeDates, isSameDate, maxSelectionCount, rangeDayCountAtLeast, rangeDayCountAtMost, } from '@seed-design/react-date-picker';
+export { DatePickerRoot, DatePickerHeader, DatePickerCalendar, DatePickerWheel, type DatePickerRootProps, type DatePickerHeaderProps, type DatePickerCalendarProps, type DatePickerWheelProps, type DatePickerWheelRenderProps, type DatePickerWheelColumn, type DatePickerCellContentRenderProps, type DatePickerActions, } from './DatePicker';
+export * as DatePicker from './DatePicker.namespace';
+export { compareDates, dateKey, dateOnOrAfter, dateOnOrBefore, excludeDates, isSameDate, maxSelectionCount, rangeDayCountAtLeast, rangeDayCountAtMost, type DatePickerAriaLabels, type DatePickerConstraint, type DatePickerConstraintContext, type DatePickerDate, type DatePickerMonthRange, type DatePickerMultipleProps, type DatePickerRangeProps, type DatePickerRangeValue, type DatePickerSelectionMode, type DatePickerSingleProps, type DatePickerValue, type DatePickerYearMonth, } from '@seed-design/react-date-picker';
 //# sourceMappingURL=index.d.ts.map

package/lib/components/DatePicker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EACpB,UAAU,EACV,kBAAkB,EAClB,cAAc,EACd,KAAK,yBAAyB,EAC9B,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,EACzB,KAAK,gCAAgC,EACrC,KAAK,oBAAoB,EACzB,KAAK,2BAA2B,EAChC,KAAK,cAAc,EACnB,KAAK,oBAAoB,EACzB,KAAK,uBAAuB,EAC5B,KAAK,eAAe,EACpB,KAAK,oBAAoB,EACzB,KAAK,oBAAoB,EACzB,KAAK,uBAAuB,EAC5B,KAAK,qBAAqB,EAC1B,KAAK,eAAe,EACpB,KAAK,mBAAmB,EACxB,KAAK,uBAAuB,EAC5B,KAAK,mBAAmB,GACzB,MAAM,cAAc,CAAC;AAEtB,OAAO,EACL,YAAY,EACZ,OAAO,EACP,aAAa,EACb,cAAc,EACd,YAAY,EACZ,UAAU,EACV,iBAAiB,EACjB,oBAAoB,EACpB,mBAAmB,GACpB,MAAM,gCAAgC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,gBAAgB,EAChB,kBAAkB,EAClB,eAAe,EACf,KAAK,mBAAmB,EACxB,KAAK,qBAAqB,EAC1B,KAAK,uBAAuB,EAC5B,KAAK,oBAAoB,EACzB,KAAK,0BAA0B,EAC/B,KAAK,qBAAqB,EAC1B,KAAK,gCAAgC,EACrC,KAAK,iBAAiB,GACvB,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,UAAU,MAAM,wBAAwB,CAAC;AAErD,OAAO,EACL,YAAY,EACZ,OAAO,EACP,aAAa,EACb,cAAc,EACd,YAAY,EACZ,UAAU,EACV,iBAAiB,EACjB,oBAAoB,EACpB,mBAAmB,EACnB,KAAK,oBAAoB,EACzB,KAAK,oBAAoB,EACzB,KAAK,2BAA2B,EAChC,KAAK,cAAc,EACnB,KAAK,oBAAoB,EACzB,KAAK,uBAAuB,EAC5B,KAAK,oBAAoB,EACzB,KAAK,oBAAoB,EACzB,KAAK,uBAAuB,EAC5B,KAAK,qBAAqB,EAC1B,KAAK,eAAe,EACpB,KAAK,mBAAmB,GACzB,MAAM,gCAAgC,CAAC"}

package/lib/components/DatePicker/index.js

@@ -1,3 +1,4 @@
-import { ContinuousDatePicker, DatePicker, TwoMonthDatePicker, WeekDatePicker } from "./DatePicker.js";
+import { DatePickerCalendar, DatePickerHeader, DatePickerRoot, DatePickerWheel } from "./DatePicker.js";
+import { DatePicker_namespace_exports } from "./DatePicker.namespace.js";
 import { compareDates, dateKey, dateOnOrAfter, dateOnOrBefore, excludeDates, isSameDate, maxSelectionCount, rangeDayCountAtLeast, rangeDayCountAtMost } from "@seed-design/react-date-picker";
-export { ContinuousDatePicker, DatePicker, TwoMonthDatePicker, WeekDatePicker, compareDates, dateKey, dateOnOrAfter, dateOnOrBefore, excludeDates, isSameDate, maxSelectionCount, rangeDayCountAtLeast, rangeDayCountAtMost };
+export { DatePicker_namespace_exports as DatePicker, DatePickerCalendar, DatePickerHeader, DatePickerRoot, DatePickerWheel, compareDates, dateKey, dateOnOrAfter, dateOnOrBefore, excludeDates, isSameDate, maxSelectionCount, rangeDayCountAtLeast, rangeDayCountAtMost };