@synopackageland/ui 0.25.21 → 0.25.22

package/dist/modules/components/containers/panel/Panel.vue.js

@@ -0,0 +1,99 @@
+import { defineComponent as $, ref as _, useTemplateRef as T, computed as y, openBlock as t, createElementBlock as o, unref as v, normalizeClass as u, renderSlot as a, createCommentVNode as d, createVNode as g, withCtx as C, createBlock as B } from "vue";
+import { useLocalizedDefaults as w } from "../../../i18n/text.js";
+import { usePageWindow as E } from "../../../composables/pageWindow.js";
+import j from "../../primitives/loading/LoadingIndicator.vue.js";
+import P from "../../composite/footbar/Footbar.vue.js";
+import z from "../../primitives/button/ButtonKindScope.vue.js";
+const A = ["data-ui-natural-height", "aria-busy"], N = {
+  key: 0,
+  class: "shrink-0 border-b border-[var(--ui-border-subtle)] px-4 py-2"
+}, S = {
+  key: 3,
+  "data-ui-footer-bar": "",
+  class: "shrink-0 border-t border-[var(--ui-border-subtle)] bg-[var(--ui-surface)] px-4 py-2"
+}, V = {
+  key: 5,
+  class: "absolute inset-0 z-20 flex items-center justify-center bg-[color-mix(in_srgb,var(--ui-surface)_60%,transparent)]",
+  "data-panel-loading": ""
+}, G = /* @__PURE__ */ $({
+  __name: "Panel",
+  props: {
+    loading: { type: Boolean, default: !1 },
+    loadingText: {},
+    fbar: { type: [Boolean, Object], default: !0 },
+    confirmText: {},
+    cancelText: {},
+    scrollable: { type: Boolean, default: !1 }
+  },
+  emits: ["confirm", "cancel", "click-button"],
+  setup(l, { expose: h, emit: k }) {
+    const n = w(l, { confirmText: "Confirm", cancelText: "Cancel" }), s = k, i = _(null), b = T("root"), c = E(b), m = y(() => c.natural.value ? "px-4 py-3" : "min-h-0 flex-1 overflow-y-auto px-4 py-3"), p = y(() => {
+      const e = n.fbar;
+      if (e === !1) return [];
+      if (typeof e == "object" && Array.isArray(e.buttons)) return e.buttons;
+      const r = typeof e == "object" ? e : {}, f = [];
+      return r.cancel !== !1 && f.push({ id: "cancel", text: n.cancelText, region: "right", order: 1, ...r.cancel ?? {} }), r.confirm !== !1 && f.push({
+        id: "confirm",
+        text: n.confirmText,
+        region: "right",
+        order: 2,
+        variant: "primary",
+        ...r.confirm ?? {}
+      }), f;
+    });
+    function x(e, r) {
+      s("click-button", e, r), e.id === "confirm" && s("confirm", e), e.id === "cancel" && s("cancel", e);
+    }
+    return h({ getScrollEl: () => i.value }), (e, r) => (t(), o("section", {
+      ref_key: "root",
+      ref: b,
+      class: u(v(c).natural.value ? "relative flex flex-col bg-transparent" : "relative flex min-h-0 flex-col overflow-hidden bg-transparent"),
+      "data-ui-natural-height": v(c).natural.value ? "" : void 0,
+      "aria-busy": l.loading ? "true" : void 0,
+      "data-syno-pkg-land-ui": ""
+    }, [
+      e.$slots.tbar ? (t(), o("div", N, [
+        a(e.$slots, "tbar")
+      ])) : d("", !0),
+      e.$slots["scroll-body"] ? (t(), o("div", {
+        key: 1,
+        ref_key: "scrollEl",
+        ref: i,
+        class: u(m.value)
+      }, [
+        a(e.$slots, "scroll-body")
+      ], 2)) : (t(), o("div", {
+        key: 2,
+        ref_key: "scrollEl",
+        ref: i,
+        class: u(m.value)
+      }, [
+        a(e.$slots, "body", {}, () => [
+          a(e.$slots, "default")
+        ])
+      ], 2)),
+      e.$slots.fbar ? (t(), o("footer", S, [
+        g(z, { kind: "action" }, {
+          default: C(() => [
+            a(e.$slots, "fbar")
+          ]),
+          _: 3
+        })
+      ])) : p.value.length ? (t(), B(P, {
+        key: 4,
+        class: "shrink-0 border-t border-[var(--ui-border-subtle)] bg-[var(--ui-surface)] px-4 py-2",
+        buttons: p.value,
+        "data-panel-fbar": "",
+        onClickButton: x
+      }, null, 8, ["buttons"])) : d("", !0),
+      l.loading ? (t(), o("div", V, [
+        a(e.$slots, "spin-inner", {}, () => [
+          g(j, { text: l.loadingText }, null, 8, ["text"])
+        ])
+      ])) : d("", !0)
+    ], 10, A));
+  }
+});
+export {
+  G as default
+};

package/dist/modules/components/containers/panel/Panel2.vue.js

@@ -0,0 +1,4 @@
+import f from "./Panel.vue.js";
+export {
+  f as default
+};

package/dist/modules/components/containers/split-pane/SplitPane.vue.js

@@ -0,0 +1,180 @@
+import { defineComponent as j, useId as q, ref as w, computed as x, watch as G, onMounted as J, onBeforeUnmount as Q, unref as P, openBlock as U, createElementBlock as V, normalizeStyle as y, createElementVNode as d, renderSlot as S, normalizeClass as $ } from "vue";
+import { useUiText as W } from "../../../i18n/text.js";
+import { usePhonePresentation as Z } from "../../primitives/sheet/phone.js";
+const ee = {
+  class: "flex min-w-0 flex-none flex-col",
+  "data-ui-split-pane-end": ""
+}, te = ["data-orientation", "data-dragging"], ae = ["aria-orientation", "aria-label", "aria-valuenow", "aria-valuemin", "aria-valuemax"], ne = {
+  class: "flex min-h-0 min-w-0 flex-[1_1_0] flex-col",
+  "data-ui-split-pane-end": ""
+}, oe = 0.45, ie = 0.02, re = 0.1, ce = /* @__PURE__ */ j({
+  __name: "SplitPane",
+  props: {
+    modelValue: { default: void 0 },
+    defaultSize: { default: 0.5 },
+    orientation: { default: "horizontal" },
+    minStart: { default: 160 },
+    minEnd: { default: 160 },
+    gap: { default: 12 },
+    storageKey: { default: void 0 },
+    label: { default: void 0 }
+  },
+  emits: ["update:modelValue"],
+  setup(i, { expose: T, emit: C }) {
+    const t = i, M = C, H = W(), L = Z(), b = `ui-split-${q()}`, v = w(null), m = w(!1), r = w(0), O = [0.05, 0.95], _ = (e) => Math.round(e * 1e4) / 1e4, l = x(() => t.storageKey ? `${t.storageKey}:${t.orientation}` : null);
+    function A() {
+      if (!l.value) return null;
+      try {
+        const e = localStorage.getItem(l.value);
+        if (e == null) return null;
+        const a = Number(e);
+        return Number.isFinite(a) && a > 0 && a < 1 ? a : null;
+      } catch {
+        return null;
+      }
+    }
+    function z(e) {
+      if (l.value)
+        try {
+          e == null ? localStorage.removeItem(l.value) : localStorage.setItem(l.value, String(e));
+        } catch {
+        }
+    }
+    const p = w(A() ?? t.defaultSize);
+    G(l, () => {
+      p.value = A() ?? t.defaultSize;
+    });
+    const s = x(() => t.modelValue ?? p.value);
+    function u() {
+      const e = v.value?.getBoundingClientRect();
+      return r.value = e ? Math.max(0, (t.orientation === "horizontal" ? e.width : e.height) - t.gap) : 0, e;
+    }
+    const c = x(() => {
+      if (r.value <= 0) return O;
+      const e = Math.min(1, t.minStart / r.value), a = Math.max(0, 1 - t.minEnd / r.value);
+      return e <= a ? [e, a] : [e, e];
+    });
+    function D(e) {
+      return _(Math.min(c.value[1], Math.max(c.value[0], e)));
+    }
+    function B(e, a) {
+      const n = D(e);
+      p.value = n, M("update:modelValue", n), a && z(n);
+    }
+    function F(e) {
+      u();
+      const a = t.orientation === "horizontal" ? "ArrowLeft" : "ArrowUp", n = t.orientation === "horizontal" ? "ArrowRight" : "ArrowDown", f = e.shiftKey ? re : ie;
+      let o = null;
+      e.key === a ? o = s.value - f : e.key === n ? o = s.value + f : e.key === "Home" ? o = c.value[0] : e.key === "End" && (o = c.value[1]), o != null && (e.preventDefault(), B(o, !0));
+    }
+    let g = null;
+    function X(e) {
+      if (e.button !== 0) return;
+      e.preventDefault();
+      const a = u();
+      if (!a) return;
+      m.value = !0;
+      const n = document.body.style, f = { userSelect: n.userSelect, cursor: n.cursor };
+      n.userSelect = "none", n.cursor = t.orientation === "horizontal" ? "col-resize" : "row-resize";
+      let o = s.value;
+      const I = (N) => {
+        const Y = t.orientation === "horizontal" ? N.clientX - a.left : N.clientY - a.top;
+        r.value <= 0 || (o = D((Y - t.gap / 2) / r.value), B(o, !1));
+      }, h = () => {
+        g?.(), z(o);
+      };
+      g = () => {
+        window.removeEventListener("pointermove", I), window.removeEventListener("pointerup", h), window.removeEventListener("pointercancel", h), n.userSelect = f.userSelect, n.cursor = f.cursor, m.value = !1, g = null;
+      }, window.addEventListener("pointermove", I), window.addEventListener("pointerup", h), window.addEventListener("pointercancel", h);
+    }
+    function K() {
+      z(null), p.value = t.defaultSize, M("update:modelValue", t.defaultSize);
+    }
+    let E = null;
+    J(() => {
+      u(), typeof ResizeObserver < "u" && v.value && (E = new ResizeObserver(() => u()), E.observe(v.value)), window.addEventListener("resize", u);
+    }), Q(() => {
+      g?.(), E?.disconnect(), window.removeEventListener("resize", u);
+    });
+    const R = x(() => L.value ? { minHeight: `max(${t.minStart}px, ${Math.round(Math.min(s.value, oe) * 100)}dvh)` } : { flexBasis: `clamp(${t.minStart}px, calc((100% - ${t.gap}px) * ${s.value}), calc(100% - ${t.minEnd + t.gap}px))` }), k = (e) => Math.round(e * 100);
+    return T({ reset: K }), (e, a) => P(L) ? (U(), V("div", {
+      key: 0,
+      ref_key: "root",
+      ref: v,
+      class: "flex min-w-0 flex-col",
+      style: y({ gap: `${i.gap}px` }),
+      "data-orientation": "vertical",
+      "data-stacked": "",
+      "data-ui-split-pane": "",
+      "data-ui-natural-height": "",
+      "data-syno-pkg-land-ui": ""
+    }, [
+      d("div", {
+        id: b,
+        class: "flex min-w-0 flex-none flex-col",
+        style: y(R.value),
+        "data-ui-split-pane-start": ""
+      }, [
+        S(e.$slots, "start")
+      ], 4),
+      d("div", ee, [
+        S(e.$slots, "end")
+      ])
+    ], 4)) : (U(), V("div", {
+      key: 1,
+      ref_key: "root",
+      ref: v,
+      class: $(["flex min-h-0 min-w-0", i.orientation === "vertical" && "flex-col"]),
+      "data-orientation": i.orientation,
+      "data-dragging": m.value ? "" : void 0,
+      "data-ui-split-pane": "",
+      "data-syno-pkg-land-ui": ""
+    }, [
+      d("div", {
+        id: b,
+        class: "flex min-h-0 min-w-0 shrink-0 grow-0 flex-col",
+        style: y(R.value),
+        "data-ui-split-pane-start": ""
+      }, [
+        S(e.$slots, "start")
+      ], 4),
+      d("div", {
+        class: $([
+          // A short grip in the middle says the line moves; it darkens under the
+          // pointer and takes the accent while dragged or focused.
+          "group relative shrink-0 grow-0 touch-none rounded-[var(--ui-radius-inner)] outline-none focus-visible:shadow-[var(--ui-shadow-focus-inset)]",
+          i.orientation === "vertical" ? "cursor-row-resize" : "cursor-col-resize"
+        ]),
+        role: "separator",
+        tabindex: "0",
+        "aria-orientation": i.orientation === "horizontal" ? "vertical" : "horizontal",
+        "aria-controls": b,
+        "aria-label": i.label ?? P(H)("Resize panes"),
+        "aria-valuenow": k(s.value),
+        "aria-valuemin": k(c.value[0]),
+        "aria-valuemax": k(c.value[1]),
+        style: y({ flexBasis: `${i.gap}px` }),
+        "data-ui-split-pane-separator": "",
+        onPointerdown: X,
+        onKeydown: F,
+        onDblclick: K
+      }, [
+        d("span", {
+          class: $([
+            "pointer-events-none absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 rounded-[var(--ui-radius-pill)] transition-[background-color,opacity] duration-[var(--ui-motion-fast)]",
+            i.orientation === "vertical" ? "h-1 w-8" : "h-8 w-1",
+            m.value ? "bg-[var(--ui-primary)] opacity-100" : "bg-[var(--ui-border-strong)] opacity-70 group-hover:bg-[var(--ui-text-muted)] group-hover:opacity-100 group-focus-visible:bg-[var(--ui-primary)] group-focus-visible:opacity-100"
+          ]),
+          "aria-hidden": "true",
+          "data-ui-split-pane-grip": ""
+        }, null, 2)
+      ], 46, ae),
+      d("div", ne, [
+        S(e.$slots, "end")
+      ])
+    ], 10, te));
+  }
+});
+export {
+  ce as default
+};

package/dist/modules/components/containers/split-pane/SplitPane2.vue.js

@@ -0,0 +1,4 @@
+import f from "./SplitPane.vue.js";
+export {
+  f as default
+};

package/dist/modules/components/feedback/info-mask/InfoMask.vue.js

@@ -0,0 +1,39 @@
+import { defineComponent as n, openBlock as r, createElementBlock as t, createElementVNode as i, renderSlot as o, createCommentVNode as d } from "vue";
+const s = {
+  class: "relative grid",
+  "data-syno-pkg-land-ui": ""
+}, l = ["inert", "aria-hidden"], u = {
+  key: 0,
+  class: "z-[1] flex [grid-area:1/1] items-center justify-center overflow-auto p-4",
+  style: { background: "color-mix(in srgb, var(--ui-surface) 72%, transparent)" }
+}, c = ["aria-label"], b = /* @__PURE__ */ n({
+  __name: "InfoMask",
+  props: {
+    active: { type: Boolean, default: !0 },
+    ariaLabel: { default: "" }
+  },
+  setup(e) {
+    return (a, v) => (r(), t("div", s, [
+      i("div", {
+        class: "[grid-area:1/1]",
+        inert: e.active ? !0 : void 0,
+        "aria-hidden": e.active ? "true" : void 0
+      }, [
+        o(a.$slots, "inner")
+      ], 8, l),
+      e.active ? (r(), t("div", u, [
+        i("div", {
+          role: "group",
+          tabindex: "0",
+          "aria-label": e.ariaLabel || void 0,
+          class: "w-full max-w-[640px] rounded-[var(--ui-radius-container)] border border-[var(--ui-border)] bg-[var(--ui-surface-raised)] px-[var(--ui-inset-x)] py-4 text-[length:var(--ui-font-size-control)] leading-5 text-[var(--ui-text)] shadow-[var(--ui-shadow-card)] outline-none focus-visible:shadow-[var(--ui-shadow-focus)]"
+        }, [
+          o(a.$slots, "default")
+        ], 8, c)
+      ])) : d("", !0)
+    ]));
+  }
+});
+export {
+  b as default
+};

package/dist/modules/components/feedback/info-mask/InfoMask2.vue.js

@@ -0,0 +1,4 @@
+import f from "./InfoMask.vue.js";
+export {
+  f as default
+};

package/dist/modules/components/feedback/info-tip/InfoTip.vue.js

@@ -0,0 +1,237 @@
+import { defineComponent as de, useSlots as ve, useTemplateRef as V, ref as b, computed as s, onMounted as me, onBeforeUnmount as $, openBlock as A, createBlock as E, unref as i, withCtx as p, createVNode as T, createElementVNode as U, mergeProps as j, renderSlot as q, resolveDynamicComponent as pe, normalizeClass as G, createTextVNode as ge, toDisplayString as he, createCommentVNode as we } from "vue";
+import { useLocalizedDefaults as be } from "../../../i18n/text.js";
+import { Info as Te, CircleHelp as ye } from "@lucide/vue";
+import { TooltipProvider_default as xe } from "../../../vendor/reka-ui/dist/Tooltip/TooltipProvider.js";
+import { TooltipRoot_default as ke } from "../../../vendor/reka-ui/dist/Tooltip/TooltipRoot.js";
+import { TooltipContent_default as Pe } from "../../../vendor/reka-ui/dist/Tooltip/TooltipContent.js";
+import { TooltipPortal_default as De } from "../../../vendor/reka-ui/dist/Tooltip/TooltipPortal.js";
+import { TooltipTrigger_default as Ce } from "../../../vendor/reka-ui/dist/Tooltip/TooltipTrigger.js";
+import { useFloating as ze, coarsePointer as Le, FLOATING_SIZE_CLASS as Ae } from "../../primitives/popover/floating.js";
+import Ee from "../../composite/callout/CalloutRecallList.vue.js";
+import { registerRecallHost as Se, activeRecallHost as Be, hiddenCallouts as Ke } from "../../composite/callout/calloutDismissal.js";
+const Ie = ["aria-label", "aria-expanded", "data-disabled", "data-ui-infotip-wrap", "data-ui-hit"], Ge = /* @__PURE__ */ de({
+  inheritAttrs: !1,
+  __name: "InfoTip",
+  props: {
+    content: {},
+    triggerAction: { default: "adaptive" },
+    type: { default: "normal" },
+    size: { default: "normal" },
+    showDelay: { default: 300 },
+    hideDelay: { default: 100 },
+    disabled: { type: Boolean, default: !1 },
+    forceSimple: { type: Boolean, default: !1 },
+    hasPadding: { type: Boolean, default: !0 },
+    ariaLabel: {},
+    side: { default: "top" },
+    align: { default: "center" },
+    icon: { default: "help" },
+    wrap: { type: Boolean },
+    tipContainer: {}
+  },
+  emits: ["activate", "deactivate"],
+  setup(a, { expose: Z, emit: J }) {
+    const S = a, o = be(S, { ariaLabel: "More information" }), B = J, Q = ve(), n = V("trigger"), l = V("contentEl"), r = b(!1), u = b(!1), K = b(!1);
+    function W() {
+      typeof window > "u" || typeof window.matchMedia != "function" || (K.value = window.matchMedia("(hover: none)").matches);
+    }
+    W();
+    const f = s(() => o.triggerAction === "adaptive" ? K.value ? "click" : "hover" : o.triggerAction), d = s(() => !o.disabled), X = s(() => !!Q.default);
+    let y;
+    const x = b(null);
+    me(() => {
+      const e = n.value;
+      o.icon !== "info" || o.wrap || !e || e.hasAttribute("data-ui-callout-recall-trigger") || e.closest("[data-ui-app-toolbar], [data-ui-page-header-meta]") && (y = Se("info"), x.value = y.id);
+    }), $(() => y?.unregister());
+    const I = s(() => x.value !== null && Be.value === x.value && Ke.size > 0), Y = s(() => X.value && !o.forceSimple || I.value), _ = s(() => o.hasPadding ? Y.value ? "p-4" : "px-3 py-2" : "p-0"), ee = s(() => o.tipContainer?.() ?? void 0), te = ze(() => n.value ?? void 0, () => r.value);
+    let g, h, k, w = !1;
+    function P() {
+      clearTimeout(g), clearTimeout(h), clearTimeout(k);
+    }
+    function M() {
+      w = !0, n.value?.focus(), setTimeout(() => {
+        w = !1;
+      }, 0);
+    }
+    function v() {
+      !d.value || r.value || (r.value = !0, B("activate"));
+    }
+    function c() {
+      P(), r.value && (r.value = !1, u.value = !1, B("deactivate"));
+    }
+    function O() {
+      d.value && (u.value = !0, v());
+    }
+    function F() {
+      u.value = !1, c();
+    }
+    Z({ showTooltip: O, hideTooltip: F });
+    function ae(e) {
+      if (e) {
+        d.value && v();
+        return;
+      }
+      c();
+    }
+    function D(e) {
+      return !!e && (!!n.value?.contains(e) || !!l.value?.contains(e));
+    }
+    function H(e) {
+      if (!(!d.value || u.value || f.value !== "hover")) {
+        if (clearTimeout(h), r.value || D(e.relatedTarget)) {
+          v();
+          return;
+        }
+        clearTimeout(g), g = setTimeout(v, Math.max(o.showDelay, 0));
+      }
+    }
+    function N(e) {
+      u.value || f.value !== "hover" || (clearTimeout(g), !D(e.relatedTarget) && (clearTimeout(h), h = setTimeout(c, Math.max(o.hideDelay, 0))));
+    }
+    function oe() {
+      if (!(!d.value || u.value || w || m)) {
+        if (P(), f.value !== "click") {
+          v();
+          return;
+        }
+        k = setTimeout(() => {
+          !m && !u.value && !w && v();
+        }, 0);
+      }
+    }
+    function ie(e) {
+      clearTimeout(k), !(u.value || f.value === "click") && (D(e.relatedTarget) || c());
+    }
+    let m = !1;
+    function ne() {
+      if (f.value !== "click") return;
+      m = !0;
+      const e = () => setTimeout(() => {
+        m = !1;
+      }, 100), t = n.value?.ownerDocument ?? document;
+      t.addEventListener("pointerup", e, { once: !0, capture: !0 }), t.addEventListener("pointercancel", e, { once: !0, capture: !0 });
+    }
+    function re(e) {
+      n.value?.contains(e.target) && e.preventDefault();
+    }
+    function le() {
+      m = !1, !(!d.value || f.value !== "click") && (r.value ? F() : O());
+    }
+    function C(e) {
+      return Array.from(
+        e.querySelectorAll("button,[href],input,select,textarea,[tabindex]")
+      ).filter((t) => t.tabIndex >= 0 && !t.matches(":disabled") && !t.closest("[inert]"));
+    }
+    function ue() {
+      const e = n.value?.ownerDocument;
+      if (!e || !n.value) return;
+      const t = C(e.body).filter((L) => !l.value?.contains(L)), z = t.indexOf(n.value);
+      t[z + 1]?.focus();
+    }
+    function se(e) {
+      if (e.key !== "Tab" || e.shiftKey || !r.value) return;
+      const t = l.value ? C(l.value)[0] : void 0;
+      t && (e.preventDefault(), t.focus());
+    }
+    function ce(e) {
+      if (e.key === "Escape") {
+        e.stopPropagation(), c(), M();
+        return;
+      }
+      if (e.key !== "Tab" || !l.value) return;
+      const t = C(l.value), z = t[0], L = t[t.length - 1], R = l.value.ownerDocument.activeElement;
+      t.length && (e.shiftKey && R === z ? (e.preventDefault(), c(), M()) : !e.shiftKey && R === L && (e.preventDefault(), c(), ue()));
+    }
+    $(P);
+    const fe = s(() => o.wrap || !Le() ? 4 : (44 - (o.size === "small" ? 14 : 16)) / 2 + 4);
+    return (e, t) => (A(), E(i(xe), {
+      "delay-duration": a.showDelay,
+      "disable-hoverable-content": ""
+    }, {
+      default: p(() => [
+        T(i(ke), {
+          open: r.value,
+          disabled: "",
+          "onUpdate:open": ae
+        }, {
+          default: p(() => [
+            T(i(Ce), { "as-child": "" }, {
+              default: p(() => [
+                U("button", j({
+                  ref_key: "trigger",
+                  ref: n
+                }, e.$attrs, {
+                  type: "button",
+                  role: "button",
+                  "aria-label": a.wrap ? S.ariaLabel : i(o).ariaLabel,
+                  "aria-expanded": r.value,
+                  "data-disabled": a.disabled || void 0,
+                  "data-ui-infotip-wrap": a.wrap || void 0,
+                  "data-ui-hit": a.wrap ? void 0 : "",
+                  class: ["relative inline-flex items-center outline-none transition-colors duration-[var(--ui-motion-fast)] focus-visible:shadow-[var(--ui-shadow-focus)] data-[disabled]:opacity-40", a.wrap ? "min-w-0 max-w-full gap-[inherit] rounded-[var(--ui-radius-inner)] text-start text-inherit" : [
+                    "shrink-0 justify-center rounded-full align-middle before:absolute before:content-['']",
+                    a.type === "white" ? "text-[var(--ui-primary-foreground)]" : "text-[var(--ui-primary)]",
+                    a.size === "small" ? "size-3.5 [@media(pointer:fine)]:before:-inset-3" : "size-4 [@media(pointer:fine)]:before:-inset-2"
+                  ]],
+                  onPointerenter: H,
+                  onPointerleave: N,
+                  onPointerdown: ne,
+                  onFocus: oe,
+                  onBlur: ie,
+                  onClick: le,
+                  onKeydown: se
+                }), [
+                  q(e.$slots, "custom", {}, () => [
+                    (A(), E(pe(a.icon === "info" ? i(Te) : i(ye)), {
+                      class: G(a.size === "small" ? "size-3.5" : "size-4"),
+                      "aria-hidden": "true"
+                    }, null, 8, ["class"]))
+                  ])
+                ], 16, Ie)
+              ]),
+              _: 3
+            }),
+            T(i(De), { to: ee.value }, {
+              default: p(() => [
+                T(i(Pe), j({
+                  side: a.side,
+                  align: a.align,
+                  "side-offset": fe.value
+                }, i(te), {
+                  "aria-label": i(o).ariaLabel,
+                  onPointerDownOutside: re,
+                  class: i(Ae)
+                }), {
+                  default: p(() => [
+                    U("div", {
+                      ref_key: "contentEl",
+                      ref: l,
+                      role: "tooltip",
+                      class: G(["z-[1450] max-w-[min(18rem,var(--reka-popper-available-width))] max-h-[var(--reka-popper-available-height)] overflow-y-auto rounded-[var(--ui-radius-inner)] bg-[var(--ui-tooltip-bg)] text-[length:var(--ui-font-size-sm)] leading-4 text-[var(--ui-tooltip-fg)] [overflow-wrap:anywhere] shadow-[var(--ui-shadow-menu)] outline-none [&_a]:underline [&_a]:text-inherit", _.value]),
+                      "data-syno-pkg-land-ui": "",
+                      onPointerenter: H,
+                      onPointerleave: N,
+                      onKeydown: ce
+                    }, [
+                      q(e.$slots, "default", {}, () => [
+                        ge(he(a.content), 1)
+                      ]),
+                      I.value ? (A(), E(Ee, { key: 0 })) : we("", !0)
+                    ], 34)
+                  ]),
+                  _: 3
+                }, 16, ["side", "align", "side-offset", "aria-label", "class"])
+              ]),
+              _: 3
+            }, 8, ["to"])
+          ]),
+          _: 3
+        }, 8, ["open"])
+      ]),
+      _: 3
+    }, 8, ["delay-duration"]));
+  }
+});
+export {
+  Ge as default
+};

package/dist/modules/components/feedback/info-tip/InfoTip2.vue.js

@@ -0,0 +1,4 @@
+import f from "./InfoTip.vue.js";
+export {
+  f as default
+};