@livestorm/ui-vue 3.0.0 → 4.0.0

package/dist/UiTooltip-DZcPD6_N.mjs

@@ -0,0 +1,158 @@
+import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createTextVNode as a, createVNode as o, defineComponent as s, getCurrentInstance as c, guardReactiveProps as l, mergeProps as u, normalizeProps as d, openBlock as f, renderSlot as p, toDisplayString as m, unref as h, withCtx as g } from "vue";
+import { TooltipArrow as _, TooltipContent as v, TooltipPortal as y, TooltipProvider as b, TooltipRoot as x, TooltipTrigger as S, injectTooltipRootContext as C, useForwardProps as w, useForwardPropsEmits as T } from "reka-ui";
+import { reactiveOmit as E } from "@vueuse/core";
+//#region \0rolldown/runtime.js
+var D = Object.defineProperty, O = (e, t) => {
+	let n = {};
+	for (var r in e) D(n, r, {
+		get: e[r],
+		enumerable: !0
+	});
+	return t || D(n, Symbol.toStringTag, { value: "Module" }), n;
+}, k = /*@__PURE__*/ s({
+	__name: "UiTooltipProvider",
+	props: {
+		delayDuration: { default: 700 },
+		skipDelayDuration: { default: 300 },
+		disableHoverableContent: { type: Boolean },
+		disableClosingTrigger: {
+			type: Boolean,
+			default: !0
+		},
+		disabled: { type: Boolean },
+		ignoreNonKeyboardFocus: { type: Boolean },
+		content: {}
+	},
+	setup(e) {
+		return (e, t) => (f(), n(h(b), d(l(e.$props)), {
+			default: g(() => [p(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), A = /* @__PURE__ */ O({ default: () => j }), j = k, M = /*@__PURE__*/ s({
+	__name: "UiTooltipTrigger",
+	props: {
+		reference: {},
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(e) {
+		let t = w(e), r = C();
+		function i(e) {
+			e.pointerType !== "touch" || r.disabled.value || (r.open.value ? r.onClose() : r.onOpen());
+		}
+		return (e, r) => (f(), n(h(S), u({
+			...h(t),
+			...e.$attrs
+		}, { onPointerup: i }), {
+			default: g(() => [p(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), N = /* @__PURE__ */ O({ default: () => P }), P = M, F = /*@__PURE__*/ s({
+	__name: "UiTooltipContent",
+	props: {
+		colorsSemantic: { default: "light" },
+		maxWidth: { default: "base" },
+		showArrow: {
+			type: Boolean,
+			default: !0
+		},
+		arrowWidth: { default: 10 },
+		arrowHeight: { default: 5 },
+		forceMount: { type: Boolean },
+		ariaLabel: {},
+		asChild: { type: Boolean },
+		as: {},
+		side: {},
+		sideOffset: { default: 12 },
+		align: {},
+		alignOffset: {},
+		avoidCollisions: { type: Boolean },
+		collisionBoundary: {},
+		collisionPadding: {},
+		arrowPadding: {},
+		sticky: {},
+		hideWhenDetached: { type: Boolean },
+		positionStrategy: {},
+		updatePositionStrategy: {}
+	},
+	emits: ["escapeKeyDown", "pointerDownOutside"],
+	setup(e, { emit: i }) {
+		let a = e, s = T(a, i), c = t(() => ({
+			xs: "max-w-[150px]",
+			sm: "max-w-[240px]",
+			md: "max-w-md",
+			base: "max-w-xs",
+			lg: "max-w-lg",
+			xl: "max-w-xl"
+		})[a.maxWidth]);
+		return (e, t) => (f(), n(h(y), null, {
+			default: g(() => [o(h(v), u({
+				...h(s),
+				...e.$attrs
+			}, {
+				"data-colors-semantic": a.colorsSemantic,
+				class: [
+					"ui-tooltip-content py-1.5 px-3 bg-surface-neutral-invert-bg-alpha text-text-neutral-invert-base text-content-text-md-regular rounded-row text-center z-overlay shadow-shadows-drop-shadow-lg",
+					"data-[state=delayed-open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=delayed-open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=delayed-open]:zoom-in-95",
+					c.value
+				]
+			}), {
+				default: g(() => [p(e.$slots, "default"), a.showArrow ? (f(), n(h(_), {
+					key: 0,
+					width: a.arrowWidth,
+					height: a.arrowHeight,
+					class: "fill-surface-neutral-invert-bg-alpha"
+				}, null, 8, ["width", "height"])) : r("", !0)]),
+				_: 3
+			}, 16, ["data-colors-semantic", "class"])]),
+			_: 3
+		}));
+	}
+}), I = /* @__PURE__ */ O({ default: () => L }), L = F, R = /*@__PURE__*/ s({
+	inheritAttrs: !1,
+	__name: "UiTooltip",
+	props: {
+		content: {},
+		side: {},
+		defaultOpen: { type: Boolean },
+		open: { type: Boolean },
+		delayDuration: {},
+		disableHoverableContent: { type: Boolean },
+		disableClosingTrigger: { type: Boolean },
+		disabled: { type: Boolean },
+		ignoreNonKeyboardFocus: { type: Boolean }
+	},
+	emits: ["update:open"],
+	setup(r, { emit: s }) {
+		let _ = r, v = s, y = t(() => {
+			let e = c()?.vnode.props;
+			return !!e && "content" in e;
+		}), b = T(E(_, "content", "side"), v);
+		return (t, s) => y.value ? (f(), i(e, { key: 0 }, [r.content ? (f(), n(j, { key: 0 }, {
+			default: g(() => [o(h(x), d(l({
+				...h(b),
+				...t.$attrs
+			})), {
+				default: g(() => [o(P, { "as-child": "" }, {
+					default: g(() => [p(t.$slots, "default")]),
+					_: 3
+				}), o(L, { side: r.side }, {
+					default: g(() => [a(m(r.content), 1)]),
+					_: 1
+				}, 8, ["side"])]),
+				_: 3
+			}, 16)]),
+			_: 3
+		})) : p(t.$slots, "default", { key: 1 })], 64)) : (f(), n(h(x), d(u({ key: 1 }, {
+			...h(b),
+			...t.$attrs
+		})), {
+			default: g(() => [p(t.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), z = /* @__PURE__ */ O({ default: () => B }), B = R;
+//#endregion
+export { P as a, A as c, I as i, O as l, z as n, N as o, L as r, j as s, B as t };

package/dist/a11y-CaZxRWzo.mjs

@@ -0,0 +1,6 @@
+//#region src/utils/a11y.ts
+function e(e) {
+	e.preventDefault(), (e.target.closest("[role=\"menu\"]") || e.target).querySelector("a")?.focus();
+}
+//#endregion
+export { e as t };

package/dist/breakpoints.mjs

@@ -1,9 +1,4 @@
-const o = 640, t = 768, P = 1024, _ = 1280, c = 1366, n = 1536;
-export {
-  n as BREAKPOINT_2XL,
-  P as BREAKPOINT_LG,
-  t as BREAKPOINT_MD,
-  o as BREAKPOINT_SM,
-  _ as BREAKPOINT_XL,
-  c as BREAKPOINT_XL_PLUS
-};
+//#region src/utils/breakpoints.ts
+var e = 640, t = 768, n = 1024, r = 1280, i = 1366, a = 1536;
+//#endregion
+export { a as BREAKPOINT_2XL, n as BREAKPOINT_LG, t as BREAKPOINT_MD, e as BREAKPOINT_SM, r as BREAKPOINT_XL, i as BREAKPOINT_XL_PLUS };

package/dist/bus.mjs

@@ -1,5 +1,5 @@
-import t from "mitt";
-const m = t();
-export {
-  m as default
-};
+import e from "mitt";
+//#region src/utils/bus.js
+var t = e();
+//#endregion
+export { t as default };