@jboltai/tokui 0.2.0 → 0.2.1

package/dist/tokui.mjs

@@ -79,6 +79,22 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			"popconfirm.trigger": "确认",
 			"popconfirm.aria": "确认操作",
 			"backToTop.aria": "回到顶部",
+			"anchor.aria": "锚点导航",
+			"tour.aria": "漫游引导",
+			"tour.prev": "上一步",
+			"tour.next": "下一步",
+			"tour.finish": "完成",
+			"tour.skip": "跳过",
+			"tour.stepCounter": "{cur} / {total}",
+			"modal.aria": "确认操作",
+			"colorPicker.aria": "选择颜色",
+			"colorPicker.hue": "色相",
+			"colorPicker.hex": "色值",
+			"colorPicker.clear": "清除",
+			"colorPicker.preset": "预设色板",
+			"previewGroup.aria": "图片预览组",
+			"editable.aria": "点击编辑",
+			"floatButton.aria": "浮动操作",
 			"datepicker.title": "{y}年{m}月",
 			"datepicker.weekday.0": "日",
 			"datepicker.weekday.1": "一",
@@ -201,6 +217,22 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			"popconfirm.trigger": "Confirm",
 			"popconfirm.aria": "Confirm action",
 			"backToTop.aria": "Back to top",
+			"anchor.aria": "Anchor navigation",
+			"tour.aria": "Tour guide",
+			"tour.prev": "Previous",
+			"tour.next": "Next",
+			"tour.finish": "Finish",
+			"tour.skip": "Skip",
+			"tour.stepCounter": "{cur} / {total}",
+			"modal.aria": "Confirm action",
+			"colorPicker.aria": "Pick a color",
+			"colorPicker.hue": "Hue",
+			"colorPicker.hex": "Hex value",
+			"colorPicker.clear": "Clear",
+			"colorPicker.preset": "Preset colors",
+			"previewGroup.aria": "Image preview group",
+			"editable.aria": "Click to edit",
+			"floatButton.aria": "Floating actions",
 			"datepicker.title": "{m}/{y}",
 			"datepicker.weekday.0": "Sun",
 			"datepicker.weekday.1": "Mon",
@@ -486,9 +518,13 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 	}
 	var S = {
 		generatePalette: b,
-		generateThemeTokens: x
+		generateThemeTokens: x,
+		hexToRgb: n,
+		rgbToHex: r,
+		rgbToHsv: i,
+		hsvToRgb: a
 	};
-	typeof window < "u" && (window.TokUI = window.TokUI || {}, window.TokUI._internal = window.TokUI._internal || {}, window.TokUI._internal.generatePalette = b, window.TokUI._internal.generateThemeTokens = x, window.TokUI._internal.ColorGenerator = S), t !== void 0 && t.exports && (t.exports = S);
+	typeof window < "u" && (window.TokUI = window.TokUI || {}, window.TokUI._internal = window.TokUI._internal || {}, window.TokUI._internal.generatePalette = b, window.TokUI._internal.generateThemeTokens = x, window.TokUI._internal.ColorGenerator = S, window.TokUI._internal.hexToRgb = n, window.TokUI._internal.rgbToHex = r, window.TokUI._internal.rgbToHsv = i, window.TokUI._internal.hsvToRgb = a), t !== void 0 && t.exports && (t.exports = S);
 })), p = /* @__PURE__ */ o(((e, t) => {
 	var n = {
 		container: null,
@@ -551,14 +587,14 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		}
 		return -1;
 	}
-	var i = new Set(/* @__PURE__ */ "form.table.thead.tbody.card.ft.row.col.list.select.radio.checkbox.code.imgs.md.textarea.tabs.tab.accordion.collapse.dialog.btngroup.picker.timeline.steps.drawer.ol.ul.i.item.think.think-chain.think-step.bubble.toolbar.badge-box.dropdown.transfer.callout.cascader.tree.tn.desc.carousel.popover.input-tag.watermark.menu.print-area.chat-input.msg-actions.tool-call.diff.quick-reply.plan.file-tree.ft-folder.terminal.sandbox.test-result.quote.toggle-group.conversations.welcome.welcome-feature.suggestions.attachments.artifact.artifact-code.artifact-preview.scroll-area.sidebar.sidebar-content.sidebar-footer.command.command-group.hover-card.hover-trigger.hover-content.resizable.canvas.canvas-content.chart.ins.katex.mermaid.p".split("."));
+	var i = new Set(/* @__PURE__ */ "form.table.thead.tbody.card.ft.row.col.list.select.radio.checkbox.code.imgs.md.textarea.tabs.tab.accordion.collapse.dialog.btngroup.picker.timeline.steps.drawer.ol.ul.i.item.think.think-chain.think-step.bubble.toolbar.badge-box.dropdown.transfer.callout.cascader.tree.tn.desc.carousel.popover.input-tag.watermark.menu.print-area.chat-input.msg-actions.tool-call.diff.quick-reply.plan.file-tree.ft-folder.terminal.sandbox.test-result.quote.toggle-group.conversations.welcome.welcome-feature.suggestions.attachments.artifact.artifact-code.artifact-preview.scroll-area.sidebar.sidebar-content.sidebar-footer.command.command-group.hover-card.hover-trigger.hover-content.resizable.canvas.canvas-content.chart.ins.katex.mermaid.p.tour.affix.preview-group.segmented.anchor.float-button.masonry".split("."));
 	function a(e) {
 		if (!e || e.type !== "chart") return !1;
 		var t = e.attrs || {};
 		return !!(t.d || t.tasks || t.rows || t.nodes && t.flows || t.v !== void 0 && (t.t === "gauge" || t.t === "progress"));
 	}
 	function o(e) {
-		return e.type !== "radio" && e.type !== "select" && e.type !== "checkbox" ? !1 : !!(e.attrs && e.attrs.opt);
+		return e.type !== "radio" && e.type !== "select" && e.type !== "checkbox" && e.type !== "segmented" && e.type !== "anchor" ? !1 : !!(e.attrs && e.attrs.opt);
 	}
 	function s(e) {
 		return e.type === "checkbox" && (e.attrs ? e.attrs.multi : void 0) === void 0 && !o(e);
@@ -586,8 +622,9 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		"em",
 		"mark",
 		"sub",
-		"sup"
-	]), d = new Set(/* @__PURE__ */ "stripe.dis.ro.req.chk.multi.disabled.readonly.required.checked.multiple.striped.auto.plain.round.closable.bordered.open.pill.dot.leaf.inline.rounded.container.copy.regenerate.like.dislike.visible.delete.controls.open.active.collapsible.toggle.search.thumb.reset.print.show-total.live.approval.streaming.range.half.sortable.filter.virtual.lazy.pagination".split(".")), f = null;
+		"sup",
+		"kbd"
+	]), d = new Set(/* @__PURE__ */ "stripe.dis.ro.req.chk.multi.disabled.readonly.required.checked.multiple.striped.auto.plain.round.closable.bordered.open.pill.dot.leaf.inline.rounded.container.copy.regenerate.like.dislike.visible.delete.controls.open.active.collapsible.toggle.search.thumb.reset.print.show-total.live.approval.streaming.range.half.sortable.filter.virtual.lazy.pagination.mask".split(".")), f = null;
 	function p(e) {
 		f = e;
 	}
@@ -599,7 +636,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		}
 		return null;
 	}
-	var h = new Set(/* @__PURE__ */ "t.l.tx.tt.ph.u.s.n.v.w.h.clk.sub.act.mtd.dis.ro.req.chk.id.bg.fc.cap.cols.span.min.max.step.alt.target.src.name.value.pre.pos".split("."));
+	var h = new Set(/* @__PURE__ */ "t.l.tx.tt.ph.u.s.n.v.w.h.clk.sub.act.mtd.dis.ro.req.chk.id.bg.fc.cap.cols.span.min.max.step.alt.target.src.name.value.pre.pos.tgt".split("."));
 	function g(e, t) {
 		for (var n = [];;) {
 			var r = t.match(/^([\s\S]*?[^\x00-\x7f])([a-zA-Z][a-zA-Z0-9]{0,6}):([\s\S]*)$/);
@@ -943,7 +980,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				"input-tag",
 				"watermark",
 				"badge-box"
-			]), r = i.has(e.type) && !n.has(e.type) && e.attrs.tx, l = e.type === "tn" && e.attrs.leaf !== void 0, d = e.type === "input-tag" && e.attrs.tags, f = e.type === "katex" && !!e.attrs.f, p = r || l || d || f || o(e) || s(e), m = e.attrs.cols && e.type !== "desc" && e.type !== "suggestions" && e.type !== "chart", h = a(e);
+			]), r = i.has(e.type) && !n.has(e.type) && e.attrs.tx, l = e.type === "tn" && e.attrs.leaf !== void 0, d = e.type === "input-tag" && e.attrs.tags, f = e.type === "katex" && !!e.attrs.f, p = r || l || d || f || o(e) || s(e), m = e.attrs.cols && e.type !== "desc" && e.type !== "suggestions" && e.type !== "chart" && e.type !== "masonry", h = a(e);
 			h && (e._previewKey = e._dslStart), i.has(e.type) && !m && !p && !h ? this.stack.length >= this.maxDepth ? (console.warn("TokUI Parser: 嵌套深度超过 maxDepth (" + this.maxDepth + ")，按自闭合处理"), this.stack.length > 0 && this.stack[this.stack.length - 1].children.push(e), this.onNode(e)) : (e._stream = "open", this.stack.push(e), this.onNode(e)) : (this.stack.length > 0 && this.stack[this.stack.length - 1].children.push(e), this.onNode(e));
 		}
 		_emitBuffered(e) {
@@ -962,7 +999,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				"input-tag",
 				"watermark",
 				"badge-box"
-			]), r = i.has(e.type) && !n.has(e.type) && e.attrs.tx, c = e.type === "tn" && e.attrs.leaf !== void 0, l = e.type === "input-tag" && e.attrs.tags, d = e.type === "katex" && !!e.attrs.f, f = r || c || l || d || o(e) || s(e), p = e.attrs.cols && e.type !== "desc" && e.type !== "suggestions" && e.type !== "chart", m = a(e);
+			]), r = i.has(e.type) && !n.has(e.type) && e.attrs.tx, c = e.type === "tn" && e.attrs.leaf !== void 0, l = e.type === "input-tag" && e.attrs.tags, d = e.type === "katex" && !!e.attrs.f, f = r || c || l || d || o(e) || s(e), p = e.attrs.cols && e.type !== "desc" && e.type !== "suggestions" && e.type !== "chart" && e.type !== "masonry", m = a(e);
 			m && (e._previewKey = e._dslStart), i.has(e.type) && !p && !f && !m ? this.stack.length >= this.maxDepth ? (console.warn("TokUI Parser: 嵌套深度超过 maxDepth (" + this.maxDepth + ")，按自闭合处理"), this.stack.length > 0 ? this.stack[this.stack.length - 1].children.push(e) : this.onNode(e)) : this.stack.push(e) : this.stack.length > 0 ? this.stack[this.stack.length - 1].children.push(e) : this.onNode(e);
 		}
 		startStream() {
@@ -1282,7 +1319,16 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		transfer: new Set(["sm", "lg"]),
 		cascader: new Set(["error", "success"]),
 		upload: new Set(["sm", "lg"]),
-		tree: new Set(["sm", "lg"])
+		tree: new Set(["sm", "lg"]),
+		segmented: new Set([
+			"sm",
+			"lg",
+			"block",
+			"pill",
+			"vertical"
+		]),
+		anchor: new Set(["horizontal"]),
+		kbd: new Set(["sm", "lg"])
 	}, m = class {
 		constructor(e) {
 			this.registry = {}, this.eventBus = e, this.slotStack = [], this._boundElements = [], this._onError = null, this._onComponentEvent = null;
@@ -1485,22 +1531,30 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				}
 				return l.nodeType === 1 && l.classList.add("tokui-fade-in"), i.appendChild(l), l;
 			}
+			if (e.type === "opt" && n && n.el._slot && n.el._slot._segmentedName) {
+				var d = n.el._slot._segmentedName, f = this.render(e, "segmented");
+				if (d && f.querySelector) {
+					var p = f.querySelector("input[type=radio]");
+					p && (p.name = d);
+				}
+				return f.nodeType === 1 && f.classList.add("tokui-fade-in"), i.appendChild(f), f;
+			}
 			if (e.type === "opt" && n && n.containerType === "picker") {
-				var d = n.slot, f = this.render(e, "picker");
-				f.nodeType === 1 && f.classList.add("tokui-fade-in");
-				var p = d.querySelector(".tokui-picker-empty");
-				return p ? d.insertBefore(f, p) : d.appendChild(f), f;
+				var m = n.slot, h = this.render(e, "picker");
+				h.nodeType === 1 && h.classList.add("tokui-fade-in");
+				var g = m.querySelector(".tokui-picker-empty");
+				return g ? m.insertBefore(h, g) : m.appendChild(h), h;
 			}
 			if (e.type === "opt" && n && n.containerType === "transfer" && n.el._tokuiTransferAppend) {
-				var m = n.el._tokuiTransferAppend(e);
-				return m && m.nodeType === 1 && m.classList.add("tokui-fade-in"), null;
+				var _ = n.el._tokuiTransferAppend(e);
+				return _ && _.nodeType === 1 && _.classList.add("tokui-fade-in"), null;
 			}
 			if (e.type === "conv" && n && n.el && typeof n.el._renderConvChild == "function") {
-				var h = n.el._renderConvChild(e);
-				return h && h.nodeType === 1 && h.classList.add("tokui-fade-in"), i.appendChild(h), h;
+				var v = n.el._renderConvChild(e);
+				return v && v.nodeType === 1 && v.classList.add("tokui-fade-in"), i.appendChild(v), v;
 			}
-			var g = this.render(e, r);
-			return g.nodeType === 1 && g.classList.add("tokui-fade-in"), i.appendChild(g), n && n.el && n.el._streamAppendHook && n.el._streamAppendHook(e), this.slotStack.length === 0 && this.bindEvents(g), g;
+			var y = this.render(e, r);
+			return y.nodeType === 1 && y.classList.add("tokui-fade-in"), i.appendChild(y), n && n.el && n.el._streamAppendHook && n.el._streamAppendHook(e), this.slotStack.length === 0 && this.bindEvents(y), y;
 		}
 		_collectFormData(e) {
 			let t = {};
@@ -7973,7 +8027,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				let i = t(n, { class: `tokui-${n}` }, e.content || e.attrs && e.attrs.tx);
 				e.attrs && e.attrs.id && (i.id = e.attrs.id);
 				let a = r(e.attrs.bg), o = r(e.attrs.fc), s = e.attrs.v || "";
-				return a && (s.includes("underline") ? i.style.setProperty("--tokui-title-bg", a) : i.style.background = a), o && (i.style.color = o), i;
+				return a && (s.includes("underline") || s.includes("ribbon") || s.includes("badge") || s.includes("pill") ? i.style.setProperty("--tokui-title-bg", a) : i.style.background = a), o && (i.style.color = o), i;
 			});
 		}), e.register("p", (e, n) => {
 			var r = { class: "tokui-p" };
@@ -8044,6 +8098,68 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					c.style.display = "none";
 				}, 260));
 			}, c;
+		}), e.register("kbd", (e) => {
+			var n = e.attrs || {}, r = t("kbd", { class: "tokui-kbd" }, e.content || n.tx || "");
+			return n.id && (r.id = n.id), r;
+		}), e.register("editable", (r) => {
+			var i = r.attrs || {}, a = t("span", { class: "tokui-editable" });
+			i.id && (a.id = i.id), i.dis !== void 0 && a.classList.add("tokui-editable--disabled");
+			var o = i.tx === void 0 ? i.v === void 0 ? r.content || "" : String(i.v) : String(i.tx), s = i.dis !== void 0, c = t("span", {
+				class: "tokui-editable__text",
+				role: "button",
+				"aria-label": n("editable.aria")
+			});
+			s || c.setAttribute("tabindex", "0"), c.textContent = o || i.ph || "", !o && i.ph && c.classList.add("tokui-editable__text--ph"), a.appendChild(c), a._tokuiType = "editable";
+			var l = e.createReporter("editable", i, a), u = !1;
+			function d(e) {
+				if (u) {
+					u = !1;
+					var t = e.value;
+					e.parentNode && e.parentNode.removeChild(e), c.style.display = "", c.textContent = t || i.ph || "", c.classList.toggle("tokui-editable__text--ph", !t && !!i.ph), a.classList.remove("tokui-editable--editing"), t !== o && (o = t, l("change", {
+						value: t,
+						name: i.n || void 0
+					}));
+				}
+			}
+			function f() {
+				if (!(u || s)) {
+					u = !0;
+					var e = t("input", {
+						type: "text",
+						class: "tokui-editable__input"
+					});
+					e.value = o, a.appendChild(e), c.style.display = "none", a.classList.add("tokui-editable--editing"), typeof e.focus == "function" && e.focus(), e.addEventListener("keydown", function(t) {
+						t.key === "Enter" ? d(e) : t.key === "Escape" && (e.value = o, d(e));
+					}), e.addEventListener("blur", function() {
+						d(e);
+					});
+				}
+			}
+			return c.addEventListener("click", f), c.addEventListener("keydown", function(e) {
+				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), f());
+			}), a._update = function(e) {
+				(e.tx !== void 0 || e.v !== void 0) && (o = String(e.tx === void 0 ? e.v : e.tx), c.textContent = o || i.ph || "", c.classList.toggle("tokui-editable__text--ph", !o && !!i.ph)), (e.dis === !0 || e.dis === "true" || e.dis === !1 || e.dis === "false") && (s = e.dis === !0 || e.dis === "true", a.classList.toggle("tokui-editable--disabled", s));
+			}, a;
+		}), e.register("float-button", (e, r) => {
+			var i = e.attrs || {}, a = i.pos || "right-bottom";
+			[
+				"right-bottom",
+				"right-top",
+				"left-bottom",
+				"left-top"
+			].indexOf(a) === -1 && (a = "right-bottom");
+			var o = t("div", {
+				class: "tokui-float-button tokui-float-button--" + a,
+				role: "group",
+				"aria-label": n("floatButton.aria")
+			});
+			if (i.id && (o.id = i.id), i.offset !== void 0) {
+				var s = parseInt(i.offset);
+				isNaN(s) || o.style.setProperty("--tokui-float-offset", s + "px");
+			}
+			return r(e.children || []).forEach(function(e) {
+				e && e.nodeType && o.appendChild(e);
+			}), o._slot = o, o._tokuiType = "float-button", o;
 		}), e.register("toggle", (e) => {
 			let n = e.attrs || {}, r = n.tx || e.content || "", i = n.chk === !0, a = n.s || "", o = n.dis !== void 0, s = ["tokui-toggle"];
 			i && s.push("tokui-toggle--pressed"), a === "sm" ? s.push("tokui-toggle--sm") : a === "lg" && s.push("tokui-toggle--lg"), o && s.push("tokui-toggle--disabled");
@@ -8497,38 +8613,54 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			var r = e.attrs || {}, i = r.n || n("file.unnamed"), a = r.s || "", o = r.t || "default", s = r.u || "", c = r.tt || "", l = {
 				pdf: {
 					icon: "PDF",
-					color: "#f5222d"
+					color: "#d4380d",
+					bg: "#f5222d1a",
+					border: "#f5222d26"
 				},
 				word: {
 					icon: "W",
-					color: "#1677ff"
+					color: "#0958d9",
+					bg: "#1677ff1a",
+					border: "#1677ff26"
 				},
 				excel: {
 					icon: "XLS",
-					color: "#52c41a"
+					color: "#389e0d",
+					bg: "#52c41a1a",
+					border: "#52c41a26"
 				},
 				ppt: {
 					icon: "PPT",
-					color: "#fa8c16"
+					color: "#d46b08",
+					bg: "#fa8c161a",
+					border: "#fa8c1626"
 				},
 				image: {
 					icon: "IMG",
-					color: "#eb2f96"
+					color: "#c41d7f",
+					bg: "#eb2f961a",
+					border: "#eb2f9626"
 				},
 				zip: {
 					icon: "ZIP",
-					color: "#722ed1"
+					color: "#531dab",
+					bg: "#722ed11a",
+					border: "#722ed126"
 				},
 				code: {
 					icon: "</>",
-					color: "#13c2c2"
+					color: "#08979c",
+					bg: "#13c2c21a",
+					border: "#13c2c226"
 				},
 				default: {
 					icon: "FILE",
-					color: "#8c8c8c"
+					color: "#595959",
+					bg: "#8c8c8c1a",
+					border: "#8c8c8c26"
 				}
 			}, u = l[o] || l.default, d = t("div", { class: "tokui-file" }), f = t("div", { class: "tokui-file__icon" });
-			f.style.background = u.color, f.textContent = u.icon, d.appendChild(f);
+			f.style.background = u.bg, f.style.color = u.color, f.style.border = "1px solid " + u.border, f.textContent = u.icon, d.appendChild(f);
 			var p = t("div", { class: "tokui-file__info" }), m = t("div", { class: "tokui-file__name" });
 			if (m.textContent = i, s && (m.style.cursor = "pointer", m.style.color = "var(--tokui-primary)", m.addEventListener("click", function() {
 				window.open(s, "_blank");
@@ -9364,6 +9496,75 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					e.removeEventListener("scroll", o);
 				};
 			}), f;
+		}), e.register("affix", (n, r) => {
+			var i = n.attrs || {}, a = i.top === void 0 ? null : parseInt(i.top) || 0, o = i.bottom === void 0 ? null : parseInt(i.bottom) || 0;
+			a === null && o === null && (a = 0);
+			var s = i.target || "", c = t("div", { class: "tokui-affix" });
+			i.id && (c.id = i.id), r(n.children || []).forEach(function(e) {
+				e && e.nodeType && c.appendChild(e);
+			}), c._slot = c, c._tokuiType = "affix";
+			var l = e.createReporter("affix", i, c);
+			if (typeof window < "u") {
+				var u = window.requestAnimationFrame || function(e) {
+					return e();
+				};
+				u(function() {
+					var e = null;
+					function n() {
+						if (s && typeof document < "u" && typeof document.querySelector == "function") {
+							var e = document.querySelector(s);
+							if (e) return e;
+						}
+						for (var t = c.parentElement; t;) {
+							if (typeof getComputedStyle == "function") {
+								var n = getComputedStyle(t);
+								if ((n.overflowY === "auto" || n.overflowY === "scroll") && t.scrollHeight > t.clientHeight) return t;
+							}
+							t = t.parentElement;
+						}
+						return null;
+					}
+					var r = !1, i = null;
+					function d() {
+						if (e) {
+							var t = e.getBoundingClientRect();
+							return {
+								top: t.top,
+								bottom: t.bottom
+							};
+						}
+						return {
+							top: 0,
+							bottom: window.innerHeight || 768
+						};
+					}
+					var f = function() {
+						if (typeof c.getBoundingClientRect == "function") {
+							(!s || !e) && (e = n());
+							var u = r && i ? i : c;
+							if (typeof u.getBoundingClientRect == "function") {
+								var f = u.getBoundingClientRect(), p = d(), m = a === null ? f.top > p.bottom - o - f.height : f.top - p.top < a;
+								if (m && !r) {
+									r = !0;
+									var h = c.getBoundingClientRect();
+									i = t("div", { class: "tokui-affix__placeholder" }), i.style.height = h.height + "px", i.style.width = h.width + "px", c.parentNode && c.parentNode.insertBefore(i, c), c.style.width = h.width + "px", c.style.top = a === null ? p.bottom - o - h.height + "px" : p.top + a + "px", c.classList.add("tokui-affix--fixed"), l("change", { fixed: !0 });
+								} else !m && r && (r = !1, c.classList.remove("tokui-affix--fixed"), c.style.top = "", c.style.width = "", i && i.parentNode && i.parentNode.removeChild(i), i = null, l("change", { fixed: !1 }));
+							}
+						}
+					}, p = !1, m = function() {
+						p || (p = !0, u(function() {
+							p = !1, f();
+						}));
+					};
+					window.addEventListener && window.addEventListener("scroll", m, {
+						capture: !0,
+						passive: !0
+					}), window.addEventListener && window.addEventListener("resize", m, { passive: !0 }), f(), c._streamCloseHook = f, c._affixCleanup = function() {
+						window.removeEventListener && (window.removeEventListener("scroll", m, { capture: !0 }), window.removeEventListener("resize", m));
+					};
+				});
+			}
+			return c;
 		}), e.register("calendar", (e) => {
 			var r = e.attrs || {}, i = r.month || "", a = /* @__PURE__ */ new Date(), o, s;
 			if (i) {
@@ -11719,20 +11920,20 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		return Object.assign({}, e, { children: (e.children || []).concat(t) });
 	}
 	function s(e) {
-		let { el: t, resolveButtonAction: n, evaluateRules: s } = typeof l == "function" ? h() : window.TokUI._internal, c = typeof l == "function" ? S().resolveColor : window.TokUI._internal.resolveColor, d = typeof l == "function" ? v().iconSvg : window.TokUI._internal.iconSvg, f = typeof l == "function" ? v().iconEl : window.TokUI._internal.iconEl, p = typeof l == "function" ? u().t : window.TokUI._internal.t;
-		function m(e, t, n, r, a, o) {
+		let { el: t, resolveButtonAction: n, evaluateRules: s } = typeof l == "function" ? h() : window.TokUI._internal, c = typeof l == "function" ? S().resolveColor : window.TokUI._internal.resolveColor, d = typeof l == "function" ? v().iconSvg : window.TokUI._internal.iconSvg, p = typeof l == "function" ? v().iconEl : window.TokUI._internal.iconEl, m = typeof l == "function" ? u().t : window.TokUI._internal.t;
+		function g(e, t, n, r, a, o) {
 			if (!r.rule) return;
 			e.setAttribute("data-tokui-rule", r.rule);
 			var c = r.hint || (n ? n.textContent : "");
 			function l() {
-				var e = s(o(), r.rule), l = e ? r.msg || p("rule." + e.name, { n: e.n }) : null;
+				var e = s(o(), r.rule), l = e ? r.msg || m("rule." + e.name, { n: e.n }) : null;
 				return i(t, n, l ? "error" : "", a), n && (n.textContent = l || c), l;
 			}
 			e._tokuiValidate = l, r.live !== void 0 && typeof t.addEventListener == "function" && (t.addEventListener("blur", l), t.addEventListener("input", function() {
 				(r.live === "input" || t.classList.contains(a + "--error")) && l();
 			}));
 		}
-		function g(e) {
+		function _(e) {
 			if (!e) return null;
 			var t = e.indexOf("|");
 			return t === -1 ? {
@@ -11743,7 +11944,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				variant: e.substring(t + 1)
 			};
 		}
-		function _(e) {
+		function y(e) {
 			if (!e) return null;
 			var t = e.indexOf("|"), n = t === -1 ? e : e.substring(0, t), r = t === -1 ? null : e.substring(t + 1), i = n.indexOf(":");
 			return i === -1 ? {
@@ -11756,32 +11957,32 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				variant: r
 			};
 		}
-		function y(e) {
+		function b(e) {
 			var t = e.attrs;
 			return !!(t.pre || t.app || t.prebtn || t.appbtn);
 		}
-		function b(e, n) {
+		function x(e, n) {
 			var r = t("div", { class: "tokui-input-group" });
 			if (e.attrs.pre) {
-				var i = g(e.attrs.pre), a = i.variant ? "tokui-input-pre tokui-input-pre--" + i.variant : "tokui-input-pre";
+				var i = _(e.attrs.pre), a = i.variant ? "tokui-input-pre tokui-input-pre--" + i.variant : "tokui-input-pre";
 				r.appendChild(t("span", { class: a }, i.text));
 			}
 			if (e.attrs.prebtn) {
-				var i = _(e.attrs.prebtn), a = i.variant ? "tokui-input-prebtn tokui-input-prebtn--" + i.variant : "tokui-input-prebtn", o = {
+				var i = y(e.attrs.prebtn), a = i.variant ? "tokui-input-prebtn tokui-input-prebtn--" + i.variant : "tokui-input-prebtn", o = {
 					class: a,
 					type: "button"
 				};
 				i.handler && (o["data-tokui-clk"] = i.handler), r.appendChild(t("button", o, i.text));
 			}
 			if (r.appendChild(n), e.attrs.appbtn) {
-				var i = _(e.attrs.appbtn), a = i.variant ? "tokui-input-appbtn tokui-input-appbtn--" + i.variant : "tokui-input-appbtn", o = {
+				var i = y(e.attrs.appbtn), a = i.variant ? "tokui-input-appbtn tokui-input-appbtn--" + i.variant : "tokui-input-appbtn", o = {
 					class: a,
 					type: "button"
 				};
 				i.handler && (o["data-tokui-clk"] = i.handler), r.appendChild(t("button", o, i.text));
 			}
 			if (e.attrs.app) {
-				var i = g(e.attrs.app), a = i.variant ? "tokui-input-app tokui-input-app--" + i.variant : "tokui-input-app";
+				var i = _(e.attrs.app), a = i.variant ? "tokui-input-app tokui-input-app--" + i.variant : "tokui-input-app";
 				r.appendChild(t("span", { class: a }, i.text));
 			}
 			return r;
@@ -11798,7 +11999,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				e && e.nodeType && a.appendChild(e);
 			}), a._slot = a, a._tokuiType = "form", a;
 		});
-		var x = "<svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"/></svg>";
+		var C = "<svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"/></svg>";
 		e.register("input", (n) => {
 			var r = n.attrs.v ? n.attrs.v.split(",").map(function(e) {
 				return e.trim();
@@ -11821,27 +12022,27 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			var p = null;
 			if (s) {
 				p = t("div", { class: "tokui-search-input" }), c && p.classList.add("tokui-search-input--right");
-				var h = t("span", { class: "tokui-search-input__icon" });
-				h.innerHTML = x, p.appendChild(h), p.appendChild(f);
+				var m = t("span", { class: "tokui-search-input__icon" });
+				m.innerHTML = C, p.appendChild(m), p.appendChild(f);
 			}
-			var g = p || f;
-			if (y(n)) {
-				var _ = b(n, g);
-				r.indexOf("pill") !== -1 && _.classList.add("tokui-input-group--pill"), g = _;
+			var h = p || f;
+			if (b(n)) {
+				var _ = x(n, h);
+				r.indexOf("pill") !== -1 && _.classList.add("tokui-input-group--pill"), h = _;
 			}
 			var v = null;
 			if (n.attrs.sug) {
-				var S = t("div", { class: "tokui-sug-wrap" });
-				S.appendChild(g), v = t("div", {
+				var y = t("div", { class: "tokui-sug-wrap" });
+				y.appendChild(h), v = t("div", {
 					class: "tokui-sug",
 					role: "listbox"
-				}), v.style.display = "none", S.appendChild(v), l.appendChild(S);
-			} else l.appendChild(g);
-			var C = null;
-			(n.attrs.hint || n.attrs.live !== void 0 || n.attrs.rule) && (C = t("div", { class: "tokui-field__hint" }, n.attrs.hint || ""), r.indexOf("error") === -1 ? r.indexOf("success") !== -1 && C.classList.add("tokui-field__hint--success") : C.classList.add("tokui-field__hint--error"), l.appendChild(C)), n.attrs.live !== void 0 && a(f, C, n.attrs, "tokui-input"), m(l, f, C, n.attrs, "tokui-input", function() {
+				}), v.style.display = "none", y.appendChild(v), l.appendChild(y);
+			} else l.appendChild(h);
+			var S = null;
+			(n.attrs.hint || n.attrs.live !== void 0 || n.attrs.rule) && (S = t("div", { class: "tokui-field__hint" }, n.attrs.hint || ""), r.indexOf("error") === -1 ? r.indexOf("success") !== -1 && S.classList.add("tokui-field__hint--success") : S.classList.add("tokui-field__hint--error"), l.appendChild(S)), n.attrs.live !== void 0 && a(f, S, n.attrs, "tokui-input"), g(l, f, S, n.attrs, "tokui-input", function() {
 				return f.value;
 			}), l._update = function(e) {
-				e.v !== void 0 && (f.value = e.v), e.dis === !0 || e.dis === "true" ? f.disabled = !0 : (e.dis === !1 || e.dis === "false") && (f.disabled = !1), e.ph !== void 0 && (f.placeholder = e.ph), e.ro === !0 || e.ro === "true" ? f.readOnly = !0 : (e.ro === !1 || e.ro === "false") && (f.readOnly = !1), e.hint !== void 0 && C && (C.textContent = e.hint), e.status !== void 0 && i(f, C, e.status, "tokui-input");
+				e.v !== void 0 && (f.value = e.v), e.dis === !0 || e.dis === "true" ? f.disabled = !0 : (e.dis === !1 || e.dis === "false") && (f.disabled = !1), e.ph !== void 0 && (f.placeholder = e.ph), e.ro === !0 || e.ro === "true" ? f.readOnly = !0 : (e.ro === !1 || e.ro === "false") && (f.readOnly = !1), e.hint !== void 0 && S && (S.textContent = e.hint), e.status !== void 0 && i(f, S, e.status, "tokui-input");
 			};
 			var w = e.createReporter("input", n.attrs, l), T = e.debounce(function() {
 				w("change", {
@@ -11909,14 +12110,14 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}
 			return l._variantTarget = f, l;
 		});
-		var C = {};
-		function w(e, t, n) {
+		var w = {};
+		function T(e, t, n) {
 			if (typeof document < "u" && document.createElement) {
-				if (!(t in C)) {
+				if (!(t in w)) {
 					var r = document.createElement("span");
-					r.innerHTML = n, C[t] = r.firstChild || !1;
+					r.innerHTML = n, w[t] = r.firstChild || !1;
 				}
-				var i = C[t];
+				var i = w[t];
 				if (i && i.cloneNode) {
 					e.innerHTML = "", e.appendChild(i.cloneNode(!0));
 					return;
@@ -11947,24 +12148,24 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					tabindex: "-1"
 				}), u.setAttribute("aria-label", "Toggle password visibility");
 				var d = "<svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"/><circle cx=\"12\" cy=\"12\" r=\"3\"/></svg>", f = "<svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94\"/><path d=\"M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19\"/><line x1=\"1\" y1=\"1\" x2=\"23\" y2=\"23\"/><path d=\"M14.12 14.12a3 3 0 1 1-4.24-4.24\"/></svg>";
-				w(u, "closed", f), u.addEventListener("click", function() {
+				T(u, "closed", f), u.addEventListener("click", function() {
 					var e = l.type === "password";
-					l.type = e ? "text" : "password", w(u, e ? "open" : "closed", e ? d : f), u.classList.toggle("tokui-pwd-toggle--active", e);
+					l.type = e ? "text" : "password", T(u, e ? "open" : "closed", e ? d : f), u.classList.toggle("tokui-pwd-toggle--active", e);
 				});
 			}
-			if (y(n) || u) {
-				var p = b(n, l);
+			if (b(n) || u) {
+				var p = x(n, l);
 				if (u) {
-					var h = l.nextSibling;
-					h ? p.insertBefore(u, h) : p.appendChild(u);
+					var m = l.nextSibling;
+					m ? p.insertBefore(u, m) : p.appendChild(u);
 				}
 				o.appendChild(p);
 			} else o.appendChild(l);
-			var g = null;
-			(n.attrs.hint || n.attrs.live !== void 0 || n.attrs.rule) && (g = t("div", { class: "tokui-field__hint" }, n.attrs.hint || ""), r.indexOf("error") === -1 ? r.indexOf("success") !== -1 && g.classList.add("tokui-field__hint--success") : g.classList.add("tokui-field__hint--error"), o.appendChild(g)), n.attrs.live !== void 0 && a(l, g, n.attrs, "tokui-input"), m(o, l, g, n.attrs, "tokui-input", function() {
+			var h = null;
+			(n.attrs.hint || n.attrs.live !== void 0 || n.attrs.rule) && (h = t("div", { class: "tokui-field__hint" }, n.attrs.hint || ""), r.indexOf("error") === -1 ? r.indexOf("success") !== -1 && h.classList.add("tokui-field__hint--success") : h.classList.add("tokui-field__hint--error"), o.appendChild(h)), n.attrs.live !== void 0 && a(l, h, n.attrs, "tokui-input"), g(o, l, h, n.attrs, "tokui-input", function() {
 				return l.value;
 			}), o._update = function(e) {
-				e.v !== void 0 && (l.value = e.v), e.dis === !0 || e.dis === "true" ? l.disabled = !0 : (e.dis === !1 || e.dis === "false") && (l.disabled = !1), e.ph !== void 0 && (l.placeholder = e.ph), e.ro === !0 || e.ro === "true" ? l.readOnly = !0 : (e.ro === !1 || e.ro === "false") && (l.readOnly = !1), e.hint !== void 0 && g && (g.textContent = e.hint), e.status !== void 0 && i(l, g, e.status, "tokui-input");
+				e.v !== void 0 && (l.value = e.v), e.dis === !0 || e.dis === "true" ? l.disabled = !0 : (e.dis === !1 || e.dis === "false") && (l.disabled = !1), e.ph !== void 0 && (l.placeholder = e.ph), e.ro === !0 || e.ro === "true" ? l.readOnly = !0 : (e.ro === !1 || e.ro === "false") && (l.readOnly = !1), e.hint !== void 0 && h && (h.textContent = e.hint), e.status !== void 0 && i(l, h, e.status, "tokui-input");
 			};
 			var _ = e.createReporter("pwd", n.attrs, o), v = e.debounce(function() {
 				_("change", {
@@ -11989,7 +12190,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			let d = t("textarea", u), f = n.children && n.children.length > 0 ? n.children.map((e) => e.content || "").join("") : n.content || n.attrs.tx || "";
 			if (d.textContent = f, o) {
 				d.classList.add("tokui-textarea--auto");
-				var p = 0, h = 0;
+				var p = 0, m = 0;
 				function e() {
 					if (!p) {
 						var e = d.getAttribute("rows"), t = d.style.minHeight;
@@ -12001,11 +12202,11 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 						var i = r - n, a = n - i;
 						d.style.height = "auto";
 						var o = d.scrollHeight;
-						p = Math.max(a + i * s, o), h = c > 0 && i > 0 ? a + i * c : 0;
+						p = Math.max(a + i * s, o), m = c > 0 && i > 0 ? a + i * c : 0;
 					}
 					d.style.height = "auto";
 					var l = d.scrollHeight, u = Math.max(l, p);
-					h > 0 && (u = Math.min(u, h)), d.style.height = u + "px", d.style.overflow = h > 0 && l > h ? "auto" : "hidden";
+					m > 0 && (u = Math.min(u, m)), d.style.height = u + "px", d.style.overflow = m > 0 && l > m ? "auto" : "hidden";
 				}
 				d.addEventListener && d.addEventListener("input", e), setTimeout(e, 0);
 			}
@@ -12018,8 +12219,8 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					});
 				}
 			} else i.appendChild(d);
-			var g = null;
-			(n.attrs.hint || n.attrs.rule) && (g = t("div", { class: "tokui-field__hint" }, n.attrs.hint || ""), i.appendChild(g)), m(i, d, g, n.attrs, "tokui-input", function() {
+			var h = null;
+			(n.attrs.hint || n.attrs.rule) && (h = t("div", { class: "tokui-field__hint" }, n.attrs.hint || ""), i.appendChild(h)), g(i, d, h, n.attrs, "tokui-input", function() {
 				return d.value;
 			}), i._update = function(e) {
 				e.v !== void 0 && (d.value = e.v), e.dis === !0 || e.dis === "true" ? d.disabled = !0 : (e.dis === !1 || e.dis === "false") && (d.disabled = !1), e.ro === !0 || e.ro === "true" ? d.readOnly = !0 : (e.ro === !1 || e.ro === "false") && (d.readOnly = !1);
@@ -12049,21 +12250,21 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			i || n.children.forEach((e) => {
 				e.attrs && e.attrs.chk !== void 0 && (d = e.attrs.v || "", f = e.attrs && e.attrs.tx || d);
 			});
-			let m = t("div", { class: "tokui-picker-control" });
+			let p = t("div", { class: "tokui-picker-control" });
 			i && n.children.forEach((e) => {
-				e.attrs && e.attrs.chk !== void 0 && m.appendChild(E(e, u, o));
+				e.attrs && e.attrs.chk !== void 0 && p.appendChild(D(e, u, o));
 			});
 			let h = {
 				class: "tokui-picker-search",
 				type: "text",
 				autocomplete: "off"
 			};
-			s && !f && (h.placeholder = s), a && (h.disabled = "disabled"), f && (h.value = f), m.appendChild(t("input", h)), m.appendChild(t("span", { class: "tokui-picker-arrow" })), u.appendChild(m);
+			s && !f && (h.placeholder = s), a && (h.disabled = "disabled"), f && (h.value = f), p.appendChild(t("input", h)), p.appendChild(t("span", { class: "tokui-picker-arrow" })), u.appendChild(p);
 			let g = t("ul", { class: "tokui-picker-dropdown" });
 			n.children.forEach((e) => {
-				g.appendChild(T(e));
+				g.appendChild(E(e));
 			});
-			var _ = t("li", { class: "tokui-picker-empty" }, p("picker.noMatch"));
+			var _ = t("li", { class: "tokui-picker-empty" }, m("picker.noMatch"));
 			_.style.display = "none", g.appendChild(_), u.appendChild(g), i ? n.children.forEach((e) => {
 				e.attrs && e.attrs.chk !== void 0 && u.appendChild(t("input", {
 					type: "hidden",
@@ -12093,20 +12294,20 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 						class: "tokui-picker-tag",
 						"data-value": r
 					}, n + " "), a = t("span", { class: "tokui-picker-tag-close" }, "×");
-					i.appendChild(a), m.insertBefore(i, m.querySelector(".tokui-picker-search")), u.appendChild(t("input", {
+					i.appendChild(a), p.insertBefore(i, p.querySelector(".tokui-picker-search")), u.appendChild(t("input", {
 						type: "hidden",
 						name: o,
 						value: r
 					}));
-				}), !a && typeof document < "u" && D(u, {
+				}), !a && typeof document < "u" && O(u, {
 					multi: i,
 					name: o,
 					onChange: y
 				});
 			}, c.setAttribute("data-tokui-resettable", ""), c._tokuiReset = function() {
 				var e = u.querySelector(".tokui-picker-search"), n = u.querySelector("input[type=hidden]"), r = g.querySelectorAll(".tokui-picker-option");
-				i ? (m.querySelectorAll(".tokui-picker-tag").forEach(function(e) {
-					m.removeChild(e);
+				i ? (p.querySelectorAll(".tokui-picker-tag").forEach(function(e) {
+					p.removeChild(e);
 				}), u.querySelectorAll("input[type=hidden][name=\"" + o + "\"]").forEach(function(e) {
 					u.removeChild(e);
 				}), r.forEach(function(n) {
@@ -12116,7 +12317,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 							class: "tokui-picker-tag",
 							"data-value": a
 						}, i + " ");
-						s.appendChild(t("span", { class: "tokui-picker-tag-close" }, "×")), m.insertBefore(s, e), u.appendChild(t("input", {
+						s.appendChild(t("span", { class: "tokui-picker-tag-close" }, "×")), p.insertBefore(s, e), u.appendChild(t("input", {
 							type: "hidden",
 							name: o,
 							value: a
@@ -12131,8 +12332,8 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					var n = String(e.v).split(",").map(function(e) {
 						return e.trim();
 					}).filter(Boolean), r = g.querySelectorAll(".tokui-picker-option"), a = u.querySelector(".tokui-picker-search");
-					if (i) m.querySelectorAll(".tokui-picker-tag").forEach(function(e) {
-						m.removeChild(e);
+					if (i) p.querySelectorAll(".tokui-picker-tag").forEach(function(e) {
+						p.removeChild(e);
 					}), u.querySelectorAll("input[type=hidden][name=\"" + o + "\"]").forEach(function(e) {
 						u.removeChild(e);
 					}), r.forEach(function(e) {
@@ -12145,7 +12346,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 								class: "tokui-picker-tag",
 								"data-value": e
 							}, r + " ");
-							i.appendChild(t("span", { class: "tokui-picker-tag-close" }, "×")), m.insertBefore(i, a), u.appendChild(t("input", {
+							i.appendChild(t("span", { class: "tokui-picker-tag-close" }, "×")), p.insertBefore(i, a), u.appendChild(t("input", {
 								type: "hidden",
 								name: o,
 								value: e
@@ -12165,7 +12366,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				}
 			}, c;
 		});
-		function T(e) {
+		function E(e) {
 			let n = e.attrs && e.attrs.v || "", r = e.attrs && e.attrs.tx || n || e.content || "", i = e.attrs && e.attrs.chk !== void 0, a = t("li", {
 				class: "tokui-picker-option",
 				"data-value": n,
@@ -12176,14 +12377,14 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}, r);
 			return i && a.classList.add("tokui-picker-option--selected"), i && a.setAttribute("data-selected-initial", "1"), a;
 		}
-		function E(e, n, r) {
+		function D(e, n, r) {
 			let i = e.attrs && e.attrs.tx || e.attrs && e.attrs.v || e.content || "", a = t("span", {
 				class: "tokui-picker-tag",
 				"data-value": e.attrs && e.attrs.v || e.content || ""
 			}, i + " "), o = t("span", { class: "tokui-picker-tag-close" }, "×");
 			return a.appendChild(o), a;
 		}
-		function D(e, n) {
+		function O(e, n) {
 			var r = n.multi, i = n.name, a = typeof n.onChange == "function" ? n.onChange : null, o = e.querySelector(".tokui-picker-control"), s = e.querySelector(".tokui-picker-search"), c = e.querySelector(".tokui-picker-dropdown"), l = e.querySelector(".tokui-picker-empty"), u = !1, d = -1;
 			function f() {
 				if (a) if (r) {
@@ -12323,7 +12524,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				e && e.nodeType && l.appendChild(e);
 			}), s.appendChild(l);
 			var u = null;
-			(n.attrs.hint || n.attrs.rule) && (u = t("div", { class: "tokui-field__hint" }, n.attrs.hint || ""), s.appendChild(u)), m(s, l, u, n.attrs, "tokui-select", function() {
+			(n.attrs.hint || n.attrs.rule) && (u = t("div", { class: "tokui-field__hint" }, n.attrs.hint || ""), s.appendChild(u)), g(s, l, u, n.attrs, "tokui-select", function() {
 				if (!i) return l.value;
 				var e = [];
 				return Array.prototype.forEach.call(l.children, function(t) {
@@ -12364,7 +12565,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			n.attrs.id && (s.id = n.attrs.id);
 			let c = n.attrs.n || n.attrs.id || "radio";
 			s._radioName = c, n.children.forEach((e) => {
-				s.appendChild(O(e, c));
+				s.appendChild(k(e, c));
 			}), a.appendChild(s), a._slot = s, a._tokuiType = "radio";
 			var l = e.createReporter("radio", n.attrs, a);
 			return s.addEventListener("change", function(e) {
@@ -12382,7 +12583,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				}
 			}, a;
 		});
-		function O(e, n) {
+		function k(e, n) {
 			let r = t("label", { class: "tokui-radio-item" });
 			r.setAttribute("data-tokui-tag", "opt");
 			let i = {
@@ -12394,7 +12595,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			let a = e.attrs && e.attrs.tx || e.attrs && e.attrs.v || e.content || "";
 			return r.appendChild(t("span", { class: "tokui-radio-text" }, a)), r;
 		}
-		function k(e, n) {
+		function A(e, n) {
 			let r = t("label", { class: "tokui-checkbox-item" });
 			r.setAttribute("data-tokui-tag", "opt");
 			let i = {
@@ -12407,9 +12608,10 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			return r.appendChild(t("span", { class: "tokui-checkbox-text" }, a)), r;
 		}
 		e.register("opt", (e, n, r) => {
-			if (r === "radio") return O(e, "");
-			if (r === "checkbox") return k(e, "");
-			if (r === "picker") return T(e);
+			if (r === "radio") return k(e, "");
+			if (r === "checkbox") return A(e, "");
+			if (r === "segmented") return j(e, "", null, !1);
+			if (r === "picker") return E(e);
 			let i = e.attrs ? e.attrs.v : "", a = e.attrs && e.attrs.tx || i || e.content || "", o = { value: i };
 			return e.attrs && e.attrs.chk !== void 0 && (o.selected = ""), t("option", o, a);
 		}), e.register("checkbox", (n, r) => {
@@ -12450,7 +12652,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				role: "group"
 			});
 			f._checkboxName = d, n.attrs.id && (f.id = n.attrs.id), n.children && n.children.length && n.children.forEach(function(e) {
-				f.appendChild(k(e, d));
+				f.appendChild(A(e, d));
 			}), u.appendChild(f), u._slot = f, u._tokuiType = "checkbox";
 			var a = e.createReporter("checkbox", n.attrs, u);
 			return f.addEventListener("change", function() {
@@ -12471,7 +12673,71 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					});
 				}
 			}, u;
-		}), e.register("switch", (n) => {
+		}), e.register("segmented", (n) => {
+			n = o(n);
+			let r = t("div", { class: "tokui-field" });
+			n.attrs.l && r.appendChild(t("div", { class: "tokui-label" + (n.attrs.req === void 0 ? "" : " tokui-label--req") }, n.attrs.l));
+			let i = t("div", {
+				class: "tokui-segmented",
+				role: "radiogroup"
+			});
+			n.attrs.id && (i.id = n.attrs.id);
+			let a = n.attrs.n || n.attrs.id || "segmented";
+			i._segmentedName = a;
+			let s = n.attrs.v === void 0 ? [] : String(n.attrs.v).split(",").map(function(e) {
+				return e.trim();
+			}).filter(Boolean), c = [
+				"sm",
+				"lg",
+				"block",
+				"pill",
+				"vertical"
+			], l = (function() {
+				for (var e = 0; e < s.length; e++) if (c.indexOf(s[e]) === -1) return s[e];
+				return null;
+			})(), u = n.attrs.dis !== void 0;
+			(n.children || []).forEach(function(e) {
+				i.appendChild(j(e, a, l, u));
+			}), u && i.classList.add("tokui-segmented--disabled"), r.appendChild(i), r._slot = i, r._tokuiType = "segmented";
+			var d = e.createReporter("segmented", n.attrs, r);
+			i.addEventListener("change", function(e) {
+				var t = e.target;
+				t && t.type === "radio" && t.checked && d("change", {
+					value: t.value,
+					name: n.attrs.n || void 0
+				});
+			}), r._update = function(e) {
+				if (e.v !== void 0) {
+					var t = String(e.v);
+					i.querySelectorAll("input[type=radio]").forEach(function(e) {
+						e.checked = String(e.value) === t;
+					});
+				}
+				if (e.dis === !0 || e.dis === "true" || e.dis === !1 || e.dis === "false") {
+					var n = e.dis === !0 || e.dis === "true";
+					i.querySelectorAll("input[type=radio]").forEach(function(e) {
+						e.disabled = n;
+					}), i.classList.toggle("tokui-segmented--disabled", n);
+				}
+			};
+			var f = l;
+			return r.setAttribute("data-tokui-resettable", ""), r._tokuiReset = function() {
+				i.querySelectorAll("input[type=radio]").forEach(function(e) {
+					e.checked = f !== null && String(e.value) === f;
+				});
+			}, r;
+		});
+		function j(e, n, r, i) {
+			let a = e.attrs || {}, o = a.v === void 0 ? "" : String(a.v), s = i || a.dis !== void 0, c = t("label", { class: "tokui-segmented__item" + (s ? " tokui-segmented__item--disabled" : "") });
+			c.setAttribute("data-tokui-tag", "opt");
+			let l = {
+				type: "radio",
+				name: n,
+				class: "tokui-segmented__input"
+			};
+			return l.value = o, (r !== null && o === r || r === null && a.chk !== void 0) && (l.checked = "checked"), s && (l.disabled = "disabled"), c.appendChild(t("input", l)), a.i && c.appendChild(t("span", { class: "tokui-segmented__icon" }, a.i)), c.appendChild(t("span", { class: "tokui-segmented__text" }, a.tx || o)), c;
+		}
+		e.register("switch", (n) => {
 			var r = t("label", { class: "tokui-switch" }), i = {
 				type: "checkbox",
 				class: "tokui-switch-input"
@@ -12683,14 +12949,14 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				var l = t("div", {
 					class: "tokui-rate tokui-rate--half",
 					role: "radiogroup",
-					"aria-label": n.attrs.l || p("rate.defaultLabel"),
+					"aria-label": n.attrs.l || m("rate.defaultLabel"),
 					tabindex: "0"
 				}), u = t("input", { type: "hidden" });
 				n.attrs.id && (u.id = n.attrs.id), n.attrs.n ? u.name = n.attrs.n : n.attrs.id && (u.name = n.attrs.id);
-				for (var d = [], f = [], m = 0; m < r; m++) {
+				for (var d = [], f = [], p = 0; p < r; p++) {
 					var h = t("span", {
 						class: "tokui-rate__star",
-						"data-index": String(m + 1),
+						"data-index": String(p + 1),
 						role: "radio",
 						"aria-checked": "false"
 					});
@@ -12760,7 +13026,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			var x = t("div", {
 				class: "tokui-rate",
 				role: "radiogroup",
-				"aria-label": n.attrs.l || p("rate.defaultLabel"),
+				"aria-label": n.attrs.l || m("rate.defaultLabel"),
 				tabindex: "0"
 			}), S = t("input", { type: "hidden" });
 			n.attrs.id && (S.id = n.attrs.id), n.attrs.n ? S.name = n.attrs.n : n.attrs.id && (S.name = n.attrs.id), S.value = i;
@@ -13000,7 +13266,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				o = v, f.value = String(o), f.setAttribute("value", String(o)), h.value = o;
 			}, c.appendChild(l), c._variantTarget = l, c;
 		});
-		var A = new Set([
+		var M = new Set([
 			"primary",
 			"danger",
 			"success",
@@ -13015,7 +13281,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		e.register("btn", (e) => {
 			let i = n(e.attrs);
 			var a = i.act === "submit" ? "submit" : i.act === "reset" ? "reset" : "button", o = "tokui-btn";
-			e.attrs.t && A.has(e.attrs.t) && (o += " tokui-btn--" + e.attrs.t), i.act === "print" && (o += " tokui-btn--print");
+			e.attrs.t && M.has(e.attrs.t) && (o += " tokui-btn--" + e.attrs.t), i.act === "print" && (o += " tokui-btn--print");
 			let s = {
 				class: o,
 				type: a
@@ -13025,8 +13291,8 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			});
 			let l = "", u = r(e.attrs.w);
 			u && (l += "width:" + u + ";");
-			let p = c(e.attrs.bg);
-			p && (l += "background:" + p + ";");
+			let f = c(e.attrs.bg);
+			f && (l += "background:" + f + ";");
 			let m = c(e.attrs.fc);
 			m && (l += "color:" + m + ";");
 			let h = r(e.attrs.radius);
@@ -13038,7 +13304,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				t && (x.setAttribute("aria-label", t), x.setAttribute("data-tokui-tip", t));
 			}
 			if (_) {
-				let e = t("span", { class: "tokui-btn__icon" }), n = f ? f(_, 16) : null;
+				let e = t("span", { class: "tokui-btn__icon" }), n = p ? p(_, 16) : null;
 				n ? e.appendChild(n) : e.innerHTML = y, x.appendChild(e), x.classList.add("tokui-btn--has-icon");
 			} else if (v) {
 				let e = t("span", { class: "tokui-btn__icon tokui-btn__icon--emoji" }, v);
@@ -13065,7 +13331,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				e && e.nodeType && i.appendChild(e);
 			}), i._slot = i, i._tokuiType = "btngroup", i;
 		}), e.register("cascader", (n, r) => {
-			var i = n.attrs.dis !== void 0, a = n.attrs.ph || p("select.placeholder"), o = t("div", { class: "tokui-field" });
+			var i = n.attrs.dis !== void 0, a = n.attrs.ph || m("select.placeholder"), o = t("div", { class: "tokui-field" });
 			n.attrs.l && o.appendChild(t("label", { class: "tokui-label" + (n.attrs.req === void 0 ? "" : " tokui-label--req") }, n.attrs.l)), n.attrs.id && (o.id = n.attrs.id);
 			var s = t("div", {
 				class: "tokui-cascader" + (i ? " tokui-cascader--disabled" : ""),
@@ -13085,8 +13351,8 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			s.appendChild(d);
 			var f = t("input", { type: "hidden" });
 			n.attrs.n ? f.name = n.attrs.n : n.attrs.id && (f.name = n.attrs.id), s.appendChild(f);
-			var m = t("div", {});
-			m.style.display = "none", s.appendChild(m), o.appendChild(s);
+			var p = t("div", {});
+			p.style.display = "none", s.appendChild(p), o.appendChild(s);
 			function h(e) {
 				var t = {}, n = [];
 				return (e || []).forEach(function(e) {
@@ -13226,29 +13492,29 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				w.hidden = f.value, w.text = l.value;
 			}
 			return n.children && n.children.length && T(h(n.children)), o._streamCloseHook = function() {
-				m.innerHTML = "", T(h(n.children));
-			}, o._slot = m, o._tokuiType = "cascader", o._variantTarget = s, o.setAttribute("data-tokui-resettable", ""), o._tokuiReset = function() {
+				p.innerHTML = "", T(h(n.children));
+			}, o._slot = p, o._tokuiType = "cascader", o._variantTarget = s, o.setAttribute("data-tokui-resettable", ""), o._tokuiReset = function() {
 				f.value = w.hidden, l.value = w.text, b.isOpen && S();
 			}, o;
 		}), e.register("upload", (n) => {
-			var r = n.attrs.dis !== void 0, i = n.attrs.multi !== void 0, a = parseInt(n.attrs.max) || 0, o = n.attrs.ph || p("upload.hint"), s = n.attrs.accept || "", c = "";
+			var r = n.attrs.dis !== void 0, i = n.attrs.multi !== void 0, a = parseInt(n.attrs.max) || 0, o = n.attrs.ph || m("upload.hint"), s = n.attrs.accept || "", c = "";
 			n.attrs.u && (/^(https?:\/\/|\/)/i.test(n.attrs.u) ? c = n.attrs.u : console.warn("TokUI: upload u: 仅支持 http(s) 或以 / 开头的路径，已忽略: " + n.attrs.u));
 			var l = (n.attrs.mtd || "POST").toUpperCase(), u = n.attrs.n || "file", d = t("div", { class: "tokui-field" });
 			n.attrs.l && d.appendChild(t("label", { class: "tokui-label" + (n.attrs.req === void 0 ? "" : " tokui-label--req") }, n.attrs.l)), n.attrs.id && (d.id = n.attrs.id);
-			var f = t("div", { class: "tokui-upload" + (r ? " tokui-upload--disabled" : "") }), m = t("div", {
+			var f = t("div", { class: "tokui-upload" + (r ? " tokui-upload--disabled" : "") }), p = t("div", {
 				class: "tokui-upload-dropzone",
 				role: "button",
 				"aria-label": o,
 				tabindex: "0"
 			}), h = t("div", { class: "tokui-upload-icon" });
-			h.innerHTML = "<svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M24 32V12\"/><path d=\"M16 20l8-8 8 8\"/><path d=\"M8 36h32\"/></svg>", m.appendChild(h);
+			h.innerHTML = "<svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M24 32V12\"/><path d=\"M16 20l8-8 8 8\"/><path d=\"M8 36h32\"/></svg>", p.appendChild(h);
 			var g = t("div", { class: "tokui-upload-text" });
-			g.textContent = o, m.appendChild(g);
+			g.textContent = o, p.appendChild(g);
 			var _ = t("button", {
 				class: "tokui-upload-btn",
 				type: "button"
 			});
-			_.textContent = p("upload.browse"), m.appendChild(_), f.appendChild(m);
+			_.textContent = m("upload.browse"), p.appendChild(_), f.appendChild(p);
 			var v = {
 				type: "file",
 				style: "display:none"
@@ -13283,24 +13549,24 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 						var s = t("div", {
 							class: "tokui-upload__progress",
 							role: "progressbar",
-							title: p("upload.uploading")
+							title: m("upload.uploading")
 						}), c = t("div", { class: "tokui-upload__progress-bar" });
 						c.style.width = (e.percent || 0) + "%", s.appendChild(c), r.appendChild(s);
 						var l = t("span", { class: "tokui-upload__percent" });
 						l.textContent = (e.percent || 0) + "%", r.appendChild(l);
 					} else if (e.status === "done") r.appendChild(t("span", {
 						class: "tokui-upload__status tokui-upload__status--done",
-						title: p("upload.done")
+						title: m("upload.done")
 					}, "✓"));
 					else if (e.status === "error") {
 						r.appendChild(t("span", {
 							class: "tokui-upload__status tokui-upload__status--error",
-							title: p("upload.failed")
+							title: m("upload.failed")
 						}, "✗"));
 						var u = t("button", {
 							class: "tokui-upload__retry",
 							type: "button"
-						}, p("upload.retry"));
+						}, m("upload.retry"));
 						u.setAttribute("data-idx", n), r.appendChild(u);
 					}
 					var d = t("span", { class: "tokui-upload-file-remove" });
@@ -13358,17 +13624,17 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				T();
 				for (var l = 0; l < r.length; l++) D(r[l]);
 			}
-			return r || (m.addEventListener("click", function(e) {
-				(e.target === _ || m.contains(e.target)) && y.click();
+			return r || (p.addEventListener("click", function(e) {
+				(e.target === _ || p.contains(e.target)) && y.click();
 			}), _.addEventListener("click", function(e) {
 				e.stopPropagation(), y.click();
 			}), y.addEventListener("change", function() {
 				y.files && y.files.length && (O(y.files), y.value = "");
-			}), m.addEventListener("dragover", function(e) {
+			}), p.addEventListener("dragover", function(e) {
 				e.preventDefault(), f.classList.add("tokui-upload--dragover");
-			}), m.addEventListener("dragleave", function(e) {
+			}), p.addEventListener("dragleave", function(e) {
 				e.preventDefault(), f.classList.remove("tokui-upload--dragover");
-			}), m.addEventListener("drop", function(e) {
+			}), p.addEventListener("drop", function(e) {
 				e.preventDefault(), f.classList.remove("tokui-upload--dragover"), e.dataTransfer && e.dataTransfer.files.length && O(e.dataTransfer.files);
 			}), b.addEventListener("click", function(e) {
 				var t = e.target.closest(".tokui-upload__retry");
@@ -13386,29 +13652,29 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				e.act === "clear" && (C.length = 0, y.value = "", E());
 			}, d;
 		});
-		function j(e) {
+		function N(e) {
 			if (!e) return null;
 			var t = e.match(/^(\d{4})-(\d{1,2})-(\d{1,2})/);
 			return t ? new Date(parseInt(t[1]), parseInt(t[2]) - 1, parseInt(t[3])) : null;
 		}
-		function M(e) {
+		function P(e) {
 			if (!e) return null;
 			var t = e.match(/^(\d{4})-(\d{1,2})-(\d{1,2})\s+(\d{1,2}):(\d{1,2})/);
 			return t ? new Date(parseInt(t[1]), parseInt(t[2]) - 1, parseInt(t[3]), parseInt(t[4]), parseInt(t[5])) : null;
 		}
-		function N(e, t) {
+		function F(e, t) {
 			var n = e.getFullYear(), r = e.getMonth() + 1, i = e.getDate(), a = e.getHours(), o = e.getMinutes(), s = e.getSeconds();
 			return t.replace("YYYY", String(n)).replace("MM", r < 10 ? "0" + r : String(r)).replace("DD", i < 10 ? "0" + i : String(i)).replace("HH", a < 10 ? "0" + a : String(a)).replace("mm", o < 10 ? "0" + o : String(o)).replace("ss", s < 10 ? "0" + s : String(s));
 		}
-		function P(e, t, n, r) {
+		function I(e, t, n, r) {
 			return r.replace("HH", e < 10 ? "0" + e : String(e)).replace("mm", t < 10 ? "0" + t : String(t)).replace("ss", n < 10 ? "0" + n : String(n));
 		}
-		function F(e, t) {
+		function L(e, t) {
 			var n = e._tpItems;
 			!n || !n.length || (t < 0 && (t = 0), t > n.length - 1 && (t = n.length - 1), e._tpHl !== t && (e._tpHl >= 0 && n[e._tpHl] && n[e._tpHl].classList.remove("tokui-timepicker-column-item--selected"), n[t].classList.add("tokui-timepicker-column-item--selected"), e._tpHl = t));
 		}
-		function I(e, t) {
-			F(e, t);
+		function R(e, t) {
+			L(e, t);
 			var n = e._tpList, r = e._tpItems;
 			if (!(!n || !r || !r.length)) {
 				t < 0 && (t = 0), t > r.length - 1 && (t = r.length - 1);
@@ -13419,7 +13685,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				}
 			}
 		}
-		function L(e) {
+		function z(e) {
 			if (e._tpGeom) return e._tpGeom;
 			var t = e._tpList, n = e._tpItems;
 			if (!t || !n || !n.length) return null;
@@ -13432,10 +13698,10 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}
 			return null;
 		}
-		function R(e) {
+		function B(e) {
 			var t = e._tpList, n = e._tpItems;
 			if (!t || !n || !n.length) return 0;
-			var r = L(e);
+			var r = z(e);
 			if (r) {
 				var i = Math.round(((t.scrollTop || 0) - r.base) / r.itemH - 1e-6);
 				return Math.max(0, Math.min(i, n.length - 1));
@@ -13443,14 +13709,14 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			var a = n[0].offsetHeight || 32, o = Math.round(((t.scrollTop || 0) + (t.clientHeight || 192) / 2) / a);
 			return Math.max(0, Math.min(o, n.length - 1));
 		}
-		function z(e, n, r) {
+		function V(e, n, r) {
 			for (var i = t("div", { class: "tokui-timepicker-column" }), a = t("div", { class: "tokui-timepicker-column-list" }), o = [], s = 0; s < n; s++) {
 				var c = t("div", {
 					class: "tokui-timepicker-column-item" + (s === r ? " tokui-timepicker-column-item--selected" : ""),
 					"data-value": String(s)
 				}, s < 10 ? "0" + s : String(s));
 				c.addEventListener("click", function(e) {
-					e.stopPropagation(), I(i, parseInt(this.getAttribute("data-value"), 10));
+					e.stopPropagation(), R(i, parseInt(this.getAttribute("data-value"), 10));
 				}), a.appendChild(c), o.push(c);
 			}
 			i.appendChild(a), i._tpList = a, i._tpItems = o, i._tpHl = r;
@@ -13459,48 +13725,48 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			};
 			return a.addEventListener("scroll", function() {
 				l || (l = 1, u(function() {
-					l = 0, F(i, R(i));
+					l = 0, L(i, B(i));
 				}));
 			}), i._label = e, i;
 		}
-		function B(e) {
-			var t = R(e);
-			F(e, t);
+		function H(e) {
+			var t = B(e);
+			L(e, t);
 			var n = e._tpItems;
 			return parseInt(n[t].getAttribute("data-value")) || 0;
 		}
-		function V(e, t) {
-			I(e, t);
+		function U(e, t) {
+			R(e, t);
 		}
-		var H = typeof window < "u" && window.TokUI && window.TokUI._internal ? window.TokUI._internal._datePickers = window.TokUI._internal._datePickers || /* @__PURE__ */ new Set() : /* @__PURE__ */ new Set();
-		function U(e) {
+		var W = typeof window < "u" && window.TokUI && window.TokUI._internal ? window.TokUI._internal._datePickers = window.TokUI._internal._datePickers || /* @__PURE__ */ new Set() : /* @__PURE__ */ new Set();
+		function G(e) {
 			var t = [];
-			H.forEach(function(n) {
+			W.forEach(function(n) {
 				n !== e && t.push(n);
 			}), t.forEach(function(e) {
 				try {
 					e();
 				} catch {}
-			}), H.add(e);
+			}), W.add(e);
 		}
-		function W(e) {
-			H.delete(e);
+		function K(e) {
+			W.delete(e);
 		}
-		function G() {
+		function q() {
 			var e = [];
-			H.forEach(function(t) {
+			W.forEach(function(t) {
 				e.push(t);
-			}), H.clear(), e.forEach(function(e) {
+			}), W.clear(), e.forEach(function(e) {
 				try {
 					e();
 				} catch {}
 			});
 		}
-		typeof window < "u" && !window.TokUI._internal._dateScrollBound && (window.addEventListener("scroll", G), window.TokUI._internal._dateScrollBound = !0);
-		function K() {
+		typeof window < "u" && !window.TokUI._internal._dateScrollBound && (window.addEventListener("scroll", q), window.TokUI._internal._dateScrollBound = !0);
+		function J() {
 			return typeof window < "u" && window.innerWidth ? window.innerWidth : typeof document < "u" && document.documentElement && document.documentElement.clientWidth ? document.documentElement.clientWidth : 1024;
 		}
-		function q(e, n, r, i, a, o) {
+		function Y(e, n, r, i, a, o) {
 			var s = t("div", { class: "tokui-datepicker-header" }), c = t("button", {
 				class: "tokui-datepicker-nav tokui-datepicker-nav--prev",
 				type: "button"
@@ -13511,24 +13777,24 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				type: "button"
 			});
 			l.innerHTML = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"9 18 15 12 9 6\"/></svg>";
-			var u = t("span", { class: "tokui-datepicker-title" }, p("datepicker.title", {
+			var u = t("span", { class: "tokui-datepicker-title" }, m("datepicker.title", {
 				y: e,
 				m: n + 1
 			}));
 			s.appendChild(c), s.appendChild(u), s.appendChild(l), a.appendChild(s);
 			var d = [
-				p("datepicker.weekday.0"),
-				p("datepicker.weekday.1"),
-				p("datepicker.weekday.2"),
-				p("datepicker.weekday.3"),
-				p("datepicker.weekday.4"),
-				p("datepicker.weekday.5"),
-				p("datepicker.weekday.6")
+				m("datepicker.weekday.0"),
+				m("datepicker.weekday.1"),
+				m("datepicker.weekday.2"),
+				m("datepicker.weekday.3"),
+				m("datepicker.weekday.4"),
+				m("datepicker.weekday.5"),
+				m("datepicker.weekday.6")
 			], f = t("div", { class: "tokui-datepicker-weekdays" });
 			d.forEach(function(e) {
 				f.appendChild(t("span", { class: "tokui-datepicker-weekday" }, e));
 			}), a.appendChild(f);
-			for (var m = t("div", { class: "tokui-datepicker-grid" }), h = new Date(e, n, 1).getDay(), g = new Date(e, n + 1, 0).getDate(), _ = new Date(e, n, 0).getDate(), v = i.getDate(), y = i.getFullYear() === e && i.getMonth() === n, b = h - 1; b >= 0; b--) m.appendChild(t("span", { class: "tokui-datepicker-day tokui-datepicker-day--other" }, String(_ - b)));
+			for (var p = t("div", { class: "tokui-datepicker-grid" }), h = new Date(e, n, 1).getDay(), g = new Date(e, n + 1, 0).getDate(), _ = new Date(e, n, 0).getDate(), v = i.getDate(), y = i.getFullYear() === e && i.getMonth() === n, b = h - 1; b >= 0; b--) p.appendChild(t("span", { class: "tokui-datepicker-day tokui-datepicker-day--other" }, String(_ - b)));
 			for (var x = 1; x <= g; x++) {
 				var S = ["tokui-datepicker-day"];
 				if (y && x === v && S.push("tokui-datepicker-day--today"), r && r.getFullYear() === e && r.getMonth() === n && r.getDate() === x && S.push("tokui-datepicker-day--selected"), o && (o.start || o.end)) {
@@ -13539,10 +13805,10 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					class: S.join(" "),
 					"data-day": String(x)
 				}, String(x));
-				m.appendChild(E);
+				p.appendChild(E);
 			}
-			for (var D = 42 - h - g, O = 1; O <= D; O++) m.appendChild(t("span", { class: "tokui-datepicker-day tokui-datepicker-day--other" }, String(O)));
-			return a.appendChild(m), {
+			for (var D = 42 - h - g, O = 1; O <= D; O++) p.appendChild(t("span", { class: "tokui-datepicker-day tokui-datepicker-day--other" }, String(O)));
+			return a.appendChild(p), {
 				prevBtn: c,
 				nextBtn: l
 			};
@@ -13551,7 +13817,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			var r = n.attrs || {}, i = r.dis !== void 0, a = r.fmt || "YYYY-MM-DD", o = r.range !== void 0, s = r.ph || (o ? "YYYY-MM-DD ~ YYYY-MM-DD" : a), c = r.v || "", l = null, u = null;
 			if (o && c) {
 				var d = String(c).split(" ~ ");
-				if (l = j(d[0]), u = d.length > 1 ? j(d[1]) : null, l && u && u.getTime() < l.getTime()) {
+				if (l = N(d[0]), u = d.length > 1 ? N(d[1]) : null, l && u && u.getTime() < l.getTime()) {
 					var f = l;
 					l = u, u = f;
 				}
@@ -13572,13 +13838,13 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			var y = t("span", { class: "tokui-datepicker-icon" });
 			y.innerHTML = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"/></svg>", g.appendChild(y), h.appendChild(g);
 			var b = t("div", { class: "tokui-datepicker-dropdown" }), x = /* @__PURE__ */ new Date(), S, C, w;
-			c && (w = j(c), w && (S = w.getFullYear(), C = w.getMonth())), S || (S = x.getFullYear(), C = x.getMonth());
+			c && (w = N(c), w && (S = w.getFullYear(), C = w.getMonth())), S || (S = x.getFullYear(), C = x.getMonth());
 			var T = t("input", { type: "hidden" });
 			r.n ? T.name = r.n : r.id && (T.name = r.id), T.value = c, h.appendChild(T);
 			var E = e.createReporter("datepicker", r, p);
 			function D(e, t) {
 				b.innerHTML = "";
-				var n = q(e, t, w, x, b, o ? {
+				var n = Y(e, t, w, x, b, o ? {
 					start: l,
 					end: u
 				} : null);
@@ -13592,13 +13858,13 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			var O = !1;
 			function k() {
 				if (!(i || O)) {
-					U(A), O = !0, b.style.display = "", h.classList.add("tokui-datepicker--open");
-					var e = g.getBoundingClientRect(), t = b.offsetWidth, n = K(), r = e.left;
+					G(A), O = !0, b.style.display = "", h.classList.add("tokui-datepicker--open");
+					var e = g.getBoundingClientRect(), t = b.offsetWidth, n = J(), r = e.left;
 					e.left + t > n - 8 && (r = Math.max(8, n - t - 8)), b.style.left = r + "px", b.style.top = e.bottom + 4 + "px", b.style.width = "auto";
 				}
 			}
 			function A() {
-				O && (O = !1, b.style.display = "none", h.classList.remove("tokui-datepicker--open"), W(A));
+				O && (O = !1, b.style.display = "none", h.classList.remove("tokui-datepicker--open"), K(A));
 			}
 			return i || (g.addEventListener("click", function(e) {
 				e.stopPropagation(), O ? A() : k();
@@ -13610,7 +13876,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					if (o) {
 						var s = new Date(S, C, i);
 						if (!l || l && u ? (l = s, u = null) : s.getTime() < l.getTime() ? (u = l, l = s) : u = s, l && u) {
-							var c = N(l, "YYYY-MM-DD") + " ~ " + N(u, "YYYY-MM-DD");
+							var c = F(l, "YYYY-MM-DD") + " ~ " + F(u, "YYYY-MM-DD");
 							if (v.value = c, T.value = c, A(), r.clk) {
 								var d = e.eventBus ? e.eventBus.getHandler(r.clk) : null;
 								d && d({
@@ -13629,7 +13895,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 						return;
 					}
 					w = new Date(S, C, i);
-					var f = N(w, a);
+					var f = F(w, a);
 					if (v.value = f, T.value = f, A(), D(S, C), r.clk) {
 						var p = e.eventBus ? e.eventBus.getHandler(r.clk) : null;
 						p && p({
@@ -13658,8 +13924,8 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				placeholder: o
 			};
 			r.id && (f.id = r.id), i && (f.disabled = "disabled"), s && (f.value = s);
-			var m = t("input", f);
-			d.appendChild(m);
+			var p = t("input", f);
+			d.appendChild(p);
 			var h = t("span", { class: "tokui-timepicker-icon" });
 			h.innerHTML = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><polyline points=\"12 6 12 12 16 14\"/></svg>", d.appendChild(h), u.appendChild(d);
 			var g = 0, _ = 0, v = 0;
@@ -13667,14 +13933,14 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				var y = s.split(":");
 				g = parseInt(y[0]) || 0, _ = parseInt(y[1]) || 0, v = parseInt(y[2]) || 0;
 			}
-			var b = t("div", { class: "tokui-timepicker-dropdown" }), x = a.indexOf("ss") !== -1 || a.indexOf("s") !== -1, S = t("div", { class: "tokui-timepicker-columns" }), C = z(p("duration.hour"), 24, g), w = z(p("duration.minute"), 60, _);
+			var b = t("div", { class: "tokui-timepicker-dropdown" }), x = a.indexOf("ss") !== -1 || a.indexOf("s") !== -1, S = t("div", { class: "tokui-timepicker-columns" }), C = V(m("duration.hour"), 24, g), w = V(m("duration.minute"), 60, _);
 			S.appendChild(C), S.appendChild(w);
 			var T = null;
-			x && (T = z(p("duration.second"), 60, v), S.appendChild(T)), b.appendChild(S);
+			x && (T = V(m("duration.second"), 60, v), S.appendChild(T)), b.appendChild(S);
 			var E = t("div", { class: "tokui-timepicker-footer" }), D = t("button", {
 				class: "tokui-timepicker-confirm",
 				type: "button"
-			}, p("common.ok"));
+			}, m("common.ok"));
 			E.appendChild(D), b.appendChild(E);
 			var O = t("input", { type: "hidden" });
 			r.n ? O.name = r.n : r.id && (O.name = r.id), O.value = s, u.appendChild(O);
@@ -13683,20 +13949,20 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			var A = !1;
 			function j() {
 				if (!(i || A)) {
-					U(M), A = !0, b.style.display = "", u.classList.add("tokui-timepicker--open");
-					var e = d.getBoundingClientRect(), t = b.offsetWidth, n = K(), r = e.left;
-					e.left + t > n - 8 && (r = Math.max(8, n - t - 8)), b.style.left = r + "px", b.style.top = e.bottom + 4 + "px", b.style.width = "auto", V(C, g), V(w, _), x && T && V(T, v);
+					G(M), A = !0, b.style.display = "", u.classList.add("tokui-timepicker--open");
+					var e = d.getBoundingClientRect(), t = b.offsetWidth, n = J(), r = e.left;
+					e.left + t > n - 8 && (r = Math.max(8, n - t - 8)), b.style.left = r + "px", b.style.top = e.bottom + 4 + "px", b.style.width = "auto", U(C, g), U(w, _), x && T && U(T, v);
 				}
 			}
 			function M() {
-				A && (A = !1, b.style.display = "none", u.classList.remove("tokui-timepicker--open"), W(M));
+				A && (A = !1, b.style.display = "none", u.classList.remove("tokui-timepicker--open"), K(M));
 			}
 			return i || (d.addEventListener("click", function(e) {
 				e.stopPropagation(), A ? M() : j();
 			}), D.addEventListener("click", function(t) {
-				t.stopPropagation(), g = B(C), _ = B(w), x && T && (v = B(T));
-				var n = P(g, _, v, a);
-				if (m.value = n, O.value = n, M(), r.clk) {
+				t.stopPropagation(), g = H(C), _ = H(w), x && T && (v = H(T));
+				var n = I(g, _, v, a);
+				if (p.value = n, O.value = n, M(), r.clk) {
 					var i = e.eventBus ? e.eventBus.getHandler(r.clk) : null;
 					i && i({
 						value: n,
@@ -13725,21 +13991,21 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				placeholder: o
 			};
 			r.id && (f.id = r.id), i && (f.disabled = "disabled"), s && (f.value = s);
-			var m = t("input", f);
-			d.appendChild(m);
+			var p = t("input", f);
+			d.appendChild(p);
 			var h = t("span", { class: "tokui-datetimepicker-icon" });
 			h.innerHTML = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"/></svg>", d.appendChild(h), u.appendChild(d);
 			var g = /* @__PURE__ */ new Date(), _, v, y, b = 0, x = 0, S = 0;
-			s && (y = M(s) || j(s), y && (_ = y.getFullYear(), v = y.getMonth(), b = y.getHours(), x = y.getMinutes(), S = y.getSeconds())), _ || (_ = g.getFullYear(), v = g.getMonth());
+			s && (y = P(s) || N(s), y && (_ = y.getFullYear(), v = y.getMonth(), b = y.getHours(), x = y.getMinutes(), S = y.getSeconds())), _ || (_ = g.getFullYear(), v = g.getMonth());
 			var C = t("input", { type: "hidden" });
 			r.n ? C.name = r.n : r.id && (C.name = r.id), C.value = s, u.appendChild(C);
-			var w = e.createReporter("datetimepicker", r, c), T = t("div", { class: "tokui-datetimepicker-dropdown" }), E = t("div", { class: "tokui-datetimepicker-date" }), D = a.indexOf("ss") !== -1 || a.indexOf("s") !== -1, O = t("div", { class: "tokui-datetimepicker-time" }), k = t("div", { class: "tokui-timepicker-columns" }), A = z(p("duration.hour"), 24, b), P = z(p("duration.minute"), 60, x);
-			k.appendChild(A), k.appendChild(P);
-			var F = null;
-			D && (F = z(p("duration.second"), 60, S), k.appendChild(F)), O.appendChild(k);
+			var w = e.createReporter("datetimepicker", r, c), T = t("div", { class: "tokui-datetimepicker-dropdown" }), E = t("div", { class: "tokui-datetimepicker-date" }), D = a.indexOf("ss") !== -1 || a.indexOf("s") !== -1, O = t("div", { class: "tokui-datetimepicker-time" }), k = t("div", { class: "tokui-timepicker-columns" }), A = V(m("duration.hour"), 24, b), j = V(m("duration.minute"), 60, x);
+			k.appendChild(A), k.appendChild(j);
+			var M = null;
+			D && (M = V(m("duration.second"), 60, S), k.appendChild(M)), O.appendChild(k);
 			function I(e, t) {
 				E.innerHTML = "";
-				var n = q(e, t, y, g, E);
+				var n = Y(e, t, y, g, E);
 				n.prevBtn.addEventListener("click", function(e) {
 					e.stopPropagation(), v--, v < 0 && (v = 11, _--), I(_, v);
 				}), n.nextBtn.addEventListener("click", function(e) {
@@ -13749,23 +14015,23 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			var L = t("div", { class: "tokui-datetimepicker-footer" }), R = t("button", {
 				class: "tokui-timepicker-confirm",
 				type: "button"
-			}, p("common.ok"));
+			}, m("common.ok"));
 			L.appendChild(R);
-			var H = t("div", { class: "tokui-datetimepicker-body" });
-			H.appendChild(E), H.appendChild(O), T.appendChild(H), T.appendChild(L), I(_, v), T.style.display = "none", u.appendChild(T);
-			var G = !1;
-			function J() {
-				if (!(i || G)) {
-					U(Y), G = !0, T.style.display = "", u.classList.add("tokui-datetimepicker--open");
-					var e = d.getBoundingClientRect(), t = T.offsetWidth, n = K(), r = e.left;
-					e.left + t > n - 8 && (r = Math.max(8, n - t - 8)), T.style.left = r + "px", T.style.top = e.bottom + 4 + "px", T.style.width = "auto", V(A, b), V(P, x), D && F && V(F, S);
+			var z = t("div", { class: "tokui-datetimepicker-body" });
+			z.appendChild(E), z.appendChild(O), T.appendChild(z), T.appendChild(L), I(_, v), T.style.display = "none", u.appendChild(T);
+			var B = !1;
+			function W() {
+				if (!(i || B)) {
+					G(q), B = !0, T.style.display = "", u.classList.add("tokui-datetimepicker--open");
+					var e = d.getBoundingClientRect(), t = T.offsetWidth, n = J(), r = e.left;
+					e.left + t > n - 8 && (r = Math.max(8, n - t - 8)), T.style.left = r + "px", T.style.top = e.bottom + 4 + "px", T.style.width = "auto", U(A, b), U(j, x), D && M && U(M, S);
 				}
 			}
-			function Y() {
-				G && (G = !1, T.style.display = "none", u.classList.remove("tokui-datetimepicker--open"), W(Y));
+			function q() {
+				B && (B = !1, T.style.display = "none", u.classList.remove("tokui-datetimepicker--open"), K(q));
 			}
 			return i || (d.addEventListener("click", function(e) {
-				e.stopPropagation(), G ? Y() : J();
+				e.stopPropagation(), B ? q() : W();
 			}), E.addEventListener("click", function(e) {
 				e.stopPropagation();
 				var t = e.target.closest(".tokui-datepicker-day");
@@ -13774,9 +14040,9 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					y = new Date(_, v, n), I(_, v);
 				}
 			}), R.addEventListener("click", function(t) {
-				t.stopPropagation(), y ||= new Date(_, v, g.getDate()), b = B(A), x = B(P), D && F && (S = B(F)), y.setHours(b, x, S);
-				var n = N(y, a);
-				if (m.value = n, C.value = n, Y(), r.clk) {
+				t.stopPropagation(), y ||= new Date(_, v, g.getDate()), b = H(A), x = H(j), D && M && (S = H(M)), y.setHours(b, x, S);
+				var n = F(y, a);
+				if (p.value = n, C.value = n, q(), r.clk) {
 					var i = e.eventBus ? e.eventBus.getHandler(r.clk) : null;
 					i && i({
 						value: n,
@@ -13789,8 +14055,192 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					name: r.n || void 0
 				});
 			}), typeof document < "u" && document.addEventListener("click", function(e) {
-				u.contains(e.target) || Y();
+				u.contains(e.target) || q();
 			})), c.appendChild(u), c._variantTarget = u, c;
+		}), e.register("color-picker", (n) => {
+			var r = n.attrs || {}, i = typeof l == "function" ? f() : window.TokUI && window.TokUI._internal || {};
+			function a(e) {
+				var t = String(e ?? "").trim();
+				return /^#[0-9a-fA-F]{6}$/.test(t) ? t.toLowerCase() : /^[0-9a-fA-F]{6}$/.test(t) ? ("#" + t).toLowerCase() : null;
+			}
+			var o = a(r.v) || "#1677ff", s = r.dis !== void 0, c = t("div", { class: "tokui-field" });
+			r.l && c.appendChild(t("div", { class: "tokui-label" + (r.req === void 0 ? "" : " tokui-label--req") }, r.l));
+			var u = t("div", { class: "tokui-color-picker" + (s ? " tokui-color-picker--disabled" : "") });
+			r.id && (u.id = r.id);
+			var d = t("button", {
+				class: "tokui-color-picker__trigger",
+				type: "button",
+				"aria-label": m("colorPicker.aria")
+			});
+			s && (d.disabled = "disabled");
+			var p = t("span", { class: "tokui-color-picker__swatch" }), h = t("span", { class: "tokui-color-picker__hex" });
+			d.appendChild(p), d.appendChild(h), u.appendChild(d);
+			var g = {
+				type: "hidden",
+				class: "tokui-color-picker__input"
+			};
+			r.n ? g.name = r.n : r.id && (g.name = r.id);
+			var _ = t("input", g);
+			u.appendChild(_);
+			var v = t("div", { class: "tokui-color-picker__panel" });
+			v.style.display = "none";
+			var y = t("div", { class: "tokui-color-picker__sb" }), b = t("span", { class: "tokui-color-picker__sb-cursor" });
+			y.appendChild(b), v.appendChild(y);
+			var x = t("input", {
+				type: "range",
+				class: "tokui-color-picker__hue",
+				min: "0",
+				max: "360",
+				step: "1",
+				"aria-label": m("colorPicker.hue")
+			});
+			v.appendChild(x);
+			var S = t("div", { class: "tokui-color-picker__hex-row" }), C = t("input", {
+				type: "text",
+				class: "tokui-color-picker__hex-input",
+				maxlength: "7",
+				"aria-label": m("colorPicker.hex")
+			}), w = t("button", {
+				class: "tokui-color-picker__clear",
+				type: "button"
+			}, m("colorPicker.clear"));
+			S.appendChild(C), S.appendChild(w), v.appendChild(S);
+			var T = String(r.presets || "").split(",").map(function(e) {
+				return a(e);
+			}).filter(Boolean);
+			if (T.length) {
+				var E = t("div", {
+					class: "tokui-color-picker__presets",
+					"aria-label": m("colorPicker.preset")
+				});
+				T.forEach(function(e) {
+					var n = t("button", {
+						class: "tokui-color-picker__preset",
+						type: "button",
+						"data-color": e,
+						"aria-label": e
+					});
+					n.style.backgroundColor = e, E.appendChild(n);
+				}), v.appendChild(E);
+			}
+			u.appendChild(v), c.appendChild(u), c._tokuiType = "color-picker", c._slot = u;
+			var D = i.rgbToHsv ? (function() {
+				var e = i.hexToRgb(o);
+				return i.rgbToHsv(e.r, e.g, e.b);
+			})() : {
+				h: 220,
+				s: 1,
+				v: 1
+			}, O = o;
+			function k() {
+				if (!i.hsvToRgb || !i.rgbToHex) return O;
+				var e = i.hsvToRgb(D.h, D.s, D.v);
+				return i.rgbToHex(e);
+			}
+			function A() {
+				O = k(), p.style.backgroundColor = O, h.textContent = O, _.value = O, y.style.backgroundColor = i.hsvToRgb && i.rgbToHex ? i.rgbToHex(i.hsvToRgb(D.h, 1, 1)) : "#f00", b.style.left = D.s * 100 + "%", b.style.top = (1 - D.v) * 100 + "%", x.value = String(Math.round(D.h)), L.activeElement !== C && (C.value = O);
+			}
+			var j = e.createReporter("color-picker", r, c);
+			function M(e) {
+				var t = i.hexToRgb(e);
+				D = i.rgbToHsv(t.r, t.g, t.b), A(), j("change", {
+					value: O,
+					name: r.n || void 0
+				});
+			}
+			var N = !1;
+			function P() {
+				if (!(typeof d.getBoundingClientRect != "function" || typeof window > "u")) {
+					var e = d.getBoundingClientRect(), t = v.offsetWidth || 232, n = v.offsetHeight || 260, r = window.innerWidth || 1024, i = window.innerHeight || 768, a = e.left, o = e.bottom + 4;
+					a + t > r - 8 && (a = Math.max(8, r - t - 8)), o + n > i - 8 && (o = Math.max(8, e.top - n - 4)), v.style.left = a + "px", v.style.top = o + "px";
+				}
+			}
+			function F() {
+				s || N || (N = !0, L && L.body && v.parentNode !== L.body && L.body.appendChild(v), v.style.display = "", P(), u.classList.add("tokui-color-picker--open"));
+			}
+			function I() {
+				N && (N = !1, v.style.display = "none", u.classList.remove("tokui-color-picker--open"));
+			}
+			var L = typeof document < "u" ? document : null;
+			L && (L.addEventListener("click", function(e) {
+				N && u.contains && !u.contains(e.target) && !(v.contains && v.contains(e.target)) && I();
+			}), L.addEventListener("keydown", function(e) {
+				N && e.key === "Escape" && I();
+			}), typeof window < "u" && window.addEventListener && window.addEventListener("scroll", function() {
+				if (N) {
+					if (!L.contains(u)) {
+						I(), v.parentNode && v.parentNode.removeChild(v);
+						return;
+					}
+					P();
+				}
+			}, {
+				capture: !0,
+				passive: !0
+			})), d.addEventListener("click", function(e) {
+				typeof e.stopPropagation == "function" && e.stopPropagation(), N ? I() : F();
+			});
+			function R(e) {
+				if (typeof y.getBoundingClientRect == "function") {
+					var t = y.getBoundingClientRect();
+					if (!(!t.width || !t.height)) {
+						var n = (e.clientX == null ? 0 : e.clientX) - t.left, i = (e.clientY == null ? 0 : e.clientY) - t.top;
+						D.s = Math.max(0, Math.min(1, n / t.width)), D.v = Math.max(0, Math.min(1, 1 - i / t.height)), A(), j("change", {
+							value: O,
+							name: r.n || void 0
+						});
+					}
+				}
+			}
+			y.addEventListener("pointerdown", function(e) {
+				if (typeof e.preventDefault == "function" && e.preventDefault(), typeof y.setPointerCapture == "function" && e.pointerId != null) try {
+					y.setPointerCapture(e.pointerId);
+				} catch {}
+				R(e);
+				var t = function(e) {
+					R(e);
+				}, n = function() {
+					L && (L.removeEventListener("pointermove", t), L.removeEventListener("pointerup", n));
+				};
+				L && (L.addEventListener("pointermove", t), L.addEventListener("pointerup", n));
+			}), x.addEventListener("input", function() {
+				D.h = parseFloat(x.value) || 0, A(), j("change", {
+					value: O,
+					name: r.n || void 0
+				});
+			}), C.addEventListener("change", function() {
+				var e = a(C.value);
+				e ? M(e) : C.value = O;
+			}), T.length && v.addEventListener("click", function(e) {
+				var t = e.target && e.target.closest ? e.target.closest(".tokui-color-picker__preset") : null;
+				t && M(t.getAttribute("data-color"));
+			}), w.addEventListener("click", function(e) {
+				typeof e.stopPropagation == "function" && e.stopPropagation(), O = "", p.style.backgroundColor = "transparent", h.textContent = "", _.value = "", C.value = "", j("change", {
+					value: "",
+					name: r.n || void 0
+				});
+			}), c._update = function(e) {
+				if (e.v !== void 0) {
+					var t = a(e.v);
+					if (t && i.hexToRgb) {
+						var n = i.hexToRgb(t);
+						D = i.rgbToHsv(n.r, n.g, n.b), A();
+					}
+				}
+				(e.dis === !0 || e.dis === "true" || e.dis === !1 || e.dis === "false") && (s = e.dis === !0 || e.dis === "true", d.disabled = s, u.classList.toggle("tokui-color-picker--disabled", s), s && I());
+			};
+			var z = {
+				h: D.h,
+				s: D.s,
+				v: D.v
+			};
+			return c.setAttribute("data-tokui-resettable", ""), c._tokuiReset = function() {
+				D = {
+					h: z.h,
+					s: z.s,
+					v: z.v
+				}, A();
+			}, A(), c;
 		});
 	}
 	typeof window < "u" && (window.TokUI = window.TokUI || {}, window.TokUI._internal = window.TokUI._internal || {}, window.TokUI._internal.registerFormComponents = s, window.TokUI._internal._parseOptShorthand = n, window.TokUI._internal._expandOptChildren = o), t !== void 0 && t.exports && (t.exports = {
@@ -13802,20 +14252,70 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 	var n = typeof l == "function" ? u().t : window.TokUI && window.TokUI._internal && window.TokUI._internal.t || function(e) {
 		return e;
 	};
-	function r(e) {
+	function r() {
+		if (typeof window > "u" || typeof document > "u" || (window.TokUI = window.TokUI || {}, window.TokUI.modal && window.TokUI.modal.confirm)) return;
+		function e(e) {
+			return e ||= {}, new Promise(function(t) {
+				var r = document, i = r.createElement("div");
+				i.className = "tokui-modal__overlay", i.setAttribute("role", "dialog"), i.setAttribute("aria-modal", "true"), i.setAttribute("aria-label", e.tt || n("modal.aria"));
+				var a = r.createElement("div");
+				a.className = "tokui-modal__panel";
+				var o = r.createElement("div");
+				o.className = "tokui-modal__header";
+				var s = r.createElement("div");
+				if (s.className = "tokui-modal__title", s.textContent = e.tt || n("modal.aria"), o.appendChild(s), a.appendChild(o), e.tx) {
+					var c = r.createElement("div");
+					c.className = "tokui-modal__body", c.textContent = e.tx, a.appendChild(c);
+				}
+				var l = r.createElement("div");
+				l.className = "tokui-modal__footer";
+				var u = r.createElement("button");
+				u.type = "button", u.className = "tokui-btn tokui-modal__cancel", u.textContent = e["cancel-text"] || n("common.cancel");
+				var d = r.createElement("button");
+				d.type = "button", d.className = "tokui-btn tokui-modal__ok" + (e.t === "danger" ? " tokui-btn--danger" : " tokui-btn--primary"), d.textContent = e["ok-text"] || n("common.ok"), l.appendChild(u), l.appendChild(d), a.appendChild(l), i.appendChild(a);
+				var f = !1;
+				function p() {
+					r.removeEventListener("keydown", h, !0), i.parentNode && i.parentNode.removeChild(i);
+				}
+				function m(n) {
+					if (!f) {
+						f = !0, p();
+						var r = n ? e.onOk : e.onCancel;
+						if (typeof r == "function") try {
+							r();
+						} catch {}
+						t(n);
+					}
+				}
+				function h(e) {
+					e.key === "Escape" && (typeof e.stopPropagation == "function" && e.stopPropagation(), m(!1));
+				}
+				d.addEventListener("click", function() {
+					m(!0);
+				}), u.addEventListener("click", function() {
+					m(!1);
+				}), i.addEventListener("click", function(e) {
+					e.target === i && m(!1);
+				}), r.addEventListener("keydown", h, !0), r.body && r.body.appendChild(i), typeof d.focus == "function" && d.focus();
+			});
+		}
+		window.TokUI.modal = { confirm: e }, window.TokUI.confirm || (window.TokUI.confirm = e);
+	}
+	function i(e) {
 		let { el: t } = typeof l == "function" ? h() : window.TokUI._internal;
-		var r = /^(background-color|color|border(-radius|-top|-bottom|-left|-right)?|padding(-top|-bottom|-left|-right)?|margin(-top|-bottom|-left|-right)?|text-align|max-width|min-height|box-shadow|opacity|font-size|font-weight|line-height|border-radius|overflow|cursor|gap|display|flex-wrap|align-items|justify-content|width|height|float|clear|visibility|white-space|word-break|text-overflow|text-decoration|list-style|vertical-align|transition|transform)$/;
-		function i(e) {
+		r();
+		var i = /^(background-color|color|border(-radius|-top|-bottom|-left|-right)?|padding(-top|-bottom|-left|-right)?|margin(-top|-bottom|-left|-right)?|text-align|max-width|min-height|box-shadow|opacity|font-size|font-weight|line-height|border-radius|overflow|cursor|gap|display|flex-wrap|align-items|justify-content|width|height|float|clear|visibility|white-space|word-break|text-overflow|text-decoration|list-style|vertical-align|transition|transform)$/;
+		function a(e) {
 			if (e) return e.split(";").filter(function(e) {
 				var t = e.split(":")[0].trim().toLowerCase();
-				return t && r.test(t);
+				return t && i.test(t);
 			}).join(";") || void 0;
 		}
 		e.register("card", (e, n) => {
 			let r = { class: "tokui-card" };
 			e.attrs.id && (r.id = e.attrs.id);
-			var a = i(e.attrs.style);
-			a && (r.style = a);
+			var i = a(e.attrs.style);
+			i && (r.style = i);
 			let o = t("div", r);
 			if (e.attrs.w && (o.style.width = /^\d+$/.test(e.attrs.w) ? e.attrs.w + "px" : e.attrs.w), e.attrs.tt) {
 				var s = "tokui-card-header", c = e.attrs.hc || "";
@@ -13840,21 +14340,21 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					"info",
 					"dark"
 				].indexOf(c) === -1) {
-					var u = e.attrs.ht || "";
-					u === "fill" ? (l.style.background = c, l.style.color = "#fff") : u === "accent" ? l.style.borderLeftColor = c : u === "underline" ? l.style.setProperty("--tokui-card-header-underline-color", c) : u === "dot" ? l.style.setProperty("--tokui-card-header-dot-color", c) : u === "pill" && (l.style.background = c, l.style.color = "#fff");
+					var u = e.attrs.ht || "", d = /^(#[0-9a-fA-F]{3,8}|rgba?\([\d\s.,%]+\)|[a-zA-Z]+)$/.test(c) ? c : "";
+					u === "fill" || u === "pill" ? d && (l.style.background = "color-mix(in srgb, " + d + " 10%, transparent)", l.style.color = d, u === "fill" ? l.style.borderBottom = "1px solid color-mix(in srgb, " + d + " 22%, transparent)" : l.style.borderColor = "color-mix(in srgb, " + d + " 22%, transparent)") : u === "accent" ? l.style.borderLeftColor = c : u === "underline" ? l.style.setProperty("--tokui-card-header-underline-color", c) : u === "dot" && l.style.setProperty("--tokui-card-header-dot-color", c);
 				}
 				o.appendChild(l);
 			}
-			let d = [], f = [];
+			let f = [], p = [];
 			(e.children || []).forEach((e) => {
-				e.type === "ft" ? f.push(e) : d.push(e);
+				e.type === "ft" ? p.push(e) : f.push(e);
 			});
-			let p = t("div", { class: "tokui-card-body" });
-			return e.attrs.tx && (p.textContent = e.attrs.tx), n(d).forEach((e) => {
-				e && e.nodeType && p.appendChild(e);
-			}), o.appendChild(p), n(f).forEach((e) => {
+			let m = t("div", { class: "tokui-card-body" });
+			return e.attrs.tx && (m.textContent = e.attrs.tx), n(f).forEach((e) => {
+				e && e.nodeType && m.appendChild(e);
+			}), o.appendChild(m), n(p).forEach((e) => {
 				e && e.nodeType && o.appendChild(e);
-			}), o._slot = p, o._tokuiType = "card", o._update = function(e) {
+			}), o._slot = m, o._tokuiType = "card", o._update = function(e) {
 				if (e.tt !== void 0) {
 					var t = o.querySelector(".tokui-card-header");
 					t && (t.textContent = e.tt);
@@ -13892,7 +14392,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				e && e.nodeType && r.appendChild(e);
 			}), r._slot = r, r._tokuiType = "list", r;
 		});
-		function a(e, n) {
+		function o(e, n) {
 			var r = e.attrs || {}, i = parseInt(r.span) || 1, a = t("div", {
 				class: "tokui-desc__item",
 				"data-tokui-tag": e.type
@@ -13908,11 +14408,11 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		}
 		e.register("item", (e, n, r) => {
 			var i;
-			if (r === "desc") i = a(e);
-			else if (r === "carousel") i = u(e, n);
+			if (r === "desc") i = o(e);
+			else if (r === "carousel") i = d(e, n);
 			else if (r === "command-group") {
-				var o = typeof window < "u" && window.TokUI && window.TokUI._internal && window.TokUI._internal.buildCommandItem || null;
-				o && (i = o(e));
+				var a = typeof window < "u" && window.TokUI && window.TokUI._internal && window.TokUI._internal.buildCommandItem || null;
+				a && (i = a(e));
 			}
 			if (!i) {
 				i = t("li", { class: "tokui-list-item" });
@@ -13930,9 +14430,9 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			n.attrs.id && (i.id = n.attrs.id);
 			let a = "tokui-tab-" + Math.random().toString(36).slice(2, 8);
 			i._tabId = a, i._tabCount = 0;
-			var s = e.createReporter("tabs", n.attrs, i);
+			var o = e.createReporter("tabs", n.attrs, i);
 			return (n.children || []).forEach((e, t) => {
-				e.type === "tab" && (o(i, e, r, a, t), i._tabCount = t + 1);
+				e.type === "tab" && (s(i, e, r, a, t), i._tabCount = t + 1);
 			}), i._slot = i, i._tokuiType = "tabs", i.addEventListener("keydown", function(e) {
 				if (!(e.key !== "ArrowRight" && e.key !== "ArrowLeft")) {
 					var t = Array.from(i.querySelectorAll(".tokui-tabs-label")), n = t.indexOf(e.target);
@@ -13946,7 +14446,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				var t = e.target;
 				if (!(!t || !t.classList || !t.classList.contains("tokui-tabs-input"))) {
 					var n = parseInt(t.getAttribute("data-index"), 10), r = i.querySelector(".tokui-tabs-label[data-index=\"" + n + "\"]");
-					s("change", {
+					o("change", {
 						index: n,
 						title: r ? r.textContent : ""
 					});
@@ -13963,7 +14463,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				}
 			}, i;
 		});
-		function o(e, n, r, i, a) {
+		function s(e, n, r, i, a) {
 			var o = {
 				type: "radio",
 				name: i,
@@ -14145,7 +14645,13 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			function u(e, t) {
 				e.querySelectorAll(".tokui-img").forEach((e) => {
 					if (e._lbBound) return;
-					e._lbBound = !0;
+					if (e._lbBound = !0, typeof e.cloneNode != "function" || !e.parentNode) {
+						e.style.cursor = "pointer", e.addEventListener("click", function() {
+							let { getLightbox: n } = typeof l == "function" ? g() : window.TokUI._internal;
+							n(typeof document < "u" ? document : void 0).open(e.getAttribute("src"), t);
+						});
+						return;
+					}
 					let n = e.cloneNode(!0);
 					e.parentNode.replaceChild(n, e), n.style.cursor = "pointer", n.addEventListener("click", function() {
 						let { getLightbox: e } = typeof l == "function" ? g() : window.TokUI._internal;
@@ -14161,6 +14667,135 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					t.push(e.getAttribute("src"));
 				}), u(i, t);
 			}, i;
+		}), e.register("preview-group", (e, r) => {
+			var i = e.attrs || {}, a = t("div", {
+				class: "tokui-preview-group",
+				role: "group",
+				"aria-label": n("previewGroup.aria")
+			});
+			i.id && (a.id = i.id), r(e.children || []).forEach(function(e) {
+				e && e.nodeType && a.appendChild(e);
+			}), a._slot = a, a._tokuiType = "preview-group";
+			function o(e) {
+				var t = e.querySelectorAll(".tokui-img"), n = [];
+				t.forEach(function(e) {
+					var t = e.getAttribute("src");
+					t && n.push(t);
+				}), t.forEach(function(e) {
+					if (!e._pgBound) {
+						e._pgBound = !0;
+						var t = e;
+						typeof e.cloneNode == "function" && e.parentNode && (t = e.cloneNode(!0), t._pgBound = !0, e.parentNode.replaceChild(t, e)), t.style.cursor = "zoom-in", t.addEventListener("click", function() {
+							var e = (typeof l == "function" ? g().getLightbox : window.TokUI._internal.getLightbox)(typeof document < "u" ? document : void 0), r = [];
+							a.querySelectorAll(".tokui-img").forEach(function(e) {
+								var t = e.getAttribute("src");
+								t && r.push(t);
+							}), e.open(t.getAttribute("src"), r.length ? r : n);
+						});
+					}
+				});
+			}
+			return o(a), a._streamCloseHook = function() {
+				o(a);
+			}, a;
+		}), e.register("tour", (r, i) => {
+			var a = r.attrs || {}, o = t("div", { class: "tokui-tour" });
+			a.id && (o.id = a.id), i(r.children || []).forEach(function(e) {
+				e && e.nodeType && o.appendChild(e);
+			}), o._slot = o, o._tokuiType = "tour", o._report = e.createReporter("tour", a, o), o._tourMask = a.mask !== "false", o._collectSteps = function() {
+				var e = [];
+				return o.querySelectorAll(".tokui-tour-step").forEach(function(t) {
+					e.push({
+						tgt: t.getAttribute("data-tgt") || "",
+						tt: t.getAttribute("data-tt") || "",
+						tx: t.getAttribute("data-tx") || "",
+						pos: t.getAttribute("data-pos") || "bottom"
+					});
+				}), e;
+			};
+			var s = null, c = 0, l = typeof document < "u" ? document : null;
+			function u(e) {
+				return !e || !l || typeof l.getElementById != "function" ? null : l.getElementById(String(e).replace(/^#/, ""));
+			}
+			function d(e, t, n) {
+				var r = u(n.tgt);
+				if (!r || typeof r.getBoundingClientRect != "function" || typeof e.getBoundingClientRect != "function" || typeof window > "u") {
+					t.style.display = "none", e.style.left = "50%", e.style.top = "50%", e.style.transform = "translate(-50%, -50%)";
+					return;
+				}
+				e.style.transform = "";
+				var i = r.getBoundingClientRect();
+				t.style.display = "", t.style.left = i.left - 4 + "px", t.style.top = i.top - 4 + "px", t.style.width = i.width + 8 + "px", t.style.height = i.height + 8 + "px";
+				var a = e.offsetWidth || 280, o = e.offsetHeight || 120, s = window.innerWidth || 1024, c = window.innerHeight || 768, l = i.left, d = i.bottom + 8;
+				n.pos === "top" ? d = i.top - o - 8 : n.pos === "left" ? (l = i.left - a - 8, d = i.top) : n.pos === "right" && (l = i.right + 8, d = i.top), l = Math.max(8, Math.min(l, s - a - 8)), d = Math.max(8, Math.min(d, c - o - 8)), e.style.left = l + "px", e.style.top = d + "px";
+			}
+			function f(e, t) {
+				var r = o._collectSteps();
+				if (!(!s || r.length === 0)) {
+					c = Math.max(0, Math.min(e, r.length - 1));
+					var i = r[c], a = s.querySelector(".tokui-tour__title"), l = s.querySelector(".tokui-tour__body"), u = s.querySelector(".tokui-tour__counter"), f = s.querySelector(".tokui-tour__prev"), p = s.querySelector(".tokui-tour__next"), m = s.querySelector(".tokui-tour__highlight"), h = s.querySelector(".tokui-tour__panel");
+					a && (a.textContent = i.tt), l && (l.textContent = i.tx), u && (u.textContent = n("tour.stepCounter", {
+						cur: c + 1,
+						total: r.length
+					})), f && (f.disabled = c === 0), p && (p.textContent = c === r.length - 1 ? n("tour.finish") : n("tour.next")), d(h, m, i), t || o._report("change", {
+						index: c,
+						target: i.tgt || void 0
+					});
+				}
+			}
+			function p(e, t) {
+				s && (l && l.removeEventListener("keydown", m, !0), s.parentNode && s.parentNode.removeChild(s), s = null, t || o._report(e === "finish" ? "finish" : "close", { index: c }));
+			}
+			function m(e) {
+				s && (e.key === "Escape" ? p("close", !1) : e.key === "ArrowRight" ? f(c + 1, !1) : e.key === "ArrowLeft" && f(c - 1, !1));
+			}
+			function h(e, r) {
+				var i = o._collectSteps();
+				if (!(!l || !l.body || i.length === 0)) {
+					p("close", !0), s = t("div", {
+						class: "tokui-tour__layer",
+						role: "dialog",
+						"aria-modal": "true",
+						"aria-label": n("tour.aria")
+					});
+					var a = t("div", { class: "tokui-tour__highlight" + (o._tourMask ? " tokui-tour__highlight--mask" : "") }), u = t("div", { class: "tokui-tour__panel" }), d = t("div", { class: "tokui-tour__header" });
+					d.appendChild(t("span", { class: "tokui-tour__title" })), d.appendChild(t("span", { class: "tokui-tour__counter" }));
+					var h = t("button", {
+						class: "tokui-tour__close",
+						type: "button",
+						"aria-label": n("common.close")
+					}, "×");
+					d.appendChild(h), u.appendChild(d), u.appendChild(t("div", { class: "tokui-tour__body" }));
+					var g = t("div", { class: "tokui-tour__footer" }), _ = t("button", {
+						class: "tokui-tour__skip",
+						type: "button"
+					}, n("tour.skip")), v = t("button", {
+						class: "tokui-tour__prev",
+						type: "button"
+					}, n("tour.prev")), y = t("button", {
+						class: "tokui-tour__next",
+						type: "button"
+					}, n("tour.next"));
+					g.appendChild(_), g.appendChild(v), g.appendChild(y), u.appendChild(g), s.appendChild(a), s.appendChild(u), h.addEventListener("click", function() {
+						p("close", !1);
+					}), _.addEventListener("click", function() {
+						p("close", !1);
+					}), v.addEventListener("click", function() {
+						f(c - 1, !1);
+					}), y.addEventListener("click", function() {
+						var e = o._collectSteps();
+						c >= e.length - 1 ? p("finish", !1) : f(c + 1, !1);
+					}), l.addEventListener("keydown", m, !0), l.body.appendChild(s), f(e || 0, r);
+				}
+			}
+			return o._update = function(e) {
+				e.act === "open" ? h(e.v === void 0 ? 0 : parseInt(e.v) || 0, !0) : e.act === "goto" && e.v !== void 0 ? f(parseInt(e.v) || 0, !0) : e.act === "close" && p("close", !0);
+			}, a.open !== void 0 && (o._streamCloseHook = function() {
+				s || h(0, !0);
+			}), o;
+		}), e.register("tour-step", (e) => {
+			var n = e.attrs || {}, r = t("span", { class: "tokui-tour-step" });
+			return n.tgt && r.setAttribute("data-tgt", String(n.tgt).replace(/^#/, "")), n.tt && r.setAttribute("data-tt", n.tt), r.setAttribute("data-tx", n.tx || e.content || ""), n.pos && r.setAttribute("data-pos", n.pos), r;
 		}), e.register("timeline", (e, n) => {
 			let r = e.attrs || {}, i = ["tokui-timeline"], a = r.v || "", o = a === "alternate" || a === "alt";
 			(a === "h" || a === "horizontal") && i.push("tokui-timeline--horizontal"), o && i.push("tokui-timeline--alternate"), a === "card" && i.push("tokui-timeline--card");
@@ -14260,7 +14895,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}
 			return r.appendChild(a), r;
 		});
-		function s(e) {
+		function c(e) {
 			for (var t = e.querySelectorAll(".tokui-desc__item--last-row"), n = 0; n < t.length; n++) t[n].classList.remove("tokui-desc__item--last-row");
 			var r = e.querySelectorAll(".tokui-desc__item");
 			if (r.length) {
@@ -14279,14 +14914,14 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				if (!o) for (var u = (Math.ceil(r.length / a) - 1) * a; u < r.length; u++) r[u].classList.add("tokui-desc__item--last-row");
 			}
 		}
-		function c(e) {
-			if (s(e), typeof MutationObserver > "u") return;
+		function u(e) {
+			if (c(e), typeof MutationObserver > "u") return;
 			var t = !1;
 			function n() {
 				t || (t = !0, (typeof requestAnimationFrame == "function" ? requestAnimationFrame : function(e) {
 					e();
 				})(function() {
-					t = !1, e.isConnected && s(e);
+					t = !1, e.isConnected && c(e);
 				}));
 			}
 			var r = new MutationObserver(function() {
@@ -14297,22 +14932,22 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				n();
 			});
 			r.observe(e, { childList: !0 }), typeof requestAnimationFrame == "function" && requestAnimationFrame(function() {
-				e.isConnected && s(e);
+				e.isConnected && c(e);
 			});
 		}
 		e.register("desc", (e, n) => {
-			var r = e.attrs || {}, i = parseInt(r.cols) || 3, o = ["tokui-desc"];
-			r.stripe !== void 0 && o.push("tokui-desc--stripe"), r.bordered !== void 0 && o.push("tokui-desc--bordered"), (r.v === "horizontal" || r.v === "h") && o.push("tokui-desc--horizontal");
-			var s = t("div", { class: o.join(" ") });
+			var r = e.attrs || {}, i = parseInt(r.cols) || 3, a = ["tokui-desc"];
+			r.stripe !== void 0 && a.push("tokui-desc--stripe"), r.bordered !== void 0 && a.push("tokui-desc--bordered"), (r.v === "horizontal" || r.v === "h") && a.push("tokui-desc--horizontal");
+			var s = t("div", { class: a.join(" ") });
 			s.style.setProperty("--tokui-desc-cols", String(i)), r.lw && s.style.setProperty("--tokui-desc-label-w", r.lw);
-			var l = (e.children || []).filter(function(e) {
+			var c = (e.children || []).filter(function(e) {
 				return e.type === "desc-item" || e.type === "item";
 			});
-			return l.length > 0 && l.forEach(function(e) {
-				s.appendChild(a(e, i));
-			}), c(s), s._slot = s, s._tokuiType = "desc", s;
-		}), e.register("desc-item", (e) => a(e));
-		function u(e, n) {
+			return c.length > 0 && c.forEach(function(e) {
+				s.appendChild(o(e, i));
+			}), u(s), s._slot = s, s._tokuiType = "desc", s;
+		}), e.register("desc-item", (e) => o(e));
+		function d(e, n) {
 			var r = e.attrs || {}, i = t("div", {
 				class: "tokui-carousel__slide",
 				"data-tokui-tag": e.type
@@ -14335,7 +14970,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		e.register("carousel", (r, i) => {
 			var a = r.attrs || {}, o = a.thumb !== void 0, s = { class: "tokui-carousel" + (o ? " tokui-carousel--thumb" : "") };
 			a.id && (s.id = a.id), s["data-carousel"] = a.id || "carousel-" + Math.random().toString(36).slice(2, 8);
-			var c = t("div", s), l = e.createReporter("carousel", a, c), d = t("div", { class: "tokui-carousel__viewport" }), f = t("div", { class: "tokui-carousel__track" });
+			var c = t("div", s), l = e.createReporter("carousel", a, c), u = t("div", { class: "tokui-carousel__viewport" }), f = t("div", { class: "tokui-carousel__track" });
 			function p(e) {
 				return e = String(e).trim(), /^\d+(\.\d+)?$/.test(e) ? e + "px" : e;
 			}
@@ -14348,35 +14983,35 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				var i = parseFloat(e);
 				return i > 0 ? i : 0;
 			}
-			if (a.w && (c.style.width = p(a.w)), a.h) d.style.height = p(a.h), c.classList.add("tokui-carousel--sized");
+			if (a.w && (c.style.width = p(a.w)), a.h) u.style.height = p(a.h), c.classList.add("tokui-carousel--sized");
 			else if (a.ratio) {
 				var h = m(a.ratio);
-				h && (d.style.aspectRatio = String(h), c.classList.add("tokui-carousel--sized"));
+				h && (u.style.aspectRatio = String(h), c.classList.add("tokui-carousel--sized"));
 			}
 			var g = (r.children || []).filter(function(e) {
 				return e.type === "carousel-item" || e.type === "item" || e.type === "img";
 			});
 			g.forEach(function(e) {
-				if (e.type === "carousel-item" || e.type === "item") f.appendChild(u(e, i));
+				if (e.type === "carousel-item" || e.type === "item") f.appendChild(d(e, i));
 				else if (e.type === "img") {
 					var n = t("div", { class: "tokui-carousel__slide" });
 					i([e]).forEach(function(e) {
 						e && e.nodeType && n.appendChild(e);
 					}), f.appendChild(n);
 				}
-			}), d.appendChild(f);
+			}), u.appendChild(f);
 			var _ = t("button", {
 				class: "tokui-carousel__arrow tokui-carousel__arrow--prev",
 				"aria-label": n("layout.carouselPrev"),
 				"data-dir": "prev"
 			});
-			_.innerHTML = "<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"15 18 9 12 15 6\"/></svg>", d.appendChild(_);
+			_.innerHTML = "<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"15 18 9 12 15 6\"/></svg>", u.appendChild(_);
 			var v = t("button", {
 				class: "tokui-carousel__arrow tokui-carousel__arrow--next",
 				"aria-label": n("layout.carouselNext"),
 				"data-dir": "next"
 			});
-			v.innerHTML = "<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"9 6 15 12 9 18\"/></svg>", d.appendChild(v), c.appendChild(d);
+			v.innerHTML = "<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"9 6 15 12 9 18\"/></svg>", u.appendChild(v), c.appendChild(u);
 			var y = null, b = null, x = !1;
 			function S() {
 				return Array.prototype.filter.call(f.children, function(e) {
@@ -14407,7 +15042,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 							"data-index": String(r)
 						});
 						y.appendChild(i);
-					}), d.appendChild(y)));
+					}), u.appendChild(y)));
 				}
 			}
 			c._slot = f, c._tokuiType = "carousel";
@@ -14491,7 +15126,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			return g.length > 0 && w(), c._streamCloseHook = function() {
 				w();
 			}, c;
-		}), e.register("carousel-item", (e, t) => u(e, t)), e.register("tn", (e, n) => {
+		}), e.register("carousel-item", (e, t) => d(e, t)), e.register("tn", (e, n) => {
 			var r = e.attrs.leaf !== void 0, i = e.attrs.open !== void 0, a = e.attrs.dis !== void 0, o = e.attrs.load && !(e.children && e.children.length) ? String(e.attrs.load) : null, s = t("div", {
 				class: "tokui-tree-node" + (r ? " tokui-tree-node--leaf" : "") + (i ? " tokui-tree-node--open" : "") + (a ? " tokui-tree-node--disabled" : ""),
 				role: "treeitem",
@@ -14679,12 +15314,12 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			return (n.children || []).filter(function(e) {
 				return e.type === "menu-item";
 			}).forEach(function(e) {
-				var t = p(e, l);
+				var t = m(e, l);
 				c.appendChild(t);
 			}), c._slot = c, c._tokuiType = "menu", c._activeClk = l, c._report = e.createReporter("menu", i, c), c._update = function(e) {
 				if (!(e.act !== "activate" || e.v === void 0)) {
-					for (var t = c.querySelectorAll(".tokui-menu__item"), n = 0; n < t.length; n++) if (d(t[n]) === String(e.v)) {
-						f(t[n], !0);
+					for (var t = c.querySelectorAll(".tokui-menu__item"), n = 0; n < t.length; n++) if (f(t[n]) === String(e.v)) {
+						p(t[n], !0);
 						break;
 					}
 				}
@@ -14696,18 +15331,18 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				}
 			}), c;
 		});
-		function d(e) {
+		function f(e) {
 			if (e._menuValue !== void 0) return e._menuValue;
 			var t = e.querySelector(".tokui-menu__text");
 			return t ? t.textContent : e.textContent;
 		}
-		function f(e, t) {
+		function p(e, t) {
 			var n = e.closest(".tokui-menu");
 			n && n.querySelectorAll(".tokui-menu__item--active").forEach(function(e) {
 				e.classList.remove("tokui-menu__item--active");
-			}), e.classList.add("tokui-menu__item--active"), !t && n && n._report && n._report("change", { value: d(e) });
+			}), e.classList.add("tokui-menu__item--active"), !t && n && n._report && n._report("change", { value: f(e) });
 		}
-		function p(e, n) {
+		function m(e, n) {
 			var r = e.attrs || {}, i = ["tokui-menu__item"];
 			r.dis !== void 0 && i.push("tokui-menu__item--disabled"), n && r.clk === n && i.push("tokui-menu__item--active");
 			var a = t("div", {
@@ -14721,7 +15356,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}
 			var s = t("span", { class: "tokui-menu__text" }, r.tx || e.content || "");
 			return a.appendChild(s), a._menuValue = r.id || r.v || r.tx || e.content || "", r.dis === void 0 && (r.clk && a.setAttribute("data-tokui-clk", r.clk), a.addEventListener("click", function() {
-				f(a);
+				p(a);
 			})), a;
 		}
 		e.register("menu-item", (e) => {
@@ -14733,8 +15368,144 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				tabindex: "0"
 			});
 			return n.i && i.appendChild(t("span", { class: "tokui-menu__icon" }, n.i)), i.appendChild(t("span", { class: "tokui-menu__text" }, n.tx || e.content || "")), i._menuValue = n.id || n.v || n.tx || e.content || "", n.dis === void 0 && (n.clk && i.setAttribute("data-tokui-clk", n.clk), i.addEventListener("click", function() {
-				f(i);
+				p(i);
 			})), i;
+		}), e.register("anchor", (r, i) => {
+			var a = r.attrs || {}, o = t("nav", {
+				class: "tokui-anchor",
+				"aria-label": n("anchor.aria")
+			});
+			a.id && (o.id = a.id), o._anchorOffset = parseInt(a.top) || 12, o._report = e.createReporter("anchor", a, o), v(a.opt).forEach(function(e) {
+				o.appendChild(_(o, e.v, e.tx, 0));
+			}), i(r.children || []).forEach(function(e) {
+				e && e.nodeType && o.appendChild(e);
+			}), o._slot = o, o._tokuiType = "anchor";
+			function s() {
+				if (!o.querySelector(".tokui-anchor__item--active")) {
+					var e = o.querySelector(".tokui-anchor__item");
+					e && e.classList.add("tokui-anchor__item--active");
+				}
+			}
+			if (s(), o._streamCloseHook = s, o._update = function(e) {
+				if (e.v !== void 0) {
+					for (var t = String(e.v).replace(/^#/, ""), n = o.querySelectorAll(".tokui-anchor__item"), r = 0; r < n.length; r++) if (n[r]._anchorValue === t) {
+						y(o, n[r], !0), o._spySuppressUntil = Date.now() + 900;
+						break;
+					}
+				}
+			}, typeof window < "u") {
+				var c = window.requestAnimationFrame || function(e) {
+					return e();
+				};
+				c(function() {
+					var e = null;
+					function t() {
+						for (var e = o.parentElement; e;) {
+							if (typeof getComputedStyle == "function") {
+								var t = getComputedStyle(e);
+								if ((t.overflowY === "auto" || t.overflowY === "scroll") && e.scrollHeight > e.clientHeight) return e;
+							}
+							e = e.parentElement;
+						}
+						return null;
+					}
+					var n = function() {
+						if (!(o._spySuppressUntil && Date.now() < o._spySuppressUntil)) {
+							e ||= t();
+							for (var n = e ? e.getBoundingClientRect().top : 0, r = o._anchorOffset || 12, i = o.querySelectorAll(".tokui-anchor__item"), a = null, s = 0; s < i.length; s++) {
+								var c = document.getElementById(i[s]._anchorValue);
+								!c || typeof c.getBoundingClientRect != "function" || c.getBoundingClientRect().top - n <= r && (a = i[s]);
+							}
+							if (!a && i.length > 0) {
+								var l = document.getElementById(i[0]._anchorValue);
+								l && typeof l.getBoundingClientRect == "function" && (a = i[0]);
+							}
+							a && y(o, a, !0);
+						}
+					}, r = !1, i = function() {
+						r || (r = !0, c(function() {
+							r = !1, n();
+						}));
+					};
+					window.addEventListener && window.addEventListener("scroll", i, {
+						capture: !0,
+						passive: !0
+					}), n(), o._anchorCleanup = function() {
+						window.removeEventListener && window.removeEventListener("scroll", i, { capture: !0 });
+					};
+				});
+			}
+			return o;
+		}), e.register("lk", (e) => {
+			var n = e.attrs || {}, r = String(n.h || "").replace(/^#/, ""), i = Math.min(parseInt(n.d) || 0, 3), a = t("div", {
+				class: "tokui-anchor__item" + (i > 0 ? " tokui-anchor__item--depth-" + i : ""),
+				role: "link",
+				tabindex: "0",
+				"data-target": r
+			}, n.tx || e.content || r);
+			a._anchorValue = r;
+			function o() {
+				var e = a.closest(".tokui-anchor");
+				e && (y(e, a, !1), e._spySuppressUntil = Date.now() + 900, b(r));
+			}
+			return a.addEventListener("click", o), a.addEventListener("keydown", function(e) {
+				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), o());
+			}), a;
+		});
+		function _(e, n, r, i) {
+			i = Math.min(i || 0, 3);
+			var a = t("div", {
+				class: "tokui-anchor__item" + (i > 0 ? " tokui-anchor__item--depth-" + i : ""),
+				role: "link",
+				tabindex: "0",
+				"data-target": n
+			}, r);
+			a._anchorValue = n;
+			function o() {
+				y(e, a, !1), e._spySuppressUntil = Date.now() + 900, b(n);
+			}
+			return a.addEventListener("click", o), a.addEventListener("keydown", function(e) {
+				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), o());
+			}), a;
+		}
+		function v(e) {
+			return !e || typeof e != "string" ? [] : e.split(";").map(function(e) {
+				return e.trim();
+			}).filter(Boolean).map(function(e) {
+				var t = e.indexOf(":");
+				return t === -1 ? {
+					v: e.replace(/^#/, ""),
+					tx: e
+				} : {
+					v: e.substring(0, t).trim().replace(/^#/, ""),
+					tx: e.substring(t + 1).trim()
+				};
+			});
+		}
+		function y(e, t, n) {
+			e.querySelectorAll(".tokui-anchor__item--active").forEach(function(e) {
+				e.classList.remove("tokui-anchor__item--active");
+			}), t.classList.add("tokui-anchor__item--active"), !n && e._report && e._report("change", { value: t._anchorValue });
+		}
+		function b(e) {
+			var t = document.getElementById(e);
+			t && typeof t.scrollIntoView == "function" && t.scrollIntoView({
+				behavior: "smooth",
+				block: "start"
+			});
+		}
+		e.register("masonry", (e, n) => {
+			var r = e.attrs || {}, i = parseInt(r.gap) || 8, a = t("div", { class: "tokui-masonry" });
+			r.id && (a.id = r.id);
+			var o = parseInt(r.minw);
+			if (o > 0) a.classList.add("tokui-masonry--auto"), a.style.columnWidth = o + "px";
+			else {
+				var s = Math.min(Math.max(parseInt(r.cols) || 2, 1), 6);
+				a.style.columnCount = String(s);
+			}
+			return a.style.columnGap = i + "px", a.style.setProperty("--tokui-masonry-gap", i + "px"), n(e.children || []).forEach(function(e) {
+				e && e.nodeType && a.appendChild(e);
+			}), a._slot = a, a._tokuiType = "masonry", a;
 		}), e.register("resizable", (e, n) => {
 			var r = e.attrs || {}, i = r.dir || "h", a = parseInt(r.min) || 100, o = parseInt(r.max) || 800, s = parseInt(r.default) || 300, c = i !== "v", l = ["tokui-resizable"];
 			l.push(c ? "tokui-resizable--h" : "tokui-resizable--v");
@@ -14898,7 +15669,10 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}), r._slot = r, r._tokuiType = "sidebar-footer", r;
 		});
 	}
-	typeof window < "u" && (window.TokUI = window.TokUI || {}, window.TokUI._internal = window.TokUI._internal || {}, window.TokUI._internal.registerLayoutComponents = r), t !== void 0 && t.exports && (t.exports = { registerLayoutComponents: r });
+	typeof window < "u" && (window.TokUI = window.TokUI || {}, window.TokUI._internal = window.TokUI._internal || {}, window.TokUI._internal.registerLayoutComponents = i, r()), t !== void 0 && t.exports && (t.exports = {
+		registerLayoutComponents: i,
+		mountModalConfirm: r
+	});
 })), E = /* @__PURE__ */ o(((e, t) => {
 	var n = !1, r, i, a, o, s, c, u;
 	function d() {
@@ -15020,7 +15794,13 @@ var M = /* @__PURE__ */ c(D()), N = k.default.registerHandler.bind(k.default), P
 	setLocale: L,
 	getLocale: R,
 	registerLocale: z,
-	el: j.el
+	el: j.el,
+	get modal() {
+		return typeof window < "u" && window.TokUI ? window.TokUI.modal : void 0;
+	},
+	get confirm() {
+		return typeof window < "u" && window.TokUI ? window.TokUI.confirm : void 0;
+	}
 }, V = M.default, H = j.el;
 export { V as TokUI, B as default, H as el, R as getLocale, I as getTheme, N as registerHandler, z as registerLocale, P as removeHandler, L as setLocale, F as setTheme };