@vjdesigns/vjdesigns-ui 2.4.0 → 3.0.0

package/dist/locales/zh-Hant.mjs

@@ -1,5 +1,5 @@
 import { num as e } from "../i18n/plural.mjs";
-//#region src/i18n/locales/zh-Hant.ts
+// src/i18n/locales/zh-Hant.ts
 var t = e("zh-Hant"), n = {
 	avatar: {
 		status: {
@@ -108,11 +108,175 @@ var t = e("zh-Hant"), n = {
 		range: (e, n, r) => `第 ${t(e)}–${t(n)} 列，共 ${t(r)} 列`,
 		empty: "沒有資料列",
 		noResults: "沒有符合的資料列",
-		resizeColumn: (e) => `調整「${e}」欄寬`
+		resizeColumn: (e) => `調整「${e}」欄寬`,
+		columnMenu: {
+			trigger: (e) => `「${e}」欄選項`,
+			sortAscending: "遞增排序",
+			sortDescending: "遞減排序",
+			clearSort: "清除排序",
+			pinLeft: "固定到左側",
+			pinRight: "固定到右側",
+			unpin: "取消固定",
+			moveLeft: "左移",
+			moveRight: "右移",
+			hide: "隱藏欄",
+			columns: "欄",
+			showAll: "顯示所有欄",
+			reset: "重設欄",
+			moved: (e, n, r) => `已將「${e}」移到第 ${t(n)} 欄，共 ${t(r)} 欄`,
+			hidden: (e) => `已隱藏「${e}」`,
+			shown: (e) => `已顯示「${e}」`,
+			pinnedLeft: (e) => `已將「${e}」固定到左側`,
+			pinnedRight: (e) => `已將「${e}」固定到右側`,
+			unpinned: (e) => `已取消固定「${e}」`,
+			resetDone: "已重設欄"
+		},
+		filters: {
+			filter: (e) => `篩選「${e}」`,
+			filtered: (e) => `篩選「${e}」（已啟用）`,
+			operator: "條件",
+			value: "值",
+			from: "從",
+			to: "到",
+			operators: {
+				contains: "包含",
+				equals: "等於",
+				notEquals: "不等於",
+				startsWith: "開頭是",
+				greaterThan: "大於",
+				lessThan: "小於",
+				between: "介於",
+				before: "早於",
+				after: "晚於",
+				isEmpty: "為空",
+				isNotEmpty: "不為空"
+			},
+			searchValues: "搜尋值",
+			selectAll: "全選",
+			blank: "（空白）",
+			noValues: "沒有相符的值",
+			apply: "套用",
+			clear: "清除",
+			active: "已啟用的篩選",
+			remove: (e) => `移除「${e}」篩選`,
+			clearAll: "清除所有篩選",
+			valuesSummary: (e) => `${t(e)} 個值`
+		},
+		rows: {
+			groupBy: (e) => `依「${e}」分組`,
+			ungroup: (e) => `取消依「${e}」分組`,
+			groupedBy: "分組依據",
+			subrows: (e) => `「${e}」下的列`,
+			details: (e) => `「${e}」的詳細資料`,
+			aggregates: {
+				sum: "合計",
+				avg: "平均值",
+				min: "最小值",
+				max: "最大值",
+				count: "計數"
+			}
+		},
+		editing: {
+			instructions: "要編輯儲存格，請按 Enter 或直接輸入。Enter 或 Tab 儲存，Esc 取消。",
+			edit: (e) => `編輯「${e}」`,
+			saved: "已儲存",
+			cancelled: "已取消編輯"
+		},
+		cells: {
+			instructions: "按住 Shift 加方向鍵或拖曳可選取儲存格範圍。複製和貼上的用法與試算表相同。",
+			selected: (e) => `已選取 ${t(e)} 個儲存格`,
+			copied: (e) => `已複製 ${t(e)} 個儲存格`,
+			pasted: (e) => `已貼上到 ${t(e)} 個儲存格`,
+			skipped: (e) => `已略過 ${t(e)} 個儲存格`,
+			loadingMore: "正在載入更多列…"
+		}
 	},
 	chart: {
 		showTable: "顯示資料表",
-		hideTable: "隱藏資料表"
+		hideTable: "隱藏資料表",
+		zoomStart: "縮放起點",
+		zoomEnd: "縮放終點",
+		resetZoom: "重設縮放",
+		zoomed: (e, t) => `顯示 ${e} 至 ${t}`,
+		other: "其他",
+		total: "總計",
+		share: "占比",
+		sparkline: (e, t, n, r, i) => `${e}：從 ${t} 到 ${n}，最低 ${r}，最高 ${i}`,
+		target: (e) => `目標 ${e}`
+	},
+	scheduler: {
+		today: "今天",
+		view: "檢視",
+		views: {
+			month: "月",
+			week: "週",
+			day: "日",
+			agenda: "行程"
+		},
+		previous: {
+			month: "上個月",
+			week: "上一週",
+			day: "前一天",
+			agenda: "更早"
+		},
+		next: {
+			month: "下個月",
+			week: "下一週",
+			day: "後一天",
+			agenda: "更晚"
+		},
+		allDay: "全天",
+		noEvents: "沒有行程",
+		more: (e) => `還有 ${t(e)} 個`,
+		eventCount: (e) => `${t(e)} 個行程`,
+		dayEvents: (e) => `${e}的行程`,
+		gridHint: "方向鍵可在日期之間移動。Enter 選取日期。F2 移至當天的行程，Esc 返回。",
+		eventHint: "Alt 加方向鍵可移動此行程。Alt 加 Shift 加上下方向鍵可變更長度。",
+		moved: (e, t) => `已將「${e}」移至 ${t}`,
+		resized: (e, t) => `「${e}」現在為 ${t}`,
+		repeats: {
+			daily: "每天重複",
+			weekly: "每週重複",
+			monthly: "每月重複",
+			yearly: "每年重複"
+		}
+	},
+	kanban: {
+		cardCount: (e) => `${t(e)} 張卡片`,
+		wipLimit: (e, n) => `${t(e)}/${t(n)}`,
+		overLimit: "超出上限",
+		noCards: "沒有卡片",
+		addCard: "新增卡片",
+		cardOptions: (e) => `「${e}」選項`,
+		moveUp: "上移",
+		moveDown: "下移",
+		moveTo: (e) => `移至「${e}」`,
+		instructions: "按空白鍵拿起此卡片，然後用方向鍵移動。再按空白鍵放下，或按 Esc 取消。按 Enter 開啟。",
+		pickedUp: (e, n, r, i) => `已拿起「${e}」。位於「${i}」的第 ${t(n)} 個，共 ${t(r)} 個。`,
+		moving: (e, n, r, i) => `「${e}」：位於「${i}」的第 ${t(n)} 個，共 ${t(r)} 個。`,
+		dropped: (e, n, r, i) => `已將「${e}」放在「${i}」的第 ${t(n)} 個，共 ${t(r)} 個。`,
+		cancelled: (e, t) => `已取消移動。「${e}」回到了「${t}」。`
+	},
+	gantt: {
+		task: "工作",
+		start: "開始",
+		end: "結束",
+		timeline: "時間軸",
+		duration: (e) => `${t(e)} 天`,
+		progress: (e) => `已完成 ${t(e)}%`,
+		milestone: "里程碑",
+		after: (e) => `在「${e}」之後`,
+		scale: "刻度",
+		scales: {
+			day: "天",
+			week: "週",
+			month: "月"
+		},
+		today: "今天",
+		instructions: "上下方向鍵可在工作之間移動；左右方向鍵可收合和展開群組。Alt 加左右方向鍵可將工作移動一天；再加 Shift 可變更結束日期。Enter 可開啟工作。",
+		moved: (e, t) => `已將「${e}」移至 ${t}`,
+		resized: (e, t) => `「${e}」現在為 ${t}`,
+		noTasks: "沒有工作"
 	},
 	timeline: {
 		status: {
@@ -530,5 +694,4 @@ var t = e("zh-Hant"), n = {
 	},
 	popover: { close: "關閉" }
 };
-//#endregion
 export { n as default, n as messages };

package/dist/types/common.mjs

@@ -1,4 +1,4 @@
-//#region src/types/common.ts
+// src/types/common.ts
 var e = {
 	sm: 640,
 	md: 768,
@@ -6,5 +6,4 @@ var e = {
 	xl: 1280,
 	"2xl": 1536
 };
-//#endregion
 export { e as breakpoints };

package/dist/utils/announce.cjs.js

@@ -1 +1 @@
-var e=null,t=0;function n(){return typeof document>`u`?null:e?.isConnected?e:(e=document.createElement(`div`),e.setAttribute(`role`,`status`),e.setAttribute(`aria-live`,`polite`),e.setAttribute(`aria-atomic`,`true`),e.setAttribute(`data-dhui-announcer`,``),Object.assign(e.style,{position:`absolute`,width:`1px`,height:`1px`,margin:`-1px`,padding:`0`,overflow:`hidden`,clip:`rect(0 0 0 0)`,clipPath:`inset(50%)`,whiteSpace:`nowrap`,border:`0`}),document.body.appendChild(e),e)}function r(e){let r=n();r&&e&&(r.textContent=``,window.clearTimeout(t),window.requestAnimationFrame(()=>{r.textContent=e,t=window.setTimeout(()=>{r.textContent=``},5e3)}))}exports.announce=r;
+var e=null,t=0;function n(){return typeof document>`u`?null:(e?.isConnected||(e=document.createElement(`div`),e.setAttribute(`role`,`status`),e.setAttribute(`aria-live`,`polite`),e.setAttribute(`aria-atomic`,`true`),e.setAttribute(`data-dhui-announcer`,``),Object.assign(e.style,{position:`absolute`,width:`1px`,height:`1px`,margin:`-1px`,padding:`0`,overflow:`hidden`,clip:`rect(0 0 0 0)`,clipPath:`inset(50%)`,whiteSpace:`nowrap`,border:`0`}),document.body.appendChild(e)),e)}function r(e){let r=n();r&&e&&(r.textContent=``,window.clearTimeout(t),window.requestAnimationFrame(()=>{r.textContent=e,t=window.setTimeout(()=>{r.textContent=``},5e3)}))}exports.announce=r;

package/dist/utils/announce.mjs

@@ -1,7 +1,7 @@
-//#region src/utils/announce.ts
+// src/utils/announce.ts
 var e = null, t = 0;
 function n() {
-	return typeof document > "u" ? null : e?.isConnected ? e : (e = document.createElement("div"), e.setAttribute("role", "status"), e.setAttribute("aria-live", "polite"), e.setAttribute("aria-atomic", "true"), e.setAttribute("data-dhui-announcer", ""), Object.assign(e.style, {
+	return typeof document > "u" ? null : (e?.isConnected || (e = document.createElement("div"), e.setAttribute("role", "status"), e.setAttribute("aria-live", "polite"), e.setAttribute("aria-atomic", "true"), e.setAttribute("data-dhui-announcer", ""), Object.assign(e.style, {
 		position: "absolute",
 		width: "1px",
 		height: "1px",
@@ -12,7 +12,7 @@ function n() {
 		clipPath: "inset(50%)",
 		whiteSpace: "nowrap",
 		border: "0"
-	}), document.body.appendChild(e), e);
+	}), document.body.appendChild(e)), e);
 }
 function r(e) {
 	let r = n();
@@ -22,5 +22,4 @@ function r(e) {
 		}, 5e3);
 	}));
 }
-//#endregion
 export { r as announce };

package/dist/utils/brandPalette.mjs

@@ -1,4 +1,4 @@
-//#region src/utils/brandPalette.ts
+// src/utils/brandPalette.ts
 var e = {
 	light: {
 		bg: "#ffffff",
@@ -383,5 +383,4 @@ function N(e, t) {
 	let n = M(S(t));
 	return `[data-brand="${e}"] {\n${Object.entries(n).map(([e, t]) => `  ${e}: ${t};`).join("\n")}\n}\n`;
 }
-//#endregion
 export { e as BRAND_SURFACES, C as LIME_ACCENT, w as VOLT_ACCENT, A as accentCss, k as accentPaletteVars, D as brandAccent, N as brandCss, M as brandPaletteVars, h as contrastRatio, E as createAccentPalette, S as createBrandPalette, a as isHexColor };

package/dist/utils/clipboard.mjs

@@ -1,4 +1,4 @@
-//#region src/utils/clipboard.ts
+// src/utils/clipboard.ts
 async function e(e) {
 	if (typeof navigator < "u" && navigator.clipboard?.writeText) try {
 		await navigator.clipboard.writeText(e);
@@ -17,5 +17,4 @@ async function e(e) {
 	}
 	if (!r) throw Error("Copy command was rejected");
 }
-//#endregion
 export { e as copyToClipboard };

package/dist/utils/cx.mjs

@@ -1,6 +1,5 @@
-//#region src/utils/cx.ts
+// src/utils/cx.ts
 function e(...e) {
 	return e.filter(Boolean).join(" ");
 }
-//#endregion
 export { e as cx };

package/dist/utils/fillSlot.cjs.js

@@ -1 +1 @@
-let e=require("react");var t=(0,e.createContext)(!1),n=()=>(0,e.useContext)(t);exports.FillSlotContext=t,exports.useFillSlot=n;
+"use client";let e=require("react");var t=(0,e.createContext)(!1),n=()=>(0,e.useContext)(t);exports.FillSlotContext=t,exports.useFillSlot=n;

package/dist/utils/fillSlot.mjs

@@ -1,5 +1,5 @@
+"use client";
 import { createContext as e, useContext as t } from "react";
-//#region src/utils/fillSlot.ts
+// src/utils/fillSlot.ts
 var n = e(!1), r = () => t(n);
-//#endregion
 export { n as FillSlotContext, r as useFillSlot };

package/dist/utils/flattenChildren.mjs

@@ -1,7 +1,6 @@
 import { Children as e, Fragment as t, isValidElement as n } from "react";
-//#region src/utils/flattenChildren.ts
+// src/utils/flattenChildren.ts
 function r(i) {
 	return e.toArray(i).flatMap((e) => n(e) ? e.type === t ? r(e.props.children) : [e] : []);
 }
-//#endregion
 export { r as flattenChildren };

package/dist/utils/hotkeys.mjs

@@ -1,4 +1,4 @@
-//#region src/utils/hotkeys.ts
+// src/utils/hotkeys.ts
 function e() {
 	if (typeof navigator > "u") return "windows";
 	let e = navigator, t = e.userAgentData?.platform || e.platform || e.userAgent || "";
@@ -41,5 +41,4 @@ var i = /* @__PURE__ */ new Set([
 function a(e) {
 	return e instanceof HTMLElement ? e.isContentEditable || e instanceof HTMLTextAreaElement || e instanceof HTMLSelectElement ? !0 : e instanceof HTMLInputElement && !i.has(e.type) : !1;
 }
-//#endregion
 export { e as detectPlatform, r as hotkeyToAria, a as isTypingTarget, n as matchesHotkey, t as parseHotkey };

package/dist/utils/intl.cjs.js

@@ -0,0 +1 @@
+var e=new Map;function t(t,n){let r=`${t??``}|${n?JSON.stringify(n):``}`,i=e.get(r);if(!i){try{i=new Intl.NumberFormat(t,n)}catch{i=new Intl.NumberFormat(void 0,n)}e.set(r,i)}return i}exports.getNumberFormat=t;

package/dist/utils/intl.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Cached `Intl` formatters. Constructing a formatter costs far more than
+ * using one, and components format inside loops (every star of a Rating,
+ * every file in a list, every option of a time list), so each distinct
+ * locale and option set is built once and reused.
+ *
+ * Invalid locales fall back to the runtime default, like the components did.
+ */
+/** A shared `Intl.NumberFormat` for `locale` and `options`. */
+export declare function getNumberFormat(locale?: string, options?: Intl.NumberFormatOptions): Intl.NumberFormat;

package/dist/utils/intl.mjs

@@ -0,0 +1,15 @@
+// src/utils/intl.ts
+var e = /* @__PURE__ */ new Map();
+function t(t, n) {
+	let r = `${t ?? ""}|${n ? JSON.stringify(n) : ""}`, i = e.get(r);
+	if (!i) {
+		try {
+			i = new Intl.NumberFormat(t, n);
+		} catch {
+			i = new Intl.NumberFormat(void 0, n);
+		}
+		e.set(r, i);
+	}
+	return i;
+}
+export { t as getNumberFormat };

package/dist/utils/refs.mjs

@@ -1,5 +1,5 @@
 import { Fragment as e, isValidElement as t } from "react";
-//#region src/utils/refs.ts
+// src/utils/refs.ts
 function n(e, t) {
 	typeof e == "function" ? e(t) : e && (e.current = t);
 }
@@ -23,5 +23,4 @@ function i(e) {
 function a(n) {
 	return t(n) && n.type !== e;
 }
-//#endregion
 export { n as assignRef, i as getChildRef, a as isSingleElement, r as mergeRefs };

package/dist/utils/responsive.mjs

@@ -1,5 +1,5 @@
 import { breakpoints as e } from "../types/common.mjs";
-//#region src/utils/responsive.ts
+// src/utils/responsive.ts
 var t = [
 	"base",
 	"sm",
@@ -59,5 +59,4 @@ function u(e, r, i) {
 	return a;
 }
 var d = (t) => `(min-width: ${e[t]}px)`;
-//#endregion
 export { t as RESPONSIVE_KEYS, d as breakpointQuery, r as cascade, s as cascadedVars, a as changedKeys, c as firstCascaded, n as isResponsiveObject, i as mapCascaded, u as resolveResponsive, l as responsiveClasses, o as responsiveVars };

package/dist/utils/slot.mjs

@@ -1,6 +1,6 @@
 import { cx as e } from "./cx.mjs";
 import { cloneElement as t } from "react";
-//#region src/utils/slot.ts
+// src/utils/slot.ts
 function n(n, r, i) {
 	let a = n.props, o = {
 		...a,
@@ -17,5 +17,4 @@ function n(n, r, i) {
 		...r.style
 	}), o.ref = i, t(n, o);
 }
-//#endregion
 export { n as cloneSlot };

package/dist/utils/validators.mjs

@@ -1,4 +1,4 @@
-//#region src/utils/validators.ts
+// src/utils/validators.ts
 var e = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/, t = /^(?:[a-zA-Z]{2,63}|xn--[a-zA-Z0-9-]{1,59})$/;
 function n(n, { requireTld: r = !0 } = {}) {
 	if (n.length > 254 || !e.test(n)) return !1;
@@ -57,5 +57,4 @@ var u = {
 	},
 	matches: (e, t) => (n, { values: r, messages: i }) => c(n) && c(n) !== c(r[e]) ? t ?? i.matches : void 0
 };
-//#endregion
 export { n as isEmail, l as isEmptyValue, s as isIP, a as isIPv4, o as isIPv6, u as rules, c as valueText };