@ac-design/design-system 2.3.0 → 2.4.0

package/dist/lib/components/AcTimePicker.vue_vue_type_script_setup_true_lang.js

@@ -1,14 +1,11 @@
 import { fixedFrame as e } from "./fixedFrame.js";
-import { Fragment as t, Teleport as n, Transition as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, mergeModels as d, mergeProps as f, nextTick as p, normalizeClass as m, onBeforeUnmount as ee, onMounted as te, openBlock as h, ref as g, renderList as _, renderSlot as v, toDisplayString as y, unref as b, useAttrs as ne, useId as re, useModel as x, watch as ie, withCtx as ae } from "vue";
-import { Clock as oe, X as se } from "@lucide/vue";
+import { Fragment as t, Teleport as n, Transition as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, mergeModels as d, mergeProps as f, nextTick as p, normalizeClass as m, onBeforeUnmount as ee, onMounted as te, openBlock as h, ref as g, renderList as _, renderSlot as v, toDisplayString as y, unref as b, useAttrs as ne, useId as re, useModel as ie, watch as ae, withCtx as oe } from "vue";
+import { Clock as se, X as ce } from "@lucide/vue";
 //#region src/lib/components/AcTimePicker.vue?vue&type=script&setup=true&lang.ts
-var ce = ["for"], le = { key: 0 }, ue = {
+var le = ["for"], ue = { key: 0 }, de = {
 	key: 1,
 	class: "text-danger",
 	"aria-hidden": "true"
-}, de = {
-	key: 2,
-	class: "relative"
 }, fe = [
 	"id",
 	"disabled",
@@ -40,7 +37,7 @@ var ce = ["for"], le = { key: 0 }, ue = {
 	"aria-selected",
 	"aria-disabled",
 	"onClick"
-], Ce = { class: "mt-4 flex shrink-0 justify-center gap-2 border-t border-border pt-4" }, we = ["disabled"], Te = ["name", "value"], S = 86399, C = /*@__PURE__*/ u({
+], Ce = { class: "mt-4 flex shrink-0 justify-center gap-2 border-t border-border pt-4" }, we = ["disabled"], Te = ["name", "value"], x = 86399, S = /*@__PURE__*/ u({
 	inheritAttrs: !1,
 	__name: "AcTimePicker",
 	props: /*@__PURE__*/ d({
@@ -73,6 +70,17 @@ var ce = ["for"], le = { key: 0 }, ue = {
 		inline: {
 			type: Boolean,
 			default: !1
+		},
+		valueType: { default: "string" },
+		fieldClass: {
+			type: [
+				Boolean,
+				null,
+				String,
+				Object,
+				Array
+			],
+			default: void 0
 		}
 	}, {
 		modelValue: { default: null },
@@ -85,17 +93,38 @@ var ce = ["for"], le = { key: 0 }, ue = {
 	}),
 	emits: ["update:modelValue", "update:open"],
 	setup(u, { expose: d }) {
-		let C = u, w = x(u, "modelValue"), T = x(u, "open"), Ee = /^(\d{1,2}):(\d{2})(?::(\d{2}))?$/, E = re(), D = ne(), De = i(() => ({
+		let S = u, C = ie(u, "modelValue"), w = ie(u, "open"), T = /^(\d{1,2}):(\d{2})(?::(\d{2}))?$/, E = re(), D = ne(), Ee = i(() => ({
 			class: D.class,
 			style: D.style
 		})), O = i(() => {
 			let { class: e, style: t, ...n } = D;
 			return n;
-		}), k = `${E}-label`, A = `${E}-value`, j = `${E}-msg`, M = `${E}-hint`, N = g(null), P = g(null), F = g(null), I = g({
+		}), k = `${E}-label`, A = `${E}-value`, j = `${E}-msg`, M = `${E}-hint`, De = g(null), N = g(null), P = g(null), F = g({
 			left: 0,
 			maxHeight: 400,
 			minWidth: 0
-		}), L = g(!1), Oe = i(() => T.value || L.value), R = i(() => U(w.value)), z = i(() => U(C.min) ?? 0), ke = i(() => U(C.max) ?? S), Ae = i(() => R.value === null ? null : W(R.value)), B = i(() => C.hourCycle === 12), je = i(() => R.value === null ? "" : Le(R.value)), Me = i(() => [C.hint && M, C.errorMsg && j].filter(Boolean).join(" ") || void 0), Ne = i(() => C.label ? `${C.label}: choose time` : "Choose time"), Pe = i(() => G(ze())), Fe = i(() => {
+		}), I = g(!1), L = i({
+			get() {
+				let e = C.value;
+				if (!(e instanceof Date)) return e ?? null;
+				if (Number.isNaN(e.getTime())) return null;
+				let t = `${V(e.getHours())}:${V(e.getMinutes())}`;
+				return S.showSeconds ? `${t}:${V(e.getSeconds())}` : t;
+			},
+			set(e) {
+				if (S.valueType !== "date" && !(C.value instanceof Date)) {
+					C.value = e;
+					return;
+				}
+				let t = e ? T.exec(e) : null;
+				if (!t) {
+					C.value = null;
+					return;
+				}
+				let n = C.value instanceof Date && !Number.isNaN(C.value.getTime()) ? new Date(C.value) : /* @__PURE__ */ new Date();
+				t[3] === void 0 ? n.setHours(Number(t[1]), Number(t[2])) : n.setHours(Number(t[1]), Number(t[2]), Number(t[3])), C.value = n;
+			}
+		}), Oe = i(() => w.value || I.value), R = i(() => U(L.value)), z = i(() => U(S.min) ?? 0), ke = i(() => U(S.max) ?? x), Ae = i(() => R.value === null ? null : W(R.value)), B = i(() => S.hourCycle === 12), je = i(() => R.value === null ? "" : Le(R.value)), Me = i(() => [S.hint && M, S.errorMsg && j].filter(Boolean).join(" ") || void 0), Ne = i(() => S.label ? `${S.label}: choose time` : "Choose time"), Pe = i(() => G(ze())), Fe = i(() => {
 			let e = Ae.value, t = e?.h ?? null, n = e?.m ?? null, r = t === null ? 0 : t >= 12 ? 12 : 0, i = [], a = B.value ? [
 				0,
 				1,
@@ -127,15 +156,15 @@ var ce = ["for"], le = { key: 0 }, ue = {
 				heading: "Min",
 				name: "Minutes",
 				selected: n,
-				cells: H(0, 59, Math.max(1, C.minuteStep)).map((e) => {
+				cells: H(0, 59, Math.max(1, S.minuteStep)).map((e) => {
 					let t = o * 3600 + e * 60;
 					return {
 						value: e,
 						text: V(e),
-						disabled: !K(t, C.showSeconds ? t + 59 : t)
+						disabled: !K(t, S.showSeconds ? t + 59 : t)
 					};
 				})
-			}), C.showSeconds) {
+			}), S.showSeconds) {
 				let t = n ?? 0;
 				i.push({
 					unit: "s",
@@ -161,7 +190,7 @@ var ce = ["for"], le = { key: 0 }, ue = {
 				}, {
 					value: 12,
 					text: "PM",
-					disabled: !K(43200, S)
+					disabled: !K(43200, x)
 				}]
 			}), i;
 		});
@@ -174,7 +203,7 @@ var ce = ["for"], le = { key: 0 }, ue = {
 			return r;
 		}
 		function U(e) {
-			let t = e ? Ee.exec(e.trim()) : null;
+			let t = e ? T.exec(e.trim()) : null;
 			if (!t) return null;
 			let [n, r, i] = [
 				Number(t[1]),
@@ -192,10 +221,10 @@ var ce = ["for"], le = { key: 0 }, ue = {
 		}
 		function Ie(e) {
 			let { h: t, m: n, s: r } = W(e);
-			return C.showSeconds ? `${V(t)}:${V(n)}:${V(r)}` : `${V(t)}:${V(n)}`;
+			return S.showSeconds ? `${V(t)}:${V(n)}:${V(r)}` : `${V(t)}:${V(n)}`;
 		}
 		function Le(e) {
-			let { h: t, m: n, s: r } = W(e), i = C.showSeconds ? `${V(n)}:${V(r)}` : V(n);
+			let { h: t, m: n, s: r } = W(e), i = S.showSeconds ? `${V(n)}:${V(r)}` : V(n);
 			return B.value ? `${V(t % 12 || 12)}:${i} ${t >= 12 ? "PM" : "AM"}` : `${V(t)}:${i}`;
 		}
 		function G(e) {
@@ -208,39 +237,39 @@ var ce = ["for"], le = { key: 0 }, ue = {
 			return Math.floor(z.value / 3600);
 		}
 		function ze() {
-			let e = /* @__PURE__ */ new Date(), t = Math.max(1, C.minuteStep), n = Math.floor(e.getMinutes() / t) * t;
-			return e.getHours() * 3600 + n * 60 + (C.showSeconds ? e.getSeconds() : 0);
+			let e = /* @__PURE__ */ new Date(), t = Math.max(1, S.minuteStep), n = Math.floor(e.getMinutes() / t) * t;
+			return e.getHours() * 3600 + n * 60 + (S.showSeconds ? e.getSeconds() : 0);
 		}
 		function Be(e) {
 			if (G(e) && Ve(e)) return e;
-			let { h: t } = W(e), n = Math.max(1, C.minuteStep) * 60, r = [];
-			for (let e = t * 3600; e < (t + 1) * 3600; e += n) if (C.showSeconds) for (let t = 0; t < 60; t++) r.push(e + t);
+			let { h: t } = W(e), n = Math.max(1, S.minuteStep) * 60, r = [];
+			for (let e = t * 3600; e < (t + 1) * 3600; e += n) if (S.showSeconds) for (let t = 0; t < 60; t++) r.push(e + t);
 			else r.push(e);
 			let i = r.filter(G);
 			return i.length ? i.reduce((t, n) => Math.abs(n - e) < Math.abs(t - e) ? n : t) : null;
 		}
 		function Ve(e) {
 			let { m: t, s: n } = W(e);
-			return t % Math.max(1, C.minuteStep) === 0 && (C.showSeconds || n === 0);
+			return t % Math.max(1, S.minuteStep) === 0 && (S.showSeconds || n === 0);
 		}
 		function He(e, t) {
-			if (C.disabled) return;
+			if (S.disabled) return;
 			let { h: n, m: r, s: i } = Ae.value ?? W(Be(z.value) ?? z.value);
 			e === "h" ? n = t : e === "m" ? r = t : e === "s" ? i = t : n = n % 12 + t;
-			let a = Be(n * 3600 + r * 60 + (C.showSeconds ? i : 0));
-			a !== null && (w.value = Ie(a));
+			let a = Be(n * 3600 + r * 60 + (S.showSeconds ? i : 0));
+			a !== null && (L.value = Ie(a));
 		}
 		function Ue() {
-			C.disabled || (w.value = Ie(ze()), p(() => X("smooth")));
+			S.disabled || (L.value = Ie(ze()), p(() => X("smooth")));
 		}
 		function We() {
-			w.value = null, P.value?.focus();
+			L.value = null, N.value?.focus();
 		}
 		function q() {
-			let t = P.value;
+			let t = N.value;
 			if (!t) return;
-			let n = t.getBoundingClientRect(), r = e(), i = F.value?.offsetWidth ?? 240, a = F.value?.offsetHeight ?? 320, o = r.bottom - n.bottom - 6 - 8, s = n.top - r.top - 6 - 8, c = o < a && s > o, l = Math.max(8, Math.min(n.left - r.left, r.width - i - 8)), u = Math.min(n.width, 448);
-			I.value = c ? {
+			let n = t.getBoundingClientRect(), r = e(), i = P.value?.offsetWidth ?? 240, a = P.value?.offsetHeight ?? 320, o = r.bottom - n.bottom - 6 - 8, s = n.top - r.top - 6 - 8, c = o < a && s > o, l = Math.max(8, Math.min(n.left - r.left, r.width - i - 8)), u = Math.min(n.width, 448);
+			F.value = c ? {
 				bottom: r.bottom - n.top + 6,
 				left: l,
 				maxHeight: Math.max(200, s),
@@ -253,17 +282,17 @@ var ce = ["for"], le = { key: 0 }, ue = {
 			};
 		}
 		function Ge() {
-			C.disabled || T.value || (T.value = !0);
+			S.disabled || w.value || (w.value = !0);
 		}
 		function J(e = !0) {
-			T.value && (T.value = !1, e && P.value?.focus());
+			w.value && (w.value = !1, e && N.value?.focus());
 		}
 		async function Y() {
 			q(), $e(), await p(), q(), X("instant"), Z(0);
 		}
 		function X(e) {
 			let t = e === "smooth" && !window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-			F.value?.querySelectorAll("[role=listbox]").forEach((e) => {
+			P.value?.querySelectorAll("[role=listbox]").forEach((e) => {
 				let n = e.querySelector("[aria-selected=true]") ?? e.querySelector("[aria-disabled=false]");
 				n && e.scrollTo({
 					top: n.offsetTop - (e.clientHeight - n.offsetHeight) / 2,
@@ -272,7 +301,7 @@ var ce = ["for"], le = { key: 0 }, ue = {
 			});
 		}
 		function Ke(e) {
-			return [...F.value?.querySelectorAll(`[data-col="${e}"] [role=option]`) ?? []];
+			return [...P.value?.querySelectorAll(`[data-col="${e}"] [role=option]`) ?? []];
 		}
 		function Z(e) {
 			let t = Ke(e);
@@ -315,13 +344,13 @@ var ce = ["for"], le = { key: 0 }, ue = {
 			Je(t, n, o);
 		}
 		function Xe(e) {
-			if (C.inline) return;
+			if (S.inline) return;
 			if (e.key === "Escape") {
 				e.preventDefault(), e.stopPropagation(), J();
 				return;
 			}
-			if (e.key !== "Tab" || !F.value) return;
-			let t = [...F.value.querySelectorAll("button:not([disabled])")].filter((e) => e.tabIndex >= 0);
+			if (e.key !== "Tab" || !P.value) return;
+			let t = [...P.value.querySelectorAll("button:not([disabled])")].filter((e) => e.tabIndex >= 0);
 			if (!t.length) return;
 			let n = t[0], r = t[t.length - 1];
 			e.shiftKey && document.activeElement === n ? (e.preventDefault(), r.focus()) : !e.shiftKey && document.activeElement === r && (e.preventDefault(), n.focus());
@@ -331,10 +360,10 @@ var ce = ["for"], le = { key: 0 }, ue = {
 		}
 		function Qe(e) {
 			let t = e.target;
-			N.value?.contains(t) || F.value?.contains(t) || J(!1);
+			De.value?.contains(t) || P.value?.contains(t) || J(!1);
 		}
 		function Q(e) {
-			e?.target instanceof Node && F.value?.contains(e.target) || q();
+			e?.target instanceof Node && P.value?.contains(e.target) || q();
 		}
 		function $e() {
 			document.addEventListener("pointerdown", Qe, !0), window.addEventListener("scroll", Q, !0), window.addEventListener("resize", Q);
@@ -345,15 +374,15 @@ var ce = ["for"], le = { key: 0 }, ue = {
 		async function et() {
 			await p(), X("instant");
 		}
-		return ie(T, (e) => e ? Y() : $()), ie(w, () => C.inline && p(() => X("smooth"))), te(() => {
-			C.inline ? X("instant") : T.value && Y();
+		return ae(w, (e) => e ? Y() : $()), ae(L, () => S.inline && p(() => X("smooth"))), te(() => {
+			S.inline ? X("instant") : w.value && Y();
 		}), ee($), d({
-			focus: () => C.inline ? Z(0) : P.value?.focus(),
+			focus: () => S.inline ? Z(0) : N.value?.focus(),
 			scrollToSelected: et
 		}), (e, i) => (h(), s("div", f({
 			ref_key: "root",
-			ref: N
-		}, De.value, {
+			ref: De
+		}, Ee.value, {
 			class: ["w-full", u.disabled && "opacity-50"],
 			"data-ac-ds": "",
 			"data-testid": "ac-time-picker"
@@ -365,54 +394,57 @@ var ce = ["for"], le = { key: 0 }, ue = {
 				class: "mb-2 flex items-center gap-1 text-base font-medium text-heading"
 			}, [
 				v(e.$slots, "label-icon"),
-				u.label ? (h(), s("span", le, y(u.label), 1)) : o("", !0),
+				u.label ? (h(), s("span", ue, y(u.label), 1)) : o("", !0),
 				v(e.$slots, "label-extra"),
-				u.required ? (h(), s("span", ue, "*")) : o("", !0)
-			], 8, ce)) : o("", !0),
+				u.required ? (h(), s("span", de, "*")) : o("", !0)
+			], 8, le)) : o("", !0),
 			u.hint ? (h(), s("p", {
 				key: 1,
 				id: M,
 				class: "mb-2 text-base text-muted"
 			}, y(u.hint), 1)) : o("", !0),
-			u.inline ? o("", !0) : (h(), s("div", de, [c("button", f({
+			u.inline ? o("", !0) : (h(), s("div", {
+				key: 2,
+				class: m(["relative", u.fieldClass])
+			}, [c("button", f({
 				id: `${b(E)}-trigger`,
 				ref_key: "trigger",
-				ref: P
+				ref: N
 			}, O.value, {
 				type: "button",
 				disabled: u.disabled,
 				"aria-haspopup": "dialog",
-				"aria-expanded": T.value,
+				"aria-expanded": w.value,
 				"aria-labelledby": u.label || e.$slots["label-icon"] || e.$slots["label-extra"] ? `${k} ${A}` : A,
 				"aria-describedby": Me.value,
 				"aria-invalid": !!u.errorMsg || void 0,
 				"aria-required": u.required || void 0,
-				class: ["flex w-full items-center rounded-10 border bg-background text-left text-base font-normal text-heading transition-[color,background-color,border-color,box-shadow] duration-200 outline-none disabled:cursor-not-allowed", [
-					u.size === "small" ? "h-9 pl-3" : "h-10.5 pl-4",
-					u.clearable && w.value ? "pr-20" : "pr-10",
+				class: ["flex w-full items-center rounded-10 border bg-background text-left text-heading transition-[color,background-color,border-color,box-shadow] duration-200 outline-none disabled:cursor-not-allowed", [
+					u.size === "small" ? "h-9 pl-3 text-base font-normal" : u.size === "large" ? "h-[50px] pl-4 text-lg font-medium" : "h-10.5 pl-4 text-base font-normal",
+					u.clearable && L.value ? "pr-20" : "pr-10",
 					u.disabled ? "" : "cursor-pointer hover:bg-accent-hover",
 					u.errorMsg ? ["border-danger/60", Oe.value && "border-danger shadow-[0_0_0_2px_color-mix(in_srgb,var(--color-danger)_20%,transparent)]"] : Oe.value ? "focus-ring" : ["border-border", !u.disabled && "hover:border-accent-active"]
 				]],
-				onClick: i[0] ||= (e) => T.value ? J() : Ge(),
+				onClick: i[0] ||= (e) => w.value ? J() : Ge(),
 				onKeydown: Ze,
-				onFocus: i[1] ||= (e) => L.value = !0,
-				onBlur: i[2] ||= (e) => L.value = !1
+				onFocus: i[1] ||= (e) => I.value = !0,
+				onBlur: i[2] ||= (e) => I.value = !1
 			}), [c("span", {
 				id: A,
 				class: m(["truncate tabular-nums", !je.value && "text-muted/80"])
-			}, y(je.value || w.value || u.placeholder), 3)], 16, fe), c("span", { class: m(["pointer-events-none absolute inset-y-0 flex items-center gap-4 text-muted", u.size === "small" ? "right-3" : "right-4"]) }, [u.clearable && w.value && !u.disabled ? (h(), s("button", {
+			}, y(je.value || L.value || u.placeholder), 3)], 16, fe), c("span", { class: m(["pointer-events-none absolute inset-y-0 flex items-center gap-4 text-muted", u.size === "small" ? "right-3" : "right-4"]) }, [u.clearable && L.value && !u.disabled ? (h(), s("button", {
 				key: 0,
 				type: "button",
 				class: "pointer-events-auto inline-flex cursor-pointer items-center justify-center rounded-full p-1 transition-colors duration-200 hover:bg-accent-hover hover:text-primary active:bg-accent-active focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none",
 				"aria-label": u.label ? `Clear ${u.label}` : "Clear",
 				onClick: We
-			}, [l(b(se), {
+			}, [l(b(ce), {
 				class: "size-4",
 				"aria-hidden": "true"
-			})], 8, pe)) : o("", !0), l(b(oe), {
-				class: m(["size-4", T.value && "text-heading"]),
+			})], 8, pe)) : o("", !0), l(b(se), {
+				class: m(["size-4", w.value && "text-heading"]),
 				"aria-hidden": "true"
-			}, null, 8, ["class"])], 2)])),
+			}, null, 8, ["class"])], 2)], 2)),
 			(h(), a(n, {
 				to: "body",
 				disabled: u.inline
@@ -422,10 +454,10 @@ var ce = ["for"], le = { key: 0 }, ue = {
 				"leave-active-class": "transition duration-100 ease-in",
 				"leave-to-class": "opacity-0"
 			}, {
-				default: ae(() => [T.value || u.inline ? (h(), s("div", f({
+				default: oe(() => [w.value || u.inline ? (h(), s("div", f({
 					key: 0,
 					ref_key: "panel",
-					ref: F,
+					ref: P,
 					role: u.inline ? "group" : "dialog",
 					"aria-modal": u.inline ? void 0 : "true",
 					"aria-label": Ne.value,
@@ -434,11 +466,11 @@ var ce = ["for"], le = { key: 0 }, ue = {
 				}, u.inline ? O.value : void 0, {
 					class: ["flex flex-col overflow-hidden p-3", !u.inline && "fixed z-[90] max-w-[calc(100vw-16px)] rounded-10 border border-border bg-surface shadow-sm"],
 					style: u.inline ? void 0 : {
-						top: I.value.top === void 0 ? void 0 : `${I.value.top}px`,
-						bottom: I.value.bottom === void 0 ? void 0 : `${I.value.bottom}px`,
-						left: `${I.value.left}px`,
-						maxHeight: `${I.value.maxHeight}px`,
-						minWidth: `${I.value.minWidth}px`
+						top: F.value.top === void 0 ? void 0 : `${F.value.top}px`,
+						bottom: F.value.bottom === void 0 ? void 0 : `${F.value.bottom}px`,
+						left: `${F.value.left}px`,
+						maxHeight: `${F.value.maxHeight}px`,
+						minWidth: `${F.value.minWidth}px`
 					},
 					"data-ac-ds": "",
 					"data-testid": "ac-time-picker-panel",
@@ -479,10 +511,10 @@ var ce = ["for"], le = { key: 0 }, ue = {
 				key: 4,
 				type: "hidden",
 				name: u.name,
-				value: w.value ?? ""
+				value: L.value ?? ""
 			}, null, 8, Te)) : o("", !0)
 		], 16));
 	}
 });
 //#endregion
-export { C as default };
+export { S as default };

package/dist/lib/components/AcTooltip.vue.d.ts

@@ -28,15 +28,15 @@ export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
     title: string;
     disabled: boolean;
-    tone: "neutral" | "info" | "success" | "warning" | "danger";
-    align: "start" | "center" | "end";
-    maxWidth: string;
     content: string;
     placement: Side;
+    align: "start" | "center" | "end";
+    tone: "neutral" | "info" | "success" | "warning" | "danger";
     shortcut: string[];
     delay: number;
     interactive: boolean;
     overflowOnly: boolean;
+    maxWidth: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     /** The trigger: a button, icon button, link or any focusable element. It gets `aria-describedby`. */
     default?: () => unknown;

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

@@ -85,6 +85,7 @@ export { default as AcTable } from "./AcTable.vue";
 export { default as AcTabs } from "./AcTabs.vue";
 export { default as AcTag } from "./AcTag.vue";
 export { default as AcTagInput } from "./AcTagInput.vue";
+export { default as AcTaintInput } from "./AcTaintInput.vue";
 export { default as AcTextarea } from "./AcTextarea.vue";
 export { default as AcThemeMode } from "./AcThemeMode.vue";
 export { default as AcTimePicker } from "./AcTimePicker.vue";

package/dist/lib/composables/useToast.d.ts

@@ -47,8 +47,8 @@ export declare function useToast(): {
         } | undefined;
         readonly progress?: boolean | undefined;
         readonly version: number;
-        readonly dismissible: boolean;
         readonly duration: number;
+        readonly dismissible: boolean;
     }[], readonly {
         readonly id: string;
         readonly tone: ToastTone;
@@ -60,8 +60,8 @@ export declare function useToast(): {
         } | undefined;
         readonly progress?: boolean | undefined;
         readonly version: number;
-        readonly dismissible: boolean;
         readonly duration: number;
+        readonly dismissible: boolean;
     }[]>>;
     toast: (title: string, options?: ToastOptions) => string;
     success: (title: string, options?: ToastOptions) => string;

package/dist/lib/index.d.ts

@@ -37,7 +37,8 @@ export type { SideTabItem } from "./components/AcSideTabs.vue";
 export type { SliderMark } from "./components/AcSlider.vue";
 export type { StatusBarItem, StatusBarStatus } from "./components/AcStatusBar.vue";
 export type { Step, SubStep } from "./components/AcSteps.vue";
-export type { Column } from "./components/AcTable.vue";
+export type { TaintItem } from "./components/AcTaintInput.vue";
+export type { Column, TableSearch } from "./components/AcTable.vue";
 export type { TabItem } from "./components/AcTabs.vue";
 export type { UsageBreakdownRow } from "./components/AcUsageCard.vue";
 export type { UserMenuItem, UserMenuWorkspace } from "./components/AcUserMenu.vue";

package/dist/lib/index.js

@@ -1,22 +1,22 @@
 import ee from "./components/AcAccordion.js";
 import te from "./components/AcAccordionItem.js";
 import e from "./components/AcSpinner.js";
-import t from "./components/AcButton.js";
-import n from "./components/AcAlert.js";
-import r from "./components/AcLogo.js";
-import i from "./components/AcNavbarItem.js";
-import a from "./components/AcAppSwitcher.js";
-import o from "./components/AcAvatar.js";
-import { humanizeState as s, normalizeState as c, statusMeta as l } from "./components/status.js";
-import u from "./components/AcBadge.js";
-import d from "./components/AcBanner.js";
-import f from "./components/AcBreadcrumb.js";
-import p from "./components/AcBulkActionBar.js";
-import m from "./components/AcButtons.js";
-import h from "./components/AcCard.js";
-import g from "./components/AcModal.js";
-import _ from "./components/AcSkeleton.js";
-import v from "./components/AcTooltip.js";
+import t from "./components/AcTooltip.js";
+import n from "./components/AcButton.js";
+import r from "./components/AcAlert.js";
+import i from "./components/AcLogo.js";
+import a from "./components/AcNavbarItem.js";
+import o from "./components/AcAppSwitcher.js";
+import s from "./components/AcAvatar.js";
+import { humanizeState as c, normalizeState as l, statusMeta as u } from "./components/status.js";
+import d from "./components/AcBadge.js";
+import f from "./components/AcBanner.js";
+import p from "./components/AcBreadcrumb.js";
+import m from "./components/AcBulkActionBar.js";
+import h from "./components/AcButtons.js";
+import g from "./components/AcCard.js";
+import _ from "./components/AcModal.js";
+import v from "./components/AcSkeleton.js";
 import y from "./components/AcCellValue.js";
 import b from "./components/AcCheckBox.js";
 import x from "./components/AcCheckList.js";
@@ -87,17 +87,18 @@ import Pe from "./components/AcSwitchCard.js";
 import Fe from "./components/AcTable.js";
 import Ie from "./components/AcTabs.js";
 import Le from "./components/AcTagInput.js";
-import Re from "./components/AcTextarea.js";
-import { useColorMode as ze } from "./composables/useColorMode.js";
-import Be from "./components/AcThemeMode.js";
-import Ve from "./components/AcTimePicker.js";
-import { showToast as He, useToast as Ue } from "./composables/useToast.js";
-import We from "./components/AcToaster.js";
-import Ge from "./components/AcUsageCard.js";
-import Ke from "./components/AcUserMenu.js";
-import { useTablePagination as qe } from "./composables/useTablePagination.js";
-import { useApiPagination as Je } from "./composables/useApiPagination.js";
-import { useBulkSelection as Ye } from "./composables/useBulkSelection.js";
-import { useFormValidation as Xe } from "./composables/useFormValidation.js";
-import { HSLToHex as Ze, HexToHSL as Qe, MIN_CONTRAST as $e, contrastOnWhite as et, getThemeHSL as tt, hexToHsl as nt, hslToHex as rt, readableLightness as it, setThemeHSL as at, useBrandColor as ot } from "./composables/useBrandColor.js";
-export { ee as AcAccordion, te as AcAccordionItem, n as AcAlert, a as AcAppSwitcher, o as AcAvatar, u as AcBadge, d as AcBanner, f as AcBreadcrumb, p as AcBulkActionBar, t as AcButton, m as AcButtons, h as AcCard, y as AcCellValue, b as AcCheckBox, x as AcCheckList, S as AcCheckRadio, C as AcCircularProgress, w as AcClusterSwitcher, T as AcColorInput, E as AcCommandBlock, D as AcConfirmModal, O as AcContentHeader, k as AcContentLayout, j as AcContentTable, M as AcCopyButton, N as AcCostSummary, P as AcDatePicker, I as AcDeleteConfirmationModal, I as AcDeleteModal, L as AcDivider, R as AcDropdown, z as AcDropdownDivider, B as AcDropdownItem, V as AcEmptyState, H as AcErrorState, U as AcFeatureCard, W as AcFileUpload, q as AcFontScale, J as AcFooter, Y as AcForm, X as AcFormArray, Z as AcFormFooter, Q as AcFormSection, ne as AcHeader, re as AcHeaderItem, ie as AcHeaderItems, ae as AcInfoTable, F as AcInput, oe as AcKbd, se as AcKeyValueInput, ce as AcLoader, le as AcLocaleSwitcher, r as AcLogo, g as AcModal, ue as AcNavbar, i as AcNavbarItem, de as AcNotificationMenu, fe as AcNumberInput, pe as AcPage, me as AcPagination, he as AcPreloader, _e as AcProductHero, ge as AcProgress, ve as AcRadioCard, be as AcResourceCard, A as AcSearchBar, xe as AcSectionContent, Se as AcSegmentedControl, $ as AcSelect, Ce as AcSettingsRow, De as AcSidePanel, Oe as AcSideTabs, we as AcSidebar, Te as AcSidebarItem, Ee as AcSidebarSection, _ as AcSkeleton, ke as AcSlider, e as AcSpinner, Ae as AcStatCard, je as AcStatusBar, Me as AcSteps, Ne as AcSwitch, Pe as AcSwitchCard, Fe as AcTable, Ie as AcTabs, ye as AcTag, Le as AcTagInput, Re as AcTextarea, Be as AcThemeMode, Ve as AcTimePicker, We as AcToaster, v as AcTooltip, Ge as AcUsageCard, Ke as AcUserMenu, G as FONT_SCALES, Ze as HSLToHex, Qe as HexToHSL, $e as MIN_CONTRAST, et as contrastOnWhite, tt as getThemeHSL, nt as hexToHsl, rt as hslToHex, s as humanizeState, c as normalizeState, it as readableLightness, at as setThemeHSL, He as showToast, l as statusMeta, Je as useApiPagination, ot as useBrandColor, Ye as useBulkSelection, ze as useColorMode, K as useFontScale, Xe as useFormValidation, qe as useTablePagination, Ue as useToast };
+import Re from "./components/AcTaintInput.js";
+import ze from "./components/AcTextarea.js";
+import { useColorMode as Be } from "./composables/useColorMode.js";
+import Ve from "./components/AcThemeMode.js";
+import He from "./components/AcTimePicker.js";
+import { showToast as Ue, useToast as We } from "./composables/useToast.js";
+import Ge from "./components/AcToaster.js";
+import Ke from "./components/AcUsageCard.js";
+import qe from "./components/AcUserMenu.js";
+import { useTablePagination as Je } from "./composables/useTablePagination.js";
+import { useApiPagination as Ye } from "./composables/useApiPagination.js";
+import { useBulkSelection as Xe } from "./composables/useBulkSelection.js";
+import { useFormValidation as Ze } from "./composables/useFormValidation.js";
+import { HSLToHex as Qe, HexToHSL as $e, MIN_CONTRAST as et, contrastOnWhite as tt, getThemeHSL as nt, hexToHsl as rt, hslToHex as it, readableLightness as at, setThemeHSL as ot, useBrandColor as st } from "./composables/useBrandColor.js";
+export { ee as AcAccordion, te as AcAccordionItem, r as AcAlert, o as AcAppSwitcher, s as AcAvatar, d as AcBadge, f as AcBanner, p as AcBreadcrumb, m as AcBulkActionBar, n as AcButton, h as AcButtons, g as AcCard, y as AcCellValue, b as AcCheckBox, x as AcCheckList, S as AcCheckRadio, C as AcCircularProgress, w as AcClusterSwitcher, T as AcColorInput, E as AcCommandBlock, D as AcConfirmModal, O as AcContentHeader, k as AcContentLayout, j as AcContentTable, M as AcCopyButton, N as AcCostSummary, P as AcDatePicker, I as AcDeleteConfirmationModal, I as AcDeleteModal, L as AcDivider, R as AcDropdown, z as AcDropdownDivider, B as AcDropdownItem, V as AcEmptyState, H as AcErrorState, U as AcFeatureCard, W as AcFileUpload, q as AcFontScale, J as AcFooter, Y as AcForm, X as AcFormArray, Z as AcFormFooter, Q as AcFormSection, ne as AcHeader, re as AcHeaderItem, ie as AcHeaderItems, ae as AcInfoTable, F as AcInput, oe as AcKbd, se as AcKeyValueInput, ce as AcLoader, le as AcLocaleSwitcher, i as AcLogo, _ as AcModal, ue as AcNavbar, a as AcNavbarItem, de as AcNotificationMenu, fe as AcNumberInput, pe as AcPage, me as AcPagination, he as AcPreloader, _e as AcProductHero, ge as AcProgress, ve as AcRadioCard, be as AcResourceCard, A as AcSearchBar, xe as AcSectionContent, Se as AcSegmentedControl, $ as AcSelect, Ce as AcSettingsRow, De as AcSidePanel, Oe as AcSideTabs, we as AcSidebar, Te as AcSidebarItem, Ee as AcSidebarSection, v as AcSkeleton, ke as AcSlider, e as AcSpinner, Ae as AcStatCard, je as AcStatusBar, Me as AcSteps, Ne as AcSwitch, Pe as AcSwitchCard, Fe as AcTable, Ie as AcTabs, ye as AcTag, Le as AcTagInput, Re as AcTaintInput, ze as AcTextarea, Ve as AcThemeMode, He as AcTimePicker, Ge as AcToaster, t as AcTooltip, Ke as AcUsageCard, qe as AcUserMenu, G as FONT_SCALES, Qe as HSLToHex, $e as HexToHSL, et as MIN_CONTRAST, tt as contrastOnWhite, nt as getThemeHSL, rt as hexToHsl, it as hslToHex, c as humanizeState, l as normalizeState, at as readableLightness, ot as setThemeHSL, Ue as showToast, u as statusMeta, Ye as useApiPagination, st as useBrandColor, Xe as useBulkSelection, Be as useColorMode, K as useFontScale, Ze as useFormValidation, Je as useTablePagination, We as useToast };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ac-design/design-system",
-  "version": "2.3.0",
+  "version": "2.4.0",
   "description": "AppsCode design system: Tailwind CSS v4 theme and Vue 3 components.",
   "repository": {
     "type": "git",