@kernel4632/kima 0.0.0-stage → 0.6.1

package/dist/vue/components/core/time-picker.ce.js

@@ -0,0 +1,486 @@
+import { useRipple as e } from "../../utils/ripple.js";
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+import n from "./icon.ce.js";
+import { presenceTransition as r } from "../../utils/motion.js";
+/* empty css                                                               */
+import { Fragment as i, Transition as ee, computed as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, getCurrentInstance as te, mergeProps as u, nextTick as d, normalizeClass as f, onBeforeUnmount as ne, onMounted as re, openBlock as p, ref as m, renderList as h, toDisplayString as g, unref as _, useAttrs as ie, useHost as ae, useId as oe, watch as v, withCtx as se, withModifiers as y } from "vue";
+import { ArrowDown01Icon as ce, Cancel01Icon as le } from "@hugeicons/core-free-icons";
+// src/components/core/time-picker.ce.vue
+var ue = ["aria-disabled"], de = [
+	"aria-expanded",
+	"aria-label",
+	"aria-required",
+	"disabled"
+], fe = ["disabled"], pe = [
+	"name",
+	"value",
+	"required",
+	"disabled"
+], me = ["aria-label"], he = {
+	class: "kima-time-picker__summary",
+	"aria-live": "polite"
+}, ge = { class: "kima-time-picker__columns" }, _e = { class: "kima-time-picker__column" }, ve = ["aria-activedescendant"], ye = [
+	"id",
+	"aria-selected",
+	"aria-disabled",
+	"disabled",
+	"tabindex",
+	"onClick",
+	"onKeydown"
+], be = { class: "kima-time-picker__column" }, xe = ["aria-activedescendant"], Se = [
+	"id",
+	"aria-selected",
+	"aria-disabled",
+	"disabled",
+	"tabindex",
+	"onClick",
+	"onKeydown"
+], Ce = {
+	key: 0,
+	class: "kima-time-picker__column kima-time-picker__column--period"
+}, we = ["aria-activedescendant"], Te = [
+	"id",
+	"aria-selected",
+	"aria-disabled",
+	"disabled",
+	"tabindex",
+	"onClick",
+	"onKeydown"
+], Ee = /*#__PURE__*/ t(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "time-picker.ce",
+	props: {
+		modelValue: {
+			type: String,
+			default: null
+		},
+		min: {
+			type: String,
+			default: null
+		},
+		max: {
+			type: String,
+			default: null
+		},
+		step: {
+			type: Number,
+			default: 30
+		},
+		label: {
+			type: String,
+			default: ""
+		},
+		placeholder: {
+			type: String,
+			default: "Select time"
+		},
+		open: Boolean,
+		required: Boolean,
+		name: String,
+		disabled: Boolean,
+		clearable: Boolean,
+		locale: {
+			type: String,
+			default: "en-GB"
+		},
+		hour12: {
+			type: Boolean,
+			default: null
+		},
+		mode: {
+			type: String,
+			default: "auto"
+		}
+	},
+	emits: [
+		"update:modelValue",
+		"change",
+		"update:open"
+	],
+	setup(t, { emit: Ee }) {
+		let b = t, x = Ee, S = ie(), De = te()?.ce ? ae() : null, Oe = a(() => De ? {
+			...S,
+			id: void 0
+		} : S), ke = m(null), C = m(null), Ae = m(null), je = m(null);
+		e(je);
+		let Me = m({
+			hour: [],
+			minute: [],
+			period: []
+		}), w = m(b.modelValue), T = m(!1), E = m(0), D = m(0), O = m("AM"), k = m("hour"), A = m(0), j, M, N, P, F = `kima-time-picker-${oe()}`, Ne = `${F}-trigger`, Pe = `${F}-popup`, Fe = `${F}-hours`, Ie = `${F}-minutes`, Le = `${F}-period`, Re = a(() => {
+			let e = Number(b.step);
+			return Number.isFinite(e) && e > 0 ? Math.min(60, Math.floor(e)) : 30;
+		}), ze = a(() => V(b.min)), Be = a(() => V(b.max)), I = a(() => {
+			let e = b.mode.toLowerCase();
+			if ([
+				"12",
+				"12h",
+				"12-hour"
+			].includes(e)) return !0;
+			if ([
+				"24",
+				"24h",
+				"24-hour"
+			].includes(e)) return !1;
+			if (typeof b.hour12 == "boolean") return b.hour12;
+			try {
+				let e = new Intl.DateTimeFormat(b.locale || "en-GB", { hour: "numeric" }).resolvedOptions().hourCycle;
+				return e === "h11" || e === "h12";
+			} catch {
+				return !1;
+			}
+		}), Ve = a(() => {
+			let e = [];
+			for (let t = 0; t < 60; t += Re.value) e.push(t);
+			return e;
+		}), L = a(() => {
+			let e = [];
+			if (I.value) for (let t = 1; t <= 12; t += 1) {
+				let n = W(t, O.value);
+				e.push({
+					value: n,
+					label: String(t),
+					disabled: !K(n)
+				});
+			}
+			else for (let t = 0; t < 24; t += 1) e.push({
+				value: t,
+				label: B(t),
+				disabled: !K(t)
+			});
+			return e;
+		}), R = a(() => Ve.value.map((e) => ({
+			value: e,
+			label: B(e),
+			disabled: !G(E.value, e)
+		}))), He = a(() => [{
+			value: "AM",
+			label: "AM",
+			disabled: !Ge("AM")
+		}, {
+			value: "PM",
+			label: "PM",
+			disabled: !Ge("PM")
+		}]), Ue = a(() => {
+			let e = V(w.value);
+			return e === null ? b.placeholder : We(e);
+		}), z = a(() => `${F}-${k.value}-${A.value}`);
+		function B(e) {
+			return String(e).padStart(2, "0");
+		}
+		function V(e) {
+			if (typeof e != "string" || !/^\d{2}:\d{2}$/.test(e)) return null;
+			let [t, n] = e.split(":").map(Number);
+			return t > 23 || n > 59 ? null : t * 60 + n;
+		}
+		function H(e, t) {
+			return `${B(e)}:${B(t)}`;
+		}
+		function We(e) {
+			let t = new Date(2e3, 0, 1, Math.floor(e / 60), e % 60);
+			try {
+				return new Intl.DateTimeFormat(b.locale || "en-GB", {
+					hour: "numeric",
+					minute: "2-digit",
+					hour12: I.value
+				}).format(t);
+			} catch {
+				return H(Math.floor(e / 60), e % 60);
+			}
+		}
+		function U(e) {
+			let t = e % 12;
+			return t === 0 ? 12 : t;
+		}
+		function W(e, t) {
+			return t === "PM" ? e === 12 ? 12 : e + 12 : e === 12 ? 0 : e;
+		}
+		function G(e, t) {
+			let n = e * 60 + t;
+			return !(n % Re.value !== 0 || ze.value !== null && n < ze.value || Be.value !== null && n > Be.value);
+		}
+		function K(e) {
+			return Ve.value.some((t) => G(e, t));
+		}
+		function Ge(e) {
+			return L.value.some((t) => U(t.value) === U(E.value) && O.value === e && !t.disabled) || Array.from({ length: 12 }, (t, n) => W(n + 1, e)).some((e) => K(e));
+		}
+		function Ke() {
+			for (let e = 0; e < 1440; e += 1) if (G(Math.floor(e / 60), e % 60)) return e;
+			return 0;
+		}
+		function qe() {
+			let e = V(w.value), t = e !== null && G(Math.floor(e / 60), e % 60) ? e : Ke();
+			E.value = Math.floor(t / 60), D.value = t % 60, O.value = E.value >= 12 ? "PM" : "AM", k.value = "hour", A.value = Math.max(0, L.value.findIndex((e) => e.value === E.value));
+		}
+		function q(e, t, n) {
+			n && (Me.value[e][t] = n);
+		}
+		function J() {
+			d(() => Me.value[k.value]?.[A.value]?.focus());
+		}
+		function Y(e = !0) {
+			b.disabled || (qe(), T.value = !0, e && x("update:open", !0), J());
+		}
+		function X(e = !0, t = !0) {
+			T.value && (T.value = !1, e && x("update:open", !1), t && d(() => {
+				T.value || C.value?.focus();
+			}));
+		}
+		function Je() {
+			T.value ? X(!0, !0) : Y(!0);
+		}
+		function Ye(e) {
+			b.disabled || e === w.value || (w.value = e, x("update:modelValue", e), x("change", e));
+		}
+		function Xe() {
+			G(E.value, D.value) && (Ye(H(E.value, D.value)), X(!0, !0));
+		}
+		function Ze(e, t) {
+			if (e.disabled) return;
+			E.value = e.value, k.value = "minute";
+			let n = R.value.findIndex((e) => e.value === D.value && !e.disabled);
+			A.value = n >= 0 ? n : Math.max(0, R.value.findIndex((e) => !e.disabled)), J();
+		}
+		function Qe(e, t) {
+			e.disabled || (D.value = e.value, k.value = "minute", A.value = t, Xe());
+		}
+		function Z(e, t) {
+			e.disabled || (O.value = e.value, E.value = W(U(E.value), e.value), k.value = "period", A.value = t, J());
+		}
+		function Q(e) {
+			return e === "hour" ? L.value : e === "minute" ? R.value : He.value;
+		}
+		function $e(e, t, n) {
+			let r = Q(e), i = t + n;
+			for (; i >= 0 && i < r.length;) {
+				if (!r[i].disabled) return i;
+				i += n;
+			}
+			return t;
+		}
+		function et(e, t, n) {
+			if (n.isComposing) return;
+			if (n.key === "Escape") {
+				n.preventDefault(), X(!0, !0);
+				return;
+			}
+			if ([
+				"ArrowUp",
+				"ArrowDown",
+				"Home",
+				"End"
+			].includes(n.key)) {
+				n.preventDefault();
+				let r = Q(e), i = n.key === "Home" ? r.findIndex((e) => !e.disabled) : n.key === "End" ? [...r].findLastIndex((e) => !e.disabled) : $e(e, t, n.key === "ArrowUp" ? -1 : 1);
+				i >= 0 && (k.value = e, A.value = i, e === "hour" && (E.value = r[i].value), e === "minute" && (D.value = r[i].value), e === "period" && Z(r[i], i), J());
+				return;
+			}
+			if (n.key === "ArrowLeft" || n.key === "ArrowRight") {
+				n.preventDefault();
+				let t = I.value ? [
+					"hour",
+					"minute",
+					"period"
+				] : ["hour", "minute"], r = t[Math.max(0, Math.min(t.length - 1, t.indexOf(e) + (n.key === "ArrowLeft" ? -1 : 1)))];
+				k.value = r;
+				let i = Q(r);
+				A.value = Math.max(0, i.findIndex((e) => !e.disabled)), J();
+				return;
+			}
+			if (n.key !== "Enter" && n.key !== " ") return;
+			n.preventDefault();
+			let r = Q(e)[t];
+			e === "hour" ? Ze(r, t) : e === "minute" ? Qe(r, t) : Z(r, t);
+		}
+		function tt(e) {
+			b.disabled || (e.key === "Escape" && T.value ? (e.preventDefault(), X(!0, !0)) : [
+				"ArrowDown",
+				"ArrowUp",
+				"Enter",
+				" "
+			].includes(e.key) && (e.preventDefault(), T.value || Y(!0)));
+		}
+		function nt(e) {
+			e.key === "Escape" && (e.preventDefault(), X(!0, !0));
+		}
+		function rt() {
+			Ye(null), X(!0, !0), d(() => {
+				T.value || C.value?.focus();
+			});
+		}
+		function $(e) {
+			T.value && !e.composedPath().includes(ke.value) && X(!1, !1);
+		}
+		function it(e) {
+			clearTimeout(P), P = setTimeout(() => {
+				if (e.defaultPrevented) return;
+				let t = w.value !== N;
+				w.value = N, X(!1, !1), t && (x("update:modelValue", w.value), x("change", w.value));
+			}, 0);
+		}
+		function at(e) {
+			e.preventDefault(), d(() => C.value?.focus());
+		}
+		return v(() => b.modelValue, (e) => {
+			w.value = e;
+		}), v(() => b.open, (e) => {
+			e ? Y(!1) : X(!1, !1);
+		}, { immediate: !0 }), v(() => b.disabled, (e) => {
+			e && X(!1, !1);
+		}), v([I, () => b.locale], () => {
+			T.value && qe();
+		}), re(() => {
+			N = b.modelValue, M = Ae.value?.form, M?.addEventListener("reset", it), j = ke.value.ownerDocument, j.addEventListener("pointerdown", $), j.addEventListener("focusin", $), T.value && J();
+		}), ne(() => {
+			clearTimeout(P), M?.removeEventListener("reset", it), j?.removeEventListener("pointerdown", $), j?.removeEventListener("focusin", $);
+		}), (e, a) => (p(), s("div", u({
+			ref_key: "root",
+			ref: ke
+		}, Oe.value, { class: ["kima-time-picker", {
+			"kima-time-picker--open": T.value,
+			"kima-time-picker--disabled": t.disabled
+		}] }), [
+			c("div", {
+				ref_key: "control",
+				ref: je,
+				class: "kima-time-picker__control",
+				"aria-disabled": t.disabled || void 0
+			}, [c("button", {
+				id: Ne,
+				ref_key: "trigger",
+				ref: C,
+				class: "kima-time-picker__trigger",
+				type: "button",
+				role: "combobox",
+				"aria-haspopup": "dialog",
+				"aria-expanded": T.value,
+				"aria-controls": Pe,
+				"aria-label": _(S)["aria-label"] || _(S).ariaLabel || t.label || t.placeholder,
+				"aria-required": t.required || void 0,
+				disabled: t.disabled,
+				onClick: Je,
+				onKeydown: tt
+			}, [c("span", { class: f(["kima-time-picker__trigger-label", { "kima-time-picker__trigger-label--placeholder": V(w.value) === null }]) }, g(Ue.value), 3), l(n, {
+				class: "kima-time-picker__arrow",
+				icon: _(ce),
+				size: 20,
+				"aria-hidden": "true"
+			}, null, 8, ["icon"])], 40, de), l(ee, u({ name: "kima-fade" }, _(r)), {
+				default: se(() => [t.clearable && w.value ? (p(), s("button", {
+					key: 0,
+					class: "kima-time-picker__clear",
+					type: "button",
+					"aria-label": "Clear time",
+					title: "Clear time",
+					disabled: t.disabled,
+					onClick: y(rt, ["stop"])
+				}, [l(n, {
+					icon: _(le),
+					size: 18,
+					"aria-hidden": "true"
+				}, null, 8, ["icon"])], 8, fe)) : o("", !0)]),
+				_: 1
+			}, 16)], 8, ue),
+			c("input", {
+				ref_key: "nativeInput",
+				ref: Ae,
+				class: "kima-time-picker__native",
+				type: "text",
+				name: t.name,
+				value: w.value || "",
+				required: t.required,
+				disabled: t.disabled,
+				tabindex: "-1",
+				"aria-hidden": "true",
+				onInput: a[0] ||= y(() => {}, ["stop"]),
+				onChange: a[1] ||= y(() => {}, ["stop"]),
+				onInvalid: at
+			}, null, 40, pe),
+			l(ee, u({ name: "kima-popup" }, _(r)), {
+				default: se(() => [T.value ? (p(), s("div", {
+					key: 0,
+					id: Pe,
+					class: "kima-time-picker__popup",
+					role: "dialog",
+					"aria-label": t.label || t.placeholder,
+					onKeydown: nt
+				}, [c("div", he, g(H(E.value, D.value)), 1), c("div", ge, [
+					c("div", _e, [a[2] ||= c("span", { class: "kima-time-picker__column-label" }, "Hour", -1), c("div", {
+						id: Fe,
+						class: "kima-time-picker__list",
+						role: "listbox",
+						"aria-label": "Hour",
+						"aria-activedescendant": k.value === "hour" ? z.value : void 0
+					}, [(p(!0), s(i, null, h(L.value, (e, t) => (p(), s("button", {
+						id: `${F}-hour-${t}`,
+						key: e.value,
+						ref_for: !0,
+						ref: (e) => q("hour", t, e),
+						class: f(["kima-time-picker__option", {
+							"kima-time-picker__option--active": k.value === "hour" && A.value === t,
+							"kima-time-picker__option--selected": e.value === E.value
+						}]),
+						type: "button",
+						role: "option",
+						"aria-selected": e.value === E.value,
+						"aria-disabled": e.disabled || void 0,
+						disabled: e.disabled,
+						tabindex: k.value === "hour" && A.value === t ? 0 : -1,
+						onClick: (n) => Ze(e, t),
+						onKeydown: (e) => et("hour", t, e)
+					}, g(e.label), 43, ye))), 128))], 8, ve)]),
+					c("div", be, [a[3] ||= c("span", { class: "kima-time-picker__column-label" }, "Minute", -1), c("div", {
+						id: Ie,
+						class: "kima-time-picker__list",
+						role: "listbox",
+						"aria-label": "Minute",
+						"aria-activedescendant": k.value === "minute" ? z.value : void 0
+					}, [(p(!0), s(i, null, h(R.value, (e, t) => (p(), s("button", {
+						id: `${F}-minute-${t}`,
+						key: e.value,
+						ref_for: !0,
+						ref: (e) => q("minute", t, e),
+						class: f(["kima-time-picker__option", {
+							"kima-time-picker__option--active": k.value === "minute" && A.value === t,
+							"kima-time-picker__option--selected": e.value === D.value
+						}]),
+						type: "button",
+						role: "option",
+						"aria-selected": e.value === D.value,
+						"aria-disabled": e.disabled || void 0,
+						disabled: e.disabled,
+						tabindex: k.value === "minute" && A.value === t ? 0 : -1,
+						onClick: (n) => Qe(e, t),
+						onKeydown: (e) => et("minute", t, e)
+					}, g(e.label), 43, Se))), 128))], 8, xe)]),
+					I.value ? (p(), s("div", Ce, [a[4] ||= c("span", { class: "kima-time-picker__column-label" }, "Period", -1), c("div", {
+						id: Le,
+						class: "kima-time-picker__list kima-time-picker__list--period",
+						role: "listbox",
+						"aria-label": "AM or PM",
+						"aria-activedescendant": k.value === "period" ? z.value : void 0
+					}, [(p(!0), s(i, null, h(He.value, (e, t) => (p(), s("button", {
+						id: `${F}-period-${t}`,
+						key: e.value,
+						ref_for: !0,
+						ref: (e) => q("period", t, e),
+						class: f(["kima-time-picker__option", {
+							"kima-time-picker__option--active": k.value === "period" && A.value === t,
+							"kima-time-picker__option--selected": e.value === O.value
+						}]),
+						type: "button",
+						role: "option",
+						"aria-selected": e.value === O.value,
+						"aria-disabled": e.disabled || void 0,
+						disabled: e.disabled,
+						tabindex: k.value === "period" && A.value === t ? 0 : -1,
+						onClick: (n) => Z(e, t),
+						onKeydown: (e) => et("period", t, e)
+					}, g(e.label), 43, Te))), 128))], 8, we)])) : o("", !0)
+				])], 40, me)) : o("", !0)]),
+				_: 1
+			}, 16)
+		], 16));
+	}
+}), [["__scopeId", "data-v-afd1d777"]]);
+export { Ee as default };

package/dist/vue/components/core/tooltip.ce.js

@@ -0,0 +1,125 @@
+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 { Comment as r, Transition as i, computed as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as ee, createVNode as te, mergeProps as l, nextTick as u, normalizeClass as d, onBeforeUnmount as f, onMounted as p, openBlock as m, ref as h, renderSlot as g, toDisplayString as _, unref as v, useAttrs as y, useId as b, useSlots as x, watch as S, withCtx as C } from "vue";
+// src/components/core/tooltip.ce.vue
+var w = ["aria-describedby"], T = /*#__PURE__*/ t(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "tooltip.ce",
+	props: {
+		text: {
+			type: String,
+			default: ""
+		},
+		position: {
+			type: String,
+			default: "bottom"
+		},
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		delay: {
+			type: Number,
+			default: 500
+		},
+		disabled: Boolean
+	},
+	setup(t) {
+		let T = t, E = x(), D = y(), O = h(!1), k = h(null), A = h(null), j = h(!1), M = h(!1), N = h(!1), P = `kima-tooltip-${b()}`, { hasNativeSlot: F, isCustomElement: I } = e(k), L = a(() => I ? {
+			...D,
+			id: void 0
+		} : D), R = null, z = null, B, V = a(() => T.open !== void 0), H = a(() => E.content?.().some((e) => e.type === r ? !1 : typeof e.children != "string" || e.children.trim().length > 0) || F("content")), U = a(() => !!T.text.trim() || H.value), W = a(() => T.disabled || N.value || !U.value ? !1 : V.value ? T.open : O.value), G = a(() => [
+			"top",
+			"right",
+			"bottom",
+			"left"
+		].includes(T.position) ? T.position : "bottom"), K = a(() => Math.max(0, Number.isFinite(T.delay) ? T.delay : 0)), q = a(() => ({ "aria-describedby": W.value ? P : void 0 }));
+		function J() {
+			R !== null && (clearTimeout(R), R = null);
+		}
+		function Y(e) {
+			if (!e || typeof e.setAttribute != "function" || z === e) return;
+			X(), z = e;
+			let t = [...(e.getAttribute("aria-describedby") || "").split(/\s+/).filter((e) => e && e !== P), P].join(" ");
+			e.setAttribute("aria-describedby", t);
+		}
+		function X() {
+			if (!z) return;
+			let e = (z.getAttribute("aria-describedby") || "").split(/\s+/).filter((e) => e && e !== P);
+			e.length === 0 ? z.removeAttribute("aria-describedby") : z.setAttribute("aria-describedby", e.join(" ")), z = null;
+		}
+		function Z() {
+			J(), O.value = !1;
+		}
+		function Q(e = !1) {
+			N.value = !1, !(V.value || T.disabled || !U.value) && (J(), e || K.value === 0 ? O.value = !0 : R = setTimeout(() => {
+				O.value = !0, R = null;
+			}, K.value));
+		}
+		function ne() {
+			j.value = !0, Q(M.value);
+		}
+		function re() {
+			j.value = !1, M.value || Z();
+		}
+		function ie(e) {
+			M.value = !0, Q(!0), W.value && Y(e.target);
+		}
+		function ae(e) {
+			e.currentTarget?.contains(e.relatedTarget) || (M.value = !1, j.value || Z());
+		}
+		function $(e) {
+			e.key !== "Escape" || e.isComposing || !W.value && R === null || (e.preventDefault(), e.stopPropagation(), N.value = !0, Z());
+		}
+		return S(() => T.open, () => {
+			N.value = !1;
+		}), S([() => T.disabled, U], () => {
+			(T.disabled || !U.value) && Z();
+		}), S(W, (e) => {
+			e ? u(() => {
+				if (!W.value) return;
+				let e = A.value?.querySelector("button, a, input, select, textarea, [tabindex]:not([tabindex='-1'])");
+				e && Y(e);
+			}) : X();
+		}, { immediate: !0 }), p(() => {
+			B = A.value.ownerDocument, B.addEventListener("keydown", $), W.value && u(() => {
+				if (!W.value) return;
+				let e = A.value?.querySelector("button, a, input, select, textarea, [tabindex]:not([tabindex='-1'])");
+				e && Y(e);
+			});
+		}), f(() => {
+			B.removeEventListener("keydown", $), J(), X();
+		}), (e, r) => (m(), s("span", l({
+			ref_key: "root",
+			ref: k
+		}, L.value, {
+			class: ["kima-tooltip", {
+				"kima-tooltip--open": W.value,
+				"kima-tooltip--disabled": t.disabled
+			}],
+			onMouseenter: ne,
+			onMouseleave: re,
+			onFocusin: ie,
+			onFocusout: ae
+		}), [c("span", {
+			ref_key: "triggerRoot",
+			ref: A,
+			class: "kima-tooltip__trigger",
+			"aria-describedby": W.value ? P : void 0
+		}, [g(e.$slots, "trigger", {
+			triggerAttrs: q.value,
+			attrs: q.value,
+			open: W.value
+		}, () => [g(e.$slots, "default", {}, void 0, !0)], !0)], 8, w), te(i, l({ name: "kima-popup" }, v(n)), {
+			default: C(() => [W.value ? (m(), s("span", {
+				key: 0,
+				id: P,
+				class: d(["kima-tooltip__content", `kima-tooltip__content--${G.value}`]),
+				role: "tooltip"
+			}, [g(e.$slots, "content", {}, () => [ee(_(t.text), 1)], !0)], 2)) : o("", !0)]),
+			_: 3
+		}, 16)], 16));
+	}
+}), [["__scopeId", "data-v-2c931a6a"]]);
+export { T as default };