@wssto2/vue-core 0.9.3 → 0.10.0

package/dist/{AdaptivePageShell.vue_vue_type_script_setup_true_lang-DdJOodn8.js → AdaptivePageShell.vue_vue_type_script_setup_true_lang-D5i77H6S.js}

@@ -1,40 +1,29 @@
-import { defineComponent as $, getCurrentInstance as D, inject as F, computed as k, openBlock as r, 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 l, createElementVNode as m, mergeProps as H, createVNode as b, createCommentVNode as f, toValue as z, watch as T, onMounted as R, onBeforeUnmount as L, 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 } from "./bottomDock-BZEiOPYZ.js";
-import { useI18n as P } from "vue-i18n";
-import { _ as W } from "./Button.vue_vue_type_script_setup_true_lang-Dp7OB-eF.js";
+import { defineComponent as T, computed as _, openBlock as i, createElementBlock as d, Fragment as I, renderList as M, createBlock as x, withCtx as k, createTextVNode as w, toDisplayString as b, unref as l, createElementVNode as m, mergeProps as F, createVNode as v, createCommentVNode as f, renderSlot as h, toValue as z, watch as S, onMounted as R, onBeforeUnmount as L, useTemplateRef as V, provide as A, ref as O, createSlots as H, normalizeClass as D } from "vue";
+import { a as N } from "./mediaQuery-CygcXmFW.js";
+import { _ as K } from "./BottomDockPortal.vue_vue_type_script_setup_true_lang-DmwR-2SP.js";
+import { useI18n as E } from "vue-i18n";
+import { _ as q } from "./Button.vue_vue_type_script_setup_true_lang-C74hcb0N.js";
 import { _ as y } from "./Icon.vue_vue_type_script_lang-BhhsFYwp.js";
-import { _ as Y } from "./Menu.vue_vue_type_script_setup_true_lang-wKc9gdCn.js";
-import { RouterLink as B, useRoute as G } from "vue-router";
-import { i as J } from "./intlLocale-CeRU44qJ.js";
-import { a as N, c as X, p as Z } from "./chrome-nUcmVu8G.js";
-import { d as ee } from "./context-Ch1r4fdN.js";
-const te = /* @__PURE__ */ $({
-  __name: "BottomDockPortal",
-  setup(d) {
-    const e = D() ? F(U, null) : null, a = k(() => e?.value ?? null);
-    return (c, i) => (r(), _(O, {
-      to: a.value,
-      disabled: !a.value
-    }, [
-      v(c.$slots, "default")
-    ], 8, ["to", "disabled"]));
-  }
-}), ae = {
+import { _ as Q } from "./Menu.vue_vue_type_script_setup_true_lang-wKc9gdCn.js";
+import { RouterLink as B, useRoute as U } from "vue-router";
+import { i as W } from "./intlLocale-CeRU44qJ.js";
+import { a as j, c as Y, p as G } from "./chrome-nUcmVu8G.js";
+import { d as J } from "./context-Ch1r4fdN.js";
+const X = {
   key: 0,
   "data-page-actions": "",
   class: "flex min-w-0 flex-wrap items-center justify-end gap-2"
-}, ne = ["aria-label", "onClick"], E = /* @__PURE__ */ $({
+}, Z = ["aria-label", "onClick"], P = /* @__PURE__ */ T({
   __name: "PageActions",
   props: {
     actions: {},
     leading: {}
   },
-  setup(d) {
-    const e = d, { t: a } = P(), c = k(() => [
+  setup(p) {
+    const e = p, { t: a } = E(), u = _(() => [
       ...e.leading ? [e.leading] : [],
       ...e.actions.filter((t) => t.placement !== "overflow" && t.tone !== "critical")
-    ]), i = k(() => e.actions.filter((t) => t.placement === "overflow" || t.tone === "critical").map((t) => ({
+    ]), r = _(() => e.actions.filter((t) => t.placement === "overflow" || t.tone === "critical").map((t) => ({
       id: t.id,
       label: t.label,
       icon: t.icon,
@@ -43,13 +32,13 @@ const te = /* @__PURE__ */ $({
       processing: t.processing,
       onSelect: t.onClick
     })));
-    function u(t) {
+    function c(t) {
       return t === e.leading || t.prominence === "plain" ? "plain" : t.prominence === "standard" ? "standard" : t.placement === "primary" ? "primary" : "standard";
     }
-    return (t, o) => c.value.length || i.value.length ? (r(), p("div", ae, [
-      (r(!0), p(I, null, M(c.value, (s) => (r(), _(W, {
+    return (t, o) => u.value.length || r.value.length ? (i(), d("div", X, [
+      (i(!0), d(I, null, M(u.value, (s) => (i(), x(q, {
         key: s.id,
-        prominence: u(s),
+        prominence: c(s),
         icon: s.icon,
         disabled: s.disabled,
         processing: s.processing,
@@ -57,45 +46,45 @@ const te = /* @__PURE__ */ $({
         "data-page-action": s.id,
         onClick: (g) => s.onClick()
       }, {
-        default: x(() => [
-          w(h(s.label), 1)
+        default: k(() => [
+          w(b(s.label), 1)
         ]),
         _: 2
       }, 1032, ["prominence", "icon", "disabled", "processing", "keyboard-shortcut", "data-page-action", "onClick"]))), 128)),
-      i.value.length ? (r(), _(Y, {
+      r.value.length ? (i(), x(Q, {
         key: 0,
-        items: i.value,
+        items: r.value,
         label: l(a)("core.page.more_actions")
       }, {
-        trigger: x(({ toggle: s, attrs: g }) => [
-          m("button", H({ type: "button" }, g, {
+        trigger: k(({ toggle: s, attrs: g }) => [
+          m("button", F({ type: "button" }, g, {
             "aria-label": l(a)("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",
             onClick: s
           }), [
-            b(l(y), { name: "moreLine" })
-          ], 16, ne)
+            v(l(y), { name: "moreLine" })
+          ], 16, Z)
         ]),
         _: 1
       }, 8, ["items", "label"])) : f("", !0)
     ])) : f("", !0);
   }
-}), oe = {
+}), ee = {
   "data-page-toolbar": "",
   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"
-}, se = ["aria-label"], le = {
+}, te = ["aria-label"], ae = {
   class: "flex shrink-0 text-content-link",
   "aria-hidden": "true"
-}, re = { class: "flex min-w-0 items-center" }, ie = {
+}, ne = { class: "flex min-w-0 items-center" }, oe = {
   class: "flex shrink-0 text-content-disabled",
   "aria-hidden": "true"
-}, ce = { class: "flex min-w-0 shrink-0 items-center" }, ue = { class: "truncate" }, de = {
+}, se = { class: "flex min-w-0 shrink-0 items-center" }, le = { class: "truncate" }, ie = {
   key: 2,
   class: "flex shrink-0 items-center gap-1.5 text-footnote text-content-muted",
   role: "status",
   "data-page-status": ""
-}, pe = /* @__PURE__ */ $({
+}, re = /* @__PURE__ */ T({
   __name: "PageToolbar",
   props: {
     back: {},
@@ -104,118 +93,118 @@ const te = /* @__PURE__ */ $({
     leading: {},
     status: {}
   },
-  setup(d) {
-    const e = d, { t: a } = P(), c = k(() => e.path && e.path.length >= 2 ? e.path.slice(0, -1) : []), i = k(() => e.path && c.value.length ? e.path[e.path.length - 1] ?? null : e.back ?? null);
-    return (u, t) => (r(), p("div", oe, [
-      c.value.length && i.value ? (r(), p("nav", {
+  setup(p) {
+    const e = p, { t: a } = E(), u = _(() => e.path && e.path.length >= 2 ? e.path.slice(0, -1) : []), r = _(() => e.path && u.value.length ? e.path[e.path.length - 1] ?? null : e.back ?? null);
+    return (c, t) => (i(), d("div", ee, [
+      u.value.length && r.value ? (i(), d("nav", {
         key: 0,
         "data-page-path": "",
         "aria-label": l(a)("core.page.breadcrumbs"),
         class: "-ml-1 flex min-w-0 items-center"
       }, [
-        m("span", le, [
-          b(l(y), {
+        m("span", ae, [
+          v(l(y), {
             name: "arrowLeftSLine",
             size: 20
           })
         ]),
-        m("ol", re, [
-          (r(!0), p(I, null, M(c.value, (o) => (r(), p("li", {
+        m("ol", ne, [
+          (i(!0), d(I, null, M(u.value, (o) => (i(), d("li", {
             key: o.label,
             class: "flex min-w-0 max-w-48 shrink items-center max-lg:hidden"
           }, [
-            b(l(B), {
+            v(l(B), {
               to: o.to,
               "data-page-path-item": "",
               class: "min-w-0 truncate rounded-control px-1 py-1 text-subheadline text-content-muted hover:bg-tint-soft hover:text-content-link focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus"
             }, {
-              default: x(() => [
-                w(h(o.label), 1)
+              default: k(() => [
+                w(b(o.label), 1)
               ]),
               _: 2
             }, 1032, ["to"]),
-            m("span", ie, [
-              b(l(y), {
+            m("span", oe, [
+              v(l(y), {
                 name: "arrowRightSLine",
                 size: 14
               })
             ])
           ]))), 128)),
-          m("li", ce, [
-            b(l(B), {
-              to: i.value.to,
+          m("li", se, [
+            v(l(B), {
+              to: r.value.to,
               "data-page-back": "",
               class: "min-w-0 truncate rounded-control px-1 py-1 text-subheadline font-medium text-content-link hover:bg-tint-soft focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus"
             }, {
-              default: x(() => [
-                w(h(i.value.label), 1)
+              default: k(() => [
+                w(b(r.value.label), 1)
               ]),
               _: 1
             }, 8, ["to"])
           ])
         ])
-      ], 8, se)) : e.back ? (r(), _(l(B), {
+      ], 8, te)) : e.back ? (i(), x(l(B), {
         key: 1,
         to: e.back.to,
         "data-page-back": "",
         class: "-ml-1 flex min-w-0 items-center gap-0.5 rounded-control py-1 pr-2 pl-0.5 text-subheadline font-medium text-content-link hover:bg-tint-soft focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus"
       }, {
-        default: x(() => [
-          b(l(y), {
+        default: k(() => [
+          v(l(y), {
             name: "arrowLeftSLine",
             size: 20
           }),
-          m("span", ue, h(e.back.label), 1)
+          m("span", le, b(e.back.label), 1)
         ]),
         _: 1
       }, 8, ["to"])) : f("", !0),
       t[1] || (t[1] = m("div", { class: "min-w-0 flex-1" }, null, -1)),
-      v(u.$slots, "pager"),
-      e.status ? (r(), p("span", de, [
+      h(c.$slots, "pager"),
+      e.status ? (i(), d("span", ie, [
         t[0] || (t[0] = m("span", {
           class: "size-1.75 rounded-full bg-tint",
           "aria-hidden": "true"
         }, null, -1)),
-        w(h(e.status), 1)
+        w(b(e.status), 1)
       ])) : f("", !0),
-      b(E, {
+      v(P, {
         actions: e.actions,
         leading: e.leading
       }, null, 8, ["actions", "leading"])
     ]));
   }
 });
-function me(d, e, a = !0) {
-  const c = N();
-  if (!c || !z(a)) return;
-  const i = c.claim();
-  let u = null;
-  T(() => z(e), (t) => i.setTitle(t), { immediate: !0 }), R(() => {
-    !d.value || typeof IntersectionObserver > "u" || (u = new IntersectionObserver(([t]) => i.setTitleInView(t?.isIntersecting ?? !0), { rootMargin: "-52px 0px 0px 0px" }), u.observe(d.value));
+function ce(p, e, a = !0) {
+  const u = j();
+  if (!u || !z(a)) return;
+  const r = u.claim();
+  let c = null;
+  S(() => z(e), (t) => r.setTitle(t), { immediate: !0 }), R(() => {
+    !p.value || typeof IntersectionObserver > "u" || (c = new IntersectionObserver(([t]) => r.setTitleInView(t?.isIntersecting ?? !0), { rootMargin: "-52px 0px 0px 0px" }), c.observe(p.value));
   }), L(() => {
-    u?.disconnect(), i.clearTitle();
+    c?.disconnect(), r.clearTitle();
   });
 }
-const fe = { class: "flex min-w-0 flex-wrap items-center gap-x-4 gap-y-3" }, ge = { class: "flex min-w-0 flex-[1_1_16rem] items-center gap-3.5" }, ve = {
+const ue = { class: "flex min-w-0 flex-wrap items-center gap-x-4 gap-y-3" }, de = { class: "flex min-w-0 flex-[1_1_16rem] items-center gap-3.5" }, pe = {
   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"
-}, be = { class: "flex min-w-0 flex-col gap-0.5" }, he = { class: "flex min-w-0 flex-wrap items-baseline gap-2.5" }, ke = {
+}, me = { class: "flex min-w-0 flex-col gap-0.5" }, fe = { class: "flex min-w-0 flex-wrap items-baseline gap-2.5" }, ge = {
   key: 0,
   "data-resource-count": "",
   class: "rounded-full bg-fill px-2.5 py-0.5 text-subheadline font-semibold tabular-nums text-content-muted compact:bg-transparent compact:px-0 compact:font-normal"
-}, _e = {
+}, ve = {
   key: 0,
   class: "text-subheadline text-content-muted max-md:hidden"
-}, xe = {
+}, he = {
   key: 0,
   class: "ml-auto flex items-center gap-3"
-}, we = {
+}, be = {
   key: 0,
   class: "flex shrink-0 items-center gap-1.5 text-footnote text-content-muted",
   role: "status",
   "data-page-status": ""
-}, ye = /* @__PURE__ */ $({
+}, ke = /* @__PURE__ */ T({
   __name: "ResourceHeader",
   props: {
     title: {},
@@ -227,80 +216,80 @@ const fe = { class: "flex min-w-0 flex-wrap items-center gap-x-4 gap-y-3" }, ge
     status: { default: null },
     inlineActions: { type: Boolean, default: !1 }
   },
-  setup(d) {
-    const e = d, { locale: a } = P(), c = j("(max-width: 47.999rem)"), i = k(() => e.count == null ? null : new Intl.NumberFormat(J(a.value)).format(e.count)), u = V("titleElement");
-    return me(u, () => e.title), (t, o) => (r(), p("div", fe, [
-      m("div", ge, [
-        v(t.$slots, "leading", {}, () => [
-          e.icon ? (r(), p("span", ve, [
-            b(l(y), {
+  setup(p) {
+    const e = p, { locale: a } = E(), u = N("(max-width: 47.999rem)"), r = _(() => e.count == null ? null : new Intl.NumberFormat(W(a.value)).format(e.count)), c = V("titleElement");
+    return ce(c, () => e.title), (t, o) => (i(), d("div", ue, [
+      m("div", de, [
+        h(t.$slots, "leading", {}, () => [
+          e.icon ? (i(), d("span", pe, [
+            v(l(y), {
               name: e.icon,
               size: 20
             }, null, 8, ["name"])
           ])) : f("", !0)
         ]),
-        m("div", be, [
-          m("div", he, [
+        m("div", me, [
+          m("div", fe, [
             m("h1", {
               ref_key: "titleElement",
-              ref: u,
+              ref: c,
               class: "min-w-0 text-large-title font-semibold tracking-tight break-words text-content-strong"
-            }, h(e.title), 513),
-            i.value !== null ? (r(), p("span", ke, h(i.value), 1)) : f("", !0)
+            }, b(e.title), 513),
+            r.value !== null ? (i(), d("span", ge, b(r.value), 1)) : f("", !0)
           ]),
-          e.description ? (r(), p("p", _e, h(e.description), 1)) : f("", !0),
-          v(t.$slots, "description")
+          e.description ? (i(), d("p", ve, b(e.description), 1)) : f("", !0),
+          h(t.$slots, "description")
         ])
       ]),
-      e.inlineActions || !l(c) ? (r(), p("div", xe, [
-        e.status ? (r(), p("span", we, [
+      e.inlineActions || !l(u) ? (i(), d("div", he, [
+        e.status ? (i(), d("span", be, [
           o[0] || (o[0] = m("span", {
             class: "size-1.75 rounded-full bg-tint",
             "aria-hidden": "true"
           }, null, -1)),
-          w(h(e.status), 1)
+          w(b(e.status), 1)
         ])) : f("", !0),
-        b(E, {
+        v(P, {
           actions: e.actions,
           leading: e.leading
         }, null, 8, ["actions", "leading"])
       ])) : f("", !0)
     ]));
   }
-}), [$e, De] = ee("vue-core.pageSectionBack");
-function Se(d, e) {
-  const a = G();
-  let c = a.fullPath;
-  const i = a.matched[a.matched.length - 1];
-  T(
+}), [_e, Re] = J("vue-core.pageSectionBack");
+function xe(p, e) {
+  const a = U();
+  let u = a.fullPath;
+  const r = a.matched[a.matched.length - 1];
+  S(
     () => a.fullPath,
     (s) => {
-      a.matched[a.matched.length - 1] === i && (c = s);
+      a.matched[a.matched.length - 1] === r && (u = s);
     }
   );
-  let u, t;
+  let c, t;
   function o() {
-    u?.disconnect(), clearTimeout(t), document.removeEventListener("pointerdown", o, !0), document.removeEventListener("keydown", o, !0);
+    c?.disconnect(), clearTimeout(t), document.removeEventListener("pointerdown", o, !0), document.removeEventListener("keydown", o, !0);
   }
   R(() => {
-    const s = e.focusMemory.take(c);
-    if (!s || !d.value) return;
+    const s = e.focusMemory.take(u);
+    if (!s || !p.value) return;
     const g = () => {
-      const S = Array.from(d.value?.querySelectorAll("a[href]") ?? []).find(
+      const $ = Array.from(p.value?.querySelectorAll("a[href]") ?? []).find(
         (n) => n.getAttribute("href") === s.href
       );
-      S && (S.focus({ preventScroll: !0 }), window.scrollTo({ top: s.top, behavior: "instant" }), o());
+      $ && ($.focus({ preventScroll: !0 }), window.scrollTo({ top: s.top, behavior: "instant" }), o());
     };
-    u = new MutationObserver(g), u.observe(d.value, { subtree: !0, childList: !0 }), document.addEventListener("pointerdown", o, !0), document.addEventListener("keydown", o, !0), t = setTimeout(o, 1e4), g();
+    c = new MutationObserver(g), c.observe(p.value, { subtree: !0, childList: !0 }), document.addEventListener("pointerdown", o, !0), document.addEventListener("keydown", o, !0), t = setTimeout(o, 1e4), g();
   }), L(() => {
     const s = document.activeElement;
-    s instanceof HTMLAnchorElement && d.value?.contains(s) && e.focusMemory.put(c, { href: s.getAttribute("href") ?? "", top: window.scrollY }), o();
+    s instanceof HTMLAnchorElement && p.value?.contains(s) && e.focusMemory.put(u, { href: s.getAttribute("href") ?? "", top: window.scrollY }), o();
   });
 }
-const Te = { key: 1 }, Le = {
+const we = { key: 1 }, ye = {
   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))]" }, Fe = /* @__PURE__ */ $({
+}, $e = { 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))]" }, Ve = /* @__PURE__ */ T({
   __name: "AdaptivePageShell",
   props: {
     title: {},
@@ -313,59 +302,59 @@ const Te = { key: 1 }, Le = {
     path: { default: void 0 },
     width: { default: "full" }
   },
-  setup(d) {
-    const e = d, a = N() ?? X();
-    A(Z, a);
-    const c = a.claimShell();
-    L(c);
-    const i = V("root");
-    Se(i, a);
-    const u = j("(max-width: 47.999rem)"), t = K(null);
-    A($e, t);
-    const o = k(() => {
+  setup(p) {
+    const e = p, a = j() ?? Y();
+    A(G, a);
+    const u = a.claimShell();
+    L(u);
+    const r = V("root");
+    xe(r, a);
+    const c = N("(max-width: 47.999rem)"), t = O(null);
+    A(_e, t);
+    const o = _(() => {
       if (t.value) return t.value;
       if (e.back !== void 0) return e.back;
       const n = e.path?.[e.path.length - 1];
       return n ? { label: n.label, to: n.to } : null;
-    }), s = k(() => {
+    }), s = _(() => {
       const n = t.value;
       return n ? n.path ? [...e.path ?? (e.back ? [e.back] : []), ...n.path] : null : e.path;
     }), g = a.claim();
-    T(
+    S(
       () => [e.actions, e.documentTitle],
       ([n, C]) => g.setRegistration({ actions: n, leading: null, status: null, navTitle: null, documentTitle: C ?? null }),
       { immediate: !0 }
-    ), T(o, (n) => g.setBack(n), { immediate: !0 }), L(() => {
+    ), S(o, (n) => g.setBack(n), { immediate: !0 }), L(() => {
       g.clearRegistration(), g.clearBack();
     });
-    const S = { full: "", content: "max-w-content", readable: "max-w-readable" };
-    return (n, C) => (r(), p("div", {
+    const $ = { full: "", content: "max-w-content", readable: "max-w-readable" };
+    return (n, C) => (i(), d("div", {
       ref_key: "root",
-      ref: i,
+      ref: r,
       class: "min-w-0 w-full flex-1 bg-surface-page",
       "data-page-shell": ""
     }, [
-      o.value && !l(u) ? (r(), _(pe, {
+      o.value && !l(c) ? (i(), x(re, {
         key: 0,
         back: o.value,
         path: s.value,
         actions: l(a).actions.value,
         leading: l(a).leading.value,
         status: l(a).status.value
-      }, q({ _: 2 }, [
+      }, H({ _: 2 }, [
         n.$slots.pager ? {
           name: "pager",
-          fn: x(() => [
-            v(n.$slots, "pager")
+          fn: k(() => [
+            h(n.$slots, "pager")
           ]),
           key: "0"
         } : void 0
       ]), 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))]", S[e.width]])
+        class: D(["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))]", $[e.width]])
       }, [
-        v(n.$slots, "header", {}, () => [
-          b(ye, {
+        h(n.$slots, "header", {}, () => [
+          v(ke, {
             title: e.title,
             description: e.description,
             icon: e.icon,
@@ -375,23 +364,23 @@ const Te = { key: 1 }, Le = {
             status: o.value ? null : l(a).status.value
           }, null, 8, ["title", "description", "icon", "count", "actions", "leading", "status"])
         ]),
-        n.$slots.header && !o.value && !l(u) ? (r(), _(E, {
+        n.$slots.header && !o.value && !l(c) ? (i(), x(P, {
           key: 0,
           actions: l(a).actions.value,
           leading: l(a).leading.value
         }, null, 8, ["actions", "leading"])) : f("", !0),
-        n.$slots.notices ? (r(), p("div", Te, [
-          v(n.$slots, "notices")
+        n.$slots.notices ? (i(), d("div", we, [
+          h(n.$slots, "notices")
         ])) : f("", !0),
-        v(n.$slots, "default"),
-        n.$slots.pager && l(u) ? (r(), p("div", Le, [
-          v(n.$slots, "pager")
+        h(n.$slots, "default"),
+        n.$slots.pager && l(c) ? (i(), d("div", ye, [
+          h(n.$slots, "pager")
         ])) : f("", !0)
       ], 2),
-      n.$slots.bottom ? (r(), _(te, { key: 1 }, {
-        default: x(() => [
-          m("div", Ce, [
-            v(n.$slots, "bottom")
+      n.$slots.bottom ? (i(), x(K, { key: 1 }, {
+        default: k(() => [
+          m("div", $e, [
+            h(n.$slots, "bottom")
           ])
         ]),
         _: 3
@@ -400,12 +389,11 @@ const Te = { key: 1 }, Le = {
   }
 });
 export {
-  te as _,
-  Fe as a,
-  E as b,
-  pe as c,
-  ye as d,
-  De as e,
-  $e as p,
-  me as u
+  Ve as _,
+  P as a,
+  re as b,
+  ke as c,
+  Re as d,
+  _e as p,
+  ce as u
 };

package/dist/{AsyncSection.vue_vue_type_script_setup_true_lang-BdeOKqz_.js → AsyncSection.vue_vue_type_script_setup_true_lang-DGzQ-Snp.js}

@@ -1,6 +1,6 @@
 import { defineComponent as k, openBlock as n, createElementBlock as o, computed as $, Fragment as _, unref as i, renderSlot as y, renderList as b, createBlock as v, createVNode as c, withCtx as d, createElementVNode as m, toDisplayString as l, createCommentVNode as f, createTextVNode as g, normalizeClass as w, createSlots as x } from "vue";
 import { useI18n as C } from "vue-i18n";
-import { _ as h } from "./Button.vue_vue_type_script_setup_true_lang-Dp7OB-eF.js";
+import { _ as h } from "./Button.vue_vue_type_script_setup_true_lang-C74hcb0N.js";
 import { _ as S } from "./Icon.vue_vue_type_script_lang-BhhsFYwp.js";
 import { _ as E } from "./Banner.vue_vue_type_script_setup_true_lang-sv0phngk.js";
 import { _ as V } from "./EmptyState.vue_vue_type_script_setup_true_lang-DbZiO2RF.js";

package/dist/BottomDockPortal.vue_vue_type_script_setup_true_lang-DmwR-2SP.js

@@ -0,0 +1,17 @@
+import { defineComponent as n, getCurrentInstance as l, inject as r, computed as a, openBlock as c, createBlock as s, Teleport as u, renderSlot as m } from "vue";
+import { b as p } from "./bottomDock-BZEiOPYZ.js";
+const k = /* @__PURE__ */ n({
+  __name: "BottomDockPortal",
+  setup(d) {
+    const t = l() ? r(p, null) : null, e = a(() => t?.value ?? null);
+    return (o, _) => (c(), s(u, {
+      to: e.value,
+      disabled: !e.value
+    }, [
+      m(o.$slots, "default")
+    ], 8, ["to", "disabled"]));
+  }
+});
+export {
+  k as _
+};