@kernel4632/kima 0.0.0-stage → 0.6.1

package/dist/vue/components/display/image.ce.js

@@ -0,0 +1,146 @@
+import { useNativeSlots as e } from "../../utils/native-slots.js";
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+import n from "../core/icon.ce.js";
+import { presenceTransition as r } from "../../utils/motion.js";
+import i from "./spinner.ce.js";
+/* empty css                                                         */
+import { Transition as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, mergeProps as d, normalizeStyle as f, openBlock as p, ref as m, renderSlot as h, toDisplayString as g, unref as _, useAttrs as v, vShow as y, watch as b, withCtx as x, withDirectives as S } from "vue";
+import { ImageNotFound01Icon as C } from "@hugeicons/core-free-icons";
+// src/components/display/image.ce.vue
+var w = ["data-state"], T = ["aria-busy"], E = [
+	"src",
+	"alt",
+	"srcset",
+	"sizes",
+	"loading",
+	"width",
+	"height",
+	"inert",
+	"aria-hidden"
+], D = {
+	key: 0,
+	class: "kima-image__placeholder"
+}, O = ["role", "aria-label"], k = { key: 0 }, A = /*#__PURE__*/ t(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "image.ce",
+	props: {
+		src: {
+			type: String,
+			default: ""
+		},
+		alt: {
+			type: String,
+			default: ""
+		},
+		srcset: {
+			type: String,
+			default: void 0
+		},
+		sizes: {
+			type: String,
+			default: void 0
+		},
+		loading: {
+			type: String,
+			default: "lazy"
+		},
+		fit: {
+			type: String,
+			default: "cover"
+		},
+		width: {
+			type: [String, Number],
+			default: void 0
+		},
+		height: {
+			type: [String, Number],
+			default: void 0
+		},
+		caption: {
+			type: String,
+			default: ""
+		}
+	},
+	emits: ["load", "error"],
+	setup(t, { emit: A }) {
+		let j = t, M = A, N = v(), P = m(null), { isCustomElement: F, hasNativeSlot: I } = e(P), L = m(null), R = m(j.src || j.srcset ? "loading" : "error");
+		b(() => [
+			j.src,
+			j.srcset,
+			j.sizes
+		], () => {
+			R.value = j.src || j.srcset ? "loading" : "error";
+		}, { flush: "sync" });
+		function z(e) {
+			return e.target === L.value && e.target.getAttribute("src") === j.src && (e.target.getAttribute("srcset") || "") === (j.srcset || "") && (e.target.getAttribute("sizes") || "") === (j.sizes || "");
+		}
+		function B(e) {
+			z(e) && (R.value = "loaded", M("load", e));
+		}
+		function V(e) {
+			z(e) && (R.value = "error", M("error", e));
+		}
+		return (e, m) => (p(), s("figure", d({
+			ref_key: "root",
+			ref: P
+		}, {
+			..._(N),
+			id: _(F) ? void 0 : _(N).id
+		}, {
+			class: "kima-image",
+			"data-state": R.value
+		}), [c("div", {
+			class: "kima-image__frame",
+			"aria-busy": R.value === "loading" || void 0
+		}, [
+			u(a, { name: "kima-fade" }, {
+				default: x(() => [t.src || t.srcset ? S((p(), s("img", {
+					ref_key: "image",
+					ref: L,
+					class: "kima-image__img",
+					key: JSON.stringify([
+						t.src,
+						t.srcset,
+						t.sizes
+					]),
+					src: t.src,
+					alt: t.alt,
+					srcset: t.srcset,
+					sizes: t.sizes,
+					loading: t.loading,
+					width: t.width,
+					height: t.height,
+					inert: R.value !== "loaded",
+					"aria-hidden": R.value !== "loaded" || void 0,
+					style: f({ objectFit: [
+						"cover",
+						"contain",
+						"fill",
+						"none",
+						"scale-down"
+					].includes(t.fit) ? t.fit : "cover" }),
+					onLoad: B,
+					onError: V
+				}, null, 44, E)), [[y, R.value !== "error"]]) : o("", !0)]),
+				_: 1
+			}),
+			u(a, d({ name: "kima-fade" }, _(r)), {
+				default: x(() => [R.value === "loading" ? (p(), s("div", D, [h(e.$slots, "loading", {}, () => [u(i, { label: "图片加载中" })], !0)])) : o("", !0)]),
+				_: 3
+			}, 16),
+			u(a, d({ name: "kima-fade" }, _(r)), {
+				default: x(() => [R.value === "error" ? (p(), s("div", {
+					key: 0,
+					class: "kima-image__error",
+					role: t.alt ? "img" : void 0,
+					"aria-label": t.alt || void 0
+				}, [h(e.$slots, "error", {}, () => [u(n, {
+					icon: _(C),
+					size: 32,
+					"aria-hidden": "true"
+				}, null, 8, ["icon"]), m[0] ||= c("span", null, "图片加载失败", -1)], !0)], 8, O)) : o("", !0)]),
+				_: 3
+			}, 16)
+		], 8, T), t.caption || e.$slots.caption || _(I)("caption") || _(F) ? (p(), s("figcaption", k, [h(e.$slots, "caption", {}, () => [l(g(t.caption), 1)], !0)])) : o("", !0)], 16, w));
+	}
+}), [["__scopeId", "data-v-d16b864e"]]);
+export { A as default };

package/dist/vue/components/display/list.ce.js

@@ -0,0 +1,68 @@
+import { useNativeSlots as e } from "../../utils/native-slots.js";
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+import { presenceTransition as n } from "../../utils/motion.js";
+/* empty css                                                        */
+import { Fragment as r, TransitionGroup as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, mergeProps as u, openBlock as d, ref as f, renderList as p, renderSlot as m, resolveDynamicComponent as h, toDisplayString as g, toRaw as _, unref as v, useAttrs as y, withCtx as b } from "vue";
+// src/components/display/list.ce.vue
+var x = { class: "kima-list__body" }, S = { key: 0 }, C = {
+	key: 0,
+	class: "kima-list__action"
+}, w = {
+	key: "empty",
+	class: "kima-list__empty"
+}, T = /*#__PURE__*/ t(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "list.ce",
+	props: {
+		items: {
+			type: Array,
+			default: () => []
+		},
+		ordered: Boolean,
+		label: {
+			type: String,
+			default: "列表"
+		},
+		emptyText: {
+			type: String,
+			default: "暂无条目"
+		}
+	},
+	setup(t) {
+		let T = t, E = y(), D = f(null), { isCustomElement: O, hasNativeSlot: k } = e(D), A = /* @__PURE__ */ new WeakMap(), j = 0;
+		function M(e, t) {
+			let n;
+			if (typeof e == "object" && e) {
+				let t = _(e);
+				t.id == null ? (A.has(t) || A.set(t, ++j), n = `object:${A.get(t)}`) : n = `id:${typeof t.id}:${t.id}`;
+			} else n = `value:${typeof e}:${e}`;
+			let r = T.items.slice(0, t).filter((t) => Object.is(_(t), _(e))).length;
+			return `${n}:${r}`;
+		}
+		return (e, f) => (d(), a(h(t.ordered ? "ol" : "ul"), u({
+			ref_key: "root",
+			ref: D
+		}, {
+			...v(E),
+			id: v(O) ? void 0 : v(E).id
+		}, {
+			class: "kima-list",
+			"aria-label": t.label
+		}), {
+			default: b(() => [m(e.$slots, "default", {}, () => [l(i, u({ name: "kima-list" }, v(n)), {
+				default: b(() => [(d(!0), s(r, null, p(t.items, (t, n) => (d(), s("li", {
+					key: M(t, n),
+					class: "kima-list__item"
+				}, [m(e.$slots, "item", {
+					item: t,
+					index: n
+				}, () => [c("div", x, [c("strong", null, g(typeof t == "object" && t ? t.title : t), 1), t?.description ? (d(), s("p", S, g(t.description), 1)) : o("", !0)]), e.$slots.action ? (d(), s("div", C, [m(e.$slots, "action", {
+					item: t,
+					index: n
+				}, void 0, !0)])) : o("", !0)], !0)]))), 128)), !t.items.length && !v(k)("default") ? (d(), s("li", w, g(t.emptyText), 1)) : o("", !0)]),
+				_: 3
+			}, 16)], !0)]),
+			_: 3
+		}, 16, ["aria-label"]));
+	}
+}), [["__scopeId", "data-v-db362eec"]]);
+export { T as default };

package/dist/vue/components/display/result.ce.js

@@ -0,0 +1,57 @@
+import { useNativeSlots as e } from "../../utils/native-slots.js";
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+import n from "../core/icon.ce.js";
+import { displayStatus as r } from "../../utils/display-status.js";
+/* empty css                                                          */
+import { computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, mergeProps as l, openBlock as u, ref as d, renderSlot as f, toDisplayString as p, unref as m, useAttrs as h } from "vue";
+// src/components/display/result.ce.vue
+var g = ["data-variant"], _ = ["aria-label"], v = { key: 0 }, y = {
+	key: 1,
+	class: "kima-result__content"
+}, b = {
+	key: 2,
+	class: "kima-result__actions"
+}, x = /*#__PURE__*/ t(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "result.ce",
+	props: {
+		variant: {
+			type: String,
+			default: "success"
+		},
+		heading: {
+			type: String,
+			default: ""
+		},
+		description: {
+			type: String,
+			default: ""
+		}
+	},
+	setup(t) {
+		let x = t, S = h(), C = d(null), { isCustomElement: w, hasNativeSlot: T } = e(C), E = i(() => r(x.variant));
+		return (e, r) => (u(), o("section", l({
+			ref_key: "root",
+			ref: C
+		}, {
+			...m(S),
+			id: m(w) ? void 0 : m(S).id
+		}, {
+			class: "kima-result",
+			"data-variant": E.value.variant
+		}), [
+			s("span", {
+				class: "kima-result__icon",
+				role: "img",
+				"aria-label": E.value.label
+			}, [f(e.$slots, "icon", {}, () => [c(n, {
+				icon: E.value.icon,
+				size: 56
+			}, null, 8, ["icon"])], !0)], 8, _),
+			s("h2", null, p(t.heading || E.value.label), 1),
+			t.description ? (u(), o("p", v, p(t.description), 1)) : a("", !0),
+			e.$slots.default || m(T)("default") || m(w) ? (u(), o("div", y, [f(e.$slots, "default", {}, void 0, !0)])) : a("", !0),
+			e.$slots.action || m(T)("action") || m(w) ? (u(), o("div", b, [f(e.$slots, "action", {}, void 0, !0)])) : a("", !0)
+		], 16, g));
+	}
+}), [["__scopeId", "data-v-f08cf21f"]]);
+export { x as default };

package/dist/vue/components/display/skeleton.ce.js

@@ -0,0 +1,67 @@
+import { useNativeSlots as e } from "../../utils/native-slots.js";
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+import { presenceTransition as n } from "../../utils/motion.js";
+/* empty css                                                            */
+import { Fragment as r, Transition as i, computed as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, mergeProps as u, openBlock as d, ref as f, renderList as p, renderSlot as m, unref as h, useAttrs as g, vShow as _, withCtx as v, withDirectives as y } from "vue";
+// src/components/display/skeleton.ce.vue
+var b = [
+	"aria-busy",
+	"aria-label",
+	"role"
+], x = {
+	class: "kima-skeleton__placeholder",
+	"aria-hidden": "true"
+}, S = {
+	key: 0,
+	class: "kima-skeleton__avatar"
+}, C = { class: "kima-skeleton__lines" }, w = ["inert", "aria-hidden"], T = /*#__PURE__*/ t(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "skeleton.ce",
+	props: {
+		loading: {
+			type: Boolean,
+			default: !0
+		},
+		rows: {
+			type: Number,
+			default: 3
+		},
+		animated: {
+			type: Boolean,
+			default: !0
+		},
+		avatar: Boolean,
+		label: {
+			type: String,
+			default: "正在加载内容"
+		}
+	},
+	setup(t) {
+		let T = t, E = g(), D = f(null), { isCustomElement: O } = e(D), k = a(() => Number.isFinite(T.rows) ? Math.min(50, Math.max(1, Math.floor(T.rows))) : 3);
+		return (e, a) => (d(), s("div", u({
+			ref_key: "root",
+			ref: D
+		}, {
+			...h(E),
+			id: h(O) ? void 0 : h(E).id
+		}, {
+			class: ["kima-skeleton", { "kima-skeleton--animated": t.animated && t.loading }],
+			"aria-busy": t.loading || void 0,
+			"aria-label": t.loading ? t.label : void 0,
+			role: t.loading ? "status" : void 0
+		}), [l(i, { name: "kima-fade" }, {
+			default: v(() => [y(c("div", x, [t.avatar ? (d(), s("span", S)) : o("", !0), c("div", C, [(d(!0), s(r, null, p(k.value, (e) => (d(), s("span", {
+				key: e,
+				class: "kima-skeleton__line"
+			}))), 128))])], 512), [[_, t.loading]])]),
+			_: 1
+		}), l(i, u({ name: "kima-fade" }, h(n)), {
+			default: v(() => [y(c("div", {
+				class: "kima-skeleton__content",
+				inert: t.loading,
+				"aria-hidden": t.loading || void 0
+			}, [m(e.$slots, "default", {}, void 0, !0)], 8, w), [[_, !t.loading]])]),
+			_: 3
+		}, 16)], 16, b));
+	}
+}), [["__scopeId", "data-v-d9a7d212"]]);
+export { T as default };

package/dist/vue/components/display/spinner.ce.js

@@ -0,0 +1,42 @@
+import { useNativeSlots as e } from "../../utils/native-slots.js";
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+/* empty css                                                           */
+import { createElementBlock as n, createElementVNode as r, mergeProps as i, openBlock as a, ref as o, unref as s, useAttrs as c } from "vue";
+// src/components/display/spinner.ce.vue
+var l = [
+	"role",
+	"aria-label",
+	"aria-hidden"
+], u = /*#__PURE__*/ t(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "spinner.ce",
+	props: {
+		label: {
+			type: String,
+			default: "加载中"
+		},
+		size: {
+			type: String,
+			default: "medium"
+		},
+		decorative: Boolean
+	},
+	setup(t) {
+		let u = c(), d = o(null), { isCustomElement: f } = e(d);
+		return (e, o) => (a(), n("span", i({
+			ref_key: "root",
+			ref: d
+		}, {
+			...s(u),
+			id: s(f) ? void 0 : s(u).id
+		}, {
+			class: ["kima-spinner", `kima-spinner--${t.size}`],
+			role: t.decorative ? void 0 : "status",
+			"aria-label": t.decorative ? void 0 : t.label,
+			"aria-hidden": t.decorative || void 0
+		}), [...o[0] ||= [r("span", {
+			class: "kima-spinner__ring",
+			"aria-hidden": "true"
+		}, null, -1)]], 16, l));
+	}
+}), [["__scopeId", "data-v-d7ff1dc3"]]);
+export { u as default };

package/dist/vue/components/display/statistic.ce.js

@@ -0,0 +1,71 @@
+import { useNativeSlots as e } from "../../utils/native-slots.js";
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+/* empty css                                                             */
+import { computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, mergeProps as s, openBlock as c, ref as l, renderSlot as u, toDisplayString as d, unref as f, useAttrs as p } from "vue";
+// src/components/display/statistic.ce.vue
+var m = {
+	key: 0,
+	class: "kima-statistic__label"
+}, h = { class: "kima-statistic__value" }, g = { class: "kima-statistic__affix" }, _ = { class: "kima-statistic__affix" }, v = /*#__PURE__*/ t(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "statistic.ce",
+	props: {
+		value: {
+			type: [Number, String],
+			default: 0
+		},
+		label: {
+			type: String,
+			default: ""
+		},
+		locale: {
+			type: String,
+			default: "zh-CN"
+		},
+		precision: {
+			type: Number,
+			default: void 0
+		},
+		options: {
+			type: Object,
+			default: () => ({})
+		},
+		prefix: {
+			type: String,
+			default: ""
+		},
+		suffix: {
+			type: String,
+			default: ""
+		}
+	},
+	setup(t) {
+		let v = t, y = p(), b = l(null), { isCustomElement: x } = e(b), S = n(() => {
+			let e = Number(v.value);
+			if (!Number.isFinite(e)) return "—";
+			let t = Number.isFinite(v.precision) ? Math.min(20, Math.max(0, Math.floor(v.precision))) : void 0, n = {
+				...v.options,
+				...t === void 0 ? {} : {
+					minimumFractionDigits: t,
+					maximumFractionDigits: t
+				}
+			};
+			try {
+				return new Intl.NumberFormat(v.locale, n).format(e);
+			} catch {
+				return new Intl.NumberFormat("zh-CN").format(e);
+			}
+		});
+		return (e, n) => (c(), i("div", s({
+			ref_key: "root",
+			ref: b
+		}, {
+			...f(y),
+			id: f(x) ? void 0 : f(y).id
+		}, { class: "kima-statistic" }), [t.label ? (c(), i("div", m, d(t.label), 1)) : r("", !0), a("div", h, [
+			a("span", g, [u(e.$slots, "prefix", {}, () => [o(d(t.prefix), 1)], !0)]),
+			a("span", null, d(S.value), 1),
+			a("span", _, [u(e.$slots, "suffix", {}, () => [o(d(t.suffix), 1)], !0)])
+		])], 16));
+	}
+}), [["__scopeId", "data-v-cc8448a6"]]);
+export { v as default };

package/dist/vue/components/display/timeline.ce.js

@@ -0,0 +1,59 @@
+import { useNativeSlots as e } from "../../utils/native-slots.js";
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+import n from "../core/icon.ce.js";
+import { presenceTransition as r } from "../../utils/motion.js";
+import { displayStatus as i } from "../../utils/display-status.js";
+/* empty css                                                            */
+import { Fragment as a, TransitionGroup as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, mergeProps as d, openBlock as f, ref as p, renderList as m, renderSlot as h, toDisplayString as g, unref as _, useAttrs as v, withCtx as y } from "vue";
+// src/components/display/timeline.ce.vue
+var b = ["aria-label"], x = ["data-variant"], S = ["aria-label"], C = { class: "kima-timeline__body" }, w = ["datetime"], T = { key: 1 }, E = /*#__PURE__*/ t(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "timeline.ce",
+	props: {
+		items: {
+			type: Array,
+			default: () => []
+		},
+		label: {
+			type: String,
+			default: "时间线"
+		}
+	},
+	setup(t) {
+		let E = v(), D = p(null), { isCustomElement: O } = e(D);
+		return (e, p) => (f(), c("ol", d({
+			ref_key: "root",
+			ref: D
+		}, {
+			..._(E),
+			id: _(O) ? void 0 : _(E).id
+		}, {
+			class: "kima-timeline",
+			"aria-label": t.label
+		}), [h(e.$slots, "default", {}, () => [u(o, d({ name: "kima-list" }, _(r)), {
+			default: y(() => [(f(!0), c(a, null, m(t.items, (t, r) => (f(), c("li", {
+				key: t.id ?? r,
+				class: "kima-timeline__item",
+				"data-variant": _(i)(t.variant).variant
+			}, [l("span", {
+				class: "kima-timeline__marker",
+				role: "img",
+				"aria-label": _(i)(t.variant).label
+			}, [u(n, {
+				icon: _(i)(t.variant).icon,
+				size: 24
+			}, null, 8, ["icon"])], 8, S), l("div", C, [h(e.$slots, "item", {
+				item: t,
+				index: r
+			}, () => [
+				t.time ? (f(), c("time", {
+					key: 0,
+					datetime: t.datetime
+				}, g(t.time), 9, w)) : s("", !0),
+				l("strong", null, g(t.title), 1),
+				t.description ? (f(), c("p", T, g(t.description), 1)) : s("", !0)
+			], !0)])], 8, x))), 128))]),
+			_: 3
+		}, 16)], !0)], 16, b));
+	}
+}), [["__scopeId", "data-v-ff6a1726"]]);
+export { E as default };

package/dist/vue/components/form-completion/angle-slider.ce.js

@@ -0,0 +1,103 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import { useInputState as t } from "../../utils/input-state.js";
+/* empty css                                                                */
+import { computed as n, createElementBlock as r, createElementVNode as i, normalizeClass as a, normalizeStyle as o, openBlock as s, ref as c, toDisplayString as l, unref as u, withModifiers as d } from "vue";
+// src/components/form-completion/angle-slider.ce.vue
+var f = [
+	"aria-label",
+	"aria-valuenow",
+	"aria-valuetext",
+	"aria-disabled"
+], p = [
+	"value",
+	"name",
+	"step",
+	"required",
+	"disabled",
+	"aria-label"
+], m = /*#__PURE__*/ e({
+	__name: "angle-slider.ce",
+	props: {
+		modelValue: {
+			type: Number,
+			default: 0
+		},
+		name: String,
+		label: {
+			type: String,
+			default: "角度"
+		},
+		disabled: Boolean,
+		required: Boolean,
+		step: {
+			type: Number,
+			default: 1
+		},
+		size: {
+			type: Number,
+			default: 168
+		}
+	},
+	emits: ["update:modelValue", "change"],
+	setup(e, { emit: m }) {
+		let h = e, g = m, _ = c(null);
+		c(null);
+		let { local: v, update: y } = t(h, g, _, (e) => Number.isFinite(Number(e)) ? (Number(e) % 360 + 360) % 360 : 0), b = n(() => ({
+			left: `${50 + Math.sin(v.value * Math.PI / 180) * 42}%`,
+			top: `${50 - Math.cos(v.value * Math.PI / 180) * 42}%`
+		}));
+		function x(e) {
+			if (h.disabled) return;
+			let t = _.value.getBoundingClientRect(), n = (Math.atan2(e.clientX - (t.left + t.width / 2), -(e.clientY - (t.top + t.height / 2))) * 180 / Math.PI + 360) % 360;
+			y(Math.round(n / h.step) * h.step % 360, !1);
+		}
+		function S(e) {
+			[
+				"ArrowLeft",
+				"ArrowDown",
+				"ArrowRight",
+				"ArrowUp",
+				"Home",
+				"End"
+			].includes(e.key) && (e.preventDefault(), y(e.key === "Home" ? 0 : e.key === "End" ? 359.999 : (v.value + (e.key === "ArrowRight" || e.key === "ArrowUp" ? 1 : -1) * h.step + 360) % 360));
+		}
+		return (t, n) => (s(), r("div", {
+			ref_key: "root",
+			ref: _,
+			class: a(["kima-angle-slider", { "kima-angle-slider--disabled": e.disabled }]),
+			style: o({ "--kima-angle-size": `${e.size}px` })
+		}, [i("div", {
+			class: "kima-angle-slider__dial",
+			role: "slider",
+			tabindex: "0",
+			"aria-label": e.label,
+			"aria-valuemin": 0,
+			"aria-valuemax": 359,
+			"aria-valuenow": u(v),
+			"aria-valuetext": `${u(v)}°`,
+			"aria-disabled": e.disabled || void 0,
+			onPointerdown: n[0] ||= (e) => {
+				e.currentTarget.setPointerCapture(e.pointerId), x(e);
+			},
+			onPointermove: n[1] ||= (e) => e.buttons && x(e),
+			onKeydown: S
+		}, [i("span", {
+			class: "kima-angle-slider__marker",
+			style: o(b.value)
+		}, null, 4), i("output", null, l(u(v)) + "°", 1)], 40, f), i("input", {
+			class: "kima-angle-slider__native",
+			type: "number",
+			value: u(v),
+			name: e.name,
+			min: "0",
+			max: "359.999",
+			step: e.step,
+			required: e.required,
+			disabled: e.disabled,
+			"aria-label": e.label,
+			onInput: n[2] ||= d((e) => u(y)(Number(e.target.value)), ["stop"]),
+			onChange: n[3] ||= d((e) => g("change", u(v)), ["stop"])
+		}, null, 40, p)], 6));
+	}
+}, [["__scopeId", "data-v-924c5f0d"]]);
+export { m as default };