@synopackageland/ui 0.25.21 → 0.25.22

package/dist/modules/components/app/section-tabs/SectionTabs.vue.js

@@ -0,0 +1,226 @@
+import { defineComponent as G, inject as J, computed as m, ref as k, watch as Q, openBlock as s, createBlock as r, resolveDynamicComponent as C, normalizeProps as A, guardReactiveProps as N, withCtx as b, createElementBlock as o, renderSlot as g, createCommentVNode as d, createElementVNode as f, mergeProps as _, unref as i, Fragment as c, renderList as h, toDisplayString as w, createVNode as W, createTextVNode as X, normalizeClass as Z, normalizeStyle as ee, withDirectives as ae, vShow as te } from "vue";
+import { useUiText as se } from "../../../i18n/text.js";
+import { ChevronRight as le } from "@lucide/vue";
+import { useTabIndicator as oe } from "../../../composables/tabIndicator.js";
+import { useTabStripScroll as ie } from "../../../composables/tabStripScroll.js";
+import { useChanged as ne } from "../../../lib/motion.js";
+import { APP_PRESENTATION_KEY as ue } from "../../../lib/adaptiveLayout.js";
+import { usePhone as re } from "../../../composables/phone.js";
+import de from "../../primitives/motion/PushTransition.vue.js";
+import ce from "../../primitives/segment-control/SegmentControl.vue.js";
+import pe from "../app-layout/ShellBackButton.vue.js";
+import { useShellBackRow as ve } from "../app-layout/shellBack.js";
+import me from "../../primitives/segment-control/SegmentItem.vue.js";
+const be = {
+  key: 0,
+  class: "ui-section-tabs-actions",
+  "data-ui-section-tabs-actions": ""
+}, fe = ["aria-label"], he = {
+  key: 0,
+  class: "ui-section-list-heading"
+}, ye = { class: "ui-section-list-rows" }, ke = ["disabled", "data-ui-tab-value", "aria-current", "onClick"], ge = { class: "ui-section-list-label" }, _e = ["aria-label", "data-overflow-start", "data-overflow-end"], we = ["disabled", "data-ui-tab-value", "data-ui-tab-label", "aria-current", "onClick"], $e = {
+  key: 3,
+  class: "ui-section-tabs-actions",
+  "data-ui-section-tabs-actions": ""
+}, Ve = ["data-state", "data-ui-swapped"], Se = ["data-ui-swapped"], Ie = /* @__PURE__ */ G({
+  inheritAttrs: !1,
+  __name: "SectionTabs",
+  props: {
+    ariaLabel: {},
+    modelValue: {},
+    items: {},
+    fill: { type: Boolean },
+    keepMounted: { type: Boolean },
+    phone: {},
+    pushed: { type: Boolean }
+  },
+  emits: ["update:modelValue", "update:pushed"],
+  setup(R, { emit: z }) {
+    const $ = (e, { slots: l }) => l.default?.() ?? null, V = se(), a = R, y = z, D = J(ue, void 0), M = re(), n = m(() => {
+      if (D?.value !== "mobile") return "strip";
+      const e = a.phone ?? "auto";
+      return e !== "auto" ? e : a.items.length >= 5 || a.fill ? "list" : M.value ? "strip" : "segment";
+    }), S = k(a.pushed ?? !1);
+    Q(() => a.pushed, (e) => {
+      e !== void 0 && (S.value = e);
+    });
+    function E(e) {
+      S.value = e, y("update:pushed", e);
+    }
+    function K(e) {
+      e !== a.modelValue && y("update:modelValue", e), E(!0);
+    }
+    const B = k(null), x = m(() => n.value === "list" ? {
+      class: "ui-section-tabs-push",
+      "data-ui-section-tabs-push": "",
+      "data-fill": a.fill ? "" : void 0,
+      "data-ui-section-tabs-fill": a.fill ? "" : void 0,
+      "data-syno-pkg-land-ui": ""
+    } : a.fill ? { class: "ui-section-tabs-fill", "data-ui-section-tabs-fill": "", "data-syno-pkg-land-ui": "" } : {}), I = m(() => n.value === "list" ? {
+      show: S.value,
+      under: B.value,
+      title: O.value?.label ?? "",
+      keepMounted: a.keepMounted,
+      class: "ui-section-tabs-page",
+      "data-ui-section-tabs-page": "",
+      onPop: () => E(!1)
+    } : {}), O = m(() => a.items.find((e) => e.value === a.modelValue)), U = m(() => {
+      const e = [];
+      for (const l of a.items) {
+        const t = e[e.length - 1];
+        t && t.label === l.group ? t.items.push(l) : e.push({ label: l.group, items: [l] });
+      }
+      return e;
+    }), p = k(null), T = k(null), P = ve(() => p.value ?? T.value?.$el), Y = oe(p, () => a.items, () => a.modelValue), { overflowStart: j, overflowEnd: q } = ie(p, () => a.modelValue), L = ne(() => a.modelValue), F = {
+      ArrowRight: (e, l) => (e + 1) % l,
+      ArrowLeft: (e, l) => (e - 1 + l) % l,
+      Home: () => 0,
+      End: (e, l) => l - 1
+    };
+    function H(e) {
+      const l = F[e.key], t = Array.from(p.value?.querySelectorAll("[data-ui-tab-value]:not(:disabled)") ?? []), v = t.indexOf(e.target);
+      !l || v < 0 || (e.preventDefault(), t[l(v, t.length)]?.focus());
+    }
+    return (e, l) => (s(), r(C(n.value === "list" || a.fill ? "div" : $), A(N(x.value)), {
+      default: b(() => [
+        n.value === "list" ? (s(), o("div", {
+          key: 0,
+          ref_key: "under",
+          ref: B,
+          class: "ui-section-list",
+          "data-ui-section-list": ""
+        }, [
+          e.$slots.actions ? (s(), o("div", be, [
+            g(e.$slots, "actions")
+          ])) : d("", !0),
+          f("nav", _({
+            class: "ui-section-list-nav",
+            "aria-label": a.ariaLabel ?? i(V)("Sections")
+          }, e.$attrs), [
+            (s(!0), o(c, null, h(U.value, (t, v) => (s(), o("div", {
+              key: v,
+              class: "ui-section-list-group"
+            }, [
+              t.label ? (s(), o("h3", he, w(t.label), 1)) : d("", !0),
+              f("ul", ye, [
+                (s(!0), o(c, null, h(t.items, (u) => (s(), o("li", {
+                  key: u.value
+                }, [
+                  f("button", {
+                    type: "button",
+                    class: "ui-section-list-row",
+                    disabled: u.disabled,
+                    "data-ui-tab-value": u.value,
+                    "aria-current": a.modelValue === u.value ? "page" : void 0,
+                    onClick: (Pe) => K(u.value)
+                  }, [
+                    f("span", ge, w(u.label), 1),
+                    W(i(le), {
+                      class: "ui-section-list-chevron",
+                      "aria-hidden": "true"
+                    })
+                  ], 8, ke)
+                ]))), 128))
+              ])
+            ]))), 128))
+          ], 16, fe)
+        ], 512)) : (s(), r(C(e.$slots.actions || i(P) ? "div" : $), A(_({ key: 1 }, e.$slots.actions ? { class: "ui-section-tabs-row", "data-ui-section-tabs-row": "", "data-syno-pkg-land-ui": "" } : i(P) ? { class: "ui-section-tabs-lead", "data-ui-section-tabs-lead": "", "data-syno-pkg-land-ui": "" } : {})), {
+          default: b(() => [
+            i(P) ? (s(), r(pe, { key: 0 })) : d("", !0),
+            n.value === "segment" ? (s(), r(ce, _({
+              key: 1,
+              ref_key: "segment",
+              ref: T,
+              class: "ui-section-tabs-segment",
+              "model-value": a.modelValue,
+              "aria-label": a.ariaLabel ?? i(V)("Sections"),
+              "data-ui-section-tabs-segment": ""
+            }, e.$attrs, {
+              "onUpdate:modelValue": l[0] || (l[0] = (t) => y("update:modelValue", t))
+            }), {
+              default: b(() => [
+                (s(!0), o(c, null, h(a.items, (t) => (s(), r(me, {
+                  key: t.value,
+                  class: "ui-section-tabs-segment-item",
+                  value: t.value,
+                  disabled: t.disabled
+                }, {
+                  default: b(() => [
+                    X(w(t.label), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["value", "disabled"]))), 128))
+              ]),
+              _: 1
+            }, 16, ["model-value", "aria-label"])) : (s(), o("nav", _({
+              key: 2,
+              ref_key: "bar",
+              ref: p,
+              class: ["ui-tab-strip relative flex min-w-0 h-[var(--ui-header-action)] [@media(pointer:coarse)]:h-[var(--ui-hit-min)] items-end", e.$slots.actions ? "flex-[1_1_auto]" : "w-full"],
+              "aria-label": a.ariaLabel ?? i(V)("Sections"),
+              "data-ui-section-tabs-strip": "",
+              "data-overflow-start": i(j) ? "" : void 0,
+              "data-overflow-end": i(q) ? "" : void 0,
+              "data-syno-pkg-land-ui": ""
+            }, e.$attrs, { onKeydown: H }), [
+              (s(!0), o(c, null, h(a.items, (t) => (s(), o("button", {
+                key: t.value,
+                type: "button",
+                disabled: t.disabled,
+                "data-ui-tab-value": t.value,
+                "data-ui-tab-label": t.label,
+                "aria-current": a.modelValue === t.value ? "page" : void 0,
+                "data-ui-hit": "",
+                class: Z([
+                  "relative h-[var(--ui-header-action)] [@media(pointer:coarse)]:h-[var(--ui-section-tab-height,var(--ui-hit-min))] [@media(pointer:coarse)]:min-w-[var(--ui-hit-min)] shrink-0 border-0 bg-transparent px-2 text-[length:var(--ui-font-size-tab)] font-semibold outline-none transition-colors duration-[var(--ui-motion-fast)] ease-[var(--ui-motion-ease)] focus-visible:shadow-[var(--ui-shadow-focus-inset)] disabled:opacity-40",
+                  a.modelValue === t.value ? "text-[var(--ui-primary)]" : "text-[var(--ui-text)] enabled:hover:bg-[var(--ui-surface-hover)] enabled:hover:text-[var(--ui-text)]"
+                ]),
+                onClick: (v) => y("update:modelValue", t.value)
+              }, w(t.label), 11, we))), 128)),
+              f("span", {
+                class: "ui-tab-indicator",
+                style: ee(i(Y)),
+                "aria-hidden": "true"
+              }, null, 4)
+            ], 16, _e)),
+            e.$slots.actions ? (s(), o("div", $e, [
+              g(e.$slots, "actions")
+            ])) : d("", !0)
+          ]),
+          _: 3
+        }, 16)),
+        (s(), r(C(n.value === "list" ? de : $), A(N(I.value)), {
+          default: b(() => [
+            a.keepMounted ? (s(!0), o(c, { key: 0 }, h(a.items, (t) => (s(), o(c, {
+              key: t.value
+            }, [
+              e.$slots[`panel-${t.value}`] ? ae((s(), o("div", {
+                key: 0,
+                class: "ui-tab-panel",
+                "data-state": a.modelValue === t.value ? "active" : "inactive",
+                "data-ui-swapped": i(L) && n.value !== "list" ? "" : void 0,
+                "data-syno-pkg-land-ui": ""
+              }, [
+                g(e.$slots, `panel-${t.value}`)
+              ], 8, Ve)), [
+                [te, a.modelValue === t.value]
+              ]) : d("", !0)
+            ], 64))), 128)) : e.$slots[`panel-${a.modelValue}`] ? (s(), o("div", {
+              key: a.modelValue,
+              class: "ui-tab-panel",
+              "data-ui-swapped": i(L) && n.value !== "list" ? "" : void 0,
+              "data-syno-pkg-land-ui": ""
+            }, [
+              g(e.$slots, `panel-${a.modelValue}`)
+            ], 8, Se)) : d("", !0)
+          ]),
+          _: 3
+        }, 16))
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+export {
+  Ie as default
+};

package/dist/modules/components/app/section-tabs/SectionTabs2.vue.js

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

package/dist/modules/components/app/settings-page/SettingsPage.vue.js

@@ -0,0 +1,69 @@
+import { defineComponent as B, useSlots as S, useTemplateRef as v, ref as A, watch as w, onBeforeUnmount as C, openBlock as g, createElementBlock as p, createElementVNode as $, renderSlot as b, createVNode as q, withCtx as N, createCommentVNode as V } from "vue";
+import E from "../../composite/form-actions/FormActions.vue.js";
+import { useFooterBarClaim as F } from "../app-layout/pageTitle.js";
+const M = {
+  class: "ui-settings-page-body",
+  "data-ui-settings-page-body": ""
+}, O = ["data-ui-footer-hides"], R = /* @__PURE__ */ B({
+  __name: "SettingsPage",
+  props: {
+    dirty: { type: Boolean, default: void 0 },
+    invalid: { type: Boolean },
+    saving: { type: Boolean }
+  },
+  setup(y) {
+    const i = y, m = S(), r = v("root"), o = v("footer");
+    F(o, () => !!m.footer);
+    const h = (e) => e.hasAttribute("disabled") || e.hasAttribute("data-disabled") || e.getAttribute("aria-disabled") === "true", t = A({ clean: !1, invalid: !1, saving: !1 });
+    function l() {
+      const e = r.value, s = o.value;
+      if (!e || !s) return;
+      const u = [...s.querySelectorAll("button")], c = u.filter((k) => k.getAttribute("data-variant") === "primary"), f = c.length ? c : u, n = {
+        clean: f.length > 0 && f.every(h),
+        invalid: !!e.querySelector('[aria-invalid="true"]'),
+        saving: !!s.querySelector('[aria-busy="true"], [data-loading]')
+      }, d = t.value;
+      (n.clean !== d.clean || n.invalid !== d.invalid || n.saving !== d.saving) && (t.value = n);
+    }
+    let a;
+    w([r, o], ([e]) => {
+      a?.disconnect(), a = void 0, l(), !(!e || typeof MutationObserver > "u") && (a = new MutationObserver(l), a.observe(e, { subtree: !0, childList: !0, attributes: !0, attributeFilter: ["disabled", "data-disabled", "aria-disabled", "aria-invalid", "aria-busy", "data-loading"] }));
+    }, { flush: "post", immediate: !0 }), C(() => a?.disconnect());
+    function _() {
+      return (i.dirty === void 0 ? t.value.clean : !i.dirty) && !i.invalid && !t.value.invalid && !i.saving && !t.value.saving;
+    }
+    return (e, s) => (g(), p("div", {
+      ref_key: "root",
+      ref: r,
+      class: "ui-settings-page",
+      "data-ui-settings-page": "",
+      "data-syno-pkg-land-ui": ""
+    }, [
+      $("div", M, [
+        b(e.$slots, "default")
+      ]),
+      e.$slots.footer ? (g(), p("div", {
+        key: 0,
+        ref_key: "footer",
+        ref: o,
+        class: "ui-settings-page-footer",
+        "data-ui-settings-page-footer": "",
+        "data-ui-footer-bar": "",
+        "data-ui-footer-hides": _() ? "" : void 0
+      }, [
+        q(E, {
+          align: "end",
+          sticky: !1
+        }, {
+          default: N(() => [
+            b(e.$slots, "footer")
+          ]),
+          _: 3
+        })
+      ], 8, O)) : V("", !0)
+    ], 512));
+  }
+});
+export {
+  R as default
+};

package/dist/modules/components/app/settings-page/SettingsPage2.vue.js

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

package/dist/modules/components/composite/about-dialog/AboutDialog.vue.js

@@ -0,0 +1,241 @@
+import { defineComponent as D, ref as b, computed as g, watch as L, openBlock as a, createBlock as z, unref as e, createSlots as A, withCtx as f, createElementVNode as n, renderSlot as _, createElementBlock as s, resolveDynamicComponent as P, createCommentVNode as d, createTextVNode as m, toDisplayString as r, createVNode as v } from "vue";
+import { useUiText as Y, useLocalizedDefaults as E } from "../../../i18n/text.js";
+import { formatUiText as y } from "../../../i18n/locale.js";
+import { Package as O, RefreshCw as C, ExternalLink as R, CircleCheck as F, TriangleAlert as j } from "@lucide/vue";
+import $ from "../../primitives/button/Button.vue.js";
+import I from "../../primitives/button/ButtonKindScope.vue.js";
+import q from "../../primitives/dialog/Dialog.vue.js";
+import G from "../../primitives/separator/Separator.vue.js";
+import H from "../../primitives/spinner/Spinner.vue.js";
+const J = {
+  class: "flex flex-col gap-4",
+  "data-about-dialog": ""
+}, K = { class: "flex items-start gap-4" }, M = ["src"], Q = {
+  key: 1,
+  class: "flex size-16 shrink-0 items-center justify-center rounded-[var(--ui-radius-panel)] bg-[var(--ui-surface-subtle)] text-[var(--ui-text-secondary)]"
+}, W = { class: "min-w-0" }, X = { class: "flex items-center gap-2 text-[length:var(--ui-font-size-title)] font-semibold text-[var(--ui-text)]" }, Z = {
+  key: 0,
+  class: "rounded-[var(--ui-radius-inner)] bg-[var(--ui-primary)] px-1 text-[length:var(--ui-font-size-sm)] font-normal text-[var(--ui-primary-foreground)]"
+}, ee = {
+  key: 0,
+  class: "mt-1 text-[length:var(--ui-font-size-control)] text-[var(--ui-text-secondary)]"
+}, te = {
+  key: 1,
+  class: "mt-1 text-[length:var(--ui-font-size-sm)] text-[var(--ui-text-muted)]"
+}, ae = {
+  key: 1,
+  class: "flex flex-col gap-2",
+  "aria-live": "polite"
+}, re = {
+  key: 0,
+  class: "flex items-center gap-2 text-[length:var(--ui-font-size-control)] text-[var(--ui-text-secondary)]"
+}, le = {
+  key: 1,
+  class: "flex flex-col gap-1 text-[length:var(--ui-font-size-control)]"
+}, se = { class: "flex items-center gap-2 text-[var(--ui-text)]" }, ie = ["href"], oe = {
+  key: 2,
+  class: "flex items-center gap-2 text-[length:var(--ui-font-size-control)] text-[var(--ui-text)]"
+}, ne = {
+  key: 3,
+  class: "flex items-center gap-2 text-[length:var(--ui-font-size-control)] text-[var(--ui-text-secondary)]"
+}, ce = {
+  key: 4,
+  class: "flex items-center gap-2 text-[length:var(--ui-font-size-control)] text-[var(--ui-text-secondary)]"
+}, ue = { class: "flex w-full flex-wrap items-center gap-x-4 gap-y-2" }, de = { class: "text-[length:var(--ui-font-size-sm)] text-[var(--ui-text-muted)]" }, ve = ["aria-label"], fe = ["href"], pe = ["href"], Ue = /* @__PURE__ */ D({
+  __name: "AboutDialog",
+  props: {
+    text: {},
+    open: { type: Boolean, default: void 0 },
+    defaultOpen: { type: Boolean, default: !1 },
+    title: {},
+    tagline: { default: "" },
+    version: { default: "" },
+    copyrightYear: {},
+    iconSrc: { default: "" },
+    beta: { type: Boolean, default: !1 },
+    tosUrl: { default: "" },
+    privacyUrl: { default: "" },
+    releaseNotesUrl: { default: "" },
+    fetchVersion: {},
+    checkUpdates: { type: Boolean, default: !0 },
+    width: { default: "600px" },
+    closeLabel: {}
+  },
+  emits: ["update:open", "check-start", "check-result", "check-error"],
+  setup(B, { expose: N, emit: S }) {
+    const c = Y(), t = E(B, { closeLabel: "Close" }), p = S, w = b(t.defaultOpen), x = g({
+      get: () => t.open ?? w.value,
+      set: (l) => {
+        t.open === void 0 && (w.value = l), p("update:open", l);
+      }
+    }), u = b("idle"), h = b(), T = g(() => t.copyrightYear ?? String((/* @__PURE__ */ new Date()).getFullYear())), U = g(() => t.iconSrc ? void 0 : O);
+    async function k() {
+      const l = t.fetchVersion;
+      if (!l || !t.checkUpdates)
+        return u.value = "idle", null;
+      u.value = "checking", p("check-start");
+      try {
+        const o = await l() ?? {};
+        return h.value = o, u.value = o.newVersion ? "update-available" : o.betaVersion ? "beta-available" : o.upToDate ? "up-to-date" : "failed", p("check-result", o), o;
+      } catch (o) {
+        return h.value = void 0, u.value = "failed", p("check-error", o), p("check-result", null), null;
+      }
+    }
+    L(x, (l) => {
+      l && k();
+    }, { immediate: !0 }), N({ checkForUpdates: k, state: u, versionInfo: h });
+    const i = g(() => ({ beta: c("BETA"), version: c("Version {version}"), checking: c("Checking for updates…"), available: c("Version {version} is available."), betaAvailable: c("Beta version {version} is available."), upToDate: c("You have the latest version."), failed: c("Could not check for updates."), retry: c("Retry"), releaseNotes: c("Release notes"), terms: c("Terms of Service"), privacy: c("Privacy Policy"), legal: c("{title} legal"), ...t.text }));
+    return (l, o) => (a(), z(q, {
+      open: x.value,
+      title: e(t).title,
+      width: e(t).width,
+      "close-label": e(t).closeLabel,
+      "onUpdate:open": o[1] || (o[1] = (V) => x.value = V)
+    }, A({
+      footer: f(() => [
+        n("div", ue, [
+          n("span", de, [
+            _(l.$slots, "copyright", {}, () => [
+              m("© " + r(T.value), 1)
+            ])
+          ]),
+          n("nav", {
+            class: "ml-auto flex flex-wrap items-center gap-4 text-[length:var(--ui-font-size-sm)]",
+            "aria-label": e(y)(i.value.legal, { title: e(t).title })
+          }, [
+            e(t).tosUrl ? (a(), s("a", {
+              key: 0,
+              href: e(t).tosUrl,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              "data-ui-hit": "",
+              class: "text-[var(--ui-primary)] underline"
+            }, r(i.value.terms), 9, fe)) : d("", !0),
+            e(t).privacyUrl ? (a(), s("a", {
+              key: 1,
+              href: e(t).privacyUrl,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              "data-ui-hit": "",
+              class: "text-[var(--ui-primary)] underline"
+            }, r(i.value.privacy), 9, pe)) : d("", !0),
+            v(I, { kind: "action" }, {
+              default: f(() => [
+                v($, {
+                  variant: "secondary",
+                  onClick: o[0] || (o[0] = (V) => x.value = !1)
+                }, {
+                  default: f(() => [
+                    m(r(e(t).closeLabel), 1)
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ], 8, ve)
+        ])
+      ]),
+      default: f(() => [
+        n("div", J, [
+          n("div", K, [
+            _(l.$slots, "icon", {}, () => [
+              e(t).iconSrc ? (a(), s("img", {
+                key: 0,
+                src: e(t).iconSrc,
+                alt: "",
+                class: "size-16 shrink-0 rounded-[var(--ui-radius-panel)]"
+              }, null, 8, M)) : U.value ? (a(), s("span", Q, [
+                (a(), z(P(U.value), {
+                  class: "size-8",
+                  "aria-hidden": "true"
+                }))
+              ])) : d("", !0)
+            ]),
+            n("div", W, [
+              n("p", X, [
+                m(r(e(t).title) + " ", 1),
+                e(t).beta ? (a(), s("span", Z, r(i.value.beta), 1)) : d("", !0)
+              ]),
+              e(t).tagline ? (a(), s("p", ee, r(e(t).tagline), 1)) : d("", !0),
+              e(t).version ? (a(), s("p", te, r(e(y)(i.value.version, { version: e(t).version })), 1)) : d("", !0)
+            ])
+          ]),
+          e(t).fetchVersion && e(t).checkUpdates || l.$slots.default ? (a(), z(G, { key: 0 })) : d("", !0),
+          e(t).fetchVersion && e(t).checkUpdates ? (a(), s("div", ae, [
+            u.value === "checking" ? (a(), s("div", re, [
+              v(H, {
+                size: 16,
+                label: i.value.checking
+              }, null, 8, ["label"]),
+              n("span", null, r(i.value.checking), 1)
+            ])) : u.value === "update-available" ? (a(), s("div", le, [
+              n("p", se, [
+                v(e(C), {
+                  class: "size-4 text-[var(--ui-primary)]",
+                  "aria-hidden": "true"
+                }),
+                n("span", null, r(e(y)(i.value.available, { version: h.value?.newVersion ?? "" })), 1)
+              ]),
+              e(t).releaseNotesUrl ? (a(), s("a", {
+                key: 0,
+                href: e(t).releaseNotesUrl,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                "data-ui-hit": "",
+                class: "inline-flex w-fit items-center gap-1 text-[length:var(--ui-font-size-sm)] text-[var(--ui-primary)] underline"
+              }, [
+                m(r(i.value.releaseNotes) + " ", 1),
+                v(e(R), {
+                  class: "size-3",
+                  "aria-hidden": "true"
+                })
+              ], 8, ie)) : d("", !0)
+            ])) : u.value === "beta-available" ? (a(), s("div", oe, [
+              v(e(C), {
+                class: "size-4 text-[var(--ui-primary)]",
+                "aria-hidden": "true"
+              }),
+              n("span", null, r(e(y)(i.value.betaAvailable, { version: h.value?.betaVersion ?? "" })), 1)
+            ])) : u.value === "up-to-date" ? (a(), s("div", ne, [
+              v(e(F), {
+                class: "size-4 text-[var(--ui-success)]",
+                "aria-hidden": "true"
+              }),
+              n("span", null, r(i.value.upToDate), 1)
+            ])) : u.value === "failed" ? (a(), s("div", ce, [
+              v(e(j), {
+                class: "size-4 text-[var(--ui-warning)]",
+                "aria-hidden": "true"
+              }),
+              n("span", null, r(i.value.failed), 1),
+              v($, {
+                size: "sm",
+                variant: "secondary",
+                onClick: k
+              }, {
+                default: f(() => [
+                  m(r(i.value.retry), 1)
+                ]),
+                _: 1
+              })
+            ])) : d("", !0)
+          ])) : d("", !0),
+          _(l.$slots, "default")
+        ])
+      ]),
+      _: 2
+    }, [
+      l.$slots.trigger ? {
+        name: "trigger",
+        fn: f(() => [
+          _(l.$slots, "trigger")
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1032, ["open", "title", "width", "close-label"]));
+  }
+});
+export {
+  Ue as default
+};

package/dist/modules/components/composite/about-dialog/AboutDialog2.vue.js

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