@ioca/react 1.4.79 → 1.4.81

package/lib/types/components/pagination/pagination.js

@@ -1,82 +0,0 @@
-import icon_default from "../icon/index.js";
-import Page from "./page.js";
-import classNames from "classnames";
-import { useEffect, useMemo, useState } from "react";
-import { KeyboardArrowLeftRound, KeyboardArrowRightRound, MoreHorizRound } from "@ricons/material";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-//#region packages/components/pagination/pagination.tsx
-const Pagination = (props) => {
-	const { page: defaultPage = 1, size = 10, total = 0, sibling = 2, prev = /* @__PURE__ */ jsx(icon_default, { icon: /* @__PURE__ */ jsx(KeyboardArrowLeftRound, {}) }), next = /* @__PURE__ */ jsx(icon_default, { icon: /* @__PURE__ */ jsx(KeyboardArrowRightRound, {}) }), simple, jumper, className, renderEllipsis = () => /* @__PURE__ */ jsx(icon_default, {
-		icon: /* @__PURE__ */ jsx(MoreHorizRound, {}),
-		className: "color-7"
-	}), renderPage = (i) => i, onChange, ...restProps } = props;
-	const [page, setPage] = useState(defaultPage);
-	const [loading, setLoading] = useState(false);
-	const totalPage = useMemo(() => Math.ceil(total / size), [size, total]);
-	const [start, end, loop] = useMemo(() => {
-		const start = Math.max(1, page - sibling);
-		const end = Math.min(totalPage, page + sibling);
-		return [
-			start,
-			end,
-			Array.from({ length: end - start + 1 }).map((n, i) => start + i)
-		];
-	}, [
-		page,
-		totalPage,
-		sibling
-	]);
-	const handlePageChange = async (p) => {
-		if (!onChange || loading) return;
-		setLoading(true);
-		return new Promise(async (resolve) => {
-			if (p === void 0) return;
-			await onChange(p);
-			setPage(p);
-			setLoading(false);
-			resolve();
-		});
-	};
-	useEffect(() => setPage(defaultPage), [defaultPage]);
-	if (totalPage <= page && page === 1) return /* @__PURE__ */ jsx(Fragment$1, {});
-	return /* @__PURE__ */ jsxs("div", {
-		className: classNames("i-pagination", className),
-		...restProps,
-		children: [
-			prev && /* @__PURE__ */ jsx(Page, {
-				page: page - 1 || 1,
-				disabled: page === 1,
-				onChange: handlePageChange,
-				children: prev
-			}),
-			start > 1 && /* @__PURE__ */ jsx(Page, {
-				page: 1,
-				onChange: handlePageChange,
-				children: renderPage(1)
-			}),
-			start > 2 && renderEllipsis(),
-			loop.map((p) => {
-				return /* @__PURE__ */ jsx(Page, {
-					page: p,
-					active: p === page,
-					onChange: handlePageChange,
-					children: renderPage(p)
-				}, p);
-			}),
-			end < totalPage - 1 && renderEllipsis(),
-			end < totalPage && /* @__PURE__ */ jsx(Page, {
-				page: totalPage,
-				onChange: handlePageChange,
-				children: renderPage(totalPage)
-			}),
-			next && /* @__PURE__ */ jsx(Page, {
-				page: page + 1,
-				disabled: page === totalPage,
-				onChange: handlePageChange,
-				children: next
-			})
-		]
-	});
-};
-//#endregion
-export { Pagination as default };

package/lib/types/components/picker/colors/footer.d.ts

@@ -1,6 +0,0 @@
-export declare const ColorMethods: {
-    HEX: string;
-    RGB: string;
-    HSB: string;
-};
-export default function Footer(props: any): import("react/jsx-runtime").JSX.Element;

package/lib/types/components/picker/colors/footer.js

@@ -1,60 +0,0 @@
-import button_default from "../../button/index.js";
-import icon_default from "../../icon/index.js";
-import input_default from "../../input/index.js";
-import select_default from "../../select/index.js";
-import { useEffect, useState } from "react";
-import { CheckRound } from "@ricons/material";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region packages/components/picker/colors/footer.tsx
-const ColorMethods = {
-	HEX: "toHexString",
-	RGB: "toRgbString",
-	HSB: "toHsbString"
-};
-function Footer(props) {
-	const { value, type, onTypeChange, onChange, onOk } = props;
-	const [inputValue, setInputValue] = useState(value);
-	const [colorType, setColorType] = useState(type);
-	const handleChange = (v) => {
-		setInputValue(v);
-		onChange(v);
-	};
-	const handleTypeChange = (t) => {
-		setColorType(t);
-		onTypeChange(t);
-	};
-	useEffect(() => {
-		setInputValue(value);
-		setColorType(type);
-	}, [value, type]);
-	return /* @__PURE__ */ jsxs("div", {
-		className: "i-colorpicker-footer",
-		children: [
-			/* @__PURE__ */ jsx(select_default, {
-				readOnly: true,
-				hideClear: true,
-				hideArrow: true,
-				style: { width: "5.6em" },
-				options: [
-					"RGB",
-					"HEX",
-					"HSB"
-				],
-				value: colorType,
-				onChange: handleTypeChange
-			}),
-			/* @__PURE__ */ jsx(input_default, {
-				placeholder: "color",
-				value: inputValue,
-				onChange: handleChange
-			}),
-			/* @__PURE__ */ jsx(button_default, {
-				square: true,
-				onClick: onOk,
-				children: /* @__PURE__ */ jsx(icon_default, { icon: /* @__PURE__ */ jsx(CheckRound, {}) })
-			})
-		]
-	});
-}
-//#endregion
-export { ColorMethods, Footer as default };

package/lib/types/components/picker/colors/handle.d.ts

@@ -1,2 +0,0 @@
-declare const Handle: (props: any) => import("react/jsx-runtime").JSX.Element;
-export default Handle;

package/lib/types/components/picker/colors/handle.js

@@ -1,21 +0,0 @@
-import classNames from "classnames";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region packages/components/picker/colors/handle.tsx
-const Handle = (props) => {
-	const { ref, color, handle, placeholder, className, ...restProps } = props;
-	return /* @__PURE__ */ jsxs("div", {
-		ref,
-		className: classNames("i-colorpicker-handle", className),
-		...restProps,
-		children: [handle !== "text" && /* @__PURE__ */ jsx("i", {
-			className: "i-colorpicker-square",
-			style: { background: color }
-		}), handle !== "square" && /* @__PURE__ */ jsx("span", {
-			className: "i-colorpicker-text",
-			style: { color },
-			children: color ?? placeholder
-		})]
-	});
-};
-//#endregion
-export { Handle as default };

package/lib/types/components/picker/colors/index.js

@@ -1,77 +0,0 @@
-import popup_default from "../../popup/index.js";
-import Footer, { ColorMethods } from "./footer.js";
-import Handle from "./handle.js";
-import { useEffect, useState } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import ColorsPanel from "@rc-component/color-picker";
-//#region packages/components/picker/colors/index.tsx
-function ColorPicker(props) {
-	const { value, type = "HEX", disabledAlpha, children, usePanel, handle = "both", placeholder = "Colors", popupProps, onChange } = props;
-	const [colorType, setColorType] = useState(type);
-	const [colorValue, setColorValue] = useState(value);
-	const [syncValue, setSyncValue] = useState(value);
-	const [visible, setVisible] = useState(popupProps?.visible);
-	const handleChange = (target) => {
-		setSyncValue(target);
-	};
-	const handleComplete = (target) => {
-		const method = ColorMethods[colorType];
-		if (target.a !== 1) target.a = parseFloat(target.a.toFixed(3));
-		setColorValue(target[method]?.());
-	};
-	const handleVisibleChange = (v) => {
-		setVisible(v);
-		popupProps?.onVisibleChange?.(v);
-	};
-	const handleTypeChange = (t) => {
-		const method = ColorMethods[t];
-		setColorType(t);
-		setColorValue(syncValue?.[method]?.());
-	};
-	const handleValueChange = (v) => {
-		setColorValue(v);
-		setSyncValue(v);
-	};
-	const handleOk = () => {
-		onChange?.(colorValue);
-		setVisible(false);
-	};
-	useEffect(() => {
-		setSyncValue(value);
-		setColorValue(value);
-	}, [value]);
-	useEffect(() => {
-		if (popupProps?.visible !== void 0) setVisible(popupProps.visible);
-	}, [popupProps?.visible]);
-	if (usePanel) return /* @__PURE__ */ jsx(ColorsPanel, { ...props });
-	return /* @__PURE__ */ jsx(popup_default, {
-		trigger: "click",
-		touchable: true,
-		position: "bottom",
-		...popupProps,
-		visible,
-		content: /* @__PURE__ */ jsx(ColorsPanel, {
-			value: syncValue,
-			disabledAlpha,
-			panelRender: (panel) => {
-				return /* @__PURE__ */ jsxs(Fragment$1, { children: [panel, /* @__PURE__ */ jsx(Footer, {
-					value: colorValue,
-					type: colorType,
-					onTypeChange: handleTypeChange,
-					onChange: handleValueChange,
-					onOk: handleOk
-				})] });
-			},
-			onChange: handleChange,
-			onChangeComplete: handleComplete
-		}),
-		onVisibleChange: handleVisibleChange,
-		children: children ?? /* @__PURE__ */ jsx(Handle, {
-			color: value,
-			handle,
-			placeholder
-		})
-	});
-}
-//#endregion
-export { ColorPicker as default };

package/lib/types/components/picker/dates/dates.d.ts

@@ -1,5 +0,0 @@
-import { IBaseDates } from '../type';
-declare const Dates: (props: IBaseDates & {
-    month: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export default Dates;

package/lib/types/components/picker/dates/dates.js

@@ -1,63 +0,0 @@
-import classNames from "classnames";
-import { useMemo } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import dayjs from "dayjs";
-//#region packages/components/picker/dates/dates.tsx
-const Dates = (props) => {
-	const { value, month, weeks = [
-		"一",
-		"二",
-		"三",
-		"四",
-		"五",
-		"六",
-		"日"
-	], renderDate = (date) => date.date(), disabledDate, onDateClick } = props;
-	const today = dayjs();
-	const dates = useMemo(() => {
-		const dates = [];
-		const lastDateOfLastMonth = month.add(-1, "month").endOf("month");
-		let { $W, $D } = lastDateOfLastMonth;
-		if ($W !== 0) {
-			const lastMonthDates = Array.from({ length: $W }).map((whatever, i) => lastDateOfLastMonth.add(i + 1 - $W, "day"));
-			dates.push(...lastMonthDates);
-		}
-		const lastDate = month.endOf("month");
-		$D = lastDate.$D;
-		$W = lastDate.$W;
-		dates.push(...Array.from({ length: $D }).map((whatever, i) => lastDate.add(i + 1 - $D, "day")));
-		if ($W !== 0) dates.push(...Array.from({ length: 7 - $W }).map((whatever, i) => lastDate.add(i + 1, "day")));
-		return dates;
-	}, [month]);
-	const handleDateClick = (date) => {
-		if (disabledDate?.(date)) return;
-		onDateClick?.(date);
-	};
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
-		className: "i-datepicker-weeks",
-		children: weeks.map((week, i) => /* @__PURE__ */ jsx("span", {
-			className: "i-datepicker-week",
-			children: week
-		}, i))
-	}), /* @__PURE__ */ jsx("div", {
-		className: "i-datepicker-dates",
-		children: dates.map((date, i) => {
-			const active = date.isSame(value, "day");
-			const isSameMonth = date.isSame(month, "month");
-			const isToday = date.isSame(today, "day");
-			const disabled = disabledDate?.(date);
-			return /* @__PURE__ */ jsx("div", {
-				className: classNames("i-datepicker-item", {
-					"i-datepicker-active": active,
-					"i-datepicker-same-month": isSameMonth,
-					"i-datepicker-today": isToday,
-					"i-datepicker-disabled": disabled
-				}),
-				onClick: () => handleDateClick(date),
-				children: renderDate(date)
-			}, i);
-		})
-	})] });
-};
-//#endregion
-export { Dates as default };

package/lib/types/components/picker/dates/index.js

@@ -1,91 +0,0 @@
-import icon_default from "../../icon/index.js";
-import popup_default from "../../popup/index.js";
-import input_default from "../../input/index.js";
-import Panel from "./panel.js";
-import classNames from "classnames";
-import { useEffect, useMemo, useState } from "react";
-import { CalendarMonthTwotone } from "@ricons/material";
-import { jsx } from "react/jsx-runtime";
-import dayjs from "dayjs";
-import customParseFormat from "/Users/iann/codes/ioca-react/node_modules/.pnpm/dayjs@1.11.20/node_modules/dayjs/plugin/customParseFormat.js";
-//#region packages/components/picker/dates/index.tsx
-dayjs.extend(customParseFormat);
-const FORMATTYPES = [
-	"YYYY-MM-DD",
-	"YYYY-M-D",
-	"YYYY/MM/DD",
-	"YYYY/M/D"
-];
-const FORMAT = "YYYY-MM-DD";
-const Datepicker = (props) => {
-	const { name, value, weeks, format = FORMAT, placeholder = props.format ?? FORMAT, className, renderDate, renderMonth, renderYear, popupProps, disabledDate, onDateClick, onChange, onBlur, ...restProps } = props;
-	const [inputValue, setInputValue] = useState(value);
-	const [active, setActive] = useState(false);
-	const dayJsValue = useMemo(() => {
-		if (!inputValue) return null;
-		const date = dayjs(inputValue, format, true);
-		if (date.isValid()) return date;
-		return null;
-	}, [inputValue, format]);
-	const handleDateClick = (date) => {
-		handleChange(date.format(format));
-	};
-	const handleChange = (v) => {
-		setInputValue(v);
-		onChange?.(v);
-	};
-	const handleSetDate = () => {
-		if (!inputValue) return;
-		const date = dayjs(inputValue, FORMATTYPES, true);
-		if (date.isValid()) {
-			handleChange(date.format(format));
-			return;
-		}
-		handleChange("");
-	};
-	const handleBlur = (e) => {
-		onBlur?.(e);
-		handleSetDate();
-	};
-	const handleVisibleChange = (v) => {
-		popupProps?.onVisibleChange?.(v);
-		setActive(v);
-	};
-	useEffect(() => {
-		setInputValue(value);
-	}, [value]);
-	return /* @__PURE__ */ jsx(popup_default, {
-		visible: active,
-		trigger: "click",
-		position: "bottom",
-		arrow: false,
-		align: "start",
-		onVisibleChange: handleVisibleChange,
-		content: /* @__PURE__ */ jsx(Panel, {
-			value: dayJsValue,
-			weeks,
-			renderDate,
-			renderMonth,
-			renderYear,
-			disabledDate,
-			onDateClick: handleDateClick
-		}),
-		...popupProps,
-		children: /* @__PURE__ */ jsx(input_default, {
-			value: inputValue,
-			append: /* @__PURE__ */ jsx(icon_default, {
-				icon: /* @__PURE__ */ jsx(CalendarMonthTwotone, {}),
-				className: "i-datepicker-icon",
-				size: "1em"
-			}),
-			placeholder,
-			onChange: handleChange,
-			onBlur: handleBlur,
-			onEnter: handleSetDate,
-			className: classNames("i-datepicker-label", className),
-			...restProps
-		})
-	});
-};
-//#endregion
-export { Datepicker as default };

package/lib/types/components/picker/dates/panel.d.ts

@@ -1,3 +0,0 @@
-import { IBaseDates } from '../type';
-declare const Panel: (props: IBaseDates) => import("react/jsx-runtime").JSX.Element;
-export default Panel;

package/lib/types/components/picker/dates/panel.js

@@ -1,146 +0,0 @@
-import icon_default from "../../icon/index.js";
-import helpericon_default from "../../utils/helpericon/index.js";
-import Dates from "./dates.js";
-import classNames from "classnames";
-import { throttle } from "/Users/iann/codes/ioca-react/node_modules/.pnpm/radash@12.1.1/node_modules/radash/dist/esm/index.mjs";
-import { useEffect, useRef, useState } from "react";
-import { KeyboardArrowLeftRound, KeyboardArrowRightRound } from "@ricons/material";
-import { jsx, jsxs } from "react/jsx-runtime";
-import dayjs from "dayjs";
-//#region packages/components/picker/dates/panel.tsx
-const MONTHS = [
-	1,
-	2,
-	3,
-	4,
-	5,
-	6,
-	7,
-	8,
-	9,
-	10,
-	11,
-	12
-];
-const YearMonth = (props) => {
-	const { value, unitMonth = "月", unitYear = "年", renderYear, renderMonth, onClick } = props;
-	return /* @__PURE__ */ jsxs("a", {
-		className: "i-datepicker-action",
-		"data-ripple": true,
-		onClick,
-		children: [
-			/* @__PURE__ */ jsx("span", { children: renderYear?.(value.year()) }),
-			unitYear,
-			/* @__PURE__ */ jsx("span", { children: renderMonth?.(value.month() + 1) }),
-			unitMonth
-		]
-	});
-};
-const Panel = (props) => {
-	const { value, unitYear, unitMonth, renderDate, renderMonth = (m) => m, renderYear = (y) => y, disabledDate, onDateClick } = props;
-	const [today, setToday] = useState(value);
-	const [month, setMonth] = useState(value || dayjs());
-	const [selectedYear, setSelectedYear] = useState(dayjs());
-	const [years, setYears] = useState([]);
-	const [selectable, setSelectable] = useState(false);
-	const $years = useRef(null);
-	const handleOperateMonth = (next) => {
-		setMonth((m) => m[next ? "add" : "subtract"](1, "month"));
-	};
-	const handleChangeDate = (date) => {
-		if (date.isSame(today, "day")) return;
-		if (!date.isSame(month, "month")) setMonth(date);
-		setToday(date);
-		onDateClick?.(date);
-	};
-	const handleChangeMonth = (month) => {
-		setMonth((m) => m.year(selectedYear.year()).month(month - 1));
-		setSelectable(false);
-	};
-	const getMoreYears = throttle({ interval: 100 }, (e) => {
-		const isUp = e.deltaY < 0;
-		setYears((ys) => ys.map((y) => y + (isUp ? -1 : 1)));
-	});
-	useEffect(() => {
-		if (!selectable) return;
-		setSelectedYear(month);
-		const y = month.year();
-		setYears([...Array.from({ length: 7 }).map((_, i) => y - 3 + i)]);
-	}, [selectable, month]);
-	useEffect(() => {
-		setToday(value);
-		setMonth(value || dayjs());
-	}, [value]);
-	return /* @__PURE__ */ jsxs("div", {
-		className: "i-datepicker",
-		children: [
-			/* @__PURE__ */ jsxs("div", {
-				className: "i-datepicker-units",
-				children: [
-					/* @__PURE__ */ jsx(YearMonth, {
-						value: month,
-						unitYear,
-						unitMonth,
-						renderMonth,
-						renderYear,
-						onClick: () => setSelectable(true)
-					}),
-					/* @__PURE__ */ jsx("a", {
-						className: "ml-auto i-datepicker-action",
-						"data-ripple": true,
-						onClick: () => handleOperateMonth(false),
-						children: /* @__PURE__ */ jsx(icon_default, { icon: /* @__PURE__ */ jsx(KeyboardArrowLeftRound, {}) })
-					}),
-					/* @__PURE__ */ jsx("a", {
-						className: "i-datepicker-action",
-						"data-ripple": true,
-						onClick: () => handleOperateMonth(true),
-						children: /* @__PURE__ */ jsx(icon_default, { icon: /* @__PURE__ */ jsx(KeyboardArrowRightRound, {}) })
-					})
-				]
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: classNames("i-datepicker-ym", { "i-datepicker-active": selectable }),
-				children: [
-					/* @__PURE__ */ jsx(helpericon_default, {
-						active: true,
-						className: "i-datepicker-close",
-						onClick: (e) => {
-							e.stopPropagation();
-							setSelectable(false);
-						}
-					}),
-					/* @__PURE__ */ jsx("div", {
-						ref: $years,
-						className: "i-datepicker-years",
-						onWheel: getMoreYears,
-						children: years.map((y) => /* @__PURE__ */ jsx("a", {
-							className: classNames("i-datepicker-year", { "i-datepicker-active": y === selectedYear.year() }),
-							onClick: () => setSelectedYear((sy) => sy.year(y)),
-							children: renderYear(y)
-						}, y))
-					}),
-					/* @__PURE__ */ jsx("div", {
-						className: "i-datepicker-months",
-						children: MONTHS.map((m) => {
-							return /* @__PURE__ */ jsx("a", {
-								className: classNames("i-datepicker-month", { "i-datepicker-active": m === month.month() + 1 }),
-								onClick: () => handleChangeMonth(m),
-								children: renderMonth(m)
-							}, m);
-						})
-					})
-				]
-			}),
-			/* @__PURE__ */ jsx(Dates, {
-				value: today,
-				month,
-				disabledDate,
-				onDateClick: handleChangeDate,
-				renderDate
-			})
-		]
-	});
-};
-//#endregion
-export { Panel as default };

package/lib/types/components/picker/index.d.ts

@@ -1,10 +0,0 @@
-import { default as Colors } from './colors';
-import { default as Time } from './time';
-import { default as DatePicker } from './dates';
-declare const Picker: {
-    Dates: (props: import('./type').IDatePicker) => import("react/jsx-runtime").JSX.Element;
-    Time: typeof Time;
-    Colors: typeof Colors;
-};
-export { ColorPicker, DatePicker, TimePicker };
-export default Picker;

package/lib/types/components/picker/time/index.js

@@ -1,69 +0,0 @@
-import icon_default from "../../icon/index.js";
-import popup_default from "../../popup/index.js";
-import input_default from "../../input/index.js";
-import Panel from "./panel.js";
-import classNames from "classnames";
-import { useEffect, useState } from "react";
-import { AccessTimeRound } from "@ricons/material";
-import { jsx } from "react/jsx-runtime";
-//#region packages/components/picker/time/index.tsx
-const FORMAT = "hh:mm:ss";
-function TimePicker(props) {
-	const { name, value, format = FORMAT, periods, placeholder = props.format ?? FORMAT, className, renderItem, onChange, onBlur, popupProps, ...restProps } = props;
-	const [timeValue, setTimeValue] = useState(value);
-	const [safeValue, setSafeValue] = useState(void 0);
-	const [active, setActive] = useState(false);
-	const handleChange = (v) => {
-		setTimeValue(v);
-	};
-	const handleFallback = (v) => {
-		setSafeValue(v);
-	};
-	const handleValidTime = () => {
-		if (!timeValue) return;
-		setTimeValue(safeValue);
-	};
-	const handleBlur = (e) => {
-		onBlur?.(e);
-		handleValidTime();
-	};
-	const handleVisibleChange = (v) => {
-		popupProps?.onVisibleChange?.(v);
-		setActive(v);
-	};
-	useEffect(() => {
-		setTimeValue(value);
-	}, [value]);
-	return /* @__PURE__ */ jsx(popup_default, {
-		visible: active,
-		trigger: "click",
-		position: "bottom",
-		arrow: false,
-		align: "start",
-		...popupProps,
-		onVisibleChange: handleVisibleChange,
-		content: /* @__PURE__ */ jsx(Panel, {
-			value: timeValue,
-			format,
-			periods,
-			renderItem,
-			onChange: handleChange,
-			onFallback: handleFallback
-		}),
-		children: /* @__PURE__ */ jsx(input_default, {
-			value: timeValue,
-			placeholder,
-			append: /* @__PURE__ */ jsx(icon_default, {
-				icon: /* @__PURE__ */ jsx(AccessTimeRound, {}),
-				className: "i-timepicker-icon",
-				size: "1em"
-			}),
-			onChange: handleChange,
-			onBlur: handleBlur,
-			className: classNames("i-timepicker-label", className),
-			...restProps
-		})
-	});
-}
-//#endregion
-export { TimePicker as default };

package/lib/types/components/picker/time/item.d.ts

@@ -1 +0,0 @@
-export default function Items(props: any): any;

package/lib/types/components/picker/time/item.js

@@ -1,16 +0,0 @@
-import classNames from "classnames";
-import { jsx } from "react/jsx-runtime";
-//#region packages/components/picker/time/item.tsx
-function Items(props) {
-	const { items = [], active, renderItem, unit, onClick } = props;
-	return items.map((n) => {
-		const isActive = n === active;
-		return /* @__PURE__ */ jsx("a", {
-			className: classNames("i-timepicker-item", { "i-timepicker-item-active": isActive }),
-			onClick: () => onClick(n),
-			children: renderItem?.(n, isActive, unit) ?? (n < 10 ? `0${n}` : n)
-		}, n);
-	});
-}
-//#endregion
-export { Items as default };

package/lib/types/components/picker/time/panel.d.ts

@@ -1 +0,0 @@
-export default function Panel(props: any): import("react/jsx-runtime").JSX.Element;