@univerjs/design 1.0.0-alpha.7 → 1.0.0-alpha.8

package/lib/cjs/index.js

@@ -14,7 +14,6 @@ let cmdk = require("cmdk");
 let react_dom = require("react-dom");
 let _radix_ui_react_hover_card = require("@radix-ui/react-hover-card");
 let sonner = require("sonner");
-let react_transition_group = require("react-transition-group");
 let _radix_ui_react_separator = require("@radix-ui/react-separator");
 let react_dom_client = require("react-dom/client");
 
@@ -1109,7 +1108,8 @@ function useDraggable(options = {}) {
 		if (!isDragging) return;
 		e.preventDefault();
 		e.stopPropagation();
-		setPosition(calculateBounds(e.clientX, e.clientY));
+		const newPosition = calculateBounds(e.clientX, e.clientY);
+		setPosition(newPosition);
 	}, [isDragging, calculateBounds]);
 	const endDrag = (0, react.useCallback)(() => {
 		setIsDragging(false);
@@ -1506,10 +1506,11 @@ function RgbInput({ hsv, alpha, format, onChange }) {
 			if (value !== "" && !/^\d*\.?\d*$/.test(value)) return;
 			const numValue = value === "" ? 0 : Number.parseFloat(value);
 			if (numValue > 1) return;
-			setLocalValues({
+			const newValues = {
 				...localValues,
 				a: numValue
-			});
+			};
+			setLocalValues(newValues);
 			if (onChange) onChange(hsv[0], hsv[1], hsv[2], numValue);
 			return;
 		}
@@ -2394,7 +2395,10 @@ function DraggableList(props) {
 				onPointerDownCapture: (e) => {
 					if (pointerIdRef.current !== null) return;
 					if (!draggableHandle) pressedHandleIdRef.current = itemId;
-					else pressedHandleIdRef.current = !!e.target.closest(draggableHandle) ? itemId : null;
+					else {
+						const isMatched = !!e.target.closest(draggableHandle);
+						pressedHandleIdRef.current = isMatched ? itemId : null;
+					}
 					if (pressedHandleIdRef.current !== itemId) return;
 					const rect = e.currentTarget.getBoundingClientRect();
 					dragPointerOffsetRef.current = {
@@ -2976,14 +2980,16 @@ function Segmented({ items, value, defaultValue, onChange, className = "" }) {
 			const containerRect = containerRef.current.getBoundingClientRect();
 			const newRect = newItemElement.getBoundingClientRect();
 			const newLeft = newRect.left - containerRect.left - SEGMENTED_PADDING;
-			if (oldItemElement) setSlideStyle({
-				"--slide-from": `${oldItemElement.getBoundingClientRect().left - containerRect.left - SEGMENTED_PADDING}px`,
-				"--slide-to": `${newLeft}px`,
-				left: `${SEGMENTED_PADDING}px`,
-				width: `${newRect.width}px`,
-				transform: `translateX(${newLeft}px)`
-			});
-			else setSlideStyle({
+			if (oldItemElement) {
+				const oldLeft = oldItemElement.getBoundingClientRect().left - containerRect.left - SEGMENTED_PADDING;
+				setSlideStyle({
+					"--slide-from": `${oldLeft}px`,
+					"--slide-to": `${newLeft}px`,
+					left: `${SEGMENTED_PADDING}px`,
+					width: `${newRect.width}px`,
+					transform: `translateX(${newLeft}px)`
+				});
+			} else setSlideStyle({
 				left: `${SEGMENTED_PADDING}px`,
 				width: `${newRect.width}px`,
 				transform: `translateX(${newLeft}px)`
@@ -3839,9 +3845,10 @@ function PanelField(props) {
 //#endregion
 //#region src/components/popup/Popup.tsx
 const POPUP_POINTER_OFFSET = 2;
+const DEFAULT_POPUP_OFFSET = [0, 0];
 const HIDDEN_POPUP_OFFSET = [-9999, -9999];
 function Popup(props) {
-	const { children, visible = false, offset = [0, 0], overflowVisible = false, placementY = "below" } = props;
+	const { children, visible = false, offset = DEFAULT_POPUP_OFFSET, overflowVisible = false, placementY = "below" } = props;
 	const nodeRef = (0, react.useRef)(null);
 	const [realOffset, setRealOffset] = (0, react.useState)(HIDDEN_POPUP_OFFSET);
 	const { mountContainer, direction } = (0, react.useContext)(ConfigContext);
@@ -3887,29 +3894,17 @@ function Popup(props) {
 	function preventDefault(event) {
 		event.preventDefault();
 	}
-	return (0, react_dom.createPortal)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_transition_group.CSSTransition, {
-		in: visible,
-		nodeRef,
-		timeout: 500,
-		classNames: {
-			enter: "univer-popup-enter",
-			enterActive: "univer-popup-enter-active",
-			enterDone: "univer-popup-enter-done",
-			exitActive: "univer-popup-exit",
-			exitDone: "univer-popup-exit-active"
+	return (0, react_dom.createPortal)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)("section", {
+		ref: nodeRef,
+		dir: direction,
+		className: clsx$1("univer-popup univer-fixed univer-z-[1070] univer-origin-top-left univer-overflow-hidden univer-rounded-md univer-shadow univer-transition-[transform,opacity] univer-duration-150", visible ? "univer-[transition-timing-function:cubic-bezier(0.08,0.82,0.17,1)] univer-scale-y-100 univer-opacity-100" : "univer-[transition-timing-function:cubic-bezier(0.6,0.04,0.98,0.34)] univer-scale-y-0 univer-opacity-0"),
+		style: {
+			left: realOffset[0] + POPUP_POINTER_OFFSET,
+			top: realOffset[1] + POPUP_POINTER_OFFSET,
+			overflow: overflowVisible ? "visible" : void 0
 		},
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("section", {
-			ref: nodeRef,
-			dir: direction,
-			className: "univer-popup",
-			style: {
-				left: realOffset[0] + POPUP_POINTER_OFFSET,
-				top: realOffset[1] + POPUP_POINTER_OFFSET,
-				overflow: overflowVisible ? "visible" : void 0
-			},
-			onContextMenu: preventDefault,
-			children
-		})
+		onContextMenu: preventDefault,
+		children
 	}), mountContainer);
 }
 
@@ -4116,13 +4111,15 @@ function MultipleSelect(props) {
 				disabled: option.disabled,
 				checked: value.includes(option.value),
 				onSelect: (item) => {
-					onChange(value.includes(item) ? value.filter((v) => v !== item) : [...value, item]);
+					const newValue = value.includes(item) ? value.filter((v) => v !== item) : [...value, item];
+					onChange(newValue);
 				}
 			};
 		});
 	}, [options]);
 	function handleClose(item) {
-		onChange(value.filter((v) => v !== item));
+		const newValue = value.filter((v) => v !== item);
+		onChange(newValue);
 	}
 	const displayValue = (0, react.useMemo)(() => {
 		return options.filter((option) => value.includes(option.value)).map((option, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Badge, {
@@ -4380,7 +4377,8 @@ const filterLeafNode = (tree, keyList) => {
 	const result = [];
 	const find = createCacheWithFindNodePathFromTree(tree);
 	keyList.forEach((key) => {
-		const node = findNodeFromPath(tree, find.findNodePathFromTreeWithCache(key));
+		const path = find.findNodePathFromTreeWithCache(key);
+		const node = findNodeFromPath(tree, path);
 		if (node) {
 			var _node$children3;
 			if (!((_node$children3 = node.children) === null || _node$children3 === void 0 ? void 0 : _node$children3.length)) result.push(node);
@@ -4534,45 +4532,6 @@ function unmount(container) {
 	}
 }
 
-//#endregion
-//#region src/helper/resize-observer.ts
-/**
-* Copyright 2023-present DreamNum Co., Ltd.
-*
-* Licensed under the Apache License, Version 2.0 (the "License");
-* you may not use this file except in compliance with the License.
-* You may obtain a copy of the License at
-*
-*     http://www.apache.org/licenses/LICENSE-2.0
-*
-* Unless required by applicable law or agreed to in writing, software
-* distributed under the License is distributed on an "AS IS" BASIS,
-* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-* See the License for the specific language governing permissions and
-* limitations under the License.
-*/
-/**
-* All elements are observed by a single ResizeObserver is got greater performance than each element observed by separate ResizeObserver
-* See issue https://github.com/WICG/resize-observer/issues/59#issuecomment-408098151
-*/
-const _resizeObserverCallbacks = /* @__PURE__ */ new Set();
-let _resizeObserver;
-function resizeObserverCtor(callback) {
-	if (!_resizeObserver) _resizeObserver = new ResizeObserver((...args) => {
-		_resizeObserverCallbacks.forEach((callback) => callback(...args));
-	});
-	return {
-		observe(target, options) {
-			_resizeObserverCallbacks.add(callback);
-			_resizeObserver.observe(target, options);
-		},
-		unobserve(target) {
-			_resizeObserverCallbacks.delete(callback);
-			_resizeObserver.unobserve(target);
-		}
-	};
-}
-
 //#endregion
 exports.Accordion = Accordion;
 exports.Avatar = Avatar;
@@ -4655,7 +4614,6 @@ exports.message = message;
 exports.removeMessage = removeMessage;
 exports.render = render;
 exports.resetButtonClassName = resetButtonClassName;
-exports.resizeObserverCtor = resizeObserverCtor;
 exports.scrollbarClassName = scrollbarClassName;
 exports.selectClassName = selectClassName;
 exports.toast = sonner.toast;

package/lib/cjs/locale/ar-SA.js

@@ -17,7 +17,7 @@ const locale = { design: {
 	},
 	CascaderList: { empty: "لا شيء" },
 	Calendar: {
-		year: "",
+		year: "سنة",
 		weekDays: [
 			"ح",
 			"ن",

package/lib/cjs/locale/ca-ES.js

@@ -13,11 +13,11 @@ const locale = { design: {
 	},
 	Confirm: {
 		cancel: "cancel·la",
-		confirm: "ok"
+		confirm: "D'acord"
 	},
 	CascaderList: { empty: "Cap" },
 	Calendar: {
-		year: "",
+		year: "Any",
 		weekDays: [
 			"dg",
 			"dl",
@@ -52,7 +52,7 @@ const locale = { design: {
 	ColorPicker: {
 		more: "Més colors",
 		cancel: "cancel·la",
-		confirm: "ok"
+		confirm: "D'acord"
 	},
 	GradientColorPicker: {
 		linear: "Lineal",

package/lib/cjs/locale/de-DE.js

@@ -17,7 +17,7 @@ const locale = { design: {
 	},
 	CascaderList: { empty: "Keine" },
 	Calendar: {
-		year: "",
+		year: "Jahr",
 		weekDays: [
 			"So",
 			"Mo",

package/lib/cjs/locale/es-ES.js

@@ -17,7 +17,7 @@ const locale = { design: {
 	},
 	CascaderList: { empty: "Cap" },
 	Calendar: {
-		year: "",
+		year: "Año",
 		weekDays: [
 			"Dg",
 			"Dl",

package/lib/cjs/locale/fr-FR.js

@@ -13,11 +13,11 @@ const locale = { design: {
 	},
 	Confirm: {
 		cancel: "annuler",
-		confirm: "ok"
+		confirm: "OK"
 	},
 	CascaderList: { empty: "Aucun" },
 	Calendar: {
-		year: "",
+		year: "Année",
 		weekDays: [
 			"Dim",
 			"Lun",
@@ -52,7 +52,7 @@ const locale = { design: {
 	ColorPicker: {
 		more: "Plus de couleurs",
 		cancel: "annuler",
-		confirm: "ok"
+		confirm: "OK"
 	},
 	GradientColorPicker: {
 		linear: "Linéaire",

package/lib/cjs/locale/id-ID.js

@@ -17,7 +17,7 @@ const locale = { design: {
 	},
 	CascaderList: { empty: "Tidak ada" },
 	Calendar: {
-		year: "",
+		year: "Tahun",
 		weekDays: [
 			"Min",
 			"Sen",

package/lib/cjs/locale/it-IT.js

@@ -13,11 +13,11 @@ const locale = { design: {
 	},
 	Confirm: {
 		cancel: "annulla",
-		confirm: "ok"
+		confirm: "OK"
 	},
 	CascaderList: { empty: "Nessuno" },
 	Calendar: {
-		year: "",
+		year: "Anno",
 		weekDays: [
 			"Dom",
 			"Lun",
@@ -52,7 +52,7 @@ const locale = { design: {
 	ColorPicker: {
 		more: "Altri Colori",
 		cancel: "annulla",
-		confirm: "ok"
+		confirm: "OK"
 	},
 	GradientColorPicker: {
 		linear: "Lineare",

package/lib/cjs/locale/pl-PL.js

@@ -13,11 +13,11 @@ const locale = { design: {
 	},
 	Confirm: {
 		cancel: "anuluj",
-		confirm: "ok"
+		confirm: "OK"
 	},
 	CascaderList: { empty: "Brak" },
 	Calendar: {
-		year: "",
+		year: "Rok",
 		weekDays: [
 			"nd",
 			"pn",
@@ -52,7 +52,7 @@ const locale = { design: {
 	ColorPicker: {
 		more: "Więcej kolorów",
 		cancel: "anuluj",
-		confirm: "ok"
+		confirm: "OK"
 	},
 	GradientColorPicker: {
 		linear: "Liniowy",

package/lib/cjs/locale/pt-BR.js

@@ -13,11 +13,11 @@ const locale = { design: {
 	},
 	Confirm: {
 		cancel: "cancelar",
-		confirm: "ok"
+		confirm: "OK"
 	},
 	CascaderList: { empty: "Nenhum" },
 	Calendar: {
-		year: "",
+		year: "Ano",
 		weekDays: [
 			"Dom",
 			"Seg",
@@ -52,7 +52,7 @@ const locale = { design: {
 	ColorPicker: {
 		more: "Mais Cores",
 		cancel: "cancelar",
-		confirm: "ok"
+		confirm: "OK"
 	},
 	GradientColorPicker: {
 		linear: "Linear",

package/lib/cjs/locale/ru-RU.js

@@ -18,7 +18,7 @@ const locale = { design: {
 	CascaderList: { empty: "Нет" },
 	Select: { empty: "Нет" },
 	Calendar: {
-		year: "",
+		year: "Год",
 		weekDays: [
 			"Вс",
 			"Пн",

package/lib/cjs/locale/sk-SK.js

@@ -13,11 +13,11 @@ const locale = { design: {
 	},
 	Confirm: {
 		cancel: "zrušiť",
-		confirm: "ok"
+		confirm: "OK"
 	},
 	CascaderList: { empty: "Žiadne" },
 	Calendar: {
-		year: "",
+		year: "Rok",
 		weekDays: [
 			"Ne",
 			"Po",
@@ -52,7 +52,7 @@ const locale = { design: {
 	ColorPicker: {
 		more: "Viac farieb",
 		cancel: "zrušiť",
-		confirm: "ok"
+		confirm: "OK"
 	},
 	GradientColorPicker: {
 		linear: "Lineárny",

package/lib/es/index.js

@@ -13,7 +13,6 @@ import { Command as Command$1 } from "cmdk";
 import { createPortal } from "react-dom";
 import { Content as Content$3, Portal as Portal$3, Root as Root$3, Trigger as Trigger$2 } from "@radix-ui/react-hover-card";
 import { Toaster as Toaster$1, toast, toast as toast$1 } from "sonner";
-import { CSSTransition } from "react-transition-group";
 import { Root as Root$4 } from "@radix-ui/react-separator";
 import { createRoot } from "react-dom/client";
 
@@ -1108,7 +1107,8 @@ function useDraggable(options = {}) {
 		if (!isDragging) return;
 		e.preventDefault();
 		e.stopPropagation();
-		setPosition(calculateBounds(e.clientX, e.clientY));
+		const newPosition = calculateBounds(e.clientX, e.clientY);
+		setPosition(newPosition);
 	}, [isDragging, calculateBounds]);
 	const endDrag = useCallback(() => {
 		setIsDragging(false);
@@ -1505,10 +1505,11 @@ function RgbInput({ hsv, alpha, format, onChange }) {
 			if (value !== "" && !/^\d*\.?\d*$/.test(value)) return;
 			const numValue = value === "" ? 0 : Number.parseFloat(value);
 			if (numValue > 1) return;
-			setLocalValues({
+			const newValues = {
 				...localValues,
 				a: numValue
-			});
+			};
+			setLocalValues(newValues);
 			if (onChange) onChange(hsv[0], hsv[1], hsv[2], numValue);
 			return;
 		}
@@ -2393,7 +2394,10 @@ function DraggableList(props) {
 				onPointerDownCapture: (e) => {
 					if (pointerIdRef.current !== null) return;
 					if (!draggableHandle) pressedHandleIdRef.current = itemId;
-					else pressedHandleIdRef.current = !!e.target.closest(draggableHandle) ? itemId : null;
+					else {
+						const isMatched = !!e.target.closest(draggableHandle);
+						pressedHandleIdRef.current = isMatched ? itemId : null;
+					}
 					if (pressedHandleIdRef.current !== itemId) return;
 					const rect = e.currentTarget.getBoundingClientRect();
 					dragPointerOffsetRef.current = {
@@ -2975,14 +2979,16 @@ function Segmented({ items, value, defaultValue, onChange, className = "" }) {
 			const containerRect = containerRef.current.getBoundingClientRect();
 			const newRect = newItemElement.getBoundingClientRect();
 			const newLeft = newRect.left - containerRect.left - SEGMENTED_PADDING;
-			if (oldItemElement) setSlideStyle({
-				"--slide-from": `${oldItemElement.getBoundingClientRect().left - containerRect.left - SEGMENTED_PADDING}px`,
-				"--slide-to": `${newLeft}px`,
-				left: `${SEGMENTED_PADDING}px`,
-				width: `${newRect.width}px`,
-				transform: `translateX(${newLeft}px)`
-			});
-			else setSlideStyle({
+			if (oldItemElement) {
+				const oldLeft = oldItemElement.getBoundingClientRect().left - containerRect.left - SEGMENTED_PADDING;
+				setSlideStyle({
+					"--slide-from": `${oldLeft}px`,
+					"--slide-to": `${newLeft}px`,
+					left: `${SEGMENTED_PADDING}px`,
+					width: `${newRect.width}px`,
+					transform: `translateX(${newLeft}px)`
+				});
+			} else setSlideStyle({
 				left: `${SEGMENTED_PADDING}px`,
 				width: `${newRect.width}px`,
 				transform: `translateX(${newLeft}px)`
@@ -3838,9 +3844,10 @@ function PanelField(props) {
 //#endregion
 //#region src/components/popup/Popup.tsx
 const POPUP_POINTER_OFFSET = 2;
+const DEFAULT_POPUP_OFFSET = [0, 0];
 const HIDDEN_POPUP_OFFSET = [-9999, -9999];
 function Popup(props) {
-	const { children, visible = false, offset = [0, 0], overflowVisible = false, placementY = "below" } = props;
+	const { children, visible = false, offset = DEFAULT_POPUP_OFFSET, overflowVisible = false, placementY = "below" } = props;
 	const nodeRef = useRef(null);
 	const [realOffset, setRealOffset] = useState(HIDDEN_POPUP_OFFSET);
 	const { mountContainer, direction } = useContext(ConfigContext);
@@ -3886,29 +3893,17 @@ function Popup(props) {
 	function preventDefault(event) {
 		event.preventDefault();
 	}
-	return createPortal(/* @__PURE__ */ jsx(CSSTransition, {
-		in: visible,
-		nodeRef,
-		timeout: 500,
-		classNames: {
-			enter: "univer-popup-enter",
-			enterActive: "univer-popup-enter-active",
-			enterDone: "univer-popup-enter-done",
-			exitActive: "univer-popup-exit",
-			exitDone: "univer-popup-exit-active"
+	return createPortal(/* @__PURE__ */ jsx("section", {
+		ref: nodeRef,
+		dir: direction,
+		className: clsx("univer-popup univer-fixed univer-z-[1070] univer-origin-top-left univer-overflow-hidden univer-rounded-md univer-shadow univer-transition-[transform,opacity] univer-duration-150", visible ? "univer-[transition-timing-function:cubic-bezier(0.08,0.82,0.17,1)] univer-scale-y-100 univer-opacity-100" : "univer-[transition-timing-function:cubic-bezier(0.6,0.04,0.98,0.34)] univer-scale-y-0 univer-opacity-0"),
+		style: {
+			left: realOffset[0] + POPUP_POINTER_OFFSET,
+			top: realOffset[1] + POPUP_POINTER_OFFSET,
+			overflow: overflowVisible ? "visible" : void 0
 		},
-		children: /* @__PURE__ */ jsx("section", {
-			ref: nodeRef,
-			dir: direction,
-			className: "univer-popup",
-			style: {
-				left: realOffset[0] + POPUP_POINTER_OFFSET,
-				top: realOffset[1] + POPUP_POINTER_OFFSET,
-				overflow: overflowVisible ? "visible" : void 0
-			},
-			onContextMenu: preventDefault,
-			children
-		})
+		onContextMenu: preventDefault,
+		children
 	}), mountContainer);
 }
 
@@ -4115,13 +4110,15 @@ function MultipleSelect(props) {
 				disabled: option.disabled,
 				checked: value.includes(option.value),
 				onSelect: (item) => {
-					onChange(value.includes(item) ? value.filter((v) => v !== item) : [...value, item]);
+					const newValue = value.includes(item) ? value.filter((v) => v !== item) : [...value, item];
+					onChange(newValue);
 				}
 			};
 		});
 	}, [options]);
 	function handleClose(item) {
-		onChange(value.filter((v) => v !== item));
+		const newValue = value.filter((v) => v !== item);
+		onChange(newValue);
 	}
 	const displayValue = useMemo(() => {
 		return options.filter((option) => value.includes(option.value)).map((option, index) => /* @__PURE__ */ jsx(Badge, {
@@ -4379,7 +4376,8 @@ const filterLeafNode = (tree, keyList) => {
 	const result = [];
 	const find = createCacheWithFindNodePathFromTree(tree);
 	keyList.forEach((key) => {
-		const node = findNodeFromPath(tree, find.findNodePathFromTreeWithCache(key));
+		const path = find.findNodePathFromTreeWithCache(key);
+		const node = findNodeFromPath(tree, path);
 		if (node) {
 			var _node$children3;
 			if (!((_node$children3 = node.children) === null || _node$children3 === void 0 ? void 0 : _node$children3.length)) result.push(node);
@@ -4534,43 +4532,4 @@ function unmount(container) {
 }
 
 //#endregion
-//#region src/helper/resize-observer.ts
-/**
-* Copyright 2023-present DreamNum Co., Ltd.
-*
-* Licensed under the Apache License, Version 2.0 (the "License");
-* you may not use this file except in compliance with the License.
-* You may obtain a copy of the License at
-*
-*     http://www.apache.org/licenses/LICENSE-2.0
-*
-* Unless required by applicable law or agreed to in writing, software
-* distributed under the License is distributed on an "AS IS" BASIS,
-* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-* See the License for the specific language governing permissions and
-* limitations under the License.
-*/
-/**
-* All elements are observed by a single ResizeObserver is got greater performance than each element observed by separate ResizeObserver
-* See issue https://github.com/WICG/resize-observer/issues/59#issuecomment-408098151
-*/
-const _resizeObserverCallbacks = /* @__PURE__ */ new Set();
-let _resizeObserver;
-function resizeObserverCtor(callback) {
-	if (!_resizeObserver) _resizeObserver = new ResizeObserver((...args) => {
-		_resizeObserverCallbacks.forEach((callback) => callback(...args));
-	});
-	return {
-		observe(target, options) {
-			_resizeObserverCallbacks.add(callback);
-			_resizeObserver.observe(target, options);
-		},
-		unobserve(target) {
-			_resizeObserverCallbacks.delete(callback);
-			_resizeObserver.unobserve(target);
-		}
-	};
-}
-
-//#endregion
-export { Accordion, Avatar, Badge, Button, ButtonGroup, Calendar, CascaderList, Checkbox, CheckboxGroup, ColorPicker, ColorPresets, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ConfigContext, ConfigProvider, Confirm, DatePicker, DateRangePicker, Dialog, DraggableList, Dropdown, DropdownMenu, FormDualColumnLayout, FormLayout, Gallery, GradientColorPicker, HoverCard, Input, InputNumber, KBD, MessageType, Messager, MultipleSelect, Pager, Panel, PanelField, PanelSection, Popup, Radio, RadioGroup, Segmented, Select, SelectList, Separator, Switch, Textarea, TimeInput, Toaster, Tooltip, Tree, TreeSelectionMode, borderBottomClassName, borderClassName, borderLeftBottomClassName, borderLeftClassName, borderRightClassName, borderTopClassName, clsx, cva, divideXClassName, divideYClassName, filterLeafNode, findNodePathFromTree, findSubTreeFromPath, isBrowser, mergeTreeSelected, message, removeMessage, render, resetButtonClassName, resizeObserverCtor, scrollbarClassName, selectClassName, toast, unmount };
+export { Accordion, Avatar, Badge, Button, ButtonGroup, Calendar, CascaderList, Checkbox, CheckboxGroup, ColorPicker, ColorPresets, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ConfigContext, ConfigProvider, Confirm, DatePicker, DateRangePicker, Dialog, DraggableList, Dropdown, DropdownMenu, FormDualColumnLayout, FormLayout, Gallery, GradientColorPicker, HoverCard, Input, InputNumber, KBD, MessageType, Messager, MultipleSelect, Pager, Panel, PanelField, PanelSection, Popup, Radio, RadioGroup, Segmented, Select, SelectList, Separator, Switch, Textarea, TimeInput, Toaster, Tooltip, Tree, TreeSelectionMode, borderBottomClassName, borderClassName, borderLeftBottomClassName, borderLeftClassName, borderRightClassName, borderTopClassName, clsx, cva, divideXClassName, divideYClassName, filterLeafNode, findNodePathFromTree, findSubTreeFromPath, isBrowser, mergeTreeSelected, message, removeMessage, render, resetButtonClassName, scrollbarClassName, selectClassName, toast, unmount };

package/lib/es/locale/ar-SA.js

@@ -16,7 +16,7 @@ const locale = { design: {
 	},
 	CascaderList: { empty: "لا شيء" },
 	Calendar: {
-		year: "",
+		year: "سنة",
 		weekDays: [
 			"ح",
 			"ن",

package/lib/es/locale/ca-ES.js

@@ -12,11 +12,11 @@ const locale = { design: {
 	},
 	Confirm: {
 		cancel: "cancel·la",
-		confirm: "ok"
+		confirm: "D'acord"
 	},
 	CascaderList: { empty: "Cap" },
 	Calendar: {
-		year: "",
+		year: "Any",
 		weekDays: [
 			"dg",
 			"dl",
@@ -51,7 +51,7 @@ const locale = { design: {
 	ColorPicker: {
 		more: "Més colors",
 		cancel: "cancel·la",
-		confirm: "ok"
+		confirm: "D'acord"
 	},
 	GradientColorPicker: {
 		linear: "Lineal",

package/lib/es/locale/de-DE.js

@@ -16,7 +16,7 @@ const locale = { design: {
 	},
 	CascaderList: { empty: "Keine" },
 	Calendar: {
-		year: "",
+		year: "Jahr",
 		weekDays: [
 			"So",
 			"Mo",

package/lib/es/locale/es-ES.js

@@ -16,7 +16,7 @@ const locale = { design: {
 	},
 	CascaderList: { empty: "Cap" },
 	Calendar: {
-		year: "",
+		year: "Año",
 		weekDays: [
 			"Dg",
 			"Dl",

package/lib/es/locale/fr-FR.js

@@ -12,11 +12,11 @@ const locale = { design: {
 	},
 	Confirm: {
 		cancel: "annuler",
-		confirm: "ok"
+		confirm: "OK"
 	},
 	CascaderList: { empty: "Aucun" },
 	Calendar: {
-		year: "",
+		year: "Année",
 		weekDays: [
 			"Dim",
 			"Lun",
@@ -51,7 +51,7 @@ const locale = { design: {
 	ColorPicker: {
 		more: "Plus de couleurs",
 		cancel: "annuler",
-		confirm: "ok"
+		confirm: "OK"
 	},
 	GradientColorPicker: {
 		linear: "Linéaire",