@wssto2/vue-core 0.4.15 → 0.4.16

package/dist/{SignIn-DU4DE2wj.js → SignIn-CAZkovhb.js}

@@ -3,15 +3,15 @@ import { useI18n as A } from "vue-i18n";
 import { _ as B } from "./Button.vue_vue_type_script_setup_true_lang-CL9Qh5yq.js";
 import { _ as V } from "./IconTile.vue_vue_type_script_setup_true_lang-_FXvaj93.js";
 import { u as D } from "./format-B8mJm946.js";
-import { _ as p } from "./FormGroup.vue_vue_type_script_setup_true_lang-noYI9QMk.js";
-import { e as b } from "./control-CX9BG2UB.js";
+import { _ as p } from "./FormGroup.vue_vue_type_script_setup_true_lang-BokxZ7LU.js";
+import { e as b } from "./control-B_Nwtmag.js";
 import { u as U } from "./describeError-B-NMa--w.js";
-import { c as q, P as z, b as F, _ as L, i as O, d as T } from "./index-DwdVrW6q.js";
+import { c as q, P as z, b as F, _ as L, i as O, d as T } from "./index-Bq96L43f.js";
 import { t as h } from "./toast-CqSDTWRX.js";
 import { u as j, h as G } from "./platform-q3cjODLx.js";
 import { b as H } from "./routeResource-DlTsGTg_.js";
 import { _ as J } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
-import { _ as K } from "./ActionRow.vue_vue_type_script_setup_true_lang-CkvS5W6K.js";
+import { _ as K } from "./ActionRow.vue_vue_type_script_setup_true_lang-DOjn7fqy.js";
 import { _ as M } from "./SectionIntro.vue_vue_type_script_setup_true_lang-CZtPrmXD.js";
 const Q = {
   key: 0,

package/dist/{SignInPage-BA22kyOp.js → SignInPage-D-49oLY3.js}

@@ -3,10 +3,10 @@ import { useI18n as x } from "vue-i18n";
 import { useRoute as y, useRouter as h } from "vue-router";
 import { _ as I } from "./Button.vue_vue_type_script_setup_true_lang-CL9Qh5yq.js";
 import { _ as N } from "./Panel.vue_vue_type_script_setup_true_lang-BA0u_DtS.js";
-import { _ as S } from "./FormView.vue_vue_type_script_setup_true_lang-BcIbTMHN.js";
-import { _ as a } from "./TextField.vue_vue_type_script_setup_true_lang-nqnGG7Zc.js";
+import { _ as S } from "./FormView.vue_vue_type_script_setup_true_lang-Dz5TZt92.js";
+import { _ as a } from "./TextField.vue_vue_type_script_setup_true_lang-D3-R5XXG.js";
 import { r as $ } from "./guards-Dve61KjR.js";
-import { u as C, a as E } from "./index-DwdVrW6q.js";
+import { u as C, a as E } from "./index-Bq96L43f.js";
 const V = { class: "flex flex-1 flex-col items-center justify-center gap-8" }, k = { class: "text-xl font-semibold text-content-strong" }, H = /* @__PURE__ */ d({
   __name: "SignInPage",
   setup(q) {

package/dist/{SignIns-C8QAZBaL.js → SignIns-BtNfgMLc.js}

@@ -1,6 +1,6 @@
 import { defineComponent as g, ref as m, watch as p, openBlock as c, createElementBlock as v, createVNode as i, unref as e, withCtx as w, createBlock as x, createCommentVNode as y, createElementVNode as V, toDisplayString as $ } from "vue";
 import { useI18n as N } from "vue-i18n";
-import { P as S, i as b } from "./index-DwdVrW6q.js";
+import { P as S, i as b } from "./index-Bq96L43f.js";
 import { u as k } from "./platform-q3cjODLx.js";
 import { b as I } from "./routeResource-DlTsGTg_.js";
 import { _ as R } from "./AsyncSection.vue_vue_type_script_setup_true_lang-Blj6KgCr.js";

package/dist/SwitchField.vue_vue_type_script_setup_true_lang-0weBvsJf.js

@@ -0,0 +1,87 @@
+import { defineComponent as v, useModel as w, computed as y, openBlock as g, createBlock as k, mergeProps as _, unref as t, createSlots as $, withCtx as l, createElementVNode as s, renderSlot as i, normalizeClass as d, normalizeStyle as B, toDisplayString as S, mergeModels as z, mergeDefaults as C } from "vue";
+import { useI18n as M } from "vue-i18n";
+import { u as V, _ as D, f as T, b as E } from "./control-B_Nwtmag.js";
+const F = { class: "flex items-center gap-2" }, I = ["id", "aria-checked", "aria-label", "aria-describedby", "aria-invalid", "disabled"], P = { class: "sr-only" }, Z = /* @__PURE__ */ v({
+  __name: "SwitchField",
+  props: /* @__PURE__ */ z(/* @__PURE__ */ C({
+    label: {},
+    labelHidden: { type: Boolean },
+    hint: {},
+    error: {},
+    required: { type: Boolean },
+    editable: { type: Boolean },
+    disabled: { type: Boolean },
+    lockedReason: {},
+    presentation: {},
+    name: {},
+    size: {}
+  }, { ...E, size: "md" }), {
+    modelValue: { type: Boolean, default: !1 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(n) {
+    const a = n, e = w(n, "modelValue"), { t: r } = M(), { editable: c } = V(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 = y(() => u[a.size]);
+    function f() {
+      !a.disabled && c.value && (e.value = !e.value);
+    }
+    return (o, q) => (g(), k(D, _(t(T)(a), {
+      value: e.value,
+      "row-layout": "setting"
+    }), $({
+      default: l(({ id: h, describedby: b, invalid: p }) => [
+        s("div", F, [
+          i(o.$slots, "before"),
+          s("button", {
+            id: h,
+            type: "button",
+            role: "switch",
+            "aria-checked": e.value,
+            "aria-label": a.label,
+            "aria-describedby": b,
+            "aria-invalid": p || void 0,
+            disabled: a.disabled,
+            style: B(m.value),
+            class: d(["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: f
+          }, [
+            s("span", {
+              class: d(["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),
+            s("span", P, S(e.value ? t(r)("core.form.yes") : t(r)("core.form.no")), 1)
+          ], 14, I)
+        ])
+      ]),
+      _: 2
+    }, [
+      o.$slots.trailing ? {
+        name: "trailing",
+        fn: l(() => [
+          i(o.$slots, "trailing")
+        ]),
+        key: "0"
+      } : void 0,
+      o.$slots.labelTrailing ? {
+        name: "labelTrailing",
+        fn: l(() => [
+          i(o.$slots, "labelTrailing")
+        ]),
+        key: "1"
+      } : void 0,
+      o.$slots.readonly ? {
+        name: "readonly",
+        fn: l(() => [
+          i(o.$slots, "readonly")
+        ]),
+        key: "2"
+      } : void 0
+    ]), 1040, ["value"]));
+  }
+});
+export {
+  Z as _
+};

package/dist/TextField.vue_vue_type_script_setup_true_lang-D3-R5XXG.js

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

package/dist/TextareaField.vue_vue_type_script_setup_true_lang-4wC3c0BM.js

@@ -0,0 +1,91 @@
+import { defineComponent as q, useModel as C, useTemplateRef as T, computed as n, openBlock as c, createBlock as V, mergeProps as _, unref as m, createSlots as L, withCtx as t, createElementVNode as p, normalizeClass as f, withDirectives as M, vModelText as D, createElementBlock as S, toDisplayString as z, createCommentVNode as E, renderSlot as s, mergeModels as F, mergeDefaults as P } from "vue";
+import { u as R } from "./mediaQuery-CygcXmFW.js";
+import { a as N, u as j, c as G, _ as H, f as U, b as A } from "./control-B_Nwtmag.js";
+const I = ["id", "name", "rows", "placeholder", "maxlength", "autocomplete", "disabled", "required", "aria-required", "aria-invalid", "aria-describedby"], J = {
+  key: 0,
+  class: "mt-1 self-end text-footnote tabular-nums text-content-muted"
+}, W = /* @__PURE__ */ q({
+  __name: "TextareaField",
+  props: /* @__PURE__ */ F(/* @__PURE__ */ P({
+    label: {},
+    labelHidden: { type: Boolean },
+    hint: {},
+    error: {},
+    required: { type: Boolean },
+    editable: { type: Boolean },
+    disabled: { type: Boolean },
+    lockedReason: {},
+    presentation: {},
+    name: {},
+    placeholder: {},
+    maxLength: {},
+    rows: {},
+    autocomplete: {},
+    stacked: { type: Boolean }
+  }, { ...A, placeholder: void 0, maxLength: void 0, rows: 3, autocomplete: void 0, stacked: !1 }), {
+    modelValue: { default: "" },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(d, { expose: v }) {
+    const e = d, o = C(d, "modelValue"), i = T("area"), b = !!N(), y = R(), { editable: g } = j(e), r = n(() => b && !e.stacked && !y.value && g.value && !!e.label), l = n(() => e.maxLength ? `${o.value.length} / ${e.maxLength}` : void 0), h = n(() => r.value && l.value ? [e.hint, l.value].filter(Boolean).join(" · ") : e.hint), k = G("area", () => e.error ? "error" : e.disabled ? "locked" : "rest");
+    return v({ focus: () => i.value?.focus() }), (a, u) => (c(), V(H, _({ ...m(U)(e), hint: h.value }, {
+      value: o.value,
+      "row-layout": r.value ? "entry" : "stacked",
+      "row-label-align": "top"
+    }), L({
+      default: t(({ id: w, describedby: x, invalid: B }) => [
+        p("div", {
+          class: f(["w-full", m(k)])
+        }, [
+          M(p("textarea", {
+            id: w,
+            ref_key: "area",
+            ref: i,
+            "onUpdate:modelValue": u[0] || (u[0] = ($) => o.value = $),
+            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": B || void 0,
+            "aria-describedby": x,
+            class: f(["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, I), [
+            [D, o.value]
+          ])
+        ], 2),
+        !r.value && l.value ? (c(), S("p", J, z(l.value), 1)) : E("", !0)
+      ]),
+      _: 2
+    }, [
+      a.$slots.trailing ? {
+        name: "trailing",
+        fn: t(() => [
+          s(a.$slots, "trailing")
+        ]),
+        key: "0"
+      } : void 0,
+      a.$slots.labelTrailing ? {
+        name: "labelTrailing",
+        fn: t(() => [
+          s(a.$slots, "labelTrailing")
+        ]),
+        key: "1"
+      } : void 0,
+      a.$slots.readonly ? {
+        name: "readonly",
+        fn: t(() => [
+          s(a.$slots, "readonly")
+        ]),
+        key: "2"
+      } : void 0
+    ]), 1040, ["value", "row-layout"]));
+  }
+});
+export {
+  W as _
+};