@synopackageland/ui 0.25.21 → 0.25.22

package/dist/modules/components/composite/message-box/MessageBox.vue.js

@@ -0,0 +1,215 @@
+import { defineComponent as J, ref as d, useId as z, computed as i, openBlock as o, createBlock as k, withCtx as x, createElementBlock as s, toDisplayString as v, createCommentVNode as f, createVNode as K, unref as p, withKeys as Q, withModifiers as R, createElementVNode as N, createTextVNode as O, Fragment as X, renderList as Y } from "vue";
+import { useUiText as Z } from "../../../i18n/text.js";
+import P from "../../primitives/button/Button.vue.js";
+import ee from "../../primitives/dialog/Dialog.vue.js";
+import te from "../../primitives/input/Input.vue.js";
+import ae from "../../primitives/progress/Progress.vue.js";
+import ne from "../../primitives/spinner/Spinner.vue.js";
+const le = {
+  key: 0,
+  role: "alert",
+  class: "mb-3 text-[length:var(--ui-font-size-sm)] text-[var(--ui-danger)]",
+  "data-message-box-error": ""
+}, oe = {
+  key: 1,
+  class: "flex flex-col gap-3",
+  "data-message-box-progress": ""
+}, re = {
+  key: 0,
+  class: "flex items-center gap-2 text-[length:var(--ui-font-size-control)] text-[var(--ui-text-secondary)]"
+}, ie = { key: 0 }, se = {
+  key: 2,
+  class: "flex flex-col gap-[var(--ui-field-gap)]"
+}, ue = ["for"], ce = ["id"], de = { class: "flex w-full items-center gap-2" }, ve = { class: "ml-auto flex items-center gap-2" }, he = /* @__PURE__ */ J({
+  __name: "MessageBox",
+  props: {
+    open: { type: Boolean, default: !0 },
+    kind: {},
+    title: {},
+    message: {},
+    options: { default: () => ({}) },
+    phrase: {},
+    progress: { default: () => ({ percent: 0 }) }
+  },
+  emits: ["settle"],
+  setup(A, { emit: S }) {
+    const l = Z(), t = A, w = S, m = d(""), L = d(!1), r = d(), b = d(), u = d(!1), g = d(), D = z(), $ = z(), c = i(() => t.options.prompt), C = i(() => t.kind === "prompt" || t.kind === "password"), B = i(() => t.kind === "progress" || t.kind === "wait"), I = i(() => c.value?.label ?? (t.kind === "password" ? l("Password:") : !1)), F = i(() => c.value?.type ?? (t.kind === "password" ? "password" : "text")), U = i(() => t.title ?? l("Confirm")), H = i(() => {
+      const e = t.options;
+      switch (t.kind) {
+        case "alert":
+          return [{ id: "confirm", label: e.confirmLabel ?? l("OK"), variant: "primary" }];
+        case "confirmDelete":
+          return [
+            { id: "cancel", label: e.cancelLabel ?? l("Cancel"), variant: "secondary" },
+            { id: "confirm", label: e.confirmLabel ?? l("Delete"), variant: "danger" }
+          ];
+        case "confirmLostChange":
+          return [
+            { id: "cancel", label: e.cancelLabel ?? l("Cancel"), variant: "secondary" },
+            { id: "dont_save", label: e.leftCustomLabel ?? l("Don't save"), variant: "secondary" },
+            { id: "save", label: e.confirmLabel ?? l("Save"), variant: "primary" }
+          ];
+        case "progress":
+        case "wait":
+          return [{ id: "cancel", label: e.cancelLabel ?? l("Cancel"), variant: "secondary" }];
+        default:
+          return [
+            { id: "cancel", label: e.cancelLabel ?? l("Cancel"), variant: "secondary" },
+            { id: "confirm", label: e.confirmLabel ?? l("Confirm"), variant: "primary" }
+          ];
+      }
+    }), y = i(
+      () => t.options.leftCustomLabel && !B.value && t.kind !== "confirmLostChange" ? { id: "leftCustom", label: t.options.leftCustomLabel, variant: "ghost" } : void 0
+    );
+    function W(e) {
+      return e === "cancel" ? t.options.doCancel : e === "leftCustom" || e === "dont_save" ? t.options.doLeftCustom : t.options.doConfirm;
+    }
+    function E(e) {
+      const a = c.value?.invalidMessage;
+      return a || (e instanceof Error && e.message ? e.message : typeof e == "string" && e ? e : l("The value is not valid."));
+    }
+    async function T() {
+      r.value = void 0;
+      const e = m.value;
+      if (t.phrase !== void 0)
+        return e === t.phrase ? !0 : (r.value = c.value?.invalidMessage ?? `Type "${t.phrase}" to confirm.`, !1);
+      const a = c.value?.verify;
+      if (!a) return !0;
+      try {
+        if (await a(e) === !1) r.value = E();
+        else return !0;
+      } catch (n) {
+        r.value = E(n);
+      }
+      return !1;
+    }
+    async function _(e) {
+      if (!u.value) {
+        u.value = !0, g.value = e, b.value = void 0;
+        try {
+          const a = W(e);
+          if (e === "confirm" && C.value) {
+            if (!await T()) return;
+            const h = await M(a);
+            if (h.blocked) return;
+            w("settle", h.value === void 0 ? { status: "submitted", value: m.value } : h.value);
+            return;
+          }
+          const n = await M(a);
+          if (n.blocked) return;
+          if (n.value !== void 0) {
+            w("settle", n.value);
+            return;
+          }
+          w("settle", e === "cancel" && C.value ? { status: "cancel" } : e);
+        } finally {
+          u.value = !1, g.value = void 0;
+        }
+      }
+    }
+    async function M(e) {
+      try {
+        const a = e ? await e() : void 0;
+        return { blocked: a === !1, value: a };
+      } catch (a) {
+        return b.value = a instanceof Error ? a.message : String(a), { blocked: !0, value: void 0 };
+      }
+    }
+    async function j() {
+      !L.value || u.value || t.phrase === void 0 && !c.value?.verify || await T();
+    }
+    function q(e) {
+      m.value = e, L.value = !0, r.value = void 0;
+    }
+    function G(e) {
+      e.preventDefault(), _("cancel");
+    }
+    function V(e) {
+      e.preventDefault();
+    }
+    return (e, a) => (o(), k(ee, {
+      open: t.open,
+      title: U.value,
+      description: t.message || void 0,
+      width: t.options.width,
+      "show-close": !1,
+      onEscapeKeyDown: G,
+      onPointerDownOutside: V,
+      onInteractOutside: V
+    }, {
+      footer: x(() => [
+        N("div", de, [
+          y.value ? (o(), k(P, {
+            key: 0,
+            variant: y.value.variant,
+            disabled: u.value,
+            onClick: a[1] || (a[1] = (n) => _(y.value.id))
+          }, {
+            default: x(() => [
+              O(v(y.value.label), 1)
+            ]),
+            _: 1
+          }, 8, ["variant", "disabled"])) : f("", !0),
+          N("div", ve, [
+            (o(!0), s(X, null, Y(H.value, (n) => (o(), k(P, {
+              key: n.id,
+              variant: n.variant,
+              loading: u.value && g.value === n.id,
+              disabled: u.value && g.value !== n.id,
+              onClick: (h) => _(n.id)
+            }, {
+              default: x(() => [
+                O(v(n.label), 1)
+              ]),
+              _: 2
+            }, 1032, ["variant", "loading", "disabled", "onClick"]))), 128))
+          ])
+        ])
+      ]),
+      default: x(() => [
+        b.value ? (o(), s("p", le, v(b.value), 1)) : f("", !0),
+        B.value ? (o(), s("div", oe, [
+          t.kind === "wait" ? (o(), s("div", re, [
+            K(ne, {
+              size: 18,
+              label: p(l)("Working")
+            }, null, 8, ["label"]),
+            t.progress.info ? (o(), s("span", ie, v(t.progress.info), 1)) : f("", !0)
+          ])) : (o(), k(ae, {
+            key: 1,
+            value: t.progress.percent,
+            label: t.progress.info,
+            "value-label": t.progress.percentText
+          }, null, 8, ["value", "label", "value-label"]))
+        ])) : C.value ? (o(), s("div", se, [
+          I.value ? (o(), s("label", {
+            key: 0,
+            for: p(D),
+            class: "text-[length:var(--ui-font-size-sm)] text-[var(--ui-text-secondary)]"
+          }, v(I.value), 9, ue)) : f("", !0),
+          K(te, {
+            id: p(D),
+            "model-value": m.value,
+            type: F.value,
+            placeholder: c.value?.placeholder,
+            invalid: !!r.value,
+            "aria-describedby": r.value ? p($) : void 0,
+            "onUpdate:modelValue": q,
+            onBlur: j,
+            onKeydown: a[0] || (a[0] = Q(R((n) => _("confirm"), ["prevent"]), ["enter"]))
+          }, null, 8, ["id", "model-value", "type", "placeholder", "invalid", "aria-describedby"]),
+          r.value ? (o(), s("p", {
+            key: 1,
+            id: p($),
+            role: "alert",
+            class: "text-[length:var(--ui-font-size-sm)] text-[var(--ui-danger)]"
+          }, v(r.value), 9, ce)) : f("", !0)
+        ])) : f("", !0)
+      ]),
+      _: 1
+    }, 8, ["open", "title", "description", "width"]));
+  }
+});
+export {
+  he as default
+};

package/dist/modules/components/composite/message-box/MessageBox2.vue.js

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

package/dist/modules/components/composite/message-box/MessageBoxProvider.vue.js

@@ -0,0 +1,26 @@
+import { defineComponent as d, provide as c, openBlock as o, createElementBlock as t, Fragment as r, renderSlot as f, renderList as g, unref as n, createBlock as _ } from "vue";
+import k from "./MessageBox.vue.js";
+import { useMessageBoxHost as u } from "./controller.js";
+import { messageBoxKey as x } from "./types.js";
+const $ = /* @__PURE__ */ d({
+  __name: "MessageBoxProvider",
+  setup(B, { expose: i }) {
+    const { box: s, requests: p, settle: l } = u();
+    return c(x, s), i(s), (a, h) => (o(), t(r, null, [
+      f(a.$slots, "default"),
+      (o(!0), t(r, null, g(n(p), (e) => (o(), _(k, {
+        key: e.id,
+        kind: e.kind,
+        title: e.title,
+        message: e.message,
+        phrase: e.phrase,
+        progress: e.progress,
+        options: e.options,
+        onSettle: (m) => n(l)(e.id, m)
+      }, null, 8, ["kind", "title", "message", "phrase", "progress", "options", "onSettle"]))), 128))
+    ], 64));
+  }
+});
+export {
+  $ as default
+};

package/dist/modules/components/composite/message-box/MessageBoxProvider2.vue.js

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

package/dist/modules/components/composite/message-box/controller.js

@@ -0,0 +1,77 @@
+import { useUiText as w, translateUiText as x } from "../../../i18n/text.js";
+import { onBeforeUnmount as v, ref as h, inject as B } from "vue";
+import { messageBoxKey as M } from "./types.js";
+function k(n = (t, c) => x("en", t, c)) {
+  const t = h([]), c = /* @__PURE__ */ new Map();
+  let l = 1;
+  function i(e, s, o = {}) {
+    const a = l++, r = new Promise((p) => c.set(a, p));
+    return t.value.push({
+      id: a,
+      kind: e,
+      title: s.title,
+      message: s.message,
+      phrase: s.phrase,
+      progress: s.progress ?? { percent: 0 },
+      options: o
+    }), r;
+  }
+  function u(e, s) {
+    const o = t.value.find((r) => r.id === e);
+    if (!o) return;
+    const a = c.get(e);
+    t.value = t.value.filter((r) => r.id !== e), c.delete(e), o.options.onClose?.(s), a?.(s);
+  }
+  const g = (e) => [...t.value].reverse().find(e);
+  function d() {
+    const e = g((s) => s.kind === "progress" || s.kind === "wait") ?? t.value.at(-1);
+    e && u(e.id, "closed");
+  }
+  function m(e, s, o, a) {
+    const r = g((p) => p.kind === "progress" || p.kind === "wait");
+    r && (r.title = e, r.progress = { percent: s, info: o, percentText: a });
+  }
+  const f = {
+    alert: (e, s, o) => i("alert", { title: e, message: s }, o),
+    confirm: (e, s, o) => i("confirm", { title: e, message: s }, o),
+    confirmDelete: (e, s, o) => i("confirmDelete", { title: e, message: s }, { tone: "danger", ...o }),
+    confirmLostChange: (e = n("Unsaved changes"), s = n("Save your changes before closing?"), o) => i("confirmLostChange", { title: e, message: s }, o),
+    prompt: (e, s, o) => i("prompt", { message: e, phrase: s }, o),
+    password: (e = n("Enter password"), s = "", o) => i("password", { title: e, message: s }, {
+      ...o,
+      prompt: { type: "password", ...o?.prompt }
+    }),
+    progress: (e, s, o, a, r) => i("progress", { title: e, progress: { percent: s, info: o, percentText: a } }, r),
+    wait: (e, s, o) => i("wait", { title: e, progress: { percent: 0, info: s } }, o),
+    updateProgress: m,
+    onClose: d,
+    getMsgBox: () => f
+  };
+  return {
+    box: f,
+    requests: t,
+    settle: u,
+    // Resolve everything still open so a host unmount cannot leave awaiters hanging.
+    dispose: () => {
+      for (const e of [...t.value]) u(e.id, "closed");
+    }
+  };
+}
+function C() {
+  const n = B(M);
+  if (!n) throw new Error("useDialog() requires a <MessageBoxProvider> ancestor");
+  return n;
+}
+function y() {
+  return C();
+}
+function P() {
+  const n = k(w());
+  return v(n.dispose), n;
+}
+export {
+  k as createMessageBoxHost,
+  C as useDialog,
+  y as useMessageBox,
+  P as useMessageBoxHost
+};

package/dist/modules/components/composite/message-box/types.js

@@ -0,0 +1,4 @@
+const e = /* @__PURE__ */ Symbol("syno-pkg-land-ui-message-box");
+export {
+  e as messageBoxKey
+};

package/dist/modules/components/composite/new-items-pill/NewItemsPill.vue.js

@@ -0,0 +1,36 @@
+import { defineComponent as n, openBlock as t, createElementBlock as l, normalizeClass as s, createBlock as m, resolveDynamicComponent as d, unref as i, createElementVNode as u, toDisplayString as c } from "vue";
+import { ArrowUp as p, ArrowDown as v } from "@lucide/vue";
+const w = ["data-edge"], f = {
+  class: "min-w-0 whitespace-normal text-center [overflow-wrap:break-word]",
+  "data-ui-new-items-pill-label": ""
+}, h = /* @__PURE__ */ n({
+  __name: "NewItemsPill",
+  props: {
+    label: {},
+    edge: { default: "top" }
+  },
+  emits: ["click"],
+  setup(e) {
+    return (r, a) => (t(), l("button", {
+      type: "button",
+      "data-edge": e.edge,
+      class: s([
+        "ui-new-items-pill absolute left-1/2 z-[3] inline-flex min-h-[var(--ui-control-md)] w-max max-w-[calc(100%-16px)] -translate-x-1/2 items-center gap-2 rounded-[var(--ui-radius-pill)] border border-[var(--ui-primary)] bg-[var(--ui-primary)] px-3 py-[max(0px,calc((var(--ui-control-md)_-_2px_-_1lh)_/_2))] text-[length:var(--ui-font-size)] text-[var(--ui-primary-foreground)] shadow-[var(--ui-shadow-menu)] outline-none transition-colors duration-[var(--ui-motion-fast)] hover:bg-[var(--ui-primary-hover)] active:bg-[var(--ui-primary-active)] focus-visible:shadow-[var(--ui-shadow-focus)]",
+        e.edge === "top" ? "top-2" : "bottom-2"
+      ]),
+      "aria-live": "polite",
+      "data-ui-new-items-pill": "",
+      "data-syno-pkg-land-ui": "",
+      onClick: a[0] || (a[0] = (o) => r.$emit("click", o))
+    }, [
+      (t(), m(d(e.edge === "top" ? i(p) : i(v)), {
+        class: "size-3.5 shrink-0",
+        "aria-hidden": "true"
+      })),
+      u("span", f, c(e.label), 1)
+    ], 10, w));
+  }
+});
+export {
+  h as default
+};

package/dist/modules/components/composite/new-items-pill/NewItemsPill2.vue.js

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

package/dist/modules/components/composite/overflow-list/OverflowList.vue.js

@@ -0,0 +1,218 @@
+import { defineComponent as q, useTemplateRef as W, ref as f, computed as C, onMounted as J, onBeforeUnmount as K, watch as D, openBlock as n, createElementBlock as r, normalizeClass as P, unref as Q, renderSlot as c, createCommentVNode as m, Fragment as F, renderList as L, createElementVNode as X, nextTick as Y } from "vue";
+import { cn as Z } from "../../../lib/cn.js";
+const ee = ["data-visible-count", "data-overflow-count"], te = {
+  key: 0,
+  "data-overflow-start-anchor": "",
+  class: "shrink-0"
+}, se = {
+  key: 1,
+  "data-overflow-item": "",
+  class: "shrink-0"
+}, oe = {
+  key: 2,
+  "data-overflow-item": "",
+  class: "shrink-0"
+}, le = {
+  key: 3,
+  "data-overflow-end-anchor": "",
+  class: "shrink-0"
+}, ne = {
+  "data-overflow-measure-layer": "",
+  "aria-hidden": "true",
+  inert: "",
+  class: "pointer-events-none invisible absolute left-0 top-0 flex flex-nowrap items-center whitespace-nowrap"
+}, ie = /* @__PURE__ */ q({
+  __name: "OverflowList",
+  props: {
+    items: { default: () => [] },
+    collapseDirection: { default: "end" },
+    minVisibleItemsNum: { default: 0 }
+  },
+  setup(T, { expose: x }) {
+    const t = T, g = W("rootRef"), I = W("startAnchorRef"), y = W("endAnchorRef"), R = W("probeRef"), i = f(t.items.length), E = f(0), M = f([]), V = f(0), z = f(0), B = f(0), w = f(0), d = /* @__PURE__ */ new Map();
+    function G(e, o) {
+      o instanceof HTMLElement ? d.set(e, o) : d.delete(e);
+    }
+    const a = C(() => {
+      const e = t.items.length - i.value;
+      return e <= 0 ? [] : t.collapseDirection === "start" ? t.items.slice(0, e) : t.items.slice(t.items.length - e);
+    }), h = C(() => {
+      const e = t.items.length - i.value;
+      return e <= 0 ? [...t.items] : t.collapseDirection === "start" ? t.items.slice(e) : t.items.slice(0, t.items.length - e);
+    }), A = C(() => a.value);
+    function S(e) {
+      return e > 0 ? Math.max(0, e - 1) * w.value : 0;
+    }
+    function H(e) {
+      const o = M.value, v = t.items.length;
+      let s = 0, l = 0;
+      if (t.collapseDirection === "start")
+        for (let u = v - 1; u >= 0; u -= 1) {
+          const b = o[u] ?? 0, k = s + b + (l > 0 ? w.value : 0);
+          if (k > e) break;
+          s = k, l += 1;
+        }
+      else
+        for (let u = 0; u < v; u += 1) {
+          const b = o[u] ?? 0, k = s + b + (l > 0 ? w.value : 0);
+          if (k > e) break;
+          s = k, l += 1;
+        }
+      return l;
+    }
+    function N() {
+      const e = t.items.length;
+      if (e === 0) {
+        i.value = 0;
+        return;
+      }
+      const o = Math.max(0, E.value - V.value - z.value);
+      if (M.value.reduce((u, b) => u + b, 0) + S(e) <= o) {
+        i.value = e;
+        return;
+      }
+      const s = a.value.length > 0 ? B.value + w.value : 0;
+      let l = H(Math.max(0, o - s));
+      l = Math.min(e, Math.max(l, t.minVisibleItemsNum)), l !== i.value && (i.value = l);
+    }
+    function $(e) {
+      return e?.offsetWidth ?? 0;
+    }
+    function O() {
+      const e = g.value;
+      if (!e) return;
+      E.value = e.clientWidth;
+      const o = Number.parseFloat(window.getComputedStyle(e).columnGap);
+      w.value = Number.isFinite(o) ? o : 0, V.value = $(I.value), z.value = $(y.value), B.value = a.value.length > 0 ? $(R.value) : 0, M.value = t.items.map((v, s) => $(d.get(s)));
+    }
+    function U() {
+      const e = [];
+      I.value && e.push(I.value), y.value && e.push(y.value), R.value && e.push(R.value);
+      for (const o of d.values()) e.push(o);
+      return e;
+    }
+    let p = null;
+    function j() {
+      if (!(typeof ResizeObserver > "u" || !g.value)) {
+        p ??= new ResizeObserver(() => {
+          O(), N();
+        }), p.disconnect(), p.observe(g.value);
+        for (const e of U()) p.observe(e);
+      }
+    }
+    async function _() {
+      await Y(), O(), N(), j();
+    }
+    return J(() => {
+      _();
+    }), K(() => {
+      p?.disconnect(), p = null, d.clear();
+    }), D(
+      () => t.items,
+      () => {
+        d.clear(), i.value = t.items.length, _();
+      }
+    ), D(
+      () => A.value.length,
+      () => {
+        _();
+      }
+    ), D(
+      () => t.minVisibleItemsNum,
+      () => N()
+    ), x({
+      refresh: _,
+      visibleCount: i,
+      overflowItems: a,
+      visibleItems: h
+    }), (e, o) => (n(), r("div", {
+      ref_key: "rootRef",
+      ref: g,
+      "data-syno-pkg-land-ui": "",
+      "data-overflow-list": "",
+      "data-visible-count": i.value,
+      "data-overflow-count": a.value.length,
+      class: P(Q(Z)("relative flex w-full flex-nowrap items-center whitespace-nowrap overflow-clip [overflow-clip-margin:4px]"))
+    }, [
+      e.$slots["overflow-start-anchor"] ? (n(), r("span", te, [
+        c(e.$slots, "overflow-start-anchor")
+      ])) : m("", !0),
+      t.collapseDirection === "start" && a.value.length > 0 ? (n(), r("span", se, [
+        c(e.$slots, "overflow-item", {
+          visibleItems: h.value,
+          overflowItems: a.value
+        })
+      ])) : m("", !0),
+      (n(!0), r(F, null, L(h.value, (v, s) => (n(), r("span", {
+        key: `visible-${s}`,
+        "data-overflow-visible-item": "",
+        class: "shrink-0"
+      }, [
+        c(e.$slots, "default", {
+          item: v,
+          visibleIndex: s,
+          visibleItems: h.value,
+          overflowItems: a.value
+        })
+      ]))), 128)),
+      t.collapseDirection === "end" && a.value.length > 0 ? (n(), r("span", oe, [
+        c(e.$slots, "overflow-item", {
+          visibleItems: h.value,
+          overflowItems: a.value
+        })
+      ])) : m("", !0),
+      e.$slots["overflow-end-anchor"] ? (n(), r("span", le, [
+        c(e.$slots, "overflow-end-anchor")
+      ])) : m("", !0),
+      X("div", ne, [
+        e.$slots["overflow-start-anchor"] ? (n(), r("span", {
+          key: 0,
+          ref_key: "startAnchorRef",
+          ref: I,
+          "data-overflow-measure": "",
+          class: "shrink-0"
+        }, [
+          c(e.$slots, "overflow-start-anchor")
+        ], 512)) : m("", !0),
+        (n(!0), r(F, null, L(t.items, (v, s) => (n(), r("span", {
+          key: `measure-${s}`,
+          ref_for: !0,
+          ref: (l) => G(s, l),
+          "data-overflow-measure": "",
+          class: "shrink-0"
+        }, [
+          c(e.$slots, "default", {
+            item: v,
+            visibleIndex: s,
+            visibleItems: t.items,
+            overflowItems: []
+          })
+        ]))), 128)),
+        A.value.length > 0 ? (n(), r("span", {
+          key: 1,
+          ref_key: "probeRef",
+          ref: R,
+          "data-overflow-measure": "",
+          class: "shrink-0"
+        }, [
+          c(e.$slots, "overflow-item", {
+            visibleItems: h.value,
+            overflowItems: A.value
+          })
+        ], 512)) : m("", !0),
+        e.$slots["overflow-end-anchor"] ? (n(), r("span", {
+          key: 2,
+          ref_key: "endAnchorRef",
+          ref: y,
+          "data-overflow-measure": "",
+          class: "shrink-0"
+        }, [
+          c(e.$slots, "overflow-end-anchor")
+        ], 512)) : m("", !0)
+      ])
+    ], 10, ee));
+  }
+});
+export {
+  ie as default
+};

package/dist/modules/components/composite/overflow-list/OverflowList2.vue.js

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

package/dist/modules/components/composite/overflow-list/OverflowListItem.vue.js

@@ -0,0 +1,22 @@
+import { defineComponent as s, openBlock as a, createElementBlock as i, normalizeClass as l, unref as n, renderSlot as r } from "vue";
+import { cn as d } from "../../../lib/cn.js";
+const p = ["data-visible"], u = /* @__PURE__ */ s({
+  __name: "OverflowListItem",
+  props: {
+    visible: { type: Boolean, default: !0 }
+  },
+  setup(t) {
+    const e = t;
+    return (o, c) => (a(), i("div", {
+      "data-syno-pkg-land-ui": "",
+      "data-overflow-list-item": "",
+      "data-visible": e.visible ? "true" : "false",
+      class: l(n(d)(e.visible ? "" : "hidden"))
+    }, [
+      r(o.$slots, "default")
+    ], 10, p));
+  }
+});
+export {
+  u as default
+};

package/dist/modules/components/composite/overflow-list/OverflowListItem2.vue.js

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