@wssto2/vue-core 0.2.0 → 0.3.0

package/dist/page/index.js

@@ -1,439 +1,81 @@
-import { _ as te, u as ae, p as se } from "../AdaptivePageShell.vue_vue_type_script_setup_true_lang-CeKK8_g5.js";
-import { a as Tt, b as Dt, c as Et, d as Nt, e as jt } from "../AdaptivePageShell.vue_vue_type_script_setup_true_lang-CeKK8_g5.js";
-import { _ as It } from "../BottomDock.vue_vue_type_script_setup_true_lang-DhlMnPC2.js";
-import { b as Ft, c as Ot, i as Ht, a as Kt, p as Vt, u as Ut, d as Wt, e as Gt } from "../chrome-D9pwD6iS.js";
-import { defineComponent as N, openBlock as t, createBlock as B, withCtx as _, createElementVNode as n, normalizeStyle as oe, createElementBlock as s, Fragment as C, renderList as S, normalizeClass as m, unref as u, createCommentVNode as i, toDisplayString as r, useTemplateRef as O, renderSlot as k, resolveDynamicComponent as Q, createVNode as x, computed as w, inject as ne, watch as U, onBeforeUnmount as W, ref as le, onMounted as ie, nextTick as ce, useModel as re, useId as ue, mergeProps as de, createSlots as me, mergeModels as pe } from "vue";
-import { _ as E } from "../Icon.vue_vue_type_script_lang-DtC4_mkz.js";
-import { p as fe, _ as G, a as be, s as ve, u as ge } from "../SectionList.vue_vue_type_script_setup_true_lang-L9ita_Kx.js";
-import { b as Qt } from "../SectionList.vue_vue_type_script_setup_true_lang-L9ita_Kx.js";
-import { useI18n as he } from "vue-i18n";
-import { RouterLink as D } from "vue-router";
-import { _ as J } from "../IconTile.vue_vue_type_script_setup_true_lang-Csfv6Sel.js";
-import { a as xe } from "../mediaQuery-CygcXmFW.js";
-import { u as _e } from "../access-DdRFrVV1.js";
-import { u as ke, a as ye } from "../sections-LtxV5Mtk.js";
-import { _ as we } from "../Panel.vue_vue_type_script_setup_true_lang-BQmv3cLb.js";
-const $e = ["aria-label"], Ce = ["aria-label"], Se = ["aria-selected", "tabindex", "onClick"], Be = { class: "relative" }, Le = {
+import { _ as x } from "../AdaptivePageShell.vue_vue_type_script_setup_true_lang-CvAnzdc1.js";
+import { a as W, b as X, c as Y, d as Z, p as ee, u as te, e as ae } from "../AdaptivePageShell.vue_vue_type_script_setup_true_lang-CvAnzdc1.js";
+import { _ as se } from "../BottomDock.vue_vue_type_script_setup_true_lang-CjN7xYEr.js";
+import { b as ne, i as re, u as ie } from "../bottomDock-BZEiOPYZ.js";
+import { defineComponent as v, openBlock as a, createBlock as b, withCtx as c, createElementVNode as s, normalizeStyle as k, createElementBlock as l, Fragment as y, renderList as B, normalizeClass as d, unref as _, createCommentVNode as p, toDisplayString as f, useModel as S, useId as C, useTemplateRef as $, computed as P, mergeProps as w, createSlots as T, renderSlot as m, mergeModels as D } from "vue";
+import { _ as L } from "../Icon.vue_vue_type_script_lang-VvcV2Bzo.js";
+import { _ as ue } from "../RecordHeader.vue_vue_type_script_setup_true_lang-DKsaKlAq.js";
+import { c as pe, i as fe, p as me, u as be, a as ge } from "../chrome-BS3xJcad.js";
+import { s as z, u as I } from "../sectionIndex-BS0ic5W7.js";
+import { p as _e, a as he } from "../sectionIndex-BS0ic5W7.js";
+import { _ as ke } from "../SectionNavigator.vue_vue_type_script_setup_true_lang-BgGEGxSI.js";
+import { a as Be, _ as Se } from "../SectionList.vue_vue_type_script_setup_true_lang-BKP_bge8.js";
+import { _ as A } from "../Panel.vue_vue_type_script_setup_true_lang-BCRxRK4D.js";
+const K = ["aria-label"], M = ["aria-label"], N = ["aria-selected", "tabindex", "onClick"], R = { class: "relative" }, E = {
   key: 2,
   class: "absolute -right-1 -top-0.5 size-2 rounded-full bg-status-warning-solid ring-2 ring-surface-cell"
-}, Pe = {
+}, H = {
   key: 0,
   class: "sr-only"
-}, Bt = /* @__PURE__ */ N({
+}, q = /* @__PURE__ */ v({
   __name: "BottomTabBar",
   props: {
     items: {},
     label: {}
   },
   emits: ["select"],
-  setup(y, { emit: a }) {
-    const v = y, f = a;
-    return (d, c) => (t(), B(te, null, {
-      default: _(() => [
-        n("nav", {
-          "aria-label": v.label,
+  setup(n, { emit: t }) {
+    const o = n, r = t;
+    return (i, g) => (a(), b(x, null, {
+      default: c(() => [
+        s("nav", {
+          "aria-label": o.label,
           class: "dock-safe-area dock-tab-bar pointer-events-auto order-last border-t border-border-separator bg-surface-cell/90 backdrop-blur-lg"
         }, [
-          n("ul", {
+          s("ul", {
             class: "grid",
-            style: oe({ gridTemplateColumns: `repeat(${v.items.length}, minmax(0, 1fr))` }),
+            style: k({ gridTemplateColumns: `repeat(${o.items.length}, minmax(0, 1fr))` }),
             role: "tablist",
-            "aria-label": v.label
+            "aria-label": o.label
           }, [
-            (t(!0), s(C, null, S(v.items, (o) => (t(), s("li", {
-              key: o.value,
+            (a(!0), l(y, null, B(o.items, (e) => (a(), l("li", {
+              key: e.value,
               role: "presentation"
             }, [
-              n("button", {
+              s("button", {
                 type: "button",
                 role: "tab",
-                "aria-selected": o.active,
-                tabindex: o.active ? 0 : -1,
-                class: m(["relative flex h-14 w-full cursor-pointer flex-col items-center justify-center gap-1 px-1 transition-colors duration-motion-fast focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-border-focus", o.active ? "text-content-link" : "text-content-muted active:text-content-strong"]),
-                onClick: (L) => f("select", o.value)
+                "aria-selected": e.active,
+                tabindex: e.active ? 0 : -1,
+                class: d(["relative flex h-14 w-full cursor-pointer flex-col items-center justify-center gap-1 px-1 transition-colors duration-motion-fast focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-border-focus", e.active ? "text-content-link" : "text-content-muted active:text-content-strong"]),
+                onClick: (u) => r("select", e.value)
               }, [
-                n("span", Be, [
-                  o.icon ? (t(), B(u(E), {
+                s("span", R, [
+                  e.icon ? (a(), b(_(L), {
                     key: 0,
-                    name: o.icon,
+                    name: e.icon,
                     size: 22
-                  }, null, 8, ["name"])) : i("", !0),
-                  o.badge ? (t(), s("span", {
+                  }, null, 8, ["name"])) : p("", !0),
+                  e.badge ? (a(), l("span", {
                     key: 1,
-                    class: m(["absolute -right-2.5 -top-1.5 min-w-4 rounded-full px-1 text-center text-3xs font-semibold leading-4", o.badgeTone === "critical" ? "bg-status-danger-solid text-white" : "bg-tint text-content-on-tint"])
-                  }, r(o.badge), 3)) : o.warning ? (t(), s("span", Le)) : i("", !0)
+                    class: d(["absolute -right-2.5 -top-1.5 min-w-4 rounded-full px-1 text-center text-3xs font-semibold leading-4", e.badgeTone === "critical" ? "bg-status-danger-solid text-white" : "bg-tint text-content-on-tint"])
+                  }, f(e.badge), 3)) : e.warning ? (a(), l("span", E)) : p("", !0)
                 ]),
-                o.warning ? (t(), s("span", Pe, r(o.warning), 1)) : i("", !0),
-                n("span", {
-                  class: m(["w-full truncate text-center text-2xs", o.active ? "font-semibold" : "font-medium"])
-                }, r(o.label), 3)
-              ], 10, Se)
+                e.warning ? (a(), l("span", H, f(e.warning), 1)) : p("", !0),
+                s("span", {
+                  class: d(["w-full truncate text-center text-2xs", e.active ? "font-semibold" : "font-medium"])
+                }, f(e.label), 3)
+              ], 10, N)
             ]))), 128))
-          ], 12, Ce)
-        ], 8, $e)
+          ], 12, M)
+        ], 8, K)
       ]),
       _: 1
     }));
   }
-}), ze = { class: "flex min-w-0 flex-wrap items-center gap-5 compact:flex-col compact:gap-2 compact:text-center" }, Ae = {
-  key: 0,
-  class: "min-w-0 max-w-full shrink-0"
-}, Re = { class: "flex min-w-0 flex-[1_1_14rem] flex-col gap-1.5 compact:w-full compact:flex-none compact:items-center compact:gap-1" }, Te = {
-  key: 0,
-  class: "flex min-w-0 flex-wrap items-center gap-2.5 text-subheadline text-content-muted compact:hidden"
-}, De = {
-  key: 1,
-  class: "hidden text-subheadline text-content-muted compact:block"
-}, Ee = {
-  key: 1,
-  class: "flex max-w-full flex-wrap gap-2 compact:mt-3 compact:grid compact:w-full compact:auto-cols-fr compact:grid-flow-col"
-}, Ne = { class: "truncate" }, Lt = /* @__PURE__ */ N({
-  __name: "RecordHeader",
-  props: {
-    title: {},
-    subtitle: { default: void 0 },
-    quickActions: { default: () => [] }
-  },
-  setup(y) {
-    const a = y, v = O("titleElement");
-    return ae(v, () => a.title), (f, d) => (t(), s("div", ze, [
-      f.$slots.leading ? (t(), s("div", Ae, [
-        k(f.$slots, "leading")
-      ])) : i("", !0),
-      n("div", Re, [
-        n("h1", {
-          ref_key: "titleElement",
-          ref: v,
-          class: "text-large-title font-semibold tracking-tight break-words text-content-strong compact:mt-1.5"
-        }, r(a.title), 513),
-        f.$slots.meta ? (t(), s("div", Te, [
-          k(f.$slots, "meta")
-        ])) : i("", !0),
-        a.subtitle ? (t(), s("p", De, r(a.subtitle), 1)) : i("", !0)
-      ]),
-      a.quickActions.length ? (t(), s("nav", Ee, [
-        (t(!0), s(C, null, S(a.quickActions, (c) => (t(), B(Q(c.href ? "a" : "button"), {
-          key: c.id,
-          href: c.href,
-          type: c.href ? void 0 : "button",
-          "data-quick-action": c.id,
-          class: "hit-target flex min-w-0 max-w-full cursor-pointer items-center justify-center gap-2 rounded-full bg-tint-soft px-4 py-1.5 text-subheadline font-semibold text-content-link transition duration-motion-fast hover:brightness-95 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus dark:hover:brightness-125 compact:flex-col compact:gap-1 compact:rounded-group compact:bg-surface-cell compact:px-2 compact:py-2.5 compact:text-footnote compact:font-medium compact:shadow-group",
-          onClick: (o) => c.onClick?.()
-        }, {
-          default: _(() => [
-            x(u(E), {
-              name: c.icon,
-              class: "compact:size-5.5"
-            }, null, 8, ["name"]),
-            n("span", Ne, r(c.label), 1)
-          ]),
-          _: 2
-        }, 1032, ["href", "type", "data-quick-action", "onClick"]))), 128))
-      ])) : i("", !0)
-    ]));
-  }
-}), je = {
-  key: 0,
-  "data-test": "section-navigator",
-  "data-variant": "none"
-}, qe = {
-  key: 1,
-  "data-test": "section-navigator",
-  "data-variant": "sidebar",
-  class: "grid min-w-0 grid-cols-[minmax(0,15rem)_minmax(0,1fr)] items-start gap-8"
-}, Ie = { class: "sticky top-[calc(var(--app-bar-height)+1rem)] flex min-w-0 flex-col gap-4 self-start" }, Me = ["aria-label"], Fe = { class: "flex flex-col gap-0.5" }, Oe = ["href", "aria-current", "data-test", "onClick"], He = { class: "min-w-0 flex-1 truncate" }, Ke = {
-  key: 0,
-  class: "text-subheadline tabular-nums text-content-muted"
-}, Ve = { class: "min-w-0" }, Ue = ["data-variant"], We = {
-  key: 0,
-  "data-test": "section-summary"
-}, Ge = ["aria-label"], Je = { class: "flex gap-2.5 compact:gap-1.5" }, Qe = ["href", "aria-current", "data-test", "data-done", "onClick"], Xe = {
-  key: 0,
-  class: "flex size-6.5 shrink-0 items-center justify-center rounded-full bg-control-on text-white"
-}, Ye = { class: "flex min-w-0 flex-col" }, Ze = { class: "compact:hidden" }, et = { class: "hidden compact:inline" }, tt = {
-  key: 0,
-  class: "hidden compact:inline"
-}, at = {
-  key: 1,
-  class: "sr-only"
-}, st = ["aria-label"], ot = { class: "flex gap-0.5" }, nt = ["href", "aria-current", "data-test", "onClick"], lt = ["title"], it = ["aria-label"], ct = {
-  key: 0,
-  class: "px-row-inset pb-2 text-subheadline font-semibold text-content-strong compact:text-footnote compact:font-normal compact:uppercase compact:tracking-wide compact:text-content-muted"
-}, rt = { class: "overflow-hidden rounded-group bg-surface-cell shadow-group" }, ut = { class: "flex shrink-0 items-center" }, dt = { class: "row-body flex min-h-row min-w-0 flex-1 items-center gap-2 border-t border-border-separator py-2 pr-row-inset" }, mt = { class: "min-w-0 flex-1 break-words text-body text-content-strong" }, pt = {
-  key: 0,
-  class: "text-body tabular-nums text-content-muted"
-}, ft = ["data-test"], bt = {
-  key: 0,
-  class: "sticky top-[calc(var(--app-bar-height)+1rem)] min-w-0 self-start"
-}, Pt = /* @__PURE__ */ N({
-  __name: "SectionNavigator",
-  props: {
-    label: {},
-    desktop: { default: "segments" },
-    compact: { default: "segmented" },
-    backLabel: { default: void 0 },
-    counts: { default: () => ({}) },
-    steps: { default: void 0 }
-  },
-  setup(y) {
-    const a = y, { t: v } = he(), f = ke();
-    ye(f);
-    const { sections: d, active: c, first: o, subPage: L } = f, A = fe(), X = _e(), j = xe("(min-width: 64rem)"), b = w(() => a.steps ? "steps" : j.value ? a.desktop : a.compact === "auto" ? d.value.length > 5 ? "rows" : "segmented" : a.compact), $ = w(() => d.value.length > 1), Y = w(() => f.declared.value > 0 && d.value.length === 0), q = w(() => !!c.value && c.value.name === o.value?.name && !L.value), H = w(() => A.sections.value.length > 1), R = w(() => b.value === "steps" && j.value && H.value), g = (l) => a.steps?.[l] ?? { done: !1 }, Z = { positive: "text-status-success-content", warning: "text-status-warning-content", critical: "text-status-danger-content" }, T = ne(se, null);
-    U(
-      () => {
-        if (L.value && c.value && o.value) {
-          const l = { label: a.backLabel || o.value.label, to: o.value.to }, h = c.value.name === o.value.name && !a.backLabel;
-          return { label: c.value.shortLabel, to: c.value.to, path: h ? [l] : [l, { label: c.value.label, to: c.value.to }] };
-        }
-        return b.value === "rows" && $.value && !q.value && o.value ? { label: a.backLabel || o.value.label, to: o.value.to } : null;
-      },
-      (l) => {
-        T && (T.value = l);
-      },
-      { immediate: !0 }
-    ), W(() => {
-      T && (T.value = null);
-    });
-    const ee = w(() => {
-      const l = [];
-      for (const h of d.value.slice(1)) {
-        const e = l[l.length - 1];
-        e && e.header === h.group ? e.sections.push(h) : l.push({ key: h.name, header: h.group, sections: [h] });
-      }
-      return l;
-    }), P = O("segments"), I = le(!1);
-    async function K() {
-      if (b.value !== "segments" || !P.value) return;
-      I.value = !1, await ce();
-      const l = P.value?.querySelectorAll("[data-segment-label]") ?? [];
-      I.value = [...l].some((h) => h.scrollWidth > h.clientWidth + 1);
-    }
-    let M = null;
-    ie(() => {
-      typeof ResizeObserver > "u" || !P.value || (M = new ResizeObserver(() => void K()), M.observe(P.value));
-    }), W(() => M?.disconnect()), U([b, d], () => void K(), { flush: "post" });
-    const V = (l) => b.value === "segments" && !I.value ? l.label : l.shortLabel;
-    return (l, h) => Y.value ? (t(), s("div", je, [
-      (t(), B(Q(u(X).noAccess)))
-    ])) : $.value && b.value === "sidebar" ? (t(), s("div", qe, [
-      n("aside", Ie, [
-        k(l.$slots, "summary"),
-        n("nav", {
-          "aria-label": a.label
-        }, [
-          n("ul", Fe, [
-            (t(!0), s(C, null, S(u(d), (e, p) => (t(), s("li", {
-              key: e.name
-            }, [
-              e.group && e.group !== u(d)[p - 1]?.group ? (t(), s("div", {
-                key: 0,
-                "data-test": "section-group",
-                class: m(["px-2.5 pb-1.5 text-caption font-semibold tracking-wide text-content-muted uppercase", p > 0 ? "pt-4" : "pt-1"])
-              }, r(e.group), 3)) : i("", !0),
-              x(u(D), {
-                to: e.to,
-                custom: ""
-              }, {
-                default: _(({ href: z, navigate: F }) => [
-                  n("a", {
-                    href: z,
-                    "aria-current": e.active ? "page" : void 0,
-                    "data-test": `section-${e.name}`,
-                    class: m(["flex min-h-[2.125rem] items-center gap-2.5 rounded-control py-1 pr-2.5 pl-1.5 text-body text-content-strong transition-colors duration-motion-fast focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-border-focus", e.active ? "bg-tint-soft font-semibold" : "hover:bg-fill"]),
-                    onClick: F
-                  }, [
-                    x(u(J), {
-                      tone: e.active ? "brand" : "anchor",
-                      icon: e.icon
-                    }, null, 8, ["tone", "icon"]),
-                    n("span", He, r(e.label), 1),
-                    a.counts[e.name] !== void 0 ? (t(), s("span", Ke, r(a.counts[e.name]), 1)) : i("", !0)
-                  ], 10, Oe)
-                ]),
-                _: 2
-              }, 1032, ["to"]),
-              e.active && H.value ? (t(), B(G, { key: 1 })) : i("", !0)
-            ]))), 128))
-          ])
-        ], 8, Me)
-      ]),
-      n("div", Ve, [
-        k(l.$slots, "default")
-      ])
-    ])) : (t(), s("div", {
-      key: 2,
-      "data-test": "section-navigator",
-      "data-variant": $.value ? b.value : "none",
-      class: "flex min-w-0 flex-col gap-section-gap"
-    }, [
-      l.$slots.summary && (b.value !== "rows" || q.value || !$.value) ? (t(), s("div", We, [
-        k(l.$slots, "summary")
-      ])) : i("", !0),
-      $.value && b.value === "steps" ? (t(), s("nav", {
-        key: 1,
-        "aria-label": a.label,
-        "data-test": "section-steps"
-      }, [
-        n("ol", Je, [
-          (t(!0), s(C, null, S(u(d), (e, p) => (t(), s("li", {
-            key: e.name,
-            class: "flex min-w-0 flex-1"
-          }, [
-            x(u(D), {
-              to: e.to,
-              custom: ""
-            }, {
-              default: _(({ href: z, navigate: F }) => [
-                n("a", {
-                  href: z,
-                  "aria-current": e.active ? "step" : void 0,
-                  "data-test": `section-${e.name}`,
-                  "data-done": g(e.name).done ? "true" : void 0,
-                  class: m(["flex min-w-0 flex-1 items-center gap-3 rounded-group px-4 py-3 transition-colors duration-motion-fast focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus compact:flex-col compact:items-start compact:gap-1.5 compact:p-2", e.active ? "bg-tint-soft ring-2 ring-tint ring-inset" : "bg-surface-cell shadow-group hover:bg-fill"]),
-                  onClick: F
-                }, [
-                  g(e.name).done ? (t(), s("span", Xe, [
-                    x(u(E), {
-                      name: "checkCustom",
-                      size: 14
-                    })
-                  ])) : (t(), s("span", {
-                    key: 1,
-                    class: m(["flex size-6.5 shrink-0 items-center justify-center rounded-full text-footnote font-semibold", e.active ? "bg-tint text-content-on-tint" : "text-content-muted ring-2 ring-fill-strong ring-inset"])
-                  }, r(p + 1), 3)),
-                  n("span", Ye, [
-                    n("span", {
-                      class: m(["truncate text-headline compact:text-footnote", e.active || g(e.name).done ? "font-semibold text-content-strong" : "font-medium text-content-muted"])
-                    }, [
-                      n("span", Ze, r(e.label), 1),
-                      n("span", et, r(e.shortLabel), 1)
-                    ], 2),
-                    g(e.name).sub ? (t(), s("span", {
-                      key: 0,
-                      "data-test": "section-step-sub",
-                      class: m(["truncate text-footnote compact:text-caption", g(e.name).tone ? Z[g(e.name).tone] : "text-content-muted"])
-                    }, [
-                      n("span", {
-                        class: m(g(e.name).shortSub ? "compact:hidden" : "")
-                      }, r(g(e.name).sub), 3),
-                      g(e.name).shortSub ? (t(), s("span", tt, r(g(e.name).shortSub), 1)) : i("", !0)
-                    ], 2)) : i("", !0),
-                    g(e.name).done ? (t(), s("span", at, r(u(v)("core.steps.done")), 1)) : i("", !0)
-                  ])
-                ], 10, Qe)
-              ]),
-              _: 2
-            }, 1032, ["to"])
-          ]))), 128))
-        ])
-      ], 8, Ge)) : i("", !0),
-      $.value && (b.value === "segments" || b.value === "segmented") ? (t(), s("div", {
-        key: 2,
-        class: m(b.value === "segmented" ? "z-20 -mx-screen-padding bg-surface-page/90 px-screen-padding py-2 backdrop-blur-xl max-md:sticky max-md:top-[calc(max(0.25rem,env(safe-area-inset-top))+var(--app-bar-height)+0.25rem+1px)]" : "")
-      }, [
-        n("nav", {
-          ref_key: "segments",
-          ref: P,
-          "aria-label": a.label,
-          class: "max-w-full overflow-x-auto rounded-control bg-fill p-0.5 scrollbar-hide"
-        }, [
-          n("ul", ot, [
-            (t(!0), s(C, null, S(u(d), (e) => (t(), s("li", {
-              key: e.name,
-              class: "flex min-w-0 flex-1"
-            }, [
-              x(u(D), {
-                to: e.to,
-                custom: ""
-              }, {
-                default: _(({ href: p, navigate: z }) => [
-                  n("a", {
-                    href: p,
-                    "aria-current": e.active ? "page" : void 0,
-                    "data-test": `section-${e.name}`,
-                    class: m(["flex min-h-8 min-w-0 flex-1 items-center justify-center gap-1.5 rounded-control px-3 py-1 text-subheadline whitespace-nowrap transition-colors duration-motion-fast focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-border-focus compact:min-h-[2.125rem] compact:px-1.5", e.active ? "bg-segment-selected font-semibold text-content-strong shadow-sm" : "font-medium text-content hover:text-content-strong"]),
-                    onClick: z
-                  }, [
-                    n("span", {
-                      class: "truncate",
-                      "data-segment-label": "",
-                      title: V(e) !== e.label ? e.label : void 0
-                    }, r(V(e)), 9, lt),
-                    a.counts[e.name] !== void 0 ? (t(), s("span", {
-                      key: 0,
-                      "data-test": "section-count",
-                      class: m(["min-w-[1.125rem] rounded-full px-1.5 text-center text-caption font-semibold tabular-nums", e.active ? "bg-tint-soft text-content-link" : "bg-surface-cell text-content-muted"])
-                    }, r(a.counts[e.name]), 3)) : i("", !0)
-                  ], 10, nt)
-                ]),
-                _: 2
-              }, 1032, ["to"])
-            ]))), 128))
-          ])
-        ], 8, st)
-      ], 2)) : $.value && b.value === "rows" && q.value ? (t(), s("nav", {
-        key: 3,
-        "aria-label": a.label,
-        "data-test": "section-rows",
-        class: "flex flex-col gap-group-gap"
-      }, [
-        (t(!0), s(C, null, S(ee.value, (e) => (t(), s("section", {
-          key: e.key,
-          class: "flex min-w-0 flex-col"
-        }, [
-          e.header ? (t(), s("h3", ct, r(e.header), 1)) : i("", !0),
-          n("ul", rt, [
-            (t(!0), s(C, null, S(e.sections, (p) => (t(), s("li", {
-              key: p.name,
-              class: "[&:first-child_.row-body]:border-t-0"
-            }, [
-              x(u(D), {
-                to: p.to,
-                "data-test": `section-${p.name}`,
-                class: "flex min-w-0 items-stretch gap-3 pl-row-inset transition-colors duration-motion-fast hover:bg-fill focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-border-focus"
-              }, {
-                default: _(() => [
-                  n("span", ut, [
-                    x(u(J), {
-                      tone: "anchor",
-                      icon: p.icon
-                    }, null, 8, ["icon"])
-                  ]),
-                  n("span", dt, [
-                    n("span", mt, r(p.label), 1),
-                    a.counts[p.name] !== void 0 ? (t(), s("span", pt, r(a.counts[p.name]), 1)) : i("", !0),
-                    x(u(E), {
-                      name: "arrowRightSLine",
-                      size: 18,
-                      class: "shrink-0 text-content-disabled"
-                    })
-                  ])
-                ]),
-                _: 2
-              }, 1032, ["to", "data-test"])
-            ]))), 128))
-          ])
-        ]))), 128))
-      ], 8, it)) : i("", !0),
-      n("div", {
-        class: m(R.value ? "grid min-w-0 grid-cols-[minmax(0,1fr)_minmax(0,14rem)] items-start gap-7" : "contents"),
-        "data-test": R.value ? "section-steps-form" : void 0
-      }, [
-        n("div", {
-          class: m(R.value ? "min-w-0" : "contents")
-        }, [
-          k(l.$slots, "default")
-        ], 2),
-        R.value ? (t(), s("aside", bt, [
-          x(G, { standalone: "" })
-        ])) : i("", !0)
-      ], 10, ft),
-      !u(j) && u(A).sections.value.length > 2 ? (t(), B(be, { key: 4 })) : i("", !0)
-    ], 8, Ue));
-  }
-}), zt = /* @__PURE__ */ N({
+}), G = /* @__PURE__ */ v({
   __name: "SectionPanel",
-  props: /* @__PURE__ */ pe({
+  props: /* @__PURE__ */ D({
     title: {},
     icon: { default: void 0 },
     number: { default: void 0 },
@@ -448,40 +90,40 @@ const $e = ["aria-label"], Ce = ["aria-label"], Se = ["aria-selected", "tabindex
     collapsedModifiers: {}
   }),
   emits: ["update:collapsed"],
-  setup(y) {
-    const a = y, v = re(y, "collapsed"), f = a.id ?? (ve(a.title) || `section-${ue()}`), d = O("panel"), c = w(() => d.value?.$el ?? null);
-    return ge(f, () => a.title, c, { number: () => a.number, reveal: () => d.value?.expand() }), (o, L) => (t(), B(we, de({
+  setup(n) {
+    const t = n, o = S(n, "collapsed"), r = t.id ?? (z(t.title) || `section-${C()}`), i = $("panel"), g = P(() => i.value?.$el ?? null);
+    return I(r, () => t.title, g, { number: () => t.number, reveal: () => i.value?.expand() }), (e, u) => (a(), b(A, w({
       ref_key: "panel",
-      ref: d,
-      collapsed: v.value,
-      "onUpdate:collapsed": L[0] || (L[0] = (A) => v.value = A)
-    }, { id: u(f), tabindex: -1 }, {
-      title: a.title,
-      icon: a.icon,
-      number: a.number,
-      subtitle: a.subtitle,
-      presentation: a.presentation,
-      collapsible: a.collapsible,
-      flush: a.flush,
-      "heading-level": a.headingLevel,
+      ref: i,
+      collapsed: o.value,
+      "onUpdate:collapsed": u[0] || (u[0] = (h) => o.value = h)
+    }, { id: _(r), tabindex: -1 }, {
+      title: t.title,
+      icon: t.icon,
+      number: t.number,
+      subtitle: t.subtitle,
+      presentation: t.presentation,
+      collapsible: t.collapsible,
+      flush: t.flush,
+      "heading-level": t.headingLevel,
       class: "scroll-mt-[calc(var(--app-bar-height)+1.5rem)]"
-    }), me({
-      default: _(() => [
-        k(o.$slots, "default")
+    }), T({
+      default: c(() => [
+        m(e.$slots, "default")
       ]),
       _: 2
     }, [
-      o.$slots.actions ? {
+      e.$slots.actions ? {
         name: "actions",
-        fn: _(() => [
-          k(o.$slots, "actions")
+        fn: c(() => [
+          m(e.$slots, "actions")
         ]),
         key: "0"
       } : void 0,
-      o.$slots.footer ? {
+      e.$slots.footer ? {
         name: "footer",
-        fn: _(() => [
-          k(o.$slots, "footer")
+        fn: c(() => [
+          m(e.$slots, "footer")
         ]),
         key: "1"
       } : void 0
@@ -489,31 +131,31 @@ const $e = ["aria-label"], Ce = ["aria-label"], Se = ["aria-selected", "tabindex
   }
 });
 export {
-  Tt as AdaptivePageShell,
-  It as BottomDock,
-  te as BottomDockPortal,
-  Bt as BottomTabBar,
-  Dt as PageActions,
-  Et as PageToolbar,
-  Lt as RecordHeader,
-  Nt as ResourceHeader,
-  be as SectionJumper,
-  G as SectionList,
-  Pt as SectionNavigator,
-  zt as SectionPanel,
-  Ft as bottomDockKey,
-  Ot as createPageChrome,
-  Ht as installBottomDock,
-  Kt as installPageChrome,
-  Vt as pageChromeKey,
-  se as pageSectionBackKey,
-  fe as provideSectionIndex,
-  ve as sectionId,
-  Ut as useBottomDockTarget,
-  ae as useLargeTitle,
-  Wt as usePageChrome,
-  Gt as usePageChromeContext,
-  jt as usePageSectionBack,
-  ge as useSectionAnchor,
-  Qt as useSectionIndex
+  W as AdaptivePageShell,
+  se as BottomDock,
+  x as BottomDockPortal,
+  q as BottomTabBar,
+  X as PageActions,
+  Y as PageToolbar,
+  ue as RecordHeader,
+  Z as ResourceHeader,
+  Be as SectionJumper,
+  Se as SectionList,
+  ke as SectionNavigator,
+  G as SectionPanel,
+  ne as bottomDockKey,
+  pe as createPageChrome,
+  re as installBottomDock,
+  fe as installPageChrome,
+  me as pageChromeKey,
+  ee as pageSectionBackKey,
+  _e as provideSectionIndex,
+  z as sectionId,
+  ie as useBottomDockTarget,
+  te as useLargeTitle,
+  be as usePageChrome,
+  ge as usePageChromeContext,
+  ae as usePageSectionBack,
+  I as useSectionAnchor,
+  he as useSectionIndex
 };

package/dist/phone/PhoneField.vue.d.ts

@@ -39,13 +39,13 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
+    disabled: boolean;
+    placeholder: string;
     name: string;
     label: string;
     error: string;
     required: boolean;
     width: Exclude<ControlWidth, "content">;
-    disabled: boolean;
-    placeholder: string;
     presentation: "control" | "value";
     hint: string;
     editable: boolean;

package/dist/phone/index.js

@@ -1,8 +1,8 @@
 import { defineComponent as fe, useModel as me, useTemplateRef as F, ref as B, computed as g, watch as ne, nextTick as A, openBlock as w, createElementBlock as $, createElementVNode as f, normalizeClass as P, unref as i, createVNode as M, toDisplayString as T, normalizeStyle as ge, Fragment as ee, renderList as le, createCommentVNode as J, withModifiers as xe, withDirectives as we, vModelText as _e, mergeModels as ae, inject as ke, shallowRef as Ce, onBeforeUnmount as $e, createBlock as De, mergeProps as Me, createSlots as Te, withCtx as se, createTextVNode as Se, renderSlot as Ne, mergeDefaults as Ie } from "vue";
 import { useI18n as pe } from "vue-i18n";
 import { b as Pe } from "../controlSurface-t7OEFESJ.js";
-import { f as ie, u as Ve, a as Oe, _ as Re, b as Ee, c as Be } from "../options-DAkBtYkI.js";
-import { _ as q } from "../Icon.vue_vue_type_script_lang-DtC4_mkz.js";
+import { c as ie, a as Ve, g as Oe, _ as Re, f as Ee, b as Be } from "../options-BXkMR63B.js";
+import { _ as q } from "../Icon.vue_vue_type_script_lang-VvcV2Bzo.js";
 import { _ as ue } from "../CountryFlag.vue_vue_type_script_setup_true_lang-Kry_vPPZ.js";
 import { u as ze } from "../anchored-Cj4--8dT.js";
 import { AsYouType as L, validatePhoneNumberLength as Fe, parsePhoneNumberFromString as ve, getCountries as qe, getCountryCallingCode as Ae } from "libphonenumber-js/max";