@wssto2/vue-core 0.1.0 → 0.3.0

package/dist/{AdaptivePageShell.vue_vue_type_script_setup_true_lang-CKghARkW.js → AdaptivePageShell.vue_vue_type_script_setup_true_lang-CvAnzdc1.js}

@@ -1,11 +1,12 @@
-import { defineComponent as $, getCurrentInstance as D, inject as F, computed as k, openBlock as l, createBlock as _, Teleport as O, renderSlot as v, createElementBlock as p, Fragment as I, renderList as M, withCtx as x, createTextVNode as w, toDisplayString as h, unref as s, createElementVNode as f, mergeProps as H, createVNode as b, createCommentVNode as m, toValue as z, watch as B, onMounted as R, onBeforeUnmount as S, useTemplateRef as V, provide as A, ref as K, createSlots as q, normalizeClass as Q } from "vue";
+import { defineComponent as $, getCurrentInstance as D, inject as F, computed as k, openBlock as l, createBlock as _, Teleport as O, renderSlot as v, createElementBlock as p, Fragment as I, renderList as M, withCtx as x, createTextVNode as w, toDisplayString as h, unref as s, createElementVNode as m, mergeProps as H, createVNode as b, createCommentVNode as f, toValue as z, watch as B, onMounted as R, onBeforeUnmount as S, useTemplateRef as V, provide as A, ref as K, createSlots as q, normalizeClass as Q } from "vue";
 import { a as j } from "./mediaQuery-CygcXmFW.js";
-import { b as U, f as N, c as W, p as Y } from "./chrome-D9pwD6iS.js";
+import { b as U } from "./bottomDock-BZEiOPYZ.js";
 import { useI18n as E } from "vue-i18n";
-import { _ as G } from "./Button.vue_vue_type_script_setup_true_lang-3f0emVNU.js";
-import { _ as y } from "./Icon.vue_vue_type_script_lang-DtC4_mkz.js";
-import { _ as J } from "./Menu.vue_vue_type_script_setup_true_lang-D44EHXQZ.js";
-import { RouterLink as L, useRoute as X } from "vue-router";
+import { _ as W } from "./Button.vue_vue_type_script_setup_true_lang-CYil8h9z.js";
+import { _ as y } from "./Icon.vue_vue_type_script_lang-VvcV2Bzo.js";
+import { _ as Y } from "./Menu.vue_vue_type_script_setup_true_lang-BNAjx9tj.js";
+import { RouterLink as L, useRoute as G } from "vue-router";
+import { b as N, c as J, p as X } from "./chrome-BS3xJcad.js";
 import { d as Z } from "./context-Ch1r4fdN.js";
 const ee = /* @__PURE__ */ $({
   __name: "BottomDockPortal",
@@ -44,7 +45,7 @@ const ee = /* @__PURE__ */ $({
       return t === e.leading || t.prominence === "plain" ? "plain" : t.prominence === "standard" ? "standard" : t.placement === "primary" ? "primary" : "standard";
     }
     return (t, a) => i.value.length || r.value.length ? (l(), p("div", te, [
-      (l(!0), p(I, null, M(i.value, (d) => (l(), _(G, {
+      (l(!0), p(I, null, M(i.value, (d) => (l(), _(W, {
         key: d.id,
         prominence: c(d),
         icon: d.icon,
@@ -59,13 +60,13 @@ const ee = /* @__PURE__ */ $({
         ]),
         _: 2
       }, 1032, ["prominence", "icon", "disabled", "processing", "keyboard-shortcut", "data-page-action", "onClick"]))), 128)),
-      r.value.length ? (l(), _(J, {
+      r.value.length ? (l(), _(Y, {
         key: 0,
         items: r.value,
         label: s(n)("core.page.more_actions")
       }, {
         trigger: x(({ toggle: d, attrs: g }) => [
-          f("button", H({ type: "button" }, g, {
+          m("button", H({ type: "button" }, g, {
             "aria-label": s(n)("core.page.more_actions"),
             "data-page-overflow": "",
             class: "hit-target flex size-9 cursor-pointer items-center justify-center rounded-button bg-fill text-content-strong transition-colors duration-motion-fast hover:bg-fill-strong focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus",
@@ -75,10 +76,10 @@ const ee = /* @__PURE__ */ $({
           ], 16, ne)
         ]),
         _: 1
-      }, 8, ["items", "label"])) : m("", !0)
-    ])) : m("", !0);
+      }, 8, ["items", "label"])) : f("", !0)
+    ])) : f("", !0);
   }
-}), ae = { class: "sticky top-0 z-20 flex min-h-bar-height min-w-0 flex-wrap items-center gap-2.5 border-b border-border-separator bg-surface-page/85 py-2 pr-6 pl-4 backdrop-blur-xl" }, oe = ["aria-label"], se = {
+}), ae = { class: "sticky top-[var(--shell-banner-h,0px)] z-20 flex min-h-bar-height min-w-0 flex-wrap items-center gap-2.5 border-b border-border-separator bg-surface-page/85 py-2 pr-6 pl-4 backdrop-blur-xl" }, oe = ["aria-label"], se = {
   class: "flex shrink-0 text-content-link",
   "aria-hidden": "true"
 }, le = { class: "flex min-w-0 items-center" }, re = {
@@ -106,13 +107,13 @@ const ee = /* @__PURE__ */ $({
         "aria-label": s(n)("core.page.breadcrumbs"),
         class: "-ml-1 flex min-w-0 items-center"
       }, [
-        f("span", se, [
+        m("span", se, [
           b(s(y), {
             name: "arrowLeftSLine",
             size: 20
           })
         ]),
-        f("ol", le, [
+        m("ol", le, [
           (l(!0), p(I, null, M(i.value, (a) => (l(), p("li", {
             key: a.label,
             class: "flex min-w-0 max-w-48 shrink items-center max-lg:hidden"
@@ -127,14 +128,14 @@ const ee = /* @__PURE__ */ $({
               ]),
               _: 2
             }, 1032, ["to"]),
-            f("span", re, [
+            m("span", re, [
               b(s(y), {
                 name: "arrowRightSLine",
                 size: 14
               })
             ])
           ]))), 128)),
-          f("li", ie, [
+          m("li", ie, [
             b(s(L), {
               to: r.value.to,
               "data-page-back": "",
@@ -158,19 +159,19 @@ const ee = /* @__PURE__ */ $({
             name: "arrowLeftSLine",
             size: 20
           }),
-          f("span", ce, h(e.back.label), 1)
+          m("span", ce, h(e.back.label), 1)
         ]),
         _: 1
-      }, 8, ["to"])) : m("", !0),
-      t[1] || (t[1] = f("div", { class: "min-w-0 flex-1" }, null, -1)),
+      }, 8, ["to"])) : f("", !0),
+      t[1] || (t[1] = m("div", { class: "min-w-0 flex-1" }, null, -1)),
       v(c.$slots, "pager"),
       e.status ? (l(), p("span", ue, [
-        t[0] || (t[0] = f("span", {
+        t[0] || (t[0] = m("span", {
           class: "size-1.75 rounded-full bg-tint",
           "aria-hidden": "true"
         }, null, -1)),
         w(h(e.status), 1)
-      ])) : m("", !0),
+      ])) : f("", !0),
       b(P, {
         actions: e.actions,
         leading: e.leading
@@ -189,7 +190,7 @@ function pe(u, e, n = !0) {
     c?.disconnect(), r.clearTitle();
   });
 }
-const fe = { class: "flex min-w-0 flex-wrap items-center gap-x-4 gap-y-3" }, me = { class: "flex min-w-0 flex-[1_1_16rem] items-center gap-3.5" }, ge = {
+const me = { class: "flex min-w-0 flex-wrap items-center gap-x-4 gap-y-3" }, fe = { class: "flex min-w-0 flex-[1_1_16rem] items-center gap-3.5" }, ge = {
   key: 0,
   "aria-hidden": "true",
   class: "flex size-10 shrink-0 items-center justify-center rounded-group bg-tile-brand text-tile-brand-foreground compact:hidden"
@@ -222,47 +223,47 @@ const fe = { class: "flex min-w-0 flex-wrap items-center gap-x-4 gap-y-3" }, me
   },
   setup(u) {
     const e = u, { locale: n } = E(), i = j("(max-width: 47.999rem)"), r = k(() => e.count == null ? null : new Intl.NumberFormat(n.value).format(e.count)), c = V("titleElement");
-    return pe(c, () => e.title), (t, a) => (l(), p("div", fe, [
-      f("div", me, [
+    return pe(c, () => e.title), (t, a) => (l(), p("div", me, [
+      m("div", fe, [
         v(t.$slots, "leading", {}, () => [
           e.icon ? (l(), p("span", ge, [
             b(s(y), {
               name: e.icon,
               size: 20
             }, null, 8, ["name"])
-          ])) : m("", !0)
+          ])) : f("", !0)
         ]),
-        f("div", ve, [
-          f("div", be, [
-            f("h1", {
+        m("div", ve, [
+          m("div", be, [
+            m("h1", {
               ref_key: "titleElement",
               ref: c,
               class: "min-w-0 text-large-title font-semibold tracking-tight break-words text-content-strong"
             }, h(e.title), 513),
-            r.value !== null ? (l(), p("span", he, h(r.value), 1)) : m("", !0)
+            r.value !== null ? (l(), p("span", he, h(r.value), 1)) : f("", !0)
           ]),
-          e.description ? (l(), p("p", ke, h(e.description), 1)) : m("", !0),
+          e.description ? (l(), p("p", ke, h(e.description), 1)) : f("", !0),
           v(t.$slots, "description")
         ])
       ]),
       e.inlineActions || !s(i) ? (l(), p("div", _e, [
         e.status ? (l(), p("span", xe, [
-          a[0] || (a[0] = f("span", {
+          a[0] || (a[0] = m("span", {
             class: "size-1.75 rounded-full bg-tint",
             "aria-hidden": "true"
           }, null, -1)),
           w(h(e.status), 1)
-        ])) : m("", !0),
+        ])) : f("", !0),
         b(P, {
           actions: e.actions,
           leading: e.leading
         }, null, 8, ["actions", "leading"])
-      ])) : m("", !0)
+      ])) : f("", !0)
     ]));
   }
-}), [ye, Ve] = Z("vue-core.pageSectionBack");
+}), [ye, je] = Z("vue-core.pageSectionBack");
 function $e(u, e) {
-  const i = X().fullPath;
+  const i = G().fullPath;
   let r, c;
   function t() {
     r?.disconnect(), clearTimeout(c), document.removeEventListener("pointerdown", t, !0), document.removeEventListener("keydown", t, !0);
@@ -285,7 +286,7 @@ function $e(u, e) {
 const Se = { key: 1 }, Te = {
   key: 2,
   class: "flex justify-center pt-2"
-}, Ce = { class: "dock-safe-area pointer-events-auto order-1 border-t border-border-separator bg-surface-cell pt-screen-padding pr-[max(var(--app-screen-padding),var(--app-safe-right))] pb-screen-padding pl-[max(var(--app-screen-padding),var(--app-safe-left))]" }, je = /* @__PURE__ */ $({
+}, Ce = { class: "dock-safe-area pointer-events-auto order-1 border-t border-border-separator bg-surface-cell pt-screen-padding pr-[max(var(--app-screen-padding),var(--app-safe-right))] pb-screen-padding pl-[max(var(--app-screen-padding),var(--app-safe-left))]" }, Ne = /* @__PURE__ */ $({
   __name: "AdaptivePageShell",
   props: {
     title: {},
@@ -299,8 +300,8 @@ const Se = { key: 1 }, Te = {
     width: { default: "full" }
   },
   setup(u) {
-    const e = u, n = N() ?? W();
-    A(Y, n);
+    const e = u, n = N() ?? J();
+    A(X, n);
     const i = n.claimShell();
     S(i);
     const r = V("root");
@@ -345,8 +346,8 @@ const Se = { key: 1 }, Te = {
           ]),
           key: "0"
         } : void 0
-      ]), 1032, ["back", "path", "actions", "leading", "status"])) : m("", !0),
-      f("div", {
+      ]), 1032, ["back", "path", "actions", "leading", "status"])) : f("", !0),
+      m("div", {
         class: Q(["mx-auto flex min-w-0 flex-col gap-section-gap pt-section-gap pr-[max(var(--app-screen-padding),var(--app-safe-right))] pb-[max(var(--app-screen-padding),var(--app-safe-bottom),calc(var(--bottom-dock-h,0px)+var(--app-screen-padding)))] pl-[max(var(--app-screen-padding),var(--app-safe-left))] lg:pt-[calc(var(--app-section-gap)*1.5)] lg:pr-[max(2.5rem,var(--app-safe-right))] lg:pl-[max(2.5rem,var(--app-safe-left))]", T[e.width]])
       }, [
         v(o.$slots, "header", {}, () => [
@@ -364,33 +365,33 @@ const Se = { key: 1 }, Te = {
           key: 0,
           actions: s(n).actions.value,
           leading: s(n).leading.value
-        }, null, 8, ["actions", "leading"])) : m("", !0),
+        }, null, 8, ["actions", "leading"])) : f("", !0),
         o.$slots.notices ? (l(), p("div", Se, [
           v(o.$slots, "notices")
-        ])) : m("", !0),
+        ])) : f("", !0),
         v(o.$slots, "default"),
         o.$slots.pager && s(c) ? (l(), p("div", Te, [
           v(o.$slots, "pager")
-        ])) : m("", !0)
+        ])) : f("", !0)
       ], 2),
       o.$slots.bottom ? (l(), _(ee, { key: 1 }, {
         default: x(() => [
-          f("div", Ce, [
+          m("div", Ce, [
             v(o.$slots, "bottom")
           ])
         ]),
         _: 3
-      })) : m("", !0)
+      })) : f("", !0)
     ], 512));
   }
 });
 export {
   ee as _,
-  je as a,
+  Ne as a,
   P as b,
   de as c,
   we as d,
-  Ve as e,
+  je as e,
   ye as p,
   pe as u
 };

package/dist/{AlertDialog.vue_vue_type_script_setup_true_lang-BZb4qKXo.js → AlertDialog.vue_vue_type_script_setup_true_lang-CJsMUIUg.js}

@@ -1,8 +1,8 @@
 import { defineComponent as H, ref as L, useId as S, computed as u, watch as J, openBlock as a, createBlock as p, Teleport as K, createElementBlock as r, unref as t, createVNode as T, Transition as z, withCtx as I, createCommentVNode as s, createElementVNode as o, toDisplayString as l, renderSlot as V, normalizeClass as d, createTextVNode as $ } from "vue";
 import { useI18n as Q } from "vue-i18n";
-import { _ as j } from "./Icon.vue_vue_type_script_lang-DtC4_mkz.js";
+import { _ as j } from "./Icon.vue_vue_type_script_lang-VvcV2Bzo.js";
 import { u as R } from "./mediaQuery-CygcXmFW.js";
-import { u as U } from "./useDialog-wmyNx2j_.js";
+import { u as U } from "./useDialog-CXR3hN0G.js";
 const X = ["aria-labelledby", "aria-describedby", "data-presentation"], Y = { class: "overflow-hidden rounded-menu bg-surface-overlay/95 backdrop-blur-xl" }, Z = { class: "flex flex-col gap-1 px-4 py-3.5 text-center" }, ee = ["id"], te = ["id"], ae = ["disabled"], ne = ["disabled"], oe = ["id"], ie = ["id"], se = ["disabled"], le = ["disabled"], pe = /* @__PURE__ */ H({
   __name: "AlertDialog",
   props: {

package/dist/{AsyncSection.vue_vue_type_script_setup_true_lang-B82bl36A.js → AsyncSection.vue_vue_type_script_setup_true_lang-CCtthMRd.js}

@@ -1,9 +1,9 @@
 import { defineComponent as h, openBlock as a, createElementBlock as n, computed as $, Fragment as _, unref as o, renderSlot as y, renderList as w, createBlock as v, createVNode as u, withCtx as c, createElementVNode as d, toDisplayString as i, createCommentVNode as m, createTextVNode as g, normalizeClass as b, createSlots as x } from "vue";
 import { useI18n as C } from "vue-i18n";
-import { _ as k } from "./Button.vue_vue_type_script_setup_true_lang-3f0emVNU.js";
-import { _ as E } from "./Icon.vue_vue_type_script_lang-DtC4_mkz.js";
-import { _ as S } from "./Banner.vue_vue_type_script_setup_true_lang-n_wGPIIu.js";
-import { _ as V } from "./EmptyState.vue_vue_type_script_setup_true_lang-BeGpHMUP.js";
+import { _ as k } from "./Button.vue_vue_type_script_setup_true_lang-CYil8h9z.js";
+import { _ as E } from "./Icon.vue_vue_type_script_lang-VvcV2Bzo.js";
+import { _ as S } from "./Banner.vue_vue_type_script_setup_true_lang-Cib_YYpr.js";
+import { _ as V } from "./EmptyState.vue_vue_type_script_setup_true_lang-C2ZYIT9F.js";
 function K(s) {
   return s.status === "loading" || s.status === "failed" ? void 0 : s.value;
 }

package/dist/Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js

@@ -0,0 +1,51 @@
+import { defineComponent as l, computed as y, openBlock as r, createElementBlock as s, normalizeClass as d, createCommentVNode as f, renderSlot as p } from "vue";
+const x = ["data-hue"], h = /* @__PURE__ */ l({
+  __name: "Badge",
+  props: {
+    tone: {},
+    dot: { type: Boolean },
+    hue: {},
+    appearance: {}
+  },
+  setup(u) {
+    const a = u, n = {
+      neutral: { badge: "bg-status-neutral-surface text-status-neutral-content", dot: "bg-status-neutral-content" },
+      info: { badge: "bg-status-info-surface text-status-info-content", dot: "bg-status-info-content" },
+      positive: { badge: "bg-status-success-surface text-status-success-content", dot: "bg-status-success-content" },
+      warning: { badge: "bg-status-warning-surface text-status-warning-content", dot: "bg-status-warning-content" },
+      critical: { badge: "bg-status-danger-surface text-status-danger-content", dot: "bg-status-danger-content" },
+      context: { badge: "bg-surface-cell text-content", dot: "bg-content-disabled" }
+    }, o = {
+      amber: { badge: "bg-category-amber-surface text-category-amber-content", dot: "bg-category-amber-content" },
+      lime: { badge: "bg-category-lime-surface text-category-lime-content", dot: "bg-category-lime-content" },
+      teal: { badge: "bg-category-teal-surface text-category-teal-content", dot: "bg-category-teal-content" },
+      cyan: { badge: "bg-category-cyan-surface text-category-cyan-content", dot: "bg-category-cyan-content" },
+      blue: { badge: "bg-category-blue-surface text-category-blue-content", dot: "bg-category-blue-content" },
+      indigo: { badge: "bg-category-indigo-surface text-category-indigo-content", dot: "bg-category-indigo-content" },
+      violet: { badge: "bg-category-violet-surface text-category-violet-content", dot: "bg-category-violet-content" },
+      fuchsia: { badge: "bg-category-fuchsia-surface text-category-fuchsia-content", dot: "bg-category-fuchsia-content" },
+      pink: { badge: "bg-category-pink-surface text-category-pink-content", dot: "bg-category-pink-content" }
+    }, e = y(() => {
+      const { hue: t, appearance: c, tone: b, dot: i } = a;
+      if (t === void 0) {
+        const g = n[b ?? "neutral"];
+        return { badge: g.badge, dot: i ? g.dot : null };
+      }
+      return c === "dot" ? { badge: n.context.badge, dot: o[t].dot } : { badge: o[t].badge, dot: null };
+    });
+    return (t, c) => (r(), s("span", {
+      class: d(["inline-flex items-center gap-x-1.5 whitespace-nowrap rounded-md px-2 py-0.5 text-xs font-medium ring-1 ring-inset ring-current/20", e.value.badge]),
+      "data-hue": a.hue
+    }, [
+      e.value.dot ? (r(), s("span", {
+        key: 0,
+        class: d(["size-1.5 shrink-0 rounded-full", e.value.dot]),
+        "aria-hidden": "true"
+      }, null, 2)) : f("", !0),
+      p(t.$slots, "default")
+    ], 10, x));
+  }
+});
+export {
+  h as _
+};

package/dist/{Banner.vue_vue_type_script_setup_true_lang-n_wGPIIu.js → Banner.vue_vue_type_script_setup_true_lang-Cib_YYpr.js}

@@ -1,5 +1,5 @@
 import { defineComponent as c, computed as i, openBlock as u, createElementBlock as l, normalizeClass as n, createElementVNode as o, createVNode as d, unref as m, renderSlot as f } from "vue";
-import { _ as b } from "./Icon.vue_vue_type_script_lang-DtC4_mkz.js";
+import { _ as b } from "./Icon.vue_vue_type_script_lang-VvcV2Bzo.js";
 const g = ["role"], x = { class: "flex items-center gap-3" }, p = { class: "min-w-0 flex-1 break-words" }, h = /* @__PURE__ */ c({
   __name: "Banner",
   props: {

package/dist/{BottomDock.vue_vue_type_script_setup_true_lang-DhlMnPC2.js → BottomDock.vue_vue_type_script_setup_true_lang-CjN7xYEr.js}

@@ -1,5 +1,5 @@
 import { defineComponent as u, useTemplateRef as c, onMounted as l, onBeforeUnmount as m, openBlock as a, createElementBlock as i } from "vue";
-import { u as d } from "./chrome-D9pwD6iS.js";
+import { u as d } from "./bottomDock-BZEiOPYZ.js";
 const b = /* @__PURE__ */ u({
   __name: "BottomDock",
   setup(f) {

package/dist/Button.vue_vue_type_script_setup_true_lang-CYil8h9z.js

@@ -0,0 +1,182 @@
+import { watchEffect as R, toValue as z, computed as f, triggerRef as w, shallowRef as L, defineComponent as A, useSlots as B, useTemplateRef as I, openBlock as y, createBlock as M, unref as N, withCtx as $, createElementVNode as D, mergeProps as v, createVNode as h, createElementBlock as K, h as x } from "vue";
+import { RouterLink as P } from "vue-router";
+import { _ as k } from "./Icon.vue_vue_type_script_lang-VvcV2Bzo.js";
+import { u as T } from "./useWaitStatus-fsacMl4W.js";
+import { p as j } from "./perDocument-DUuFrdGU.js";
+function V(t, n) {
+  return t.key.toLowerCase() === n.key.toLowerCase() && t.ctrlKey === (n.ctrlKey ?? !1) && t.shiftKey === (n.shiftKey ?? !1) && t.altKey === (n.altKey ?? !1) && t.metaKey === (n.metaKey ?? !1);
+}
+function U(t) {
+  return t instanceof HTMLElement && (t.isContentEditable || /^(input|textarea|select)$/i.test(t.tagName));
+}
+function G(t, n) {
+  R((e) => {
+    const o = z(t);
+    if (!o) return;
+    if (o.label !== void 0) {
+      const i = O(o);
+      e(i.remove);
+    }
+    const a = (i) => {
+      i.repeat || !V(i, o) || !(o.ctrlKey || o.altKey || o.metaKey) && U(i.target) || n(i) !== !1 && i.preventDefault();
+    };
+    window.addEventListener("keydown", a), e(() => window.removeEventListener("keydown", a));
+  });
+}
+const H = Symbol("vue-core:shortcuts"), E = () => j(H, () => ({ items: [], changed: L(0) }));
+function O(t) {
+  const n = E();
+  return n.items = [...n.items, t], w(n.changed), {
+    remove() {
+      n.items = n.items.filter((e) => e !== t), w(n.changed);
+    }
+  };
+}
+function W(t) {
+  const e = typeof navigator < "u" && /Mac|iPhone|iPad|iPod/.test(navigator.platform || navigator.userAgent) ? { ctrl: "⌃", alt: "⌥", shift: "⇧", meta: "⌘" } : { ctrl: "Ctrl", alt: "Alt", shift: "Shift", meta: "Meta" }, o = Y[t.key] ?? (t.key.length === 1 ? t.key.toUpperCase() : t.key);
+  return [
+    ...t.ctrlKey ? [e.ctrl] : [],
+    ...t.altKey ? [e.alt] : [],
+    ...t.shiftKey ? [e.shift] : [],
+    ...t.metaKey ? [e.meta] : [],
+    o
+  ];
+}
+const Y = { ArrowLeft: "←", ArrowRight: "→", ArrowUp: "↑", ArrowDown: "↓", Escape: "Esc", " ": "Space" };
+function ne() {
+  const t = E();
+  return f(() => {
+    t.changed.value;
+    const n = /* @__PURE__ */ new Map();
+    for (const e of t.items) {
+      const o = typeof e.label == "function" ? e.label() : e.label ?? "";
+      if (o === "") continue;
+      const a = e.group ?? null, i = n.get(`${a}\0${o}`) ?? { group: a, label: o, keys: [] }, d = W(e);
+      i.keys.some((s) => s.join("+") === d.join("+")) || i.keys.push(d), n.set(`${a}\0${o}`, i);
+    }
+    return [...n.values()];
+  });
+}
+const Z = ["href", "tabindex", "onClick"], q = ["href", "tabindex"], F = ["type", "disabled"], oe = /* @__PURE__ */ A({
+  __name: "Button",
+  props: {
+    prominence: { default: "standard" },
+    tone: { default: void 0 },
+    size: { default: "md" },
+    icon: { default: void 0 },
+    trailingIcon: { default: void 0 },
+    to: { default: void 0 },
+    href: { default: void 0 },
+    type: { default: "button" },
+    disabled: { type: Boolean, default: !1 },
+    processing: { type: Boolean, default: !1 },
+    keyboardShortcut: { default: void 0 }
+  },
+  emits: ["click"],
+  setup(t, { emit: n }) {
+    const e = t, o = n, a = B(), i = I("element"), d = T(() => e.processing), s = f(() => e.disabled || e.processing);
+    function p(r, l) {
+      if (s.value) {
+        r.preventDefault();
+        return;
+      }
+      o("click", r), l?.(r);
+    }
+    G(() => e.keyboardShortcut, (r) => {
+      if (s.value || i.value?.closest("[inert]")) return !1;
+      o("click", r);
+    });
+    const _ = {
+      primary: {
+        default: "bg-tint text-content-on-tint hover:bg-tint/90 active:bg-tint/80",
+        critical: "bg-status-danger-solid text-white hover:brightness-110"
+      },
+      secondary: {
+        default: "bg-tint-soft text-content-link hover:brightness-95 dark:hover:brightness-125",
+        critical: "bg-status-danger-surface text-content-destructive hover:brightness-95 dark:hover:brightness-125"
+      },
+      standard: {
+        default: "bg-fill text-content-strong hover:bg-fill-strong",
+        critical: "bg-fill text-content-destructive hover:bg-fill-strong"
+      },
+      plain: {
+        default: "bg-transparent text-content-link hover:bg-tint-soft",
+        critical: "bg-transparent text-content-destructive hover:bg-status-danger-surface"
+      },
+      link: {
+        default: "bg-transparent text-content-link hover:underline",
+        critical: "bg-transparent text-content-destructive hover:underline"
+      }
+    }, u = {
+      xs: { box: "min-h-6 px-2.5 py-0.5 text-xs gap-1", icon: 12 },
+      sm: { box: "min-h-8 px-3 py-1 text-xs gap-1.5", icon: 14 },
+      md: { box: "min-h-9 px-4 py-1.5 text-sm gap-2", icon: 16 },
+      lg: { box: "min-h-11 px-5 py-2 text-base gap-2", icon: 20 },
+      xl: { box: "min-h-12 px-6 py-2.5 text-base gap-2.5", icon: 22 }
+    }, m = f(() => [
+      "hit-target flex cursor-pointer select-none items-center justify-center rounded-button text-center font-semibold",
+      "transition duration-motion-fast ease-motion-standard",
+      "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus",
+      _[e.prominence][e.tone ?? "default"],
+      u[e.size].box,
+      // aria-disabled covers links, which have no `disabled` attribute.
+      e.processing && !e.disabled ? "cursor-progress" : "disabled:cursor-not-allowed disabled:opacity-45 aria-disabled:cursor-not-allowed aria-disabled:opacity-45"
+    ]), b = f(() => ({
+      "aria-disabled": s.value || void 0,
+      "aria-busy": e.processing || void 0
+    })), g = () => [
+      e.processing && d.visible.value ? x(k, { name: "loader4Line", size: u[e.size].icon, class: "animate-spin", "data-test": "button-spinner" }) : e.icon ? x(k, { name: e.icon, size: u[e.size].icon }) : null,
+      a.default?.(),
+      e.trailingIcon ? x(k, { name: e.trailingIcon, size: u[e.size].icon }) : null
+    ];
+    return (r, l) => e.to !== void 0 ? (y(), M(N(P), {
+      key: 0,
+      to: e.to,
+      custom: ""
+    }, {
+      default: $(({ href: c, navigate: C }) => [
+        D("a", v({
+          ref_key: "element",
+          ref: i,
+          href: s.value ? void 0 : c,
+          class: m.value
+        }, b.value, {
+          tabindex: s.value ? -1 : void 0,
+          onClick: (S) => p(S, C)
+        }), [
+          h(g)
+        ], 16, Z)
+      ]),
+      _: 1
+    }, 8, ["to"])) : e.href !== void 0 ? (y(), K("a", v({
+      key: 1,
+      ref_key: "element",
+      ref: i,
+      href: s.value ? void 0 : e.href,
+      class: m.value
+    }, b.value, {
+      tabindex: s.value ? -1 : void 0,
+      onClick: l[0] || (l[0] = (c) => p(c))
+    }), [
+      h(g)
+    ], 16, q)) : (y(), K("button", v({
+      key: 2,
+      ref_key: "element",
+      ref: i,
+      type: e.type,
+      class: m.value,
+      disabled: s.value
+    }, b.value, {
+      onClick: l[1] || (l[1] = (c) => p(c))
+    }), [
+      h(g)
+    ], 16, F));
+  }
+});
+export {
+  oe as _,
+  ne as a,
+  V as m,
+  W as s,
+  G as u
+};

package/dist/Changes-DlT5mN9G.js

@@ -0,0 +1,129 @@
+import { defineComponent as k, computed as N, openBlock as n, createBlock as u, unref as a, withCtx as g, createElementBlock as p, Fragment as _, renderList as $, createElementVNode as i, toDisplayString as h, createCommentVNode as C, ref as x, watch as b, createVNode as y } from "vue";
+import { useI18n as E } from "vue-i18n";
+import { P as V, i as R } from "./index-BAcl44SC.js";
+import { u as S } from "./platform-hunMqFdB.js";
+import { b as B } from "./routeResource-DstM0hvf.js";
+import { _ as F } from "./AsyncSection.vue_vue_type_script_setup_true_lang-CCtthMRd.js";
+import { u as L } from "./useLoad-CYRVx6HW.js";
+import { _ as P } from "./Avatar.vue_vue_type_script_setup_true_lang-CFIheaSr.js";
+import { _ as I } from "./IconTile.vue_vue_type_script_setup_true_lang-D7QgnUyN.js";
+import { u as O } from "./format-B8mJm946.js";
+import { _ as T } from "./FormGroup.vue_vue_type_script_setup_true_lang-0mfG8TkU.js";
+import { e as U } from "./options-BXkMR63B.js";
+import { _ as q } from "./PageBar.vue_vue_type_script_setup_true_lang-Cfr5xsJx.js";
+import { _ as z } from "./SectionIntro.vue_vue_type_script_setup_true_lang-CZtPrmXD.js";
+import { _ as A } from "./ViewTabs.vue_vue_type_script_setup_true_lang-ByqTU2JT.js";
+const D = { class: "flex items-center pl-0.5" }, G = { class: "flex flex-wrap items-center gap-x-1.5" }, H = {
+  class: "font-medium text-content",
+  "data-change-actor": ""
+}, W = /* @__PURE__ */ k({
+  __name: "ChangeFeed",
+  props: {
+    rows: {}
+  },
+  setup(v) {
+    const w = v, { t: r, te: f } = E(), d = O(), m = /* @__PURE__ */ new Set(["created", "activated", "deactivated", "password"]), c = (s) => r(`core.users.changes.fields.${s}`), l = N(
+      () => w.rows.map((s) => {
+        const t = f(`core.users.changes.actions.${s.action}`) ? r(`core.users.changes.actions.${s.action}`) : r("core.users.changes.actions.unknown"), e = m.has(s.action) ? [] : s.fields.filter((o) => o !== "password" && f(`core.users.changes.fields.${o}`)).map((o) => o in s.before || o in s.after ? r("core.users.changes.diff", { field: c(o), before: s.before[o] || "—", after: s.after[o] || "—" }) : c(o));
+        return { row: s, sentence: t, details: e };
+      })
+    );
+    return (s, t) => (n(), u(a(T), { "data-change-feed": "" }, {
+      default: g(() => [
+        (n(!0), p(_, null, $(l.value, (e) => (n(), u(a(U), {
+          key: e.row.id,
+          layout: "setting",
+          label: e.sentence,
+          "data-change-row": ""
+        }, {
+          leading: g(() => [
+            i("span", D, [
+              e.row.actor?.name ? (n(), u(a(P), {
+                key: 0,
+                name: e.row.actor.name,
+                size: "sm"
+              }, null, 8, ["name"])) : (n(), u(a(I), {
+                key: 1,
+                tone: "anchor",
+                icon: "edit"
+              }))
+            ])
+          ]),
+          sub: g(() => [
+            i("span", G, [
+              e.row.actor ? (n(), p(_, { key: 0 }, [
+                i("span", H, h(e.row.actor.name || a(r)("core.account.somebody_else")), 1),
+                t[0] || (t[0] = i("span", { "aria-hidden": "true" }, "·", -1))
+              ], 64)) : C("", !0),
+              (n(!0), p(_, null, $(e.details, (o) => (n(), p(_, { key: o }, [
+                i("span", null, h(o), 1),
+                t[1] || (t[1] = i("span", { "aria-hidden": "true" }, "·", -1))
+              ], 64))), 128)),
+              i("span", null, h(a(d).dateTime(e.row.created_at)), 1)
+            ])
+          ]),
+          _: 2
+        }, 1032, ["label"]))), 128))
+      ]),
+      _: 1
+    }));
+  }
+}), Y = {
+  class: "flex min-w-0 flex-col gap-group-gap",
+  "data-person-changes": ""
+}, j = {
+  key: 0,
+  class: "px-row-inset py-4 text-body text-content-muted",
+  "data-changes-empty": ""
+}, ie = /* @__PURE__ */ k({
+  __name: "Changes",
+  setup(v) {
+    const w = ["all", "access", "details"], { t: r } = E(), { http: f } = S(), d = B(V), m = x("all"), c = x(1), l = L(
+      async ({ signal: s }) => {
+        const t = d.id.value;
+        return t === null ? null : (await f.request(R.usersChanges, { id: t, view: m.value, page: c.value, per_page: 20 }, { signal: s })).data;
+      },
+      { watch: () => d.id.value }
+    );
+    return b(m, () => {
+      c.value = 1, l.reload();
+    }), b(c, () => void l.reload()), (s, t) => (n(), p("div", Y, [
+      y(z, {
+        title: a(r)("core.users.sections.changes"),
+        description: a(r)("core.users.intro.changes", { name: a(d).data.value?.name ?? "" })
+      }, null, 8, ["title", "description"]),
+      y(A, {
+        modelValue: m.value,
+        "onUpdate:modelValue": t[0] || (t[0] = (e) => m.value = e),
+        views: w,
+        counts: a(l).data.value?.meta?.views,
+        "label-of": (e) => a(r)(`core.users.changes.views.${e}`),
+        label: a(r)("core.users.sections.changes")
+      }, null, 8, ["modelValue", "counts", "label-of", "label"]),
+      y(a(F), {
+        state: a(l).state.value,
+        "skeleton-rows": 5,
+        "is-empty": () => !1,
+        onRetry: t[2] || (t[2] = (e) => a(l).reload())
+      }, {
+        default: g(({ value: e }) => [
+          !e || e.data.length === 0 ? (n(), p("p", j, h(a(r)("core.users.changes.empty")), 1)) : (n(), u(W, {
+            key: 1,
+            rows: e.data
+          }, null, 8, ["rows"])),
+          e ? (n(), u(q, {
+            key: 2,
+            page: c.value,
+            "onUpdate:page": t[1] || (t[1] = (o) => c.value = o),
+            "last-page": e.last_page,
+            total: e.total
+          }, null, 8, ["page", "last-page", "total"])) : C("", !0)
+        ]),
+        _: 1
+      }, 8, ["state"])
+    ]));
+  }
+});
+export {
+  ie as default
+};