@wssto2/vue-core 0.16.0 → 0.18.0

package/dist/phone/index.js

@@ -1,8 +1,9 @@
-import { defineComponent as fe, useModel as me, useTemplateRef as z, ref as B, computed as g, watch as ne, nextTick as W, openBlock as w, createElementBlock as $, createElementVNode as f, normalizeClass as P, unref as i, createVNode as M, toDisplayString as T, normalizeStyle as xe, Fragment as ee, renderList as le, createCommentVNode as J, withModifiers as we, withDirectives as _e, vModelText as ke, mergeModels as re, inject as Ce, shallowRef as $e, onBeforeUnmount as De, createBlock as Me, mergeProps as Te, createSlots as Se, withCtx as se, createTextVNode as Ne, renderSlot as Ie, mergeDefaults as Pe } from "vue";
+import { defineComponent as fe, useModel as me, useTemplateRef as z, ref as B, computed as g, watch as ne, nextTick as W, openBlock as w, createElementBlock as $, createElementVNode as f, normalizeClass as P, unref as s, createVNode as M, toDisplayString as T, normalizeStyle as xe, Fragment as ee, renderList as le, createCommentVNode as J, withModifiers as we, withDirectives as _e, vModelText as ke, mergeModels as re, inject as Ce, shallowRef as $e, onBeforeUnmount as De, createBlock as Me, mergeProps as Te, createSlots as Se, withCtx as ie, createTextVNode as Ne, renderSlot as Ie, mergeDefaults as Pe } from "vue";
 import { useI18n as pe } from "vue-i18n";
-import { u as ve } from "../format-Cp1h0vsC.js";
+import { u as ve } from "../format-C_HXlOYQ.js";
 import { b as Ve } from "../controlSurface-t7OEFESJ.js";
-import { c as ie, a as Oe, e as Le, _ as Re, f as Be, b as Ee } from "../options-B48UiYsG.js";
+import { f as se, u as Oe, _ as Le } from "../options-mOOX6JSS.js";
+import { a as Re, f as Be, b as Ee } from "../FormRow.vue_vue_type_script_setup_true_lang-CpgNVQF4.js";
 import { _ as A } from "../Icon.vue_vue_type_script_lang-BhhsFYwp.js";
 import { _ as ue } from "../CountryFlag.vue_vue_type_script_setup_true_lang-Kry_vPPZ.js";
 import { u as Fe } from "../anchored-DpuUwf-9.js";
@@ -13,7 +14,7 @@ function ye(t) {
   return qe.country_calling_codes[t]?.[0];
 }
 const E = (t) => We(t), de = (t) => `+${E(t)}`;
-function Dt(t, a) {
+function Mt(t, a) {
   let e = (t ?? "").replace(/\D/g, "");
   if (e.length < 6) return null;
   let n = "";
@@ -67,7 +68,7 @@ function be(t) {
   const a = Ye(t), e = ze(t);
   return e === "TOO_SHORT" ? { kind: "too_short", country: a } : e === "TOO_LONG" ? { kind: "too_long", country: a } : e !== void 0 ? { kind: "invalid", country: a } : he(t)?.isValid() ? null : { kind: "invalid", country: a };
 }
-const Mt = (t) => be(t) === null;
+const Tt = (t) => be(t) === null;
 function ge(t, a) {
   try {
     return new Intl.DisplayNames([a], { type: "region" }).of(t) ?? t;
@@ -76,9 +77,9 @@ function ge(t, a) {
   }
 }
 function Je(t, a, e) {
-  const n = ie(t.trim());
+  const n = se(t.trim());
   if (n === "") return e;
-  const l = n.replace(/\D/g, ""), x = new Intl.DisplayNames([a], { type: "region" }), p = (h) => ie(x.of(h) ?? h), _ = n.startsWith("+") || /^\d+$/.test(n);
+  const l = n.replace(/\D/g, ""), x = new Intl.DisplayNames([a], { type: "region" }), p = (h) => se(x.of(h) ?? h), _ = n.startsWith("+") || /^\d+$/.test(n);
   return e.filter((h) => _ ? E(h).startsWith(l) : p(h).includes(n) || h.toLowerCase() === n);
 }
 const Qe = ["id", "disabled", "aria-label", "aria-expanded"], Ze = { class: "tabular-nums" }, et = ["id", "aria-label"], tt = {
@@ -89,7 +90,7 @@ const Qe = ["id", "disabled", "aria-label", "aria-expanded"], Ze = { class: "tab
   key: 0,
   class: "px-3 py-2 text-footnote text-content-muted",
   role: "status"
-}, at = { class: "border-t border-border-separator px-3 py-2" }, lt = ["aria-controls", "aria-activedescendant", "aria-label", "placeholder"], st = /* @__PURE__ */ fe({
+}, at = { class: "border-t border-border-separator px-3 py-2" }, lt = ["aria-controls", "aria-activedescendant", "aria-label", "placeholder"], it = /* @__PURE__ */ fe({
   __name: "CountryPicker",
   props: /* @__PURE__ */ re({
     id: {},
@@ -104,7 +105,7 @@ const Qe = ["id", "disabled", "aria-label", "aria-expanded"], Ze = { class: "tab
   setup(t, { expose: a, emit: e }) {
     const n = t, l = me(t, "modelValue"), x = e, { t: p } = pe(), _ = ve(), h = z("root"), V = z("trigger"), k = z("panel"), K = z("search"), C = B(!1), v = B(""), d = B(0), O = g(() => {
       const o = /* @__PURE__ */ new Map();
-      for (const s of te()) o.set(s, ge(s, _.intlLocale));
+      for (const i of te()) o.set(i, ge(i, _.intlLocale));
       return o;
     }), S = (o) => O.value.get(o) ?? o, D = g(() => {
       const o = n.common.filter((c) => O.value.has(c));
@@ -112,15 +113,15 @@ const Qe = ["id", "disabled", "aria-label", "aria-expanded"], Ze = { class: "tab
         const c = Je(v.value, _.intlLocale, te());
         return [{ title: null, countries: [...c.filter((r) => o.includes(r)), ...c.filter((r) => !o.includes(r))] }];
       }
-      const s = te().filter((c) => !o.includes(c)).sort((c, r) => S(c).localeCompare(S(r), _.intlLocale));
-      return [{ title: p("core.form.phone.common"), countries: o }, { title: p("core.form.phone.all"), countries: s }].filter((c) => c.countries.length > 0);
-    }), y = g(() => D.value.flatMap((o) => o.countries)), F = g(() => D.value.map((o, s) => D.value.slice(0, s).reduce((c, r) => c + r.countries.length, 0))), U = (o) => `${n.id}-country-${o}`, { style: Q } = Fe(k, {
+      const i = te().filter((c) => !o.includes(c)).sort((c, r) => S(c).localeCompare(S(r), _.intlLocale));
+      return [{ title: p("core.form.phone.common"), countries: o }, { title: p("core.form.phone.all"), countries: i }].filter((c) => c.countries.length > 0);
+    }), y = g(() => D.value.flatMap((o) => o.countries)), F = g(() => D.value.map((o, i) => D.value.slice(0, i).reduce((c, r) => c + r.countries.length, 0))), U = (o) => `${n.id}-country-${o}`, { style: Q } = Fe(k, {
       reference: () => V.value,
       placement: () => "bottom-start",
       offset: 4,
       padding: 8,
-      fit: (o, s) => {
-        o.style.width = "min(20rem, calc(100vw - 1rem))", o.style.maxHeight = `${Math.max(200, Math.min(380, s.height))}px`;
+      fit: (o, i) => {
+        o.style.width = "min(20rem, calc(100vw - 1rem))", o.style.maxHeight = `${Math.max(200, Math.min(380, i.height))}px`;
       }
     });
     async function j() {
@@ -143,14 +144,14 @@ const Qe = ["id", "disabled", "aria-label", "aria-expanded"], Ze = { class: "tab
         o.preventDefault(), d.value = Math.min(Math.max(d.value + (o.key === "ArrowDown" ? 1 : -1), 0), y.value.length - 1);
       else if (o.key === "Enter") {
         o.preventDefault();
-        const s = y.value[d.value];
-        s && L(s);
+        const i = y.value[d.value];
+        i && L(i);
       }
     }
     function R(o) {
       (o.key === "ArrowDown" || o.key === "ArrowUp") && (o.preventDefault(), j());
     }
-    return a({ focus: () => V.value?.focus() }), (o, s) => (w(), $("div", {
+    return a({ focus: () => V.value?.focus() }), (o, i) => (w(), $("div", {
       ref_key: "root",
       ref: h,
       class: "shrink-0",
@@ -162,17 +163,17 @@ const Qe = ["id", "disabled", "aria-label", "aria-expanded"], Ze = { class: "tab
         ref: V,
         type: "button",
         disabled: n.disabled,
-        "aria-label": i(p)("core.form.phone.country", { country: S(l.value) }),
+        "aria-label": s(p)("core.form.phone.country", { country: S(l.value) }),
         "aria-haspopup": "listbox",
         "aria-expanded": C.value,
         "data-test": "country-button",
         class: P(["flex h-full min-h-8 cursor-pointer items-center gap-1.5 whitespace-nowrap text-body font-medium text-content-strong focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-border-focus disabled:cursor-not-allowed compact:border-r compact:border-border-separator", n.surface]),
-        onClick: s[0] || (s[0] = (c) => C.value ? N(!0) : j()),
+        onClick: i[0] || (i[0] = (c) => C.value ? N(!0) : j()),
         onKeydown: R
       }, [
         M(ue, { country: l.value }, null, 8, ["country"]),
-        f("span", Ze, T(i(de)(l.value)), 1),
-        M(i(A), {
+        f("span", Ze, T(s(de)(l.value)), 1),
+        M(s(A), {
           name: "arrowDownSLine",
           size: 14,
           class: "text-content-muted"
@@ -182,14 +183,14 @@ const Qe = ["id", "disabled", "aria-label", "aria-expanded"], Ze = { class: "tab
         key: 0,
         ref_key: "panel",
         ref: k,
-        style: xe(i(Q)),
+        style: xe(s(Q)),
         "data-test": "country-list",
         class: "z-1000 flex flex-col overflow-hidden rounded-menu bg-surface-overlay shadow-float"
       }, [
         f("div", {
           id: `${n.id}-countries`,
           role: "listbox",
-          "aria-label": i(p)("core.form.phone.countries"),
+          "aria-label": s(p)("core.form.phone.countries"),
           class: "min-h-0 flex-1 overflow-y-auto p-2"
         }, [
           (w(!0), $(ee, null, le(D.value, (c, r) => (w(), $(ee, {
@@ -204,7 +205,7 @@ const Qe = ["id", "disabled", "aria-label", "aria-expanded"], Ze = { class: "tab
               "data-test": "country-option",
               "data-country": u,
               class: P(["flex cursor-pointer items-center gap-2.5 rounded-control px-2 py-2 text-body", (F.value[r] ?? 0) + b === d.value ? "bg-tint-soft" : "hover:bg-fill"]),
-              onMousedown: s[1] || (s[1] = we(() => {
+              onMousedown: i[1] || (i[1] = we(() => {
               }, ["prevent"])),
               onMouseenter: (m) => d.value = (F.value[r] ?? 0) + b,
               onClick: (m) => L(u)
@@ -213,16 +214,16 @@ const Qe = ["id", "disabled", "aria-label", "aria-expanded"], Ze = { class: "tab
               f("span", {
                 class: P(["min-w-0 flex-1 truncate text-content-strong", u === l.value ? "font-semibold" : ""])
               }, T(S(u)), 3),
-              f("span", nt, T(i(de)(u)), 1)
+              f("span", nt, T(s(de)(u)), 1)
             ], 42, ot))), 128))
           ], 64))), 128)),
-          y.value.length === 0 ? (w(), $("p", rt, T(i(p)("core.form.phone.no_match")), 1)) : J("", !0)
+          y.value.length === 0 ? (w(), $("p", rt, T(s(p)("core.form.phone.no_match")), 1)) : J("", !0)
         ], 8, et),
         f("div", at, [
           _e(f("input", {
             ref_key: "search",
             ref: K,
-            "onUpdate:modelValue": s[2] || (s[2] = (c) => v.value = c),
+            "onUpdate:modelValue": i[2] || (i[2] = (c) => v.value = c),
             type: "text",
             role: "combobox",
             autocomplete: "off",
@@ -230,8 +231,8 @@ const Qe = ["id", "disabled", "aria-label", "aria-expanded"], Ze = { class: "tab
             "aria-expanded": "true",
             "aria-controls": `${n.id}-countries`,
             "aria-activedescendant": y.value[d.value] ? U(y.value[d.value]) : void 0,
-            "aria-label": i(p)("core.form.phone.search"),
-            placeholder: i(p)("core.form.phone.search"),
+            "aria-label": s(p)("core.form.phone.search"),
+            placeholder: s(p)("core.form.phone.search"),
             "data-test": "country-search",
             class: "block w-full border-0 bg-transparent p-0 text-body text-content-strong placeholder:text-content-muted focus:outline-none focus:ring-0",
             onKeydown: G
@@ -242,14 +243,14 @@ const Qe = ["id", "disabled", "aria-label", "aria-expanded"], Ze = { class: "tab
       ], 4)) : J("", !0)
     ], 544));
   }
-}), it = Symbol("vue-core.phoneDefaults"), ut = { class: "w-full min-w-0" }, ct = ["id", "value", "name", "placeholder", "disabled", "required", "aria-required", "aria-invalid", "aria-describedby"], dt = {
+}), st = Symbol("vue-core.phoneDefaults"), ut = { class: "w-full min-w-0" }, ct = ["id", "value", "name", "placeholder", "disabled", "required", "aria-required", "aria-invalid", "aria-describedby"], dt = {
   key: 0,
   class: "mt-1.5 flex items-center gap-1.5 text-footnote text-status-success-content",
   "data-test": "phone-kind"
 }, ft = ["href", "aria-label", "title"], mt = ["href", "aria-label", "title"], pt = ["aria-label", "title"], vt = {
   class: "sr-only",
   role: "status"
-}, Tt = /* @__PURE__ */ fe({
+}, St = /* @__PURE__ */ fe({
   __name: "PhoneField",
   props: /* @__PURE__ */ re(/* @__PURE__ */ Pe({
     label: {},
@@ -272,7 +273,7 @@ const Qe = ["id", "disabled", "aria-label", "aria-expanded"], Ze = { class: "tab
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: a }) {
-    const e = t, n = me(t, "modelValue"), { t: l } = pe(), x = ve(), p = Ce(it, {}), _ = !!Oe(), h = Le("text", () => e.error || L.value ? "error" : e.disabled ? "locked" : "rest"), V = g(() => _ ? Ve(e.width) : "w-full"), k = z("input"), K = g(() => e.defaultCountry ?? p.defaultCountry ?? (e.commonCountries ?? p.commonCountries ?? ce)[0] ?? "HR"), C = g(() => e.commonCountries ?? p.commonCountries ?? ce), v = $e(K.value), d = B("");
+    const e = t, n = me(t, "modelValue"), { t: l } = pe(), x = ve(), p = Ce(st, {}), _ = !!Re(), h = Oe("text", () => e.error || L.value ? "error" : e.disabled ? "locked" : "rest"), V = g(() => _ ? Ve(e.width) : "w-full"), k = z("input"), K = g(() => e.defaultCountry ?? p.defaultCountry ?? (e.commonCountries ?? p.commonCountries ?? ce)[0] ?? "HR"), C = g(() => e.commonCountries ?? p.commonCountries ?? ce), v = $e(K.value), d = B("");
     let O = null;
     function S(r) {
       v.value = r.country, d.value = r.text;
@@ -315,34 +316,34 @@ const Qe = ["id", "disabled", "aria-label", "aria-expanded"], Ze = { class: "tab
       if (r)
         return r.country ? l(`core.form.phone.${r.kind}`, { country: ge(r.country, x.intlLocale) }) : l("core.form.phone.invalid_any");
     }), G = g(() => n.value !== "" && !L.value ? Xe(n.value) : void 0), R = g(() => He(n.value)), o = B(!1);
-    let s = null;
+    let i = null;
     async function c() {
       try {
         await navigator.clipboard.writeText(R.value);
       } catch {
         return;
       }
-      o.value = !0, s && clearTimeout(s), s = setTimeout(() => o.value = !1, 1800);
+      o.value = !0, i && clearTimeout(i), i = setTimeout(() => o.value = !1, 1800);
     }
-    return De(() => s && clearTimeout(s)), a({ focus: () => k.value?.focus() }), (r, u) => (w(), Me(Re, Te({ ...i(Be)(e), error: e.error ?? H.value }, {
+    return De(() => i && clearTimeout(i)), a({ focus: () => k.value?.focus() }), (r, u) => (w(), Me(Le, Te({ ...s(Be)(e), error: e.error ?? H.value }, {
       value: n.value === "" ? null : R.value,
       "value-style": "numeric"
     }), Se({
-      default: se(({ id: b, describedby: m, invalid: I }) => [
+      default: ie(({ id: b, describedby: m, invalid: I }) => [
         f("div", ut, [
           f("div", {
             class: P(["flex items-stretch gap-1.5", V.value])
           }, [
-            M(st, {
+            M(it, {
               id: b,
               "model-value": v.value,
               common: C.value,
               disabled: e.disabled,
-              surface: `${i(h)} px-2.5`,
+              surface: `${s(h)} px-2.5`,
               onPicked: j
             }, null, 8, ["id", "model-value", "common", "disabled", "surface"]),
             f("div", {
-              class: P(["min-w-0 flex-1", i(h)])
+              class: P(["min-w-0 flex-1", s(h)])
             }, [
               f("input", {
                 id: b,
@@ -368,12 +369,12 @@ const Qe = ["id", "disabled", "aria-label", "aria-expanded"], Ze = { class: "tab
             ], 2)
           ], 2),
           G.value && !(e.error ?? H.value) ? (w(), $("p", dt, [
-            M(i(A), {
+            M(s(A), {
               name: "checkCustom",
               size: 14,
               class: "shrink-0"
             }),
-            Ne(" " + T(i(l)(`core.form.phone.kind_${G.value}`)), 1)
+            Ne(" " + T(s(l)(`core.form.phone.kind_${G.value}`)), 1)
           ])) : J("", !0)
         ])
       ]),
@@ -381,7 +382,7 @@ const Qe = ["id", "disabled", "aria-label", "aria-expanded"], Ze = { class: "tab
     }, [
       n.value !== "" ? {
         name: "readonly",
-        fn: se(() => [
+        fn: ie(() => [
           f("div", {
             class: P(["flex w-full min-w-0 flex-wrap items-center gap-x-2 gap-y-1.5", _ ? "justify-end" : ""]),
             "data-test": "phone-read"
@@ -391,24 +392,24 @@ const Qe = ["id", "disabled", "aria-label", "aria-expanded"], Ze = { class: "tab
             }, T(R.value), 3),
             f("a", {
               href: `tel:${n.value}`,
-              "aria-label": i(l)("core.form.phone.call"),
-              title: i(l)("core.form.phone.call"),
+              "aria-label": s(l)("core.form.phone.call"),
+              title: s(l)("core.form.phone.call"),
               "data-test": "phone-call",
               class: "flex size-9 shrink-0 items-center justify-center rounded-full bg-tint-soft text-content-link transition-colors duration-motion-fast hover:bg-fill focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-border-focus"
             }, [
-              M(i(A), {
+              M(s(A), {
                 name: "phone",
                 size: 18
               })
             ], 8, ft),
             f("a", {
               href: `sms:${n.value}`,
-              "aria-label": i(l)("core.form.phone.message"),
-              title: i(l)("core.form.phone.message"),
+              "aria-label": s(l)("core.form.phone.message"),
+              title: s(l)("core.form.phone.message"),
               "data-test": "phone-message",
               class: "flex size-9 shrink-0 items-center justify-center rounded-full bg-tint-soft text-content-link transition-colors duration-motion-fast hover:bg-fill focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-border-focus"
             }, [
-              M(i(A), {
+              M(s(A), {
                 name: "message",
                 size: 18
               })
@@ -419,18 +420,18 @@ const Qe = ["id", "disabled", "aria-label", "aria-expanded"], Ze = { class: "tab
             }),
             f("button", {
               type: "button",
-              "aria-label": i(l)("core.form.phone.copy"),
-              title: i(l)("core.form.phone.copy"),
+              "aria-label": s(l)("core.form.phone.copy"),
+              title: s(l)("core.form.phone.copy"),
               "data-test": "phone-copy",
               class: "flex size-9 shrink-0 cursor-pointer items-center justify-center rounded-full bg-fill text-content-strong transition-colors duration-motion-fast hover:bg-fill-strong focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-border-focus",
               onClick: c
             }, [
-              M(i(A), {
+              M(s(A), {
                 name: o.value ? "checkCustom" : "copy",
                 size: 18
               }, null, 8, ["name"])
             ], 8, pt),
-            f("span", vt, T(o.value ? i(l)("core.form.phone.copied") : ""), 1)
+            f("span", vt, T(o.value ? s(l)("core.form.phone.copied") : ""), 1)
           ], 2)
         ]),
         key: "0"
@@ -440,14 +441,14 @@ const Qe = ["id", "disabled", "aria-label", "aria-expanded"], Ze = { class: "tab
 });
 export {
   ce as COMMON_COUNTRIES,
-  Tt as PhoneField,
+  St as PhoneField,
   ge as countryName,
   de as dialCode,
   He as formatInternational,
-  Mt as isValidPhone,
+  Tt as isValidPhone,
   Ye as phoneCountry,
-  it as phoneDefaultsKey,
+  st as phoneDefaultsKey,
   Xe as phoneKind,
   be as phoneProblem,
-  Dt as whatsAppLink
+  Mt as whatsAppLink
 };

package/dist/platform/index.d.ts

@@ -9,7 +9,7 @@ export { parseNavigation } from "./navigation";
 export type { NavigationNode } from "./navigation";
 export { httpSessionAdapter, parseSessionPayload } from "./httpSession";
 export type { HttpSessionOptions, UserParser } from "./httpSession";
-export { createPlatform, installPlatform, platformKey, usePlatform } from "./platform";
+export { createPlatform, installPlatform, platformKey, useAccess, usePlatform } from "./platform";
 export type { Platform, PlatformOptions } from "./platform";
 export { mergePatch, preferencesOf } from "./preferences";
 export type { Preferences, PreferencesPatch } from "./preferences";
@@ -24,6 +24,15 @@ export type { BeforeSignOutHook, Session, SessionAdapter, SessionEnd, SessionImp
  *   declare module "@wssto2/vue-core/platform" {
  *     interface PermissionRegistry { "tickets:view": true; "tickets:update": true }
  *   }
+ *
+ * An application with a generated union declares it in one line, and may split the rest across features (each
+ * feature's `routes.ts` adds its own keys the same way):
+ *
+ *   declare module "@wssto2/vue-core/platform" {
+ *     interface PermissionRegistry extends Record<GeneratedPermission, true> {}
+ *   }
+ *
+ * `usePlatform().access`, `useAccess()`, `AccessGate` and route `meta.access` are all typed from it.
  */
 export interface PermissionRegistry {
 }

package/dist/platform/index.js

@@ -5,12 +5,12 @@ var S = (s) => {
 var O = (s, t, e) => t in s ? N(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
 var $ = (s, t, e) => O(s, typeof t != "symbol" ? t + "" : t, e), w = (s, t, e) => t.has(s) || S("Cannot " + e);
 var o = (s, t, e) => (w(s, t, "read from private field"), e ? e.call(s) : t.get(s)), l = (s, t, e) => t.has(s) ? S("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(s) : t.set(s, e), f = (s, t, e, r) => (w(s, t, "write to private field"), r ? r.call(s, e) : t.set(s, e), e), h = (s, t, e) => (w(s, t, "access private method"), e);
-import { u as v } from "../platform-ORzRR3Tw.js";
-import { b as F, c as G, a as K, d as U, h as _, e as z, i as D, p as H, f as Q, g as R } from "../platform-ORzRR3Tw.js";
-import { M as W, d as X } from "../context-Ch1r4fdN.js";
-import { m as Z, p as k } from "../preferences-hYhrw8Uy.js";
+import { u as v } from "../platform-DU9QFts8.js";
+import { b as F, c as G, a as K, d as U, h as _, e as z, i as D, p as H, f as Q, g as R, j as V } from "../platform-DU9QFts8.js";
+import { M as X, d as Y } from "../context-Ch1r4fdN.js";
+import { m as k, p as tt } from "../preferences-hYhrw8Uy.js";
 import { computed as E } from "vue";
-import { _ as et } from "../AccessGate.vue_vue_type_script_setup_true_lang-BH3f0hda.js";
+import { _ as st } from "../AccessGate.vue_vue_type_script_setup_true_lang-Bg8JFAOT.js";
 class m extends Error {
   constructor(e, r = [], n) {
     super(r.length > 0 ? `${e}: ${r.join("; ")}` : e);
@@ -19,7 +19,7 @@ class m extends Error {
     this.name = "BootstrapError", this.issues = r, this.cause = n?.cause;
   }
 }
-const x = (s) => s === null ? "null" : Array.isArray(s) ? "array" : typeof s, B = (s) => typeof s == "object" && s !== null && !Array.isArray(s);
+const x = (s) => s === null ? "null" : Array.isArray(s) ? "array" : typeof s, j = (s) => typeof s == "object" && s !== null && !Array.isArray(s);
 var a, c, p, d, u, g;
 const b = class b {
   /** @internal use the `fields` passed to `extend`. */
@@ -54,7 +54,7 @@ const b = class b {
   /** A nested object, read with the same checks; issues are reported as `parent.child`. */
   section(t) {
     const e = o(this, a)[t];
-    return B(e) ? new b(e, `${o(this, c)}${t}.`, o(this, p)) : (this.fail(t, `expected object, got ${x(e)}`), new b({}, `${o(this, c)}${t}.`, o(this, p), !0));
+    return j(e) ? new b(e, `${o(this, c)}${t}.`, o(this, p)) : (this.fail(t, `expected object, got ${x(e)}`), new b({}, `${o(this, c)}${t}.`, o(this, p), !0));
   }
 };
 a = new WeakMap(), c = new WeakMap(), p = new WeakMap(), d = new WeakMap(), u = new WeakSet(), g = function(t, e, r, n) {
@@ -63,7 +63,7 @@ a = new WeakMap(), c = new WeakMap(), p = new WeakMap(), d = new WeakMap(), u =
 };
 let A = b;
 function P(s, t) {
-  if (!B(s))
+  if (!j(s))
     throw new m("Invalid bootstrap config", [`expected a JSON object, got ${x(s)}`]);
   const e = [], r = new A(s, "", e), n = r.string("locale");
   n === "" && r.fail("locale", "must not be empty");
@@ -87,8 +87,8 @@ function L(s = {}) {
   let y;
   try {
     y = JSON.parse(i);
-  } catch (j) {
-    throw new m(`Bootstrap config in ${n} is not valid JSON`, [], { cause: j });
+  } catch (B) {
+    throw new m(`Bootstrap config in ${n} is not valid JSON`, [], { cause: B });
   }
   return P(y, e);
 }
@@ -100,25 +100,26 @@ function M() {
   });
 }
 export {
-  et as AccessGate,
+  st as AccessGate,
   m as BootstrapError,
   A as BootstrapFields,
-  W as MissingContextError,
+  X as MissingContextError,
   F as beforeSignOutTimeout,
   G as createAccessClient,
   K as createPlatform,
   U as createSession,
-  X as defineFeatureContext,
+  Y as defineFeatureContext,
   _ as heldSession,
   z as httpSessionAdapter,
   D as installPlatform,
-  Z as mergePatch,
+  k as mergePatch,
   P as parseBootstrap,
   H as parseNavigation,
   Q as parseSessionPayload,
   R as platformKey,
-  k as preferencesOf,
+  tt as preferencesOf,
   L as readBootstrap,
+  V as useAccess,
   v as usePlatform,
   M as useSessionUser
 };

package/dist/platform/platform.d.ts

@@ -2,7 +2,7 @@ import type { App, InjectionKey } from "vue";
 import { type HttpClient, type HttpClientOptions, type Transport } from "../client";
 import { type AccessClient, type AccessClientOptions } from "./access";
 import type { BootstrapConfig } from "./bootstrap";
-import type { RegisteredConfig, RegisteredUser } from "./index";
+import type { Permission, RegisteredConfig, RegisteredUser } from "./index";
 import { type BeforeSignOutHook, type Session, type SessionAdapter, type SessionUser } from "./session";
 /**
  * One application's shared services. Everything in it belongs to this instance alone. Bare `Platform` is the
@@ -13,7 +13,7 @@ export interface Platform<U extends SessionUser = RegisteredUser, C extends Boot
     readonly http: HttpClient;
     readonly session: Session<U>;
     /** Reads the session's access; empty until the session is restored or established. */
-    readonly access: AccessClient;
+    readonly access: AccessClient<Permission>;
 }
 export interface PlatformOptions<U extends SessionUser, C extends BootstrapConfig> extends AccessClientOptions {
     /** The validated bootstrap config (`readBootstrap()`); its `apiBase` prefixes every request. */
@@ -65,4 +65,6 @@ export declare function createPlatform<U extends SessionUser, C extends Bootstra
 }): Platform<U, C>;
 export declare const platformKey: InjectionKey<Platform>;
 export declare const usePlatform: () => Platform;
+/** What the signed-in user may do: the platform's access client, typed to the registered permissions. */
+export declare const useAccess: () => AccessClient<Permission>;
 export declare function installPlatform(app: App, platform: Platform): void;

package/dist/{platform-ORzRR3Tw.js → platform-DU9QFts8.js}

@@ -243,7 +243,7 @@ function D(e, r = {}) {
   };
   return d;
 }
-function V(e) {
+function W(e) {
   const r = U({
     baseUrl: e.config.apiBase,
     transport: e.transport,
@@ -265,12 +265,12 @@ function V(e) {
   );
   return { config: e.config, http: r, session: u, access: s };
 }
-const q = _("platform"), K = q[0], W = q[1];
-function X(e, r) {
+const q = _("platform"), K = q[0], L = q[1], X = () => L().access;
+function Y(e, r) {
   e.provide(K, r);
 }
 export {
-  V as a,
+  W as a,
   E as b,
   N as c,
   D as d,
@@ -278,7 +278,8 @@ export {
   Q as f,
   K as g,
   k as h,
-  X as i,
+  Y as i,
+  X as j,
   P as p,
-  W as u
+  L as u
 };

package/dist/playwright/config.d.ts

@@ -0,0 +1,33 @@
+import { type PlaywrightTestConfig } from "@playwright/test";
+/** Any Playwright config field; `webServer` is the one server this preset starts, so a part of it is enough. */
+export type PlaywrightOverrides = Omit<PlaywrightTestConfig, "webServer"> & {
+    webServer?: {
+        command?: string;
+        url?: string;
+        port?: number;
+        reuseExistingServer?: boolean;
+        timeout?: number;
+        cwd?: string;
+        env?: Record<string, string>;
+    };
+};
+export interface PlaywrightConfigOptions {
+    /** Where the specs live, relative to the config file. Default `"./e2e"`. */
+    testDir?: string;
+    /** The zone the specs and the browser run in (specs build expected times with local Dates, and a CI runner is UTC). Sets `TZ` and `timezoneId`; unset leaves both alone. */
+    timezone?: string;
+    /** Spec globs to leave out (opt-in screenshot specs). Default none. */
+    ignore?: string[];
+    /** The dev server's port when `E2E_PORT` is not set, which runs a second checkout's suite on its own server. Default 5173. */
+    port?: number;
+    /** The JSON report `vue-core e2e-timings` reads (`e2eTimings.report`). Default `"e2e-timings/results.json"`. */
+    report?: string;
+}
+/**
+ * The Playwright config of an application on vue-core: its dev server (`npm run dev -- --port`, reused when one runs outside CI), Chromium,
+ * fully parallel specs, and in CI `forbidOnly`, two retries and two workers, the `github` reporter instead of `html`, plus the JSON report
+ * `vue-core e2e-timings` reads. `overrides` replaces any field; `use` and `webServer` merge one level deep.
+ *
+ *   export default playwrightConfig({ timezone: "Europe/Zagreb" });
+ */
+export declare function playwrightConfig(options?: PlaywrightConfigOptions, overrides?: PlaywrightOverrides): PlaywrightTestConfig;

package/dist/playwright/index.d.ts

@@ -11,3 +11,5 @@ export type { ProfileAnswers, ProfileCall, ProfileOptions } from "./profile";
 export { activity, ago, change, freshState, person, serveUsers, serviceAccount, session, signin } from "./users";
 export type { UsersOptions, UsersRequest, UsersState, Write } from "./users";
 export type { Call } from "./request";
+export { playwrightConfig } from "./config";
+export type { PlaywrightConfigOptions, PlaywrightOverrides } from "./config";