@wssto2/vue-core 0.1.0 → 0.3.0

package/dist/Tabs.vue_vue_type_script_setup_true_lang-BeGaydRr.js

@@ -0,0 +1,155 @@
+import { defineComponent as B, useModel as M, useId as z, inject as K, useTemplateRef as I, computed as S, openBlock as o, createElementBlock as l, createElementVNode as f, Fragment as T, renderList as V, normalizeClass as r, unref as c, createTextVNode as j, toDisplayString as m, createCommentVNode as u, createBlock as h, renderSlot as R, mergeModels as D } from "vue";
+import { routerKey as q, routeLocationKey as F } from "vue-router";
+import { _ as y } from "./Icon.vue_vue_type_script_lang-VvcV2Bzo.js";
+import { u as G } from "./mediaQuery-CygcXmFW.js";
+const H = ["aria-label"], P = ["aria-label"], J = ["id", "aria-selected", "tabindex", "aria-controls", "data-tab", "onClick", "onKeydown"], O = {
+  key: 0,
+  class: "text-footnote font-normal tabular-nums"
+}, Q = ["aria-label"], U = ["aria-label"], W = ["id", "aria-selected", "tabindex", "aria-controls", "data-tab", "onClick", "onKeydown"], X = ["id", "aria-labelledby"], ne = /* @__PURE__ */ B({
+  __name: "Tabs",
+  props: /* @__PURE__ */ D({
+    tabs: {},
+    presentation: { default: "segmented" },
+    alignment: { default: "start" },
+    stretch: { type: Boolean, default: !1 },
+    label: { default: void 0 }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(x) {
+    const t = x, w = M(x, "modelValue"), d = z(), k = K(q, null), E = K(F, null);
+    function _() {
+      if (!k) throw new Error("Tabs: a tab has `to`, but no router is installed in the app.");
+      return k;
+    }
+    const L = G(), p = I("list"), N = S(() => t.presentation === "scope" && L.value);
+    function a(n) {
+      return n.to !== void 0 ? _().resolve(n.to).name === E?.name : n.value === w.value;
+    }
+    const $ = S(() => t.tabs.find(a)), b = (n) => `${d}-tab-${String(n.value)}`;
+    function v(n) {
+      n.to !== void 0 ? _().push(n.to) : w.value = n.value;
+    }
+    function C(n, g) {
+      const e = t.tabs.length - 1, i = { ArrowRight: g + 1, ArrowLeft: g - 1, Home: 0, End: e }[n.key];
+      if (i === void 0) return;
+      n.preventDefault();
+      const s = t.tabs[(i + t.tabs.length) % t.tabs.length];
+      s && (v(s), p.value?.querySelector(`[data-tab="${String(s.value)}"]`)?.focus());
+    }
+    const A = { start: "justify-start", center: "justify-center", end: "justify-end" };
+    return (n, g) => (o(), l("div", null, [
+      N.value ? (o(), l("nav", {
+        key: 0,
+        ref_key: "list",
+        ref: p,
+        class: "-mx-1 overflow-x-auto overflow-y-hidden",
+        "aria-label": t.label
+      }, [
+        f("ul", {
+          class: "flex gap-2 p-1",
+          role: "tablist",
+          "aria-label": t.label
+        }, [
+          (o(!0), l(T, null, V(t.tabs, (e, i) => (o(), l("li", {
+            key: e.value,
+            role: "presentation",
+            class: "shrink-0"
+          }, [
+            f("button", {
+              id: b(e),
+              type: "button",
+              role: "tab",
+              "aria-selected": a(e),
+              tabindex: a(e) ? 0 : -1,
+              "aria-controls": `${c(d)}-panel`,
+              "data-tab": String(e.value),
+              class: r(["flex min-h-[2.125rem] cursor-pointer items-center gap-1.5 whitespace-nowrap rounded-full px-3.5 text-subheadline font-semibold transition-colors duration-motion-fast focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus", a(e) ? "bg-tint text-content-on-tint" : "bg-surface-cell text-content-strong shadow-group active:bg-fill"]),
+              onClick: (s) => v(e),
+              onKeydown: (s) => C(s, i)
+            }, [
+              j(m(e.shortLabel ?? e.label) + " ", 1),
+              e.badge ? (o(), l("span", O, m(e.badge), 1)) : u("", !0),
+              e.warning ? (o(), h(c(y), {
+                key: 1,
+                name: "alertTriangle",
+                size: 14,
+                label: e.warning
+              }, null, 8, ["label"])) : u("", !0)
+            ], 42, J)
+          ]))), 128))
+        ], 8, P)
+      ], 8, H)) : (o(), l("nav", {
+        key: 1,
+        ref_key: "list",
+        ref: p,
+        "aria-label": t.label,
+        class: r([
+          t.presentation === "scope" ? "" : "overflow-y-hidden overflow-x-auto whitespace-nowrap",
+          t.presentation === "plain" ? "" : "rounded-control bg-fill p-0.5"
+        ])
+      }, [
+        f("ul", {
+          class: r(["flex gap-0.5", t.presentation === "scope" ? "flex-wrap whitespace-nowrap" : "", A[t.alignment]]),
+          role: "tablist",
+          "aria-label": t.label
+        }, [
+          (o(!0), l(T, null, V(t.tabs, (e, i) => (o(), l("li", {
+            key: e.value,
+            role: "presentation",
+            class: r({ "flex flex-1": t.stretch })
+          }, [
+            f("button", {
+              id: b(e),
+              type: "button",
+              role: "tab",
+              "aria-selected": a(e),
+              tabindex: a(e) ? 0 : -1,
+              "aria-controls": `${c(d)}-panel`,
+              "data-tab": String(e.value),
+              class: r([
+                "flex min-h-8 cursor-pointer items-center justify-center rounded-control px-3.5 py-1 text-subheadline transition-colors duration-motion-fast ease-motion-standard focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-border-focus",
+                a(e) ? "bg-segment-selected font-semibold text-content-strong shadow-sm" : "font-medium text-content hover:text-content-strong",
+                t.stretch ? "flex-1" : ""
+              ]),
+              onClick: (s) => v(e),
+              onKeydown: (s) => C(s, i)
+            }, [
+              e.icon ? (o(), h(c(y), {
+                key: 0,
+                name: e.icon,
+                class: r(["mr-2", a(e) ? "text-content-link" : ""])
+              }, null, 8, ["name", "class"])) : u("", !0),
+              j(" " + m(e.label) + " ", 1),
+              e.badge ? (o(), l("span", {
+                key: 1,
+                class: r(["ml-2 block min-w-[1.125rem] rounded-full px-1.5 text-center text-caption font-semibold tabular-nums", a(e) ? "bg-tint-soft text-content-link" : "bg-surface-cell text-content-muted"])
+              }, m(e.badge), 3)) : u("", !0),
+              e.warning ? (o(), h(c(y), {
+                key: 2,
+                name: "alertTriangle",
+                size: 16,
+                label: e.warning,
+                class: "ml-2 text-status-warning-content"
+              }, null, 8, ["label"])) : u("", !0)
+            ], 42, W)
+          ], 2))), 128))
+        ], 10, U)
+      ], 10, Q)),
+      n.$slots.default ? (o(), l("div", {
+        key: 2,
+        id: `${c(d)}-panel`,
+        role: "tabpanel",
+        "aria-labelledby": $.value ? b($.value) : void 0,
+        class: "mt-4"
+      }, [
+        R(n.$slots, "default")
+      ], 8, X)) : u("", !0)
+    ]));
+  }
+});
+export {
+  ne as _
+};

package/dist/TextField.vue_vue_type_script_setup_true_lang-C_FMf3Vc.js

@@ -0,0 +1,269 @@
+import { defineComponent as H, useTemplateRef as P, computed as x, watch as Y, nextTick as Z, openBlock as n, createElementBlock as i, withModifiers as ee, normalizeStyle as te, unref as s, createElementVNode as m, toDisplayString as r, createCommentVNode as d, Fragment as E, renderList as oe, normalizeClass as q, createBlock as z, createTextVNode as F, useModel as se, ref as ne, mergeProps as ae, withCtx as ie, withDirectives as le, vModelDynamic as re, mergeModels as I, mergeDefaults as ce } from "vue";
+import { useI18n as K } from "vue-i18n";
+import { b as ue } from "./controlSurface-t7OEFESJ.js";
+import { a as de, g as pe, _ as me, f as fe, b as he } from "./options-BXkMR63B.js";
+import { _ as ve } from "./Icon.vue_vue_type_script_lang-VvcV2Bzo.js";
+import { u as ge } from "./anchored-Cj4--8dT.js";
+import { l as O, m as xe, u as ye, c as be } from "./suggestions-BJAqOj4c.js";
+const _e = ["id", "aria-busy"], ke = { class: "min-h-0 flex-1 overflow-y-auto p-1.5" }, we = {
+  key: 0,
+  class: "px-2.5 pb-1 pt-1.5 text-caption font-semibold uppercase text-content-disabled",
+  role: "presentation"
+}, $e = ["id", "aria-selected", "aria-disabled", "onMouseenter", "onClick"], Me = { class: "min-w-0 flex-1" }, qe = { class: "block truncate text-body text-content-strong" }, Le = {
+  key: 0,
+  class: "font-semibold"
+}, Be = {
+  key: 0,
+  class: "block truncate text-footnote text-content-muted"
+}, Ce = {
+  key: 2,
+  class: "px-3 py-2 text-footnote text-content-muted",
+  role: "status"
+}, Se = {
+  key: 3,
+  class: "px-3 py-2 text-footnote text-content-destructive",
+  role: "alert"
+}, De = {
+  key: 4,
+  class: "px-3 py-2 text-footnote text-content-muted"
+}, Ve = {
+  key: 0,
+  class: "mx-1.5 mb-1.5 mt-0.5 border-t border-border-separator px-2.5 pb-0.5 pt-2 text-caption text-content-muted compact:hidden",
+  "aria-hidden": "true"
+}, Ee = /* @__PURE__ */ H({
+  __name: "SuggestionList",
+  props: {
+    id: {},
+    anchor: {},
+    open: { type: Boolean },
+    items: {},
+    highlighted: {},
+    query: {},
+    status: {},
+    recent: { type: Boolean },
+    emptyMessage: { type: Boolean },
+    hint: {}
+  },
+  emits: ["pick", "hover"],
+  setup(w, { emit: L }) {
+    const o = w, t = L, { t: c } = K(), b = P("panel"), _ = x(() => O(o.open, o.items.length, o.status, o.emptyMessage)), k = x(() => o.status === "loading"), f = (h) => xe(h.label, o.query), { style: B } = ge(b, {
+      reference: () => o.anchor,
+      placement: () => "bottom-start",
+      offset: 4,
+      padding: 8,
+      fit: (h, v) => {
+        h.style.width = `${o.anchor?.offsetWidth ?? 0}px`, h.style.maxHeight = `${Math.max(120, Math.min(320, v.height))}px`;
+      }
+    });
+    return Y(() => o.highlighted, () => void Z(() => b.value?.querySelector("[aria-selected='true']")?.scrollIntoView?.({ block: "nearest" }))), (h, v) => _.value ? (n(), i("div", {
+      key: 0,
+      id: `${o.id}-list`,
+      ref_key: "panel",
+      ref: b,
+      role: "listbox",
+      "aria-busy": k.value || void 0,
+      style: te(s(B)),
+      "data-test": "suggestion-list",
+      class: "z-1000 flex flex-col overflow-hidden rounded-menu bg-surface-overlay shadow-float",
+      onMousedown: v[0] || (v[0] = ee(() => {
+      }, ["prevent"]))
+    }, [
+      m("div", ke, [
+        o.recent ? (n(), i("p", we, r(s(c)("core.form.suggestions.recent")), 1)) : d("", !0),
+        o.items.length > 0 ? (n(!0), i(E, { key: 1 }, oe(o.items, (a, g) => (n(), i("div", {
+          id: `${o.id}-option-${g}`,
+          key: String(a.value),
+          role: "option",
+          "aria-selected": g === o.highlighted,
+          "aria-disabled": a.disabled || void 0,
+          "data-test": "suggestion-option",
+          class: q(["flex cursor-pointer items-center gap-2.5 rounded-control px-2.5 py-2", [g === o.highlighted ? "bg-tint-soft" : "hover:bg-fill", a.disabled ? "cursor-not-allowed opacity-45" : "", k.value ? "opacity-60" : ""]]),
+          onMouseenter: (l) => t("hover", g),
+          onClick: (l) => !a.disabled && t("pick", a)
+        }, [
+          o.recent ? (n(), z(s(ve), {
+            key: 0,
+            name: "history",
+            size: 16,
+            class: "shrink-0 text-content-disabled"
+          })) : d("", !0),
+          m("span", Me, [
+            m("span", qe, [
+              o.recent ? (n(), i(E, { key: 0 }, [
+                F(r(a.label), 1)
+              ], 64)) : (n(), i(E, { key: 1 }, [
+                F(r(f(a).before), 1),
+                f(a).match ? (n(), i("strong", Le, r(f(a).match), 1)) : d("", !0),
+                F(r(f(a).after), 1)
+              ], 64))
+            ]),
+            a.description ? (n(), i("span", Be, r(a.description), 1)) : d("", !0)
+          ])
+        ], 42, $e))), 128)) : o.status === "loading" ? (n(), i("p", Ce, r(s(c)("core.form.select.loading")), 1)) : o.status === "failed" ? (n(), i("p", Se, r(s(c)("core.form.select.failed")), 1)) : (n(), i("p", De, r(s(c)("core.form.select.no_matches")), 1))
+      ]),
+      o.hint && o.items.length > 0 ? (n(), i("p", Ve, r(o.hint), 1)) : d("", !0)
+    ], 44, _e)) : d("", !0);
+  }
+}), Fe = {
+  key: 0,
+  class: "shrink-0 text-footnote text-content-muted"
+}, Pe = { class: "relative min-w-0 flex-1" }, ze = ["id", "type", "name", "placeholder", "maxlength", "autocomplete", "disabled", "required", "aria-required", "aria-invalid", "aria-describedby", "role", "aria-autocomplete", "aria-expanded", "aria-controls", "aria-activedescendant"], Ae = { class: "invisible" }, Ne = { class: "text-content-disabled" }, Re = {
+  key: 1,
+  class: "shrink-0 text-footnote text-content-muted"
+}, Ue = /* @__PURE__ */ H({
+  __name: "TextField",
+  props: /* @__PURE__ */ I(/* @__PURE__ */ ce({
+    label: {},
+    hint: {},
+    error: {},
+    required: { type: Boolean },
+    editable: { type: Boolean },
+    disabled: { type: Boolean },
+    lockedReason: {},
+    presentation: {},
+    name: {},
+    type: {},
+    placeholder: {},
+    maxLength: {},
+    autocomplete: {},
+    mono: { type: Boolean },
+    prefix: {},
+    suffix: {},
+    width: {},
+    suggestions: { type: [Array, Function] },
+    suggestionsMinLength: {},
+    suggestionsDebounce: {},
+    suggestionsLimit: {},
+    recents: {}
+  }, {
+    ...he,
+    type: "text",
+    placeholder: void 0,
+    maxLength: void 0,
+    autocomplete: void 0,
+    mono: !1,
+    prefix: void 0,
+    suffix: void 0,
+    width: "md",
+    suggestions: void 0,
+    suggestionsMinLength: 2,
+    suggestionsDebounce: 300,
+    suggestionsLimit: 8,
+    recents: void 0
+  }), {
+    modelValue: { default: "" },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ I(["picked"], ["update:modelValue"]),
+  setup(w, { expose: L, emit: o }) {
+    const t = w, c = se(w, "modelValue"), b = o, _ = P("input"), k = P("anchor"), f = !!de(), B = pe("text", () => t.error ? "error" : t.disabled ? "locked" : "rest"), h = x(() => f ? ue(t.width) : "w-full"), { t: v } = K(), a = (e) => typeof e == "string" ? { value: e, label: e } : { value: e.text, label: e.text, ...e.detail !== void 0 ? { description: e.detail } : {} }, g = x(() => {
+      const e = t.suggestions;
+      if (e)
+        return typeof e == "function" ? async (p, y) => (await e(p, y)).map(a) : e.map(a);
+    }), l = x(() => g.value !== void 0), u = ye({
+      source: () => g.value,
+      minLength: () => t.suggestionsMinLength,
+      debounce: () => t.suggestionsDebounce,
+      limit: () => t.suggestionsLimit,
+      listAllWhenEmpty: !1,
+      recents: () => t.recents
+    }), { items: C, open: S, status: A, highlighted: N, showingRecent: R } = u, T = ne(!0), D = () => {
+      const e = _.value;
+      T.value = !e || e.selectionStart === e.value.length && e.selectionEnd === e.value.length;
+    }, $ = x(() => l.value && S.value && !R.value && T.value && u.current.value ? be(c.value, u.current.value.label) : ""), W = x(() => O(S.value, C.value.length, A.value, !1));
+    function G(e) {
+      D(), l.value && u.ask(e.target.value);
+    }
+    function V(e) {
+      c.value = e.value, u.remember(e), u.close(), b("picked", { text: e.value, ...e.description !== void 0 ? { detail: e.description } : {} });
+    }
+    function U() {
+      l.value && c.value === "" && u.show("");
+    }
+    function j() {
+      const e = u.current.value;
+      return !$.value || !e ? !1 : (V(e), !0);
+    }
+    const J = (e) => {
+      l.value && u.keydown(e, { pick: V, enterNeedsMove: !0, complete: j });
+    };
+    return L({ focus: () => _.value?.focus() }), (e, p) => (n(), z(me, ae(s(fe)(t), {
+      value: c.value,
+      prefix: t.prefix,
+      suffix: t.suffix,
+      "value-style": t.mono ? "mono" : void 0
+    }), {
+      default: ie(({ id: y, describedby: Q, invalid: X }) => [
+        m("div", {
+          ref_key: "anchor",
+          ref: k,
+          class: q(["flex items-center gap-1.5", [s(B), h.value]])
+        }, [
+          t.prefix ? (n(), i("span", Fe, r(t.prefix), 1)) : d("", !0),
+          m("div", Pe, [
+            le(m("input", {
+              id: y,
+              ref_key: "input",
+              ref: _,
+              "onUpdate:modelValue": p[0] || (p[0] = (M) => c.value = M),
+              type: t.type,
+              name: t.name,
+              placeholder: t.placeholder,
+              maxlength: t.maxLength,
+              autocomplete: l.value ? "off" : t.autocomplete,
+              disabled: t.disabled,
+              required: t.required,
+              "aria-required": t.required || void 0,
+              "aria-invalid": X || void 0,
+              "aria-describedby": Q,
+              role: l.value ? "combobox" : void 0,
+              "aria-autocomplete": l.value ? "both" : void 0,
+              "aria-expanded": l.value ? W.value : void 0,
+              "aria-controls": l.value ? `${y}-list` : void 0,
+              "aria-activedescendant": l.value && W.value && s(C).length > 0 ? `${y}-option-${s(N)}` : void 0,
+              class: q(["block w-full min-w-0 border-0 bg-transparent px-0 py-1 text-body text-content-strong placeholder:text-content-disabled focus:outline-none focus:ring-0 disabled:cursor-not-allowed", [t.mono ? "font-mono" : "", f && !l.value ? "compact:text-right" : ""]]),
+              onInput: G,
+              onKeyup: D,
+              onClick: D,
+              onKeydown: J,
+              onFocus: U,
+              onBlur: p[1] || (p[1] = (M) => s(u).close())
+            }, null, 42, ze), [
+              [re, c.value]
+            ]),
+            $.value ? (n(), i("span", {
+              key: 0,
+              "aria-hidden": "true",
+              class: q(["pointer-events-none absolute inset-0 flex items-center overflow-hidden whitespace-pre py-1 text-body", t.mono ? "font-mono" : ""]),
+              "data-test": "completion"
+            }, [
+              m("span", Ae, r(c.value), 1),
+              m("span", Ne, r($.value), 1)
+            ], 2)) : d("", !0)
+          ]),
+          t.suffix ? (n(), i("span", Re, r(t.suffix), 1)) : d("", !0)
+        ], 2),
+        l.value ? (n(), z(Ee, {
+          key: 0,
+          id: y,
+          anchor: k.value,
+          open: s(S),
+          items: s(C),
+          highlighted: s(N),
+          query: c.value,
+          status: s(A),
+          recent: s(R),
+          "empty-message": !1,
+          hint: $.value ? s(v)("core.form.suggestions.keys_complete") : s(v)("core.form.suggestions.keys_pick"),
+          onPick: V,
+          onHover: p[2] || (p[2] = (M) => s(u).highlight(M))
+        }, null, 8, ["id", "anchor", "open", "items", "highlighted", "query", "status", "recent", "hint"])) : d("", !0)
+      ]),
+      _: 1
+    }, 16, ["value", "prefix", "suffix", "value-style"]));
+  }
+});
+export {
+  Ue as _,
+  Ee as a
+};

package/dist/TextareaField.vue_vue_type_script_setup_true_lang-CU3KTKIJ.js

@@ -0,0 +1,127 @@
+import { defineComponent as y, useModel as g, computed as d, openBlock as v, createBlock as x, mergeProps as _, unref as i, withCtx as k, createElementVNode as t, renderSlot as F, normalizeClass as c, normalizeStyle as R, toDisplayString as B, mergeModels as V, mergeDefaults as q, useTemplateRef as P, withDirectives as T, vModelText as I, createElementBlock as N, createCommentVNode as j } from "vue";
+import { useI18n as G } from "vue-i18n";
+import { u as z, _ as C, f as S, b as $, a as U, g as Z } from "./options-BXkMR63B.js";
+import { u as A } from "./mediaQuery-CygcXmFW.js";
+const H = { class: "flex items-center gap-2" }, J = ["id", "aria-checked", "aria-label", "aria-describedby", "aria-invalid", "disabled"], K = { class: "sr-only" }, ae = /* @__PURE__ */ y({
+  __name: "SwitchField",
+  props: /* @__PURE__ */ V(/* @__PURE__ */ q({
+    label: {},
+    hint: {},
+    error: {},
+    required: { type: Boolean },
+    editable: { type: Boolean },
+    disabled: { type: Boolean },
+    lockedReason: {},
+    presentation: {},
+    name: {},
+    size: {}
+  }, { ...$, size: "md" }), {
+    modelValue: { type: Boolean, default: !1 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(l) {
+    const a = l, e = g(l, "modelValue"), { t: o } = G(), { editable: n } = z(a), u = {
+      sm: { "--switch-w": "1.75rem", "--switch-h": "1rem" },
+      md: { "--switch-w": "var(--app-switch-width)", "--switch-h": "var(--app-switch-height)" },
+      lg: { "--switch-w": "3.1875rem", "--switch-h": "1.9375rem" }
+    }, m = d(() => u[a.size]);
+    function p() {
+      !a.disabled && n.value && (e.value = !e.value);
+    }
+    return (s, r) => (v(), x(C, _(i(S)(a), {
+      value: e.value,
+      "row-layout": "setting"
+    }), {
+      default: k(({ id: h, describedby: f, invalid: b }) => [
+        t("div", H, [
+          F(s.$slots, "before"),
+          t("button", {
+            id: h,
+            type: "button",
+            role: "switch",
+            "aria-checked": e.value,
+            "aria-label": a.label,
+            "aria-describedby": f,
+            "aria-invalid": b || void 0,
+            disabled: a.disabled,
+            style: R(m.value),
+            class: c(["hit-target relative inline-flex h-(--switch-h) w-(--switch-w) shrink-0 cursor-pointer rounded-full transition-colors duration-motion-fast ease-motion-standard focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus disabled:cursor-not-allowed disabled:opacity-45", e.value ? "bg-control-on" : "bg-fill-strong"]),
+            onClick: p
+          }, [
+            t("span", {
+              class: c(["pointer-events-none absolute left-0.5 top-0.5 size-[calc(var(--switch-h)-0.25rem)] rounded-full bg-white shadow-knob transition-transform duration-motion-normal ease-motion-standard", e.value ? "translate-x-[calc(var(--switch-w)-var(--switch-h))]" : ""])
+            }, null, 2),
+            t("span", K, B(e.value ? i(o)("core.form.yes") : i(o)("core.form.no")), 1)
+          ], 14, J)
+        ])
+      ]),
+      _: 3
+    }, 16, ["value"]));
+  }
+}), O = ["id", "name", "rows", "placeholder", "maxlength", "autocomplete", "disabled", "required", "aria-required", "aria-invalid", "aria-describedby"], Q = {
+  key: 0,
+  class: "mt-1 self-end text-footnote tabular-nums text-content-muted"
+}, oe = /* @__PURE__ */ y({
+  __name: "TextareaField",
+  props: /* @__PURE__ */ V(/* @__PURE__ */ q({
+    label: {},
+    hint: {},
+    error: {},
+    required: { type: Boolean },
+    editable: { type: Boolean },
+    disabled: { type: Boolean },
+    lockedReason: {},
+    presentation: {},
+    name: {},
+    placeholder: {},
+    maxLength: {},
+    rows: {},
+    autocomplete: {},
+    stacked: { type: Boolean }
+  }, { ...$, placeholder: void 0, maxLength: void 0, rows: 3, autocomplete: void 0, stacked: !1 }), {
+    modelValue: { default: "" },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(l, { expose: a }) {
+    const e = l, o = g(l, "modelValue"), n = P("area"), u = !!U(), m = A(), { editable: p } = z(e), s = d(() => u && !e.stacked && !m.value && p.value && !!e.label), r = d(() => e.maxLength ? `${o.value.length} / ${e.maxLength}` : void 0), h = d(() => s.value && r.value ? [e.hint, r.value].filter(Boolean).join(" · ") : e.hint), f = Z("area", () => e.error ? "error" : e.disabled ? "locked" : "rest");
+    return a({ focus: () => n.value?.focus() }), (b, w) => (v(), x(C, _({ ...i(S)(e), hint: h.value }, {
+      value: o.value,
+      "row-layout": s.value ? "entry" : "stacked",
+      "row-label-align": "top"
+    }), {
+      default: k(({ id: M, describedby: L, invalid: D }) => [
+        t("div", {
+          class: c(["w-full", i(f)])
+        }, [
+          T(t("textarea", {
+            id: M,
+            ref_key: "area",
+            ref: n,
+            "onUpdate:modelValue": w[0] || (w[0] = (E) => o.value = E),
+            name: e.name,
+            rows: e.rows,
+            placeholder: e.placeholder,
+            maxlength: e.maxLength,
+            autocomplete: e.autocomplete,
+            disabled: e.disabled,
+            required: e.required,
+            "aria-required": e.required || void 0,
+            "aria-invalid": D || void 0,
+            "aria-describedby": L,
+            class: c(["block w-full border-0 bg-transparent px-0 py-1 text-body text-content-strong placeholder:text-content-disabled focus:outline-none focus:ring-0 disabled:cursor-not-allowed", e.disabled ? "resize-none" : "resize-y"])
+          }, null, 10, O), [
+            [I, o.value]
+          ])
+        ], 2),
+        !s.value && r.value ? (v(), N("p", Q, B(r.value), 1)) : j("", !0)
+      ]),
+      _: 1
+    }, 16, ["value", "row-layout"]));
+  }
+});
+export {
+  ae as _,
+  oe as a
+};

package/dist/{Timestamp.vue_vue_type_script_setup_true_lang-CSY_mMm1.js → Timestamp.vue_vue_type_script_setup_true_lang-1RJGKxbD.js}

@@ -1,7 +1,7 @@
 import { defineComponent as p, computed as a, openBlock as n, createElementBlock as s, createVNode as v, unref as r, createTextVNode as _, toDisplayString as c } from "vue";
 import { useI18n as f } from "vue-i18n";
 import { u as x, t as y } from "./format-B8mJm946.js";
-import { _ as T } from "./Icon.vue_vue_type_script_lang-DtC4_mkz.js";
+import { _ as T } from "./Icon.vue_vue_type_script_lang-VvcV2Bzo.js";
 const g = ["datetime"], k = {
   key: 1,
   class: "text-xs text-content-muted"

package/dist/{Tooltip.vue_vue_type_script_setup_true_lang-BJWPVyfT.js → Tooltip.vue_vue_type_script_setup_true_lang-OOD_XNWx.js}

@@ -1,5 +1,5 @@
 import { defineComponent as S, useId as $, ref as a, watch as _, onUnmounted as z, openBlock as f, createElementBlock as k, Fragment as I, createElementVNode as b, renderSlot as x, createBlock as N, Teleport as P, mergeProps as B, unref as e, createTextVNode as C, toDisplayString as F, normalizeStyle as L, normalizeClass as V, createCommentVNode as A } from "vue";
-import { I as K } from "./dialogStack-DiTG1rZc.js";
+import { I as K } from "./dialogStack-DZZg55w0.js";
 import { u as M, a as i } from "./anchored-Cj4--8dT.js";
 const j = /* @__PURE__ */ S({
   __name: "Tooltip",