@ac-design/design-system 1.0.3 → 2.0.0

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

@@ -1,49 +1,146 @@
-import { Fragment as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, createVNode as i, defineComponent as a, mergeModels as o, normalizeClass as s, openBlock as c, renderList as l, toDisplayString as u, unref as d, useId as f, useModel as p, vModelCheckbox as m, withDirectives as h } from "vue";
-import { Check as g } from "@lucide/vue";
+import { Fragment as e, computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, createVNode as o, defineComponent as s, mergeModels as c, mergeProps as l, nextTick as u, normalizeClass as d, openBlock as f, ref as p, renderList as m, toDisplayString as h, unref as g, useAttrs as _, useId as v, useModel as y, vModelCheckbox as b, withDirectives as x, withModifiers as S } from "vue";
+import { Check as C, CircleAlert as w, Minus as T } from "@lucide/vue";
 //#region src/lib/components/AcCheckBox.vue?vue&type=script&setup=true&lang.ts
-var _ = {
-	class: "flex flex-col gap-2.5",
-	"data-ac-ds": "",
-	"data-testid": "ac-checkbox"
-}, v = ["for"], y = { class: "relative inline-flex size-4 shrink-0" }, b = [
+var E = ["for"], D = [
 	"id",
 	"name",
 	"value",
 	"disabled"
-], x = {
+], O = { class: "flex min-w-0 flex-col gap-1" }, k = { class: "font-medium" }, A = {
 	key: 0,
-	class: "text-xs text-red-30"
-}, S = /*@__PURE__*/ a({
+	class: "text-xs text-muted"
+}, j = {
+	key: 0,
+	class: "flex items-center gap-1.5 text-base text-danger-strong",
+	role: "alert"
+}, M = [
+	"name",
+	"checked",
+	"indeterminate",
+	"disabled",
+	"aria-invalid",
+	"aria-describedby"
+], N = {
+	key: 0,
+	class: "flex min-w-0 flex-col gap-1"
+}, P = {
+	key: 0,
+	class: "font-medium"
+}, F = {
+	key: 1,
+	class: "text-xs text-muted"
+}, I = ["id"], L = /*@__PURE__*/ s({
+	inheritAttrs: !1,
 	__name: "AcCheckBox",
-	props: /*@__PURE__*/ o({
-		options: {},
+	props: /*@__PURE__*/ c({
+		options: { default: void 0 },
 		name: { default: "checkbox" },
-		errorMsg: { default: "" }
+		errorMsg: { default: "" },
+		label: { default: "" },
+		description: { default: "" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		indeterminate: {
+			type: Boolean,
+			default: !1
+		},
+		size: { default: "normal" }
 	}, {
 		modelValue: { default: () => [] },
-		modelModifiers: {}
+		modelModifiers: {},
+		checked: {
+			type: Boolean,
+			default: !1
+		},
+		checkedModifiers: {}
 	}),
-	emits: ["update:modelValue"],
-	setup(a) {
-		let o = p(a, "modelValue"), S = f();
-		return (f, p) => (c(), n("div", _, [(c(!0), n(e, null, l(a.options, (e, t) => (c(), n("label", {
+	emits: ["update:modelValue", "update:checked"],
+	setup(s) {
+		let c = s, L = y(s, "modelValue"), R = y(s, "checked"), z = v(), B = _(), V = p(null), H = t(() => c.size === "small"), U = t(() => c.indeterminate && !R.value), W = t(() => c.options ? B : {
+			class: B.class,
+			style: B.style
+		}), G = t(() => {
+			let { class: e, style: t, ...n } = B;
+			return c.label || n["aria-label"] || n["aria-labelledby"] ? n : {
+				"aria-label": "Select",
+				...n
+			};
+		}), K = t(() => ["peer cursor-pointer appearance-none rounded-4 border border-muted/70 bg-surface transition-colors duration-200 group-hover:border-muted checked:border-primary checked:bg-primary group-hover:checked:border-primary indeterminate:border-primary indeterminate:bg-primary group-hover:indeterminate:border-primary focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-surface focus-visible:outline-none disabled:cursor-not-allowed disabled:bg-surface-sunken", H.value ? "size-4" : "size-5"]), q = t(() => ["pointer-events-none absolute inset-0 m-auto scale-75 text-white opacity-0 transition duration-150 motion-reduce:transition-none", H.value ? "size-3" : "size-4"]);
+		async function J(e) {
+			R.value = e.target.checked, await u(), V.value && (V.value.checked = R.value, V.value.indeterminate = U.value);
+		}
+		return (t, c) => s.options ? (f(), r("div", l({
+			key: 0,
+			class: "flex flex-col gap-3",
+			"data-ac-ds": "",
+			"data-testid": "ac-checkbox"
+		}, W.value), [(f(!0), r(e, null, m(s.options, (e, t) => (f(), r("label", {
 			key: e.label,
-			for: `${d(S)}-${t}`,
-			class: s(["group inline-flex w-fit cursor-pointer items-center gap-2.5 text-base text-heading", e.disabled && "cursor-not-allowed opacity-50"])
-		}, [r("span", y, [h(r("input", {
-			id: `${d(S)}-${t}`,
-			"onUpdate:modelValue": p[0] ||= (e) => o.value = e,
+			for: `${g(z)}-${t}`,
+			class: d(["group inline-flex w-fit cursor-pointer text-base text-heading select-none", [
+				e.description ? "items-start" : "items-center",
+				e.disabled && "cursor-not-allowed opacity-50",
+				H.value ? "gap-2.5" : "gap-3"
+			]])
+		}, [i("span", { class: d(["relative inline-flex shrink-0", [H.value ? "size-4" : "size-5", e.description && (H.value ? "mt-0.5" : "mt-px")]]) }, [x(i("input", {
+			id: `${g(z)}-${t}`,
+			"onUpdate:modelValue": c[0] ||= (e) => L.value = e,
 			type: "checkbox",
-			name: a.name,
+			name: s.name,
 			value: e.value,
 			disabled: e.disabled,
-			class: "peer size-4 cursor-pointer appearance-none rounded-4 border border-border-dark bg-surface shadow-xs transition-[background-color,border-color,box-shadow] duration-150 group-hover:border-slate-60 checked:border-primary checked:bg-primary checked:shadow-button focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring disabled:cursor-not-allowed"
-		}, null, 8, b), [[m, o.value]]), i(d(g), {
-			class: "pointer-events-none absolute inset-0 m-auto size-3 scale-75 text-white opacity-0 transition duration-150 peer-checked:scale-100 peer-checked:opacity-100",
+			class: d(K.value)
+		}, null, 10, D), [[b, L.value]]), o(g(C), {
+			class: d([q.value, "peer-checked:scale-100 peer-checked:opacity-100"]),
 			"stroke-width": 3,
 			"aria-hidden": "true"
-		})]), r("span", null, u(e.label), 1)], 10, v))), 128)), a.errorMsg ? (c(), n("p", x, u(a.errorMsg), 1)) : t("", !0)]));
+		}, null, 8, ["class"])], 2), i("span", O, [i("span", k, h(e.label), 1), e.description ? (f(), r("span", A, h(e.description), 1)) : n("", !0)])], 10, E))), 128)), s.errorMsg ? (f(), r("p", j, [o(g(w), {
+			class: "size-4 shrink-0",
+			"aria-hidden": "true"
+		}), a(" " + h(s.errorMsg), 1)])) : n("", !0)], 16)) : (f(), r("div", l({
+			key: 1,
+			class: "inline-flex flex-col gap-1.5",
+			"data-ac-ds": "",
+			"data-testid": "ac-checkbox"
+		}, W.value, { onClick: c[1] ||= S(() => {}, ["stop"]) }), [i("label", { class: d(["group inline-flex w-fit cursor-pointer text-base text-heading select-none", [
+			s.description ? "items-start" : "items-center",
+			s.disabled && "cursor-not-allowed opacity-50",
+			H.value ? "gap-2.5" : "gap-3"
+		]]) }, [i("span", { class: d(["relative inline-flex shrink-0", [H.value ? "size-4" : "size-5", s.description && s.label && (H.value ? "mt-0.5" : "mt-px")]]) }, [
+			i("input", l({
+				ref_key: "single",
+				ref: V,
+				type: "checkbox",
+				name: s.name,
+				checked: R.value,
+				indeterminate: U.value,
+				disabled: s.disabled,
+				"aria-invalid": s.errorMsg ? !0 : void 0,
+				"aria-describedby": s.errorMsg ? `${g(z)}-error` : void 0,
+				class: K.value
+			}, G.value, { onChange: J }), null, 16, M),
+			o(g(C), {
+				class: d([q.value, "peer-checked:scale-100 peer-checked:opacity-100"]),
+				"stroke-width": 3,
+				"aria-hidden": "true"
+			}, null, 8, ["class"]),
+			o(g(T), {
+				class: d([q.value, "peer-indeterminate:scale-100 peer-indeterminate:opacity-100"]),
+				"stroke-width": 3,
+				"aria-hidden": "true"
+			}, null, 8, ["class"])
+		], 2), s.label || s.description ? (f(), r("span", N, [s.label ? (f(), r("span", P, h(s.label), 1)) : n("", !0), s.description ? (f(), r("span", F, h(s.description), 1)) : n("", !0)])) : n("", !0)], 2), s.errorMsg ? (f(), r("p", {
+			key: 0,
+			id: `${g(z)}-error`,
+			class: "flex items-center gap-1.5 text-base text-danger-strong",
+			role: "alert"
+		}, [o(g(w), {
+			class: "size-4 shrink-0",
+			"aria-hidden": "true"
+		}), a(" " + h(s.errorMsg), 1)], 8, I)) : n("", !0)], 16));
 	}
 });
 //#endregion
-export { S as default };
+export { L as default };

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

@@ -6,7 +6,7 @@ export interface Props<V> {
     name?: string;
     /** Lays the options out horizontally. */
     row?: boolean;
-    /** Card style with each option's description, like the source's hasDescription. */
+    /** Shows each option as a card with its description underneath. */
     cards?: boolean;
     /** Error text under the group. */
     errorMsg?: string;

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

@@ -1,20 +1,22 @@
-import { Fragment as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, defineComponent as i, mergeModels as a, normalizeClass as o, openBlock as s, renderList as c, toDisplayString as l, unref as u, useId as d, useModel as f, vModelRadio as p, withDirectives as m } from "vue";
+import { Fragment as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, createTextVNode as i, createVNode as a, defineComponent as o, mergeModels as s, normalizeClass as c, openBlock as l, renderList as u, toDisplayString as d, unref as f, useId as p, useModel as m, vModelRadio as h, withDirectives as g } from "vue";
+import { CircleAlert as _ } from "@lucide/vue";
 //#region src/lib/components/AcCheckRadio.vue?vue&type=script&setup=true&lang.ts
-var h = {
+var v = {
 	role: "radiogroup",
 	"data-ac-ds": "",
 	"data-testid": "ac-check-radio"
-}, g = ["for"], _ = [
+}, y = ["for"], b = [
 	"id",
 	"name",
 	"value",
 	"disabled"
-], v = { class: "flex flex-col" }, y = ["title"], b = {
+], x = { class: "flex min-w-0 flex-col" }, S = ["title"], C = {
 	key: 0,
-	class: "mt-2 text-xs text-red-30"
-}, x = /*@__PURE__*/ i({
+	class: "mt-2 flex items-center gap-1.5 text-base text-danger-strong",
+	role: "alert"
+}, w = /*@__PURE__*/ o({
 	__name: "AcCheckRadio",
-	props: /*@__PURE__*/ a({
+	props: /*@__PURE__*/ s({
 		options: {},
 		name: { default: "radio" },
 		row: {
@@ -31,26 +33,36 @@ var h = {
 		modelModifiers: {}
 	}),
 	emits: ["update:modelValue"],
-	setup(i) {
-		let a = f(i, "modelValue"), x = d();
-		return (d, f) => (s(), n("div", h, [r("div", { class: o(i.cards ? "grid gap-3 sm:grid-cols-2" : i.row ? "flex flex-row flex-wrap gap-x-6 gap-y-2" : "flex flex-col gap-2.5") }, [(s(!0), n(e, null, c(i.options, (e, c) => (s(), n("label", {
+	setup(o) {
+		let s = m(o, "modelValue"), w = p();
+		return (p, m) => (l(), n("div", v, [r("div", { class: c(o.cards ? "grid gap-3 sm:grid-cols-2" : o.row ? "flex flex-row flex-wrap gap-x-6 gap-y-3" : "flex flex-col gap-3") }, [(l(!0), n(e, null, u(o.options, (e, i) => (l(), n("label", {
 			key: e.label,
-			for: `${u(x)}-${c}`,
-			class: o(["group flex cursor-pointer gap-2.5 text-base text-heading", [e.disabled && "cursor-not-allowed opacity-50", i.cards && "rounded-10 border border-border bg-surface p-4 shadow-xs transition-[border-color,box-shadow,background-color] duration-150 hover:border-border-dark has-checked:border-primary has-checked:bg-primary-97/60 has-checked:shadow-[0_0_0_1px_var(--color-primary)] has-focus-visible:shadow-[0_0_0_3px_var(--color-ring)]"]])
-		}, [m(r("input", {
-			id: `${u(x)}-${c}`,
-			"onUpdate:modelValue": f[0] ||= (e) => a.value = e,
+			for: `${f(w)}-${i}`,
+			class: c(["group flex cursor-pointer gap-3 text-base text-heading select-none", [
+				e.disabled && "cursor-not-allowed opacity-50",
+				o.cards ? "items-start rounded-14 border border-border bg-surface p-4 transition-[border-color,background-color,box-shadow] duration-200 has-checked:border-primary has-checked:bg-primary/5 has-checked:ring-1 has-checked:ring-primary/30 has-focus-visible:outline-2 has-focus-visible:outline-offset-2 has-focus-visible:outline-ring" : "w-fit items-center",
+				o.cards && !e.disabled && "hover:border-primary/40 hover:bg-accent-hover has-checked:hover:border-primary has-checked:hover:bg-primary/5"
+			]])
+		}, [r("span", { class: c(["relative inline-flex size-5 shrink-0", o.cards && "mt-px"]) }, [g(r("input", {
+			id: `${f(w)}-${i}`,
+			"onUpdate:modelValue": m[0] ||= (e) => s.value = e,
 			type: "radio",
-			name: `${i.name}-${u(x)}`,
+			name: `${o.name}-${f(w)}`,
 			value: e.value,
 			disabled: e.disabled,
-			class: "mt-0.5 size-4 shrink-0 cursor-pointer appearance-none rounded-full border border-border-dark bg-surface shadow-xs transition-[border-color,border-width] duration-150 group-hover:border-slate-60 checked:border-[5px] checked:border-primary focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring disabled:cursor-not-allowed"
-		}, null, 8, _), [[p, a.value]]), r("span", v, [r("span", { class: o(i.cards && "font-medium") }, l(e.label), 3), i.cards && e.description ? (s(), n("span", {
+			class: c(["peer size-5 cursor-pointer appearance-none rounded-full border border-muted/70 bg-surface transition-colors duration-200 group-hover:border-muted checked:border-primary checked:bg-primary group-hover:checked:border-primary focus-visible:outline-none disabled:cursor-not-allowed disabled:bg-surface-sunken", !o.cards && "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-surface"])
+		}, null, 10, b), [[h, s.value]]), m[1] ||= r("span", {
+			class: "pointer-events-none absolute inset-0 m-auto size-2 scale-0 rounded-full bg-white transition-transform duration-200 peer-checked:scale-100 motion-reduce:transition-none",
+			"aria-hidden": "true"
+		}, null, -1)], 2), r("span", x, [r("span", { class: c(o.cards ? "font-semibold" : "font-medium") }, d(e.label), 3), o.cards && e.description ? (l(), n("span", {
 			key: 0,
-			class: "mt-0.5 line-clamp-2 text-xs text-muted",
+			class: "mt-0.5 line-clamp-2 text-xs leading-relaxed text-muted",
 			title: e.description
-		}, l(e.description), 9, y)) : t("", !0)])], 10, g))), 128))], 2), i.errorMsg ? (s(), n("p", b, l(i.errorMsg), 1)) : t("", !0)]));
+		}, d(e.description), 9, S)) : t("", !0)])], 10, y))), 128))], 2), o.errorMsg ? (l(), n("p", C, [a(f(_), {
+			class: "size-4 shrink-0",
+			"aria-hidden": "true"
+		}), i(" " + d(o.errorMsg), 1)])) : t("", !0)]));
 	}
 });
 //#endregion
-export { x as default };
+export { w as default };

package/dist/lib/components/AcCircularProgress.js

@@ -0,0 +1,5 @@
+import e from "./AcCircularProgress.vue_vue_type_script_setup_true_lang.js";
+//#region src/lib/components/AcCircularProgress.vue
+var t = e;
+//#endregion
+export { t as default };

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

@@ -0,0 +1,44 @@
+import type { Tone } from "./types";
+export interface Props {
+    /** Current amount, from 0 to `max`. Values outside are clamped. Ignored while `indeterminate`. */
+    value?: number;
+    /** The amount that fills the ring. */
+    max?: number;
+    /** Diameter: `small` 32px, `normal` 48px, `large` 80px, or a number of pixels (cloud-ui's `size`, e.g. 44). */
+    size?: "small" | "normal" | "large" | number;
+    /** Ring thickness in pixels. Defaults to 3, 4 and 6 for the named sizes, and about a tenth of a numeric size. */
+    strokeWidth?: number;
+    /** Shows the percentage, or `valueText`, in the centre. Turn it off below 40px. */
+    showLabel?: boolean;
+    /** Replaces the percentage in the centre and for screen readers, e.g. "3/5". Keep it to 4 characters. */
+    valueText?: string;
+    /** Ring colour. `auto` is for quotas: primary, then warning from 80% and danger from 95%, as in AcProgress. */
+    color?: Tone | "auto";
+    /** The accessible name, e.g. "CPU usage" or "Image sync to nyc1". Without it the ring is read as "Progress". */
+    label?: string;
+    /** For work of unknown length: a spinning quarter ring with no value. */
+    indeterminate?: boolean;
+}
+type __VLS_Slots = {
+    /** Custom centre content instead of the percentage, e.g. a 16px icon. Also shown while `indeterminate`. Hidden from screen readers; set `valueText` for them. */
+    default?: () => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    label: string;
+    value: number;
+    color: Tone | "auto";
+    max: number;
+    size: "small" | "normal" | "large" | number;
+    strokeWidth: number;
+    indeterminate: boolean;
+    showLabel: boolean;
+    valueText: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,111 @@
+import { computed as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, createTextVNode as i, defineComponent as a, normalizeClass as o, normalizeStyle as s, openBlock as c, renderSlot as l, toDisplayString as u } from "vue";
+//#region src/lib/components/AcCircularProgress.vue?vue&type=script&setup=true&lang.ts
+var d = [
+	"aria-label",
+	"aria-valuemax",
+	"aria-valuenow",
+	"aria-valuetext",
+	"aria-busy"
+], f = ["viewBox"], p = [
+	"cx",
+	"cy",
+	"r",
+	"stroke-width"
+], m = [
+	"cx",
+	"cy",
+	"r",
+	"stroke-width",
+	"stroke-dashoffset"
+], h = /*@__PURE__*/ a({
+	__name: "AcCircularProgress",
+	props: {
+		value: { default: 0 },
+		max: { default: 100 },
+		size: { default: "normal" },
+		strokeWidth: { default: void 0 },
+		showLabel: {
+			type: Boolean,
+			default: !0
+		},
+		valueText: { default: "" },
+		color: { default: "primary" },
+		label: { default: "" },
+		indeterminate: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(a) {
+		let h = a, g = {
+			small: {
+				px: 32,
+				stroke: 3,
+				box: "size-8",
+				text: "text-[9px]"
+			},
+			normal: {
+				px: 48,
+				stroke: 4,
+				box: "size-12",
+				text: "text-xs"
+			},
+			large: {
+				px: 80,
+				stroke: 6,
+				box: "size-20",
+				text: "text-xl"
+			}
+		}, _ = {
+			primary: "text-primary",
+			info: "text-info",
+			success: "text-success",
+			warning: "text-warning",
+			danger: "text-danger"
+		}, v = e(() => typeof h.size == "number" ? null : g[h.size]), y = e(() => v.value?.px ?? Math.max(16, h.size)), b = e(() => h.strokeWidth ?? v.value?.stroke ?? Math.max(2, Math.round(y.value / 11))), x = e(() => (y.value - b.value) / 2), S = e(() => v.value ? void 0 : {
+			width: `${y.value}px`,
+			height: `${y.value}px`
+		}), C = e(() => v.value ? void 0 : { fontSize: `${Math.min(24, Math.max(9, Math.round(y.value * .23)))}px` }), w = e(() => h.max <= 0 ? 0 : Math.min(100, Math.max(0, h.value / h.max * 100))), T = e(() => h.color === "auto" ? w.value >= 95 ? "danger" : w.value >= 80 ? "warning" : "primary" : h.color), E = e(() => h.valueText || `${Math.round(w.value)}%`);
+		return (e, h) => (c(), n("div", {
+			role: "progressbar",
+			"aria-label": a.label || "Progress",
+			"aria-valuemin": "0",
+			"aria-valuemax": a.indeterminate ? void 0 : a.max,
+			"aria-valuenow": a.indeterminate ? void 0 : Math.min(a.max, Math.max(0, a.value)),
+			"aria-valuetext": a.indeterminate ? void 0 : E.value,
+			"aria-busy": a.indeterminate || void 0,
+			class: o(["relative inline-flex shrink-0 items-center justify-center", v.value?.box]),
+			style: s(S.value),
+			"data-ac-ds": "",
+			"data-testid": "ac-circular-progress"
+		}, [(c(), n("svg", {
+			class: o(["size-full -rotate-90", [_[T.value], a.indeterminate && "animate-spin motion-reduce:animate-none"]]),
+			viewBox: `0 0 ${y.value} ${y.value}`,
+			fill: "none",
+			"aria-hidden": "true"
+		}, [r("circle", {
+			cx: y.value / 2,
+			cy: y.value / 2,
+			r: x.value,
+			class: "stroke-muted/15",
+			"stroke-width": b.value
+		}, null, 8, p), r("circle", {
+			cx: y.value / 2,
+			cy: y.value / 2,
+			r: x.value,
+			class: o(["stroke-current transition-[stroke-dashoffset,color,opacity] duration-700 ease-out motion-reduce:transition-none", !a.indeterminate && w.value === 0 && "opacity-0"]),
+			"stroke-width": b.value,
+			"stroke-linecap": "round",
+			pathLength: "100",
+			"stroke-dasharray": "100",
+			"stroke-dashoffset": a.indeterminate ? 75 : 100 - w.value
+		}, null, 10, m)], 10, f)), e.$slots.default || a.showLabel && !a.indeterminate ? (c(), n("span", {
+			key: 0,
+			class: o(["pointer-events-none absolute inset-0 flex items-center justify-center leading-none font-semibold tracking-tight text-heading tabular-nums select-none", v.value?.text]),
+			style: s(C.value),
+			"aria-hidden": "true"
+		}, [l(e.$slots, "default", {}, () => [i(u(E.value), 1)])], 6)) : t("", !0)], 14, d));
+	}
+});
+//#endregion
+export { h as default };