@wssto2/vue-core 0.9.3 → 0.10.0

package/dist/content/index.js

@@ -1,75 +1,337 @@
-import { _ as I, i as P } from "../Avatar.vue_vue_type_script_setup_true_lang-BPj_fkJR.js";
-import { defineComponent as c, openBlock as t, createElementBlock as l, createElementVNode as _, toDisplayString as u, createCommentVNode as m, normalizeClass as i, Fragment as p, renderList as h, createBlock as b, createSlots as w, withCtx as x, renderSlot as g, resolveDynamicComponent as $, computed as r, createTextVNode as v } from "vue";
-import { _ as B } from "../KeyValue.vue_vue_type_script_setup_true_lang-wcZcvnow.js";
-import { u as M } from "../format-D8KUBmbS.js";
-import { _ as j } from "../Panel.vue_vue_type_script_setup_true_lang-D_Wg42hu.js";
-import { _ as H } from "../Timestamp.vue_vue_type_script_setup_true_lang-ClZAAUMd.js";
-const V = {
+import { defineComponent as $, computed as g, openBlock as t, createElementBlock as r, Fragment as V, renderList as z, toDisplayString as x, createCommentVNode as k, createElementVNode as p, normalizeClass as _, createVNode as E, unref as b, renderSlot as M, createTextVNode as L, createBlock as w, useModel as U, useId as F, useTemplateRef as R, watch as H, nextTick as I, withModifiers as Z, withDirectives as G, vModelText as O, mergeModels as T, ref as A, withCtx as C, createSlots as P, resolveDynamicComponent as q } from "vue";
+import { useI18n as D } from "vue-i18n";
+import { u as K, t as j } from "../format-D8KUBmbS.js";
+import { _ as S } from "../Icon.vue_vue_type_script_lang-BhhsFYwp.js";
+import { _ as J } from "../Avatar.vue_vue_type_script_setup_true_lang-BPj_fkJR.js";
+import { i as ze } from "../Avatar.vue_vue_type_script_setup_true_lang-BPj_fkJR.js";
+import { _ as Q } from "../KeyValue.vue_vue_type_script_setup_true_lang-wcZcvnow.js";
+import { _ as De } from "../Panel.vue_vue_type_script_setup_true_lang-D_Wg42hu.js";
+import { _ as Ae } from "../Timestamp.vue_vue_type_script_setup_true_lang-ClZAAUMd.js";
+const W = ["aria-label"], X = {
+  key: 0,
+  class: "py-1.5 text-center text-caption font-semibold text-content-muted",
+  "data-test": "activity-day"
+}, Y = { class: "flex min-w-0 flex-col gap-3.5 compact:gap-3" }, ee = {
+  key: 0,
+  "data-test": "activity-event",
+  class: "flex min-w-0 items-center gap-2.5 py-0.5 compact:items-start"
+}, te = { class: "flex min-w-0 flex-1 items-center gap-3 compact:flex-col compact:items-start compact:gap-1" }, se = { class: "flex min-w-0 flex-1 flex-wrap items-center gap-x-1.5 gap-y-1 text-subheadline text-content-strong" }, ae = { class: "shrink-0 text-footnote text-content-muted" }, oe = ["data-mine"], ne = /* @__PURE__ */ $({
+  __name: "ActivityStream",
+  props: {
+    items: {},
+    label: { default: void 0 }
+  },
+  setup(d) {
+    const o = d, { t: s } = D(), n = K(), f = {
+      neutral: "bg-status-neutral-surface text-status-neutral-content",
+      info: "bg-status-info-surface text-status-info-content",
+      warning: "bg-status-warning-surface text-status-warning-content",
+      critical: "bg-status-danger-surface text-status-danger-content",
+      positive: "bg-status-success-surface text-status-success-content"
+    }, a = (c) => j(c.at)?.getTime() ?? 0;
+    function v(c) {
+      const m = j(c);
+      if (!m) return "";
+      const l = Math.round(((/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0) - new Date(m).setHours(0, 0, 0, 0)) / 864e5);
+      return l === 0 ? s("core.activity.today") : l === 1 ? s("core.activity.yesterday") : n.date(m);
+    }
+    const h = g(() => {
+      const c = o.items.map((l, e) => ({ item: l, index: e })).sort((l, e) => a(l.item) - a(e.item) || l.index - e.index).map(({ item: l }) => l), m = [];
+      for (const l of c) {
+        const e = a(l) > 0 ? new Date(l.at).toDateString() : "", B = m[m.length - 1];
+        B && B.key === e ? B.items.push(l) : m.push({ key: e, label: v(l.at), items: [l] });
+      }
+      return m;
+    }), y = (c, m) => [c, n.time(m)].filter(Boolean).join(" · "), u = (c) => c, i = (c) => c;
+    return (c, m) => (t(), r("div", {
+      "data-test": "activity-stream",
+      class: "flex min-w-0 flex-col gap-3.5 compact:gap-3",
+      "aria-label": o.label,
+      role: "group"
+    }, [
+      (t(!0), r(V, null, z(h.value, (l) => (t(), r("section", {
+        key: l.key,
+        class: "flex min-w-0 flex-col gap-3.5 compact:gap-3"
+      }, [
+        l.label ? (t(), r("h4", X, x(l.label), 1)) : k("", !0),
+        p("ol", Y, [
+          (t(!0), r(V, null, z(l.items, (e) => (t(), r("li", {
+            key: `${e.kind}-${e.id}`,
+            class: "min-w-0"
+          }, [
+            e.kind === "event" ? (t(), r("div", ee, [
+              p("span", {
+                "aria-hidden": "true",
+                class: _(["flex size-7 shrink-0 items-center justify-center rounded-full", f[u(e).tone ?? "neutral"]])
+              }, [
+                E(b(S), {
+                  name: u(e).icon,
+                  size: 14
+                }, null, 8, ["name"])
+              ], 2),
+              p("div", te, [
+                p("div", se, [
+                  M(c.$slots, "event", {
+                    item: u(e)
+                  }, () => [
+                    L(x(u(e).text), 1)
+                  ])
+                ]),
+                p("span", ae, x(y(u(e).actor, e.at)), 1)
+              ])
+            ])) : (t(), r("div", {
+              key: 1,
+              "data-test": "activity-comment",
+              "data-mine": i(e).mine ? "true" : void 0,
+              class: _(["flex min-w-0 items-end gap-2", i(e).mine ? "justify-end" : ""])
+            }, [
+              i(e).mine ? k("", !0) : (t(), w(J, {
+                key: 0,
+                src: i(e).avatarUrl,
+                name: i(e).author,
+                size: "md"
+              }, null, 8, ["src", "name"])),
+              p("div", {
+                class: _(["flex max-w-[78%] min-w-0 flex-col gap-1", i(e).mine ? "items-end" : "items-start"])
+              }, [
+                p("p", {
+                  class: _(["rounded-2xl px-3.5 py-2 text-body break-words whitespace-pre-line text-content-strong", i(e).mine ? "rounded-br-md bg-surface-selected" : "rounded-bl-md bg-surface-cell shadow-group"])
+                }, x(i(e).body), 3),
+                p("span", {
+                  class: _(["flex flex-wrap items-center gap-1.5 px-1 text-caption text-content-muted", i(e).mine ? "justify-end" : ""])
+                }, [
+                  L(x(y(i(e).author, e.at)) + " ", 1),
+                  M(c.$slots, "comment-meta", {
+                    item: i(e)
+                  }),
+                  M(c.$slots, "comment-actions", {
+                    item: i(e)
+                  })
+                ], 2)
+              ], 2)
+            ], 10, oe))
+          ]))), 128))
+        ])
+      ]))), 128))
+    ], 8, W));
+  }
+}), le = ["for"], re = ["id", "maxlength", "placeholder", "disabled"], ie = ["disabled", "aria-label"], ce = /* @__PURE__ */ $({
+  __name: "Composer",
+  props: /* @__PURE__ */ T({
+    placeholder: { default: void 0 },
+    label: { default: void 0 },
+    maxLength: { default: 2e3 },
+    disabled: { type: Boolean, default: !1 },
+    processing: { type: Boolean, default: !1 }
+  }, {
+    modelValue: { default: "" },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ T(["submit"], ["update:modelValue"]),
+  setup(d, { expose: o, emit: s }) {
+    const n = d, f = s, a = U(d, "modelValue"), { t: v } = D(), h = F(), y = R("field"), u = g(() => n.placeholder ?? v("core.comments.placeholder")), i = g(() => !n.disabled && !n.processing && a.value.trim().length > 0);
+    function c() {
+      const e = y.value;
+      e && (e.style.height = "auto", e.style.height = `${Math.min(e.scrollHeight, 192)}px`);
+    }
+    H(a, () => I(c));
+    function m() {
+      i.value && f("submit", a.value.trim());
+    }
+    function l(e) {
+      e.key === "Enter" && (e.metaKey || e.ctrlKey) && (e.preventDefault(), m());
+    }
+    return o({ focus: () => y.value?.focus() }), (e, B) => (t(), r("form", {
+      "data-test": "composer",
+      class: "flex items-end gap-2",
+      onSubmit: Z(m, ["prevent"])
+    }, [
+      p("label", {
+        for: b(h),
+        class: "sr-only"
+      }, x(n.label ?? u.value), 9, le),
+      G(p("textarea", {
+        id: b(h),
+        ref_key: "field",
+        ref: y,
+        "onUpdate:modelValue": B[0] || (B[0] = (N) => a.value = N),
+        rows: "1",
+        maxlength: n.maxLength,
+        placeholder: u.value,
+        disabled: n.disabled,
+        "data-test": "composer-input",
+        class: "block max-h-48 min-h-10 min-w-0 flex-1 resize-none rounded-3xl border-0 bg-surface-cell px-3.5 py-2.5 text-body text-content-strong ring-1 ring-border-separator ring-inset placeholder:text-content-disabled focus:outline-2 focus:outline-offset-0 focus:outline-border-focus focus:ring-0 disabled:cursor-not-allowed disabled:bg-fill compact:min-h-[2.375rem] compact:py-2",
+        onKeydown: l
+      }, null, 40, re), [
+        [O, a.value]
+      ]),
+      p("button", {
+        type: "submit",
+        "data-test": "composer-send",
+        disabled: !i.value,
+        "aria-label": b(v)("core.comments.send"),
+        class: _(["hit-target relative mb-0.5 flex size-9 shrink-0 items-center justify-center rounded-full transition-colors duration-motion-fast focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus compact:size-[2.125rem]", i.value ? "cursor-pointer bg-tint text-content-on-tint hover:bg-tint/90" : "cursor-not-allowed bg-fill-strong text-surface-cell"])
+      }, [
+        n.processing ? (t(), w(b(S), {
+          key: 0,
+          name: "loader4Line",
+          size: 18,
+          class: "animate-spin"
+        })) : (t(), w(b(S), {
+          key: 1,
+          name: "arrowUpSLine",
+          size: 20
+        }))
+      ], 10, ie)
+    ], 32));
+  }
+}), ue = {
+  class: "flex min-w-0 flex-col gap-3",
+  "data-test": "comment-thread"
+}, de = {
+  key: 0,
+  class: "px-1 text-subheadline font-semibold text-content-strong compact:text-footnote compact:font-normal compact:uppercase compact:tracking-wide compact:text-content-muted"
+}, me = {
+  key: 1,
+  class: "px-1 text-body text-content-muted",
+  "data-test": "comment-thread-empty"
+}, pe = ["disabled", "aria-label", "title", "onClick"], we = /* @__PURE__ */ $({
+  __name: "CommentThread",
+  props: {
+    comments: {},
+    canAdd: { type: Boolean, default: !1 },
+    canRemove: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    title: { default: void 0 },
+    hideTitle: { type: Boolean, default: !1 },
+    maxLength: { default: 2e3 },
+    onAdd: { type: Function, default: void 0 }
+  },
+  emits: ["remove"],
+  setup(d, { emit: o }) {
+    const s = d, n = o, { t: f } = D(), a = A(""), v = A(!1), h = g(
+      () => s.comments.map((u) => ({
+        kind: "comment",
+        id: u.id,
+        at: u.createdAt ?? null,
+        body: u.body,
+        author: u.author,
+        avatarUrl: u.avatarUrl,
+        mine: u.mine,
+        source: u
+      }))
+    );
+    async function y(u) {
+      v.value = !0;
+      try {
+        await s.onAdd?.(u) !== !1 && (a.value = "");
+      } finally {
+        v.value = !1;
+      }
+    }
+    return (u, i) => (t(), r("section", ue, [
+      s.hideTitle ? k("", !0) : (t(), r("h3", de, x(s.title ?? b(f)("core.comments.title")), 1)),
+      s.comments.length === 0 ? (t(), r("p", me, x(b(f)("core.comments.none")), 1)) : (t(), w(ne, {
+        key: 2,
+        items: h.value,
+        label: s.title ?? b(f)("core.comments.title")
+      }, {
+        "comment-actions": C(({ item: c }) => [
+          s.canRemove ? (t(), r("button", {
+            key: 0,
+            type: "button",
+            "data-test": "comment-remove",
+            class: "hit-target relative inline-flex size-5 cursor-pointer items-center justify-center rounded-full text-content-muted transition-colors duration-motion-fast hover:text-content-destructive focus-visible:outline-2 focus-visible:outline-border-focus disabled:cursor-not-allowed disabled:opacity-40",
+            disabled: s.disabled,
+            "aria-label": b(f)("core.comments.remove"),
+            title: b(f)("core.comments.remove"),
+            onClick: (m) => n("remove", c.source)
+          }, [
+            E(b(S), {
+              name: "deleteBin2Line",
+              size: 14
+            })
+          ], 8, pe)) : k("", !0)
+        ]),
+        _: 1
+      }, 8, ["items", "label"])),
+      s.canAdd ? (t(), w(ce, {
+        key: 3,
+        modelValue: a.value,
+        "onUpdate:modelValue": i[0] || (i[0] = (c) => a.value = c),
+        "max-length": s.maxLength,
+        disabled: s.disabled,
+        processing: v.value,
+        onSubmit: y
+      }, null, 8, ["modelValue", "max-length", "disabled", "processing"])) : k("", !0)
+    ]));
+  }
+}), fe = {
   role: "separator",
   class: "my-2 flex items-center gap-4"
-}, C = {
+}, be = {
   key: 0,
   class: "select-none whitespace-nowrap font-mono text-2xs uppercase tracking-widest text-content-muted"
-}, K = /* @__PURE__ */ c({
+}, $e = /* @__PURE__ */ $({
   __name: "Divider",
   props: {
     label: {}
   },
-  setup(n) {
-    return (e, a) => (t(), l("div", V, [
-      a[0] || (a[0] = _("span", { class: "h-px flex-1 bg-border-separator" }, null, -1)),
-      n.label ? (t(), l("span", C, u(n.label), 1)) : m("", !0),
-      a[1] || (a[1] = _("span", { class: "h-px flex-1 bg-border-separator" }, null, -1))
+  setup(d) {
+    return (o, s) => (t(), r("div", fe, [
+      s[0] || (s[0] = p("span", { class: "h-px flex-1 bg-border-separator" }, null, -1)),
+      d.label ? (t(), r("span", be, x(d.label), 1)) : k("", !0),
+      s[1] || (s[1] = p("span", { class: "h-px flex-1 bg-border-separator" }, null, -1))
     ]));
   }
-}), T = /* @__PURE__ */ c({
+}), Be = /* @__PURE__ */ $({
   __name: "KeyValueList",
   props: {
     items: {},
     columns: { default: 1 }
   },
-  setup(n) {
-    const e = n, a = {
+  setup(d) {
+    const o = d, s = {
       1: "grid-cols-1",
       2: "grid-cols-1 sm:grid-cols-2",
       3: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3"
     };
-    return (o, d) => (t(), l("dl", {
-      class: i(["grid gap-x-6 gap-y-3", a[e.columns]])
+    return (n, f) => (t(), r("dl", {
+      class: _(["grid gap-x-6 gap-y-3", s[o.columns]])
     }, [
-      (t(!0), l(p, null, h(e.items, (s) => (t(), b(B, {
-        key: s.key,
-        label: s.label,
-        value: s.value,
-        "data-key": s.key
-      }, w({ _: 2 }, [
-        o.$slots.value ? {
+      (t(!0), r(V, null, z(o.items, (a) => (t(), w(Q, {
+        key: a.key,
+        label: a.label,
+        value: a.value,
+        "data-key": a.key
+      }, P({ _: 2 }, [
+        n.$slots.value ? {
           name: "default",
-          fn: x(() => [
-            g(o.$slots, "value", { item: s })
+          fn: C(() => [
+            M(n.$slots, "value", { item: a })
           ]),
           key: "0"
         } : void 0
       ]), 1032, ["label", "value", "data-key"]))), 128))
     ], 2));
   }
-}), Z = /* @__PURE__ */ c({
+}), Me = /* @__PURE__ */ $({
   __name: "MicroLabel",
   props: {
     as: { default: "span" }
   },
-  setup(n) {
-    return (e, a) => (t(), b($(n.as), { class: "text-2xs font-semibold uppercase tracking-[0.06em] text-content-muted" }, {
-      default: x(() => [
-        g(e.$slots, "default")
+  setup(d) {
+    return (o, s) => (t(), w(q(d.as), { class: "text-2xs font-semibold uppercase tracking-[0.06em] text-content-muted" }, {
+      default: C(() => [
+        M(o.$slots, "default")
       ]),
       _: 3
     }));
   }
-}), D = {
+}), xe = {
   key: 0,
   class: "mr-0.5"
-}, z = /* @__PURE__ */ c({
+}, Ve = /* @__PURE__ */ $({
   __name: "Money",
   props: {
     amount: {},
@@ -79,32 +341,35 @@ const V = {
     emptyZero: { type: Boolean, default: !1 },
     signed: { type: Boolean, default: !1 }
   },
-  setup(n) {
-    const e = n, a = M(), o = r(() => typeof e.amount == "number" && Number.isFinite(e.amount) ? e.amount : 0), d = r(() => e.emptyZero && !o.value), s = r(() => !e.signed || !o.value || !Math.round(Math.abs(o.value) * 10 ** e.decimals) ? "" : o.value > 0 ? "+" : "−"), k = r(() => a.money(e.signed ? Math.abs(o.value) : o.value, { decimals: e.decimals, whole: e.whole, symbol: !1 })), f = r(() => s.value === "+" ? "font-medium text-status-success-content" : s.value === "−" ? "font-medium text-status-danger-content" : ""), y = r(() => e.symbol ? a.currencySymbol : "");
-    return (L, S) => (t(), l("span", {
-      class: i(["whitespace-nowrap tabular-nums", f.value])
+  setup(d) {
+    const o = d, s = K(), n = g(() => typeof o.amount == "number" && Number.isFinite(o.amount) ? o.amount : 0), f = g(() => o.emptyZero && !n.value), a = g(() => !o.signed || !n.value || !Math.round(Math.abs(n.value) * 10 ** o.decimals) ? "" : n.value > 0 ? "+" : "−"), v = g(() => s.money(o.signed ? Math.abs(n.value) : n.value, { decimals: o.decimals, whole: o.whole, symbol: !1 })), h = g(() => a.value === "+" ? "font-medium text-status-success-content" : a.value === "−" ? "font-medium text-status-danger-content" : ""), y = g(() => o.symbol ? s.currencySymbol : "");
+    return (u, i) => (t(), r("span", {
+      class: _(["whitespace-nowrap tabular-nums", h.value])
     }, [
-      d.value ? (t(), l(p, { key: 0 }, [
-        v("—")
-      ], 64)) : (t(), l(p, { key: 1 }, [
-        s.value ? (t(), l("span", D, u(s.value), 1)) : m("", !0),
-        v(u(k.value), 1),
-        y.value ? (t(), l("span", {
+      f.value ? (t(), r(V, { key: 0 }, [
+        L("—")
+      ], 64)) : (t(), r(V, { key: 1 }, [
+        a.value ? (t(), r("span", xe, x(a.value), 1)) : k("", !0),
+        L(x(v.value), 1),
+        y.value ? (t(), r("span", {
           key: 1,
-          class: i(["ml-1 font-normal", f.value ? "opacity-75" : "text-content-muted"])
-        }, u(y.value), 3)) : m("", !0)
+          class: _(["ml-1 font-normal", h.value ? "opacity-75" : "text-content-muted"])
+        }, x(y.value), 3)) : k("", !0)
       ], 64))
     ], 2));
   }
 });
 export {
-  I as Avatar,
-  K as Divider,
-  B as KeyValue,
-  T as KeyValueList,
-  Z as MicroLabel,
-  z as Money,
-  j as Panel,
-  H as Timestamp,
-  P as initialsFor
+  ne as ActivityStream,
+  J as Avatar,
+  we as CommentThread,
+  ce as Composer,
+  $e as Divider,
+  Q as KeyValue,
+  Be as KeyValueList,
+  Me as MicroLabel,
+  Ve as Money,
+  De as Panel,
+  Ae as Timestamp,
+  ze as initialsFor
 };

package/dist/controls/index.js

@@ -1,14 +1,15 @@
-import { _ as A } from "../IconTile.vue_vue_type_script_setup_true_lang-BmxCuUZ9.js";
-import { defineComponent as p, useSlots as c, openBlock as r, createElementBlock as d, normalizeClass as u, createElementVNode as f, renderSlot as m, toDisplayString as b, createVNode as x, unref as h, useModel as v, useTemplateRef as _, withDirectives as y, mergeProps as g, vModelText as k, mergeModels as w } from "vue";
-import { _ as B } from "../Icon.vue_vue_type_script_lang-BhhsFYwp.js";
-import { _ as N } from "../DateButton.vue_vue_type_script_setup_true_lang-CovKG5lN.js";
-import { _ as W } from "../Tabs.vue_vue_type_script_setup_true_lang-tpkGp98F.js";
-import { _ as L } from "../SwipeActions.vue_vue_type_script_setup_true_lang-D8SiC0G7.js";
-import { c as j, a as F, b as G, d as H } from "../controlSurface-t7OEFESJ.js";
-const S = ["disabled", "aria-haspopup", "aria-expanded", "aria-invalid"], V = { class: "min-w-0 truncate" }, P = {
+import { _ as C } from "../IconTile.vue_vue_type_script_setup_true_lang-BmxCuUZ9.js";
+import { defineComponent as p, useSlots as c, openBlock as o, createElementBlock as a, normalizeClass as u, createElementVNode as f, renderSlot as m, toDisplayString as x, createVNode as b, unref as _ } from "vue";
+import { _ as v } from "../Icon.vue_vue_type_script_lang-BhhsFYwp.js";
+import { _ as z } from "../DateButton.vue_vue_type_script_setup_true_lang-CovKG5lN.js";
+import { _ as I } from "../SearchInput.vue_vue_type_script_setup_true_lang-w4eAqyZ9.js";
+import { _ as T } from "../Tabs.vue_vue_type_script_setup_true_lang-tpkGp98F.js";
+import { _ as W } from "../SwipeActions.vue_vue_type_script_setup_true_lang-D8SiC0G7.js";
+import { c as A, a as L, b as U, d as j } from "../controlSurface-t7OEFESJ.js";
+const h = ["disabled", "aria-haspopup", "aria-expanded", "aria-invalid"], y = { class: "min-w-0 truncate" }, g = {
   key: 1,
   class: "text-content-disabled"
-}, T = /* @__PURE__ */ p({
+}, S = /* @__PURE__ */ p({
   __name: "PopupButton",
   props: {
     variant: { default: "filled" },
@@ -19,64 +20,37 @@ const S = ["disabled", "aria-haspopup", "aria-expanded", "aria-invalid"], V = {
     popup: { default: "listbox" }
   },
   emits: ["click"],
-  setup(o, { emit: n }) {
-    const e = o, a = n, l = c();
-    return (s, t) => (r(), d("button", {
+  setup(n, { emit: i }) {
+    const e = n, s = i, l = c();
+    return (r, t) => (o(), a("button", {
       type: "button",
       disabled: e.disabled,
       "aria-haspopup": e.popup,
       "aria-expanded": e.expanded,
       "aria-invalid": e.invalid || void 0,
       class: u(["hit-target inline-flex min-w-0 max-w-full items-center gap-1.5 rounded-control text-body 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.variant === "filled" ? ["py-1 pl-2.5 pr-2 text-content-strong", e.expanded ? "bg-fill-strong" : "bg-fill hover:bg-fill-strong"] : ["py-1", e.expanded ? "text-content-link" : "text-content-muted hover:text-content"]]),
-      onClick: t[0] || (t[0] = (i) => a("click", i))
+      onClick: t[0] || (t[0] = (d) => s("click", d))
     }, [
-      f("span", V, [
-        l.default ? m(s.$slots, "default", {}, void 0, void 0, 0) : (r(), d("span", P, b(e.placeholder), 1))
+      f("span", y, [
+        l.default ? m(r.$slots, "default", {}, void 0, void 0, 0) : (o(), a("span", g, x(e.placeholder), 1))
       ]),
-      x(h(B), {
+      b(_(v), {
         name: "expandUpDownLine",
         size: 14,
         class: "text-content-muted"
       })
-    ], 10, S));
-  }
-}), $ = ["aria-label", "placeholder"], C = /* @__PURE__ */ p({
-  inheritAttrs: !1,
-  __name: "SearchInput",
-  props: /* @__PURE__ */ w({
-    label: {},
-    placeholder: {}
-  }, {
-    modelValue: { required: !0 },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(o, { expose: n }) {
-    const e = v(o, "modelValue"), a = o, l = _("input");
-    return n({ focus: () => l.value?.focus() }), (s, t) => y((r(), d("input", g({
-      ref_key: "input",
-      ref: l,
-      "onUpdate:modelValue": t[0] || (t[0] = (i) => e.value = i),
-      type: "search",
-      enterkeyhint: "search",
-      autocomplete: "off",
-      spellcheck: "false",
-      "aria-label": a.label,
-      placeholder: a.placeholder
-    }, s.$attrs, { class: "min-w-0 flex-1 bg-transparent text-title outline-none placeholder:text-content-disabled [&::-webkit-search-cancel-button]:hidden" }), null, 16, $)), [
-      [k, e.value]
-    ]);
+    ], 10, h));
   }
 });
 export {
-  N as DateButton,
-  A as IconTile,
-  T as PopupButton,
-  C as SearchInput,
-  L as SwipeActions,
-  W as Tabs,
-  j as controlSurface,
-  F as controlSurfacePairs,
-  G as controlWidth,
-  H as controlWidthPair
+  z as DateButton,
+  C as IconTile,
+  S as PopupButton,
+  I as SearchInput,
+  W as SwipeActions,
+  T as Tabs,
+  A as controlSurface,
+  L as controlSurfacePairs,
+  U as controlWidth,
+  j as controlWidthPair
 };

package/dist/form/index.d.ts

@@ -32,6 +32,8 @@ export { default as FormRow } from "./FormRow.vue";
 export { default as FormView } from "./FormView.vue";
 export { default as I18nField } from "./I18nField.vue";
 export { missingLocales } from "./i18nText";
+export { hasUnsupportedCharacters, refineStorableText, unsupportedCharactersCode } from "./storableText";
+export type { StorableTextContext } from "./storableText";
 export type { I18nText } from "./i18nText";
 export { default as MoneyField } from "./MoneyField.vue";
 export { default as MonthYearField } from "./MonthYearField.vue";