@synopackageland/ui 0.25.21 → 0.25.22

package/dist/modules/components/primitives/typography/TypoText.vue.js

@@ -0,0 +1,31 @@
+import { defineComponent as n, openBlock as t, createElementBlock as o, renderSlot as s } from "vue";
+const l = {
+  key: 0,
+  class: "rounded-[var(--ui-radius-inner)] bg-[var(--ui-surface-subtle)] px-1 py-0.5 font-mono text-[length:var(--ui-font-size-sm)] text-[var(--ui-text)]",
+  "data-syno-pkg-land-ui": ""
+}, d = {
+  key: 1,
+  class: "font-semibold text-[var(--ui-text)]",
+  "data-syno-pkg-land-ui": ""
+}, r = {
+  key: 2,
+  "data-syno-pkg-land-ui": ""
+}, f = /* @__PURE__ */ n({
+  __name: "TypoText",
+  props: {
+    code: { type: Boolean, default: !1 },
+    strong: { type: Boolean, default: !1 }
+  },
+  setup(a) {
+    return (e, u) => a.code ? (t(), o("code", l, [
+      s(e.$slots, "default")
+    ])) : a.strong ? (t(), o("strong", d, [
+      s(e.$slots, "default")
+    ])) : (t(), o("span", r, [
+      s(e.$slots, "default")
+    ]));
+  }
+});
+export {
+  f as default
+};

package/dist/modules/components/primitives/typography/TypoText2.vue.js

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

package/dist/modules/components/primitives/typography/TypoTip.vue.js

@@ -0,0 +1,33 @@
+import { defineComponent as l, computed as d, openBlock as p, createElementBlock as c, normalizeClass as r, unref as e, createElementVNode as n, toDisplayString as u, renderSlot as m } from "vue";
+import { useUiText as f } from "../../../i18n/text.js";
+import { cn as T } from "../../../lib/cn.js";
+import { TIP_TITLES as y, BLOCK_SPACING as _, BODY_TEXT as b, TIP_BORDERS as v, TIP_TITLE_COLORS as E } from "./typography.js";
+const I = { class: "text-[var(--ui-text-secondary)]" }, L = /* @__PURE__ */ l({
+  __name: "TypoTip",
+  props: {
+    type: { default: "info" },
+    title: {}
+  },
+  setup(t) {
+    const s = f(), o = t, a = d(() => o.title ?? s(y[o.type]));
+    return (i, S) => (p(), c("div", {
+      class: r([
+        e(_),
+        e(b),
+        "rounded-[var(--ui-radius-inner)] border border-l-2 border-[var(--ui-border)] bg-[var(--ui-surface-subtle)] px-4 py-2",
+        e(v)[t.type]
+      ]),
+      "data-syno-pkg-land-ui": ""
+    }, [
+      n("p", {
+        class: r(e(T)("mb-1 font-semibold", e(E)[t.type]))
+      }, u(a.value), 3),
+      n("div", I, [
+        m(i.$slots, "default")
+      ])
+    ], 2));
+  }
+});
+export {
+  L as default
+};

package/dist/modules/components/primitives/typography/TypoTip2.vue.js

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

package/dist/modules/components/primitives/typography/typography.js

@@ -0,0 +1,34 @@
+const e = "text-[length:var(--ui-font-size)] leading-[var(--ui-line-height)] text-[var(--ui-text)]", r = "my-[var(--ui-space-5)]", n = "font-mono text-[length:var(--ui-font-size-sm)]", i = {
+  1: "text-[length:var(--ui-font-size-h1)]",
+  2: "text-[length:var(--ui-font-size-h2)]",
+  3: "text-[length:var(--ui-font-size-h3)]",
+  4: "text-[length:var(--ui-font-size)]",
+  5: "text-[length:var(--ui-font-size)]",
+  6: "text-[length:var(--ui-font-size-sm)]"
+};
+function o(t) {
+  return t.trim().toLowerCase().replace(/[^\p{L}\p{N}]+/gu, "-").replace(/^-+|-+$/g, "");
+}
+const a = {
+  info: "Info",
+  warn: "Warning",
+  error: "Error"
+}, u = {
+  info: "border-l-[var(--ui-info)]",
+  warn: "border-l-[var(--ui-warning)]",
+  error: "border-l-[var(--ui-danger)]"
+}, s = {
+  info: "text-[var(--ui-info-text)]",
+  warn: "text-[var(--ui-warning-text)]",
+  error: "text-[var(--ui-danger-text)]"
+};
+export {
+  r as BLOCK_SPACING,
+  e as BODY_TEXT,
+  i as HEADER_LEVELS,
+  n as MONO_TEXT,
+  u as TIP_BORDERS,
+  a as TIP_TITLES,
+  s as TIP_TITLE_COLORS,
+  o as headingId
+};

package/dist/modules/composables/backDismiss.js

@@ -0,0 +1,58 @@
+import { watch as g, toValue as u, getCurrentScope as w, onScopeDispose as S } from "vue";
+const f = "__uiBackDismiss", e = [], c = [];
+let l = 0, h = !1;
+const r = (t) => {
+  const o = t?.[f];
+  return typeof o == "number" ? o : 0;
+};
+function d(t) {
+  if (l > 0) {
+    c.push(t);
+    return;
+  }
+  t.depth = r(history.state) + 1;
+  const o = history.state && typeof history.state == "object" ? history.state : {};
+  history.pushState({ ...o, [f]: t.depth }, ""), t.url = location.href, e.push(t);
+}
+function m(t) {
+  if (l > 0) {
+    --l === 0 && c.splice(0).forEach((s) => {
+      s.closed || d(s);
+    });
+    return;
+  }
+  const o = r(t.state);
+  for (; e.length && e[e.length - 1].depth > o; ) {
+    const s = e.pop();
+    s.closed = !0, s.close();
+  }
+}
+function p(t) {
+  t.closed = !0;
+  const o = c.indexOf(t);
+  if (o >= 0 && c.splice(o, 1), !e.includes(t)) return;
+  const s = e[e.length - 1], i = !!s && r(history.state) === s.depth && location.href === s.url;
+  let n = 0;
+  for (; e.length && e[e.length - 1].closed; )
+    e.pop(), n++;
+  n > 0 && i && (l++, history.go(-n));
+}
+function _(t, o, s = {}) {
+  if (typeof window > "u") return;
+  h || (window.addEventListener("popstate", m), h = !0);
+  let i;
+  g(() => u(t) && u(s.enabled ?? !0), (n) => {
+    if (n && !i)
+      i = { depth: 0, url: "", close: o, closed: !1 }, d(i);
+    else if (!n && i) {
+      const a = i;
+      i = void 0, p(a);
+    }
+  }, { immediate: !0 }), w() && S(() => {
+    i && p(i), i = void 0;
+  });
+}
+export {
+  f as BACK_DISMISS_STATE_KEY,
+  _ as useBackDismiss
+};

package/dist/modules/composables/buttonKind.js

@@ -0,0 +1,13 @@
+import { provide as e, inject as i, computed as d } from "vue";
+const t = /* @__PURE__ */ Symbol("syno-pkg-land-ui:button-kind");
+function s(n) {
+  e(t, n === "action" ? { kind: n, buttons: /* @__PURE__ */ new Set(), warned: /* @__PURE__ */ new Set() } : { kind: n });
+}
+function m(n, u, c) {
+  const o = i(t, { kind: "tool" });
+  return d(() => n() ?? o.kind);
+}
+export {
+  s as provideButtonKind,
+  m as useButtonKind
+};

package/dist/modules/composables/collisionBoundary.js

@@ -0,0 +1,15 @@
+import { computed as e } from "vue";
+function u(n) {
+  const t = n?.contextElement ?? n;
+  return t && typeof t.closest == "function" ? t : null;
+}
+function l(n, t) {
+  return e(() => {
+    const o = t() ? u(n()) : null;
+    return o ? o.closest("[data-ui-floating]") ? [] : o.closest('[data-ui-modal-scope="app"]') ?? [] : [];
+  });
+}
+export {
+  u as anchorElement,
+  l as useCollisionBoundary
+};

package/dist/modules/composables/configCascade.js

@@ -0,0 +1,80 @@
+import { inject as l, computed as d, provide as g } from "vue";
+const v = /* @__PURE__ */ Symbol("syno-pkg-land-ui:config-manager"), a = /* @__PURE__ */ Symbol("syno-pkg-land-ui:config-provider");
+function s(o) {
+  if (typeof o != "object" || o === null || Array.isArray(o)) return !1;
+  const n = Object.getPrototypeOf(o);
+  return n === Object.prototype || n === null;
+}
+function f(o, n) {
+  return o[n];
+}
+function c(o, n, e) {
+  o[n] = e;
+}
+function m(o) {
+  return Reflect.ownKeys(o).filter((n) => f(o, n) !== void 0);
+}
+function C(o, n) {
+  const e = { ...o };
+  if (!n) return e;
+  for (const t of m(n)) {
+    const r = f(n, t), i = f(e, t);
+    s(i) && s(r) ? c(e, t, C(i, r)) : c(e, t, i === !1 ? !1 : r);
+  }
+  return e;
+}
+function k(o, n) {
+  const e = { ...o };
+  for (const t of Reflect.ownKeys(n)) {
+    const r = n[t];
+    r !== void 0 && (e[t] = C(o[t], r));
+  }
+  return e;
+}
+function y(o, n) {
+  const e = { ...o };
+  for (const t of m(n)) {
+    const r = f(n, t), i = f(e, t);
+    s(i) && s(r) ? c(e, t, y(i, r)) : c(e, t, r);
+  }
+  return e;
+}
+function O(o) {
+  const n = {};
+  for (const e of Reflect.ownKeys(o)) {
+    const t = f(o, e);
+    t !== void 0 && c(n, e, t);
+  }
+  return n;
+}
+function E(o, n, e = {}) {
+  const t = l(a, null), r = l(v, null);
+  return d(() => {
+    const i = [e, r?.value?.[o], t?.value?.[o]];
+    let u = {};
+    for (const p of i) p && (u = y(u, p));
+    return y(u, O(n));
+  });
+}
+function K(o) {
+  g(v, o);
+}
+function b() {
+  return l(a, d(() => ({})));
+}
+function j(o) {
+  g(a, o);
+}
+export {
+  v as CONFIG_MANAGER_KEY,
+  a as CONFIG_PROVIDER_KEY,
+  O as definedProps,
+  s as isPlainObject,
+  C as mergeConfigEntry,
+  k as mergeConfigRecord,
+  y as overrideConfigEntry,
+  j as provideConfigLayer,
+  K as provideConfigManager,
+  b as useConfigLayer,
+  E as useProps
+};

package/dist/modules/composables/elementWidth.js

@@ -0,0 +1,44 @@
+import { ref as h, onMounted as w, watch as R, onBeforeUnmount as F, nextTick as g } from "vue";
+function A(b, i = {}) {
+  const c = h(0);
+  let a, t, n = 0, o = 0, s = 0, u = !1, f;
+  function v(e) {
+    c.value = e, s = e, g(() => {
+      u || i.onMeasured?.();
+    });
+  }
+  function l(e) {
+    a = new ResizeObserver((r) => {
+      const d = r[0]?.contentRect.width;
+      d === void 0 || d === s || (s = d, n || (n = requestAnimationFrame(() => {
+        n = 0, c.value = s;
+      })));
+    }), a.observe(e);
+  }
+  function m() {
+    if (u) return;
+    const e = b.value;
+    if (!e) return i.onMeasured?.();
+    if (i.observeFirst && typeof ResizeObserver < "u") {
+      t = new ResizeObserver((r) => {
+        t && (t.disconnect(), t = void 0, v(r[0]?.contentRect.width ?? 0), o = requestAnimationFrame(() => {
+          o = 0, u || l(e);
+        }));
+      }), t.observe(e);
+      return;
+    }
+    v(e.getBoundingClientRect().width), !(typeof ResizeObserver > "u") && l(e);
+  }
+  return w(() => {
+    const e = i.after;
+    if (!e || e.value) return m();
+    f = R(e, (r) => {
+      r && (f?.(), f = void 0, m());
+    }, { flush: "sync" });
+  }), F(() => {
+    u = !0, f?.(), t?.disconnect(), t = void 0, a?.disconnect(), n && cancelAnimationFrame(n), o && cancelAnimationFrame(o);
+  }), c;
+}
+export {
+  A as useElementWidth
+};

package/dist/modules/composables/fitHeight.js

@@ -0,0 +1,60 @@
+import { ref as m, onMounted as v, onBeforeUnmount as h } from "vue";
+function b(i) {
+  for (let e = i.parentElement; e && e !== document.body; e = e.parentElement) {
+    const n = getComputedStyle(e).overflowY;
+    if (n === "auto" || n === "scroll" || n === "overlay") return e;
+  }
+}
+function E(i, e, n) {
+  const o = m(0);
+  let r, l = 0, t;
+  function c() {
+    const u = i.value;
+    if (!u || !e()) {
+      o.value = 0;
+      return;
+    }
+    const s = u.getBoundingClientRect();
+    if (!s.width && !s.height) return;
+    const d = s.top;
+    let a;
+    if (t) {
+      const g = t.getBoundingClientRect(), p = d - g.top - t.clientTop + t.scrollTop;
+      a = t.clientHeight - p - (Number.parseFloat(getComputedStyle(t).paddingBottom) || 0);
+    } else
+      a = window.innerHeight - d - window.scrollY;
+    o.value = Math.max(Math.floor(a), n());
+  }
+  function f() {
+    l || (l = requestAnimationFrame(() => {
+      l = 0, c();
+    }));
+  }
+  return v(() => {
+    const u = i.value;
+    if (!u || (t = b(u), c(), window.addEventListener("resize", f), typeof ResizeObserver > "u")) return;
+    r = new ResizeObserver(f);
+    const s = t ?? document.documentElement;
+    r.observe(s), s.firstElementChild && r.observe(s.firstElementChild);
+  }), h(() => {
+    r?.disconnect(), window.removeEventListener("resize", f), l && cancelAnimationFrame(l);
+  }), { height: o, measure: c };
+}
+function R(i) {
+  const e = m(0);
+  let n, o = 0, r = 0;
+  return v(() => {
+    i.value && (e.value = r = i.value.getBoundingClientRect().height, !(typeof ResizeObserver > "u") && (n = new ResizeObserver((l) => {
+      const t = l[0]?.contentRect.height;
+      t === void 0 || t === r || (r = t, o || (o = requestAnimationFrame(() => {
+        o = 0, e.value = r;
+      })));
+    }), n.observe(i.value)));
+  }), h(() => {
+    n?.disconnect(), o && cancelAnimationFrame(o);
+  }), e;
+}
+export {
+  R as useElementHeight,
+  E as useFitHeight
+};

package/dist/modules/composables/floatingHost.js

@@ -0,0 +1,91 @@
+import { inject as D, shallowRef as v, ref as z, watch as F } from "vue";
+import { floatingArea as M, canDragIn as S } from "../lib/floatingDialog.js";
+const _ = "@synopkgland/floating-host", B = "data-ui-floating", C = ["lang", "dir", "data-ui-theme", "data-ui-density", "data-ui-accent", "data-ui-color-scheme", "data-ui-motion"], k = "--ui-accent-";
+function I(r) {
+  const l = [];
+  for (let n = 0; n < r.length; n++) {
+    const o = r.item(n);
+    o.startsWith(k) && l.push(o);
+  }
+  return l;
+}
+const W = /* @__PURE__ */ Symbol("@synopkgland/app-portal");
+function Y() {
+  return D(W, null);
+}
+function q() {
+  return D(_, null);
+}
+function j(r) {
+  const l = r.ownerDocument.defaultView;
+  for (let n = r.parentElement; n && n !== r.ownerDocument.body; n = n.parentElement)
+    if (!["auto", ""].includes(l.getComputedStyle(n).zIndex)) return n;
+  return null;
+}
+function V(r, l) {
+  const n = r.ownerDocument.defaultView;
+  for (let s = r; s; s = s === l ? null : s.parentElement) {
+    const d = n.getComputedStyle(s);
+    if (d.display === "none" || d.visibility === "hidden") return !0;
+  }
+  const o = r.getBoundingClientRect();
+  return o.width > 0 && (o.right <= 0 || o.bottom <= 0 || o.left >= n.innerWidth || o.top >= n.innerHeight);
+}
+function U(r, l, n) {
+  if (!l) return null;
+  const o = v(null), s = v(null), d = v({ left: 0, top: 0, width: 0, height: 0 }), h = z(!1);
+  let g;
+  return F(r, (i, $, H) => {
+    if (!i) return;
+    const u = i.ownerDocument.defaultView, e = i.ownerDocument.createElement("div");
+    e.setAttribute("data-ui-app", ""), e.setAttribute("data-syno-pkg-land-ui", ""), e.setAttribute("data-ui-modal-scope", "app"), e.setAttribute(B, ""), Object.assign(e.style, { position: "fixed", inset: "0", pointerEvents: "none" });
+    const b = () => {
+      for (const t of C) {
+        const c = i.getAttribute(t);
+        c === null ? e.removeAttribute(t) : e.setAttribute(t, c);
+      }
+      for (const t of I(e.style)) e.style.removeProperty(t);
+      for (const t of I(i.style)) e.style.setProperty(t, i.style.getPropertyValue(t));
+    };
+    b();
+    const y = new MutationObserver(b);
+    y.observe(i, { attributes: !0, attributeFilter: [...C, "style"] });
+    const a = j(i), w = () => {
+      const t = !!a && V(i, a);
+      a && (e.style.zIndex = u.getComputedStyle(a).zIndex, e.style.visibility = t ? "hidden" : "");
+      const { left: c, top: p, width: R, height: L } = i.getBoundingClientRect();
+      if (s.value = t ? null : { left: c, top: p, width: R, height: L }, !t) {
+        e.style.setProperty("--ui-floating-owner-width", `${R}px`);
+        const T = Math.max(0, Math.min(p + L, u.innerHeight) - Math.max(p, E()));
+        e.style.setProperty("--ui-floating-owner-height", `${T}px`);
+      }
+    }, E = () => {
+      const t = i.ownerDocument.getElementById("sds-taskbar")?.getBoundingClientRect();
+      return t && t.height > 0 && t.top <= 0 ? Math.max(t.bottom, 0) : 0;
+    }, m = () => {
+      d.value = M({ width: u.innerWidth, height: u.innerHeight }, E()), e.style.setProperty("--ui-floating-max-height", `${d.value.height}px`), h.value = S({ width: u.innerWidth, coarse: !!u.matchMedia?.("(pointer: coarse)").matches }), h.value ? e.removeAttribute("data-ui-presentation") : e.setAttribute("data-ui-presentation", "mobile"), w();
+    }, A = typeof ResizeObserver > "u" ? null : new ResizeObserver(m);
+    A?.observe(i), g = m;
+    const x = new MutationObserver(w);
+    let f = null;
+    const O = (t) => {
+      f = t.target;
+    }, P = (t) => {
+      if (i.contains(t.target)) return;
+      const c = [...e.querySelectorAll("[data-ui-dialog]")].at(-1);
+      if (!c) return;
+      (f?.isConnected && c.contains(f) ? f : c).focus({ preventScroll: !0 });
+    };
+    e.addEventListener("focusin", O), a ? (a.after(e), x.observe(a, { attributes: !0, attributeFilter: ["style", "class"] }), a.addEventListener("focusin", P)) : i.ownerDocument.body.appendChild(e), m(), u.addEventListener("resize", m), e.addEventListener("pointerdown", n, !0), o.value = e, H(() => {
+      y.disconnect(), A?.disconnect(), x.disconnect(), u.removeEventListener("resize", m), e.removeEventListener("pointerdown", n, !0), e.removeEventListener("focusin", O), a?.removeEventListener("focusin", P), e.remove(), o.value = null, g = void 0;
+    });
+  }, { flush: "post" }), { element: o, owner: s, locate: () => (g?.(), s.value), area: d, draggable: h };
+}
+export {
+  W as APP_PORTAL_KEY,
+  B as FLOATING_HOST_ATTRIBUTE,
+  _ as FLOATING_HOST_KEY,
+  Y as injectAppPortal,
+  q as injectFloatingHost,
+  U as useFloatingHost
+};

package/dist/modules/composables/floatingPlacement.js

@@ -0,0 +1,67 @@
+import { shallowRef as x, computed as E, watch as v, onScopeDispose as b } from "vue";
+import { centerOver as R, clampToArea as L } from "../lib/floatingDialog.js";
+const A = 10, K = 50, D = {
+  ArrowLeft: { x: -1, y: 0 },
+  ArrowRight: { x: 1, y: 0 },
+  ArrowUp: { x: 0, y: -1 },
+  ArrowDown: { x: 0, y: 1 }
+};
+function P(m, a) {
+  const r = x(null), s = E(() => !!a?.draggable.value), d = () => m.value?.parentElement ?? null;
+  function y(e) {
+    const n = d()?.getBoundingClientRect();
+    !n || !a || (r.value = L(e, n, a.area.value));
+  }
+  function f(e, n) {
+    r.value && y({ x: r.value.x + e, y: r.value.y + n });
+  }
+  let p = !1;
+  if (a) {
+    let e = a.owner.value;
+    const n = (t) => {
+      const o = t.getBoundingClientRect(), l = a.locate();
+      l && (e = l), r.value = R(l ?? a.area.value, o, a.area.value);
+    };
+    v([m, s], ([t, o]) => {
+      if (!t || !o) {
+        r.value = null;
+        return;
+      }
+      r.value || (p = !1, n(t.parentElement));
+    }, { flush: "post" }), v(m, (t, o, l) => {
+      const i = t?.parentElement;
+      if (!i || typeof ResizeObserver > "u") return;
+      const c = new ResizeObserver(() => {
+        r.value && (p ? f(0, 0) : n(i));
+      });
+      c.observe(i), l(() => c.disconnect());
+    }, { flush: "post" }), v(a.area, () => f(0, 0)), v(a.owner, (t) => {
+      t && (e && f(t.left - e.left, t.top - e.top), e = t);
+    });
+  }
+  let u;
+  function g(e) {
+    const n = e.target;
+    if (!s.value || !r.value || e.button !== 0 || n.closest("button,a,input,select,textarea")) return;
+    e.preventDefault();
+    const t = { x: e.clientX, y: e.clientY, from: r.value }, o = n.ownerDocument.defaultView, l = (c) => {
+      p = !0, y({ x: t.from.x + c.clientX - t.x, y: t.from.y + c.clientY - t.y });
+    };
+    u?.(), u = () => {
+      o.removeEventListener("pointermove", l), o.removeEventListener("pointerup", i), o.removeEventListener("pointercancel", i), u = void 0;
+    };
+    const i = () => u?.();
+    o.addEventListener("pointermove", l), o.addEventListener("pointerup", i), o.addEventListener("pointercancel", i);
+  }
+  function w(e) {
+    const n = D[e.key];
+    if (!s.value || !n || e.altKey || e.ctrlKey || e.metaKey) return;
+    e.preventDefault();
+    const t = e.shiftKey ? K : A;
+    p = !0, f(n.x * t, n.y * t);
+  }
+  return b(() => u?.()), { position: r, draggable: s, onPointerdown: g, onKeydown: w };
+}
+export {
+  P as useFloatingPlacement
+};

package/dist/modules/composables/focusOwner.js

@@ -0,0 +1,11 @@
+import { inject as c } from "vue";
+import { injectFloatingHost as r } from "./floatingHost.js";
+const i = /* @__PURE__ */ Symbol("app-focus-root");
+function u() {
+  const o = c(i, null), n = r();
+  return (t) => !o || !!o.value?.contains(t) || !!n?.element.value?.contains(t);
+}
+export {
+  i as APP_FOCUS_ROOT_KEY,
+  u as useFocusOwner
+};

package/dist/modules/composables/formControl.js

@@ -0,0 +1,69 @@
+import { useAttrs as K, computed as b, provide as E, watch as h, watchEffect as F, onBeforeUpdate as S, onBeforeUnmount as p, onMounted as T, mergeProps as A } from "vue";
+import { useFormField as D, FORM_FIELD_KEY as L, useFormContext as O } from "../components/composite/form/context.js";
+import { focusWithoutScroll as P } from "./softKeyboard.js";
+const m = { integer: "numeric", decimal: "decimal" };
+function z(t) {
+  return t in m ? "text" : t;
+}
+function M(t) {
+  if (t in m) return { inputmode: m[t] };
+  switch (t) {
+    case "email":
+      return { inputmode: "email", autocapitalize: "off", spellcheck: "false" };
+    case "tel":
+      return { inputmode: "tel" };
+    case "url":
+      return { inputmode: "url", autocapitalize: "off" };
+    // A revealed password is a text field: it must not capitalise or correct either.
+    case "password":
+      return { autocapitalize: "off", spellcheck: "false" };
+    case "search":
+      return { enterkeyhint: "search" };
+    default:
+      return {};
+  }
+}
+const Y = () => typeof matchMedia == "function" && matchMedia("(pointer: coarse)").matches;
+function H(t) {
+  const s = K(), n = D(), f = /* @__PURE__ */ Symbol("primary-control"), C = n?.claimControl?.(f), r = b(() => n?.isPrimaryControl ? n.isPrimaryControl(f) ? n : null : C === !1 ? null : n);
+  n && E(L, null), h([r, t.value], ([e, i]) => e?.setValue(i), { immediate: !0 }), h([r, t.disabled], ([e, i]) => e?.setDisabled(i === !0), { immediate: !0 });
+  const g = n?.defaultControlId ?? n?.controlId, y = () => {
+    const e = t.id?.() ?? s.id;
+    r.value?.setControlId?.(typeof e == "string" ? e : g);
+  };
+  F(y), S(y), p(() => {
+    r.value?.setDisabled(!1), n?.releaseControl?.(f);
+  });
+  const c = O(), u = t.keyboard, v = u?.element, o = c?.registerTextControl && r.value && v ? { element: () => v() ?? null, active: () => u.active?.() ?? !0 } : null;
+  o && (T(() => c.registerTextControl(o)), p(() => c.unregisterTextControl(o)));
+  const k = (e) => {
+    if (!u) return {};
+    const i = M(u.type()), l = o && !i.enterkeyhint ? c.enterKeyHint(o) : void 0;
+    return l && (i.enterkeyhint = l, l === "next" && !e && (i.onKeydown = (a) => {
+      if (a.key !== "Enter" || a.isComposing || a.keyCode === 229 || a.shiftKey || a.altKey || a.ctrlKey || a.metaKey || !Y()) return;
+      const d = c.nextTextControl(o);
+      d && (a.preventDefault(), P(d));
+    })), i;
+  }, x = () => ({ class: s.class, style: s.style }), I = () => {
+    const e = Object.fromEntries(Object.entries(s).filter(([d]) => d !== "class" && d !== "style")), i = [...new Set(`${r.value?.describedBy ?? ""} ${e["aria-describedby"] ?? ""}`.split(/\s+/).filter(Boolean))].join(" ") || void 0, l = t.ariaLabel?.() || e["aria-label"], a = t.id?.() ?? e.id ?? r.value?.controlId;
+    return {
+      ...A(k(e.enterkeyhint !== void 0), { onBlur: r.value?.onBlur }, e),
+      id: a === void 0 ? void 0 : String(a),
+      "aria-labelledby": t.ariaLabelledby?.() ?? e["aria-labelledby"] ?? (l ? void 0 : r.value?.labelId),
+      "aria-label": l === void 0 ? void 0 : String(l),
+      "aria-invalid": e["aria-invalid"] ?? (t.invalid?.() || r.value?.invalid || void 0),
+      "aria-required": e["aria-required"] ?? (r.value?.required || void 0),
+      "aria-describedby": i
+    };
+  };
+  function w(e) {
+    r.value?.setValue(e), r.value?.onChange();
+  }
+  const B = b(() => !!t.invalid?.() || !!r.value?.invalid || [!0, "true"].includes(s["aria-invalid"]));
+  return { controlAttrs: I, wrapperAttrs: x, changed: w, invalid: B };
+}
+export {
+  M as keyboardHints,
+  z as nativeInputType,
+  H as useFormControl
+};

package/dist/modules/composables/formGroup.js

@@ -0,0 +1,14 @@
+import { computed as u, inject as t } from "vue";
+const e = /* @__PURE__ */ Symbol("form-group");
+function n() {
+  return t(e, null);
+}
+function c(o) {
+  const r = n();
+  return u(() => o() === !0 || r?.disabled === !0);
+}
+export {
+  e as FORM_GROUP_KEY,
+  n as useFormGroup,
+  c as useGroupDisabled
+};

package/dist/modules/composables/inputModality.js

@@ -0,0 +1,16 @@
+let t = !1;
+typeof document < "u" && (document.addEventListener("keydown", (e) => {
+  !e.metaKey && !e.ctrlKey && !e.altKey && (t = !0);
+}, !0), document.addEventListener("pointerdown", () => {
+  t = !1;
+}, !0));
+function n() {
+  return t;
+}
+function o(e) {
+  e.focus({ preventScroll: !0, focusVisible: t });
+}
+export {
+  o as focusLikeInput,
+  n as lastInputWasKeyboard
+};