@livestorm/ui-vue 1.1.3 → 2.0.1

package/dist/a11y--y7uaY4j.mjs

@@ -0,0 +1,217 @@
+import { defineComponent as g, createBlock as f, openBlock as c, unref as i, normalizeProps as y, guardReactiveProps as b, withCtx as l, renderSlot as m, computed as r, createVNode as h, mergeProps as T, createCommentVNode as D, getCurrentInstance as B, createElementBlock as A, Fragment as E, createTextVNode as U, toDisplayString as F, ref as N, watch as S, onUnmounted as I, onMounted as H, nextTick as O } from "vue";
+import { TooltipProvider as W, useForwardProps as q, TooltipTrigger as L, useForwardPropsEmits as C, TooltipPortal as M, TooltipContent as z, TooltipArrow as K, TooltipRoot as x } from "reka-ui";
+import { reactiveOmit as V, onKeyDown as R } from "@vueuse/core";
+const X = /* @__PURE__ */ g({
+  __name: "UiTooltipProvider",
+  props: {
+    delayDuration: { default: 700 },
+    skipDelayDuration: { default: 300 },
+    disableHoverableContent: { type: Boolean },
+    disableClosingTrigger: { type: Boolean },
+    disabled: { type: Boolean },
+    ignoreNonKeyboardFocus: { type: Boolean },
+    content: {}
+  },
+  setup(t) {
+    return (s, e) => (c(), f(i(W), y(b(s.$props)), {
+      default: l(() => [
+        m(s.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), j = /* @__PURE__ */ g({
+  __name: "UiTooltipTrigger",
+  props: {
+    reference: {},
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(t) {
+    const e = q(t);
+    return (o, p) => (c(), f(i(L), y(b({ ...i(e), ...o.$attrs })), {
+      default: l(() => [
+        m(o.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), G = /* @__PURE__ */ g({
+  __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(t, { emit: s }) {
+    const e = t, p = C(e, s), u = r(() => ({
+      xs: "max-w-[150px]",
+      sm: "max-w-[240px]",
+      md: "max-w-md",
+      base: "max-w-xs",
+      lg: "max-w-lg",
+      xl: "max-w-xl"
+    })[e.maxWidth]);
+    return (a, w) => (c(), f(i(M), null, {
+      default: l(() => [
+        h(i(z), T({ ...i(p), ...a.$attrs }, {
+          "data-colors-semantic": e.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-md text-center z-50 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",
+            u.value
+          ]
+        }), {
+          default: l(() => [
+            m(a.$slots, "default"),
+            e.showArrow ? (c(), f(i(K), {
+              key: 0,
+              width: e.arrowWidth,
+              height: e.arrowHeight,
+              class: "fill-surface-neutral-invert-bg-alpha"
+            }, null, 8, ["width", "height"])) : D("", !0)
+          ]),
+          _: 3
+        }, 16, ["data-colors-semantic", "class"])
+      ]),
+      _: 3
+    }));
+  }
+}), te = /* @__PURE__ */ g({
+  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(t, { emit: s }) {
+    const e = t, o = s, p = r(() => {
+      const a = B()?.vnode.props;
+      return !!a && "content" in a;
+    }), u = C(V(e, "content", "side"), o);
+    return (a, w) => p.value ? (c(), A(E, { key: 0 }, [
+      t.content ? (c(), f(X, { key: 0 }, {
+        default: l(() => [
+          h(i(x), y(b({ ...i(u), ...a.$attrs })), {
+            default: l(() => [
+              h(j, { "as-child": "" }, {
+                default: l(() => [
+                  m(a.$slots, "default")
+                ]),
+                _: 3
+              }),
+              h(G, { side: t.side }, {
+                default: l(() => [
+                  U(F(t.content), 1)
+                ]),
+                _: 1
+              }, 8, ["side"])
+            ]),
+            _: 3
+          }, 16)
+        ]),
+        _: 3
+      })) : m(a.$slots, "default", { key: 1 })
+    ], 64)) : (c(), f(i(x), y(T({ key: 1 }, { ...i(u), ...a.$attrs })), {
+      default: l(() => [
+        m(a.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+let J = 0;
+const d = N([]), Q = r(() => d.value.length > 0);
+function oe(t, s) {
+  const e = J++, o = r(() => d.value.findIndex((n) => n.id === e));
+  function p() {
+    d.value.some((n) => n.id === e) || d.value.push({
+      id: e,
+      type: s
+    });
+  }
+  function u() {
+    o.value !== -1 && d.value.splice(o.value, 1);
+  }
+  S(t, (n) => {
+    n ? p() : u();
+  }, {
+    immediate: !0
+  }), I(() => {
+    u();
+  });
+  const a = r(() => e === d.value[d.value.length - 1]?.id), w = r(() => o.value > 0), v = r(() => d.value.filter((n) => n.type === s)), _ = r(() => v.value.findIndex((n) => n.id === e) < v.value.length - 1), $ = r(() => v.value.findIndex((n) => n.id === e) > 0), k = [];
+  function P(n) {
+    k.push(n);
+  }
+  return R("Escape", () => {
+    a.value && k.forEach((n) => n());
+  }), {
+    isActiveStacked: a,
+    hasStackedBehind: w,
+    isBehindSameType: _,
+    hasStackedSameTypeBehind: $,
+    stackIndex: o,
+    onClose: P
+  };
+}
+typeof document < "u" && S(Q, (t) => {
+  t ? document.documentElement.classList.add("overflow-hidden") : document.documentElement.classList.remove("overflow-hidden");
+}, {
+  immediate: !0
+});
+function ae() {
+  const t = B();
+  let s = null;
+  H(async () => {
+    await O();
+    const e = t.proxy.$el;
+    if (!e?.querySelector) return;
+    let o = e.querySelector("[data-stackview-autofocus]");
+    o ? ["INPUT", "A", "BUTTON", "TEXTAREA"].includes(o.tagName) || (o = o.querySelector("input, a, button, textarea") || o) : (o = e.querySelector('button[type="submit"]'), console.warn(
+      "%cDEV",
+      "background: red; color: white; padding: 2px 4px; border-radius: 3px; font-weight: bold;",
+      "A element should have the data-stackview-autofocus attribute in this component. Fallback to submit button."
+    )), clearTimeout(s), s = setTimeout(() => o?.focus(), 150);
+  });
+}
+function ne(t) {
+  t.preventDefault(), (t.target.closest('[role="menu"]') || t.target).querySelector("a")?.focus();
+}
+export {
+  te as _,
+  G as a,
+  X as b,
+  j as c,
+  ae as d,
+  ne as f,
+  Q as h,
+  oe as u
+};

package/dist/breakpoints.mjs

@@ -0,0 +1,9 @@
+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
+};

package/dist/bus.mjs

@@ -0,0 +1,5 @@
+import t from "mitt";
+const m = t();
+export {
+  m as default
+};