@wssto2/vue-core 0.4.15 → 0.4.16

package/dist/TimeField.vue_vue_type_script_setup_true_lang-pAdLPYXA.js

@@ -0,0 +1,187 @@
+import { computed as m, defineComponent as K, useModel as W, useTemplateRef as b, openBlock as d, createBlock as N, mergeProps as _, unref as o, createSlots as j, withCtx as u, createElementBlock as g, Fragment as P, createVNode as c, createTextVNode as G, toDisplayString as J, createCommentVNode as U, createElementVNode as h, normalizeClass as O, renderSlot as T, mergeModels as X, mergeDefaults as Y, nextTick as z } from "vue";
+import { useI18n as M } from "vue-i18n";
+import { _ as Z } from "./DateButton.vue_vue_type_script_setup_true_lang-EcqrfWKz.js";
+import { u as ee } from "./format-B8mJm946.js";
+import { _ as te } from "./Icon.vue_vue_type_script_lang-D7oC-d-S.js";
+import { u as oe } from "./mediaQuery-CygcXmFW.js";
+import { _ as le } from "./Popover.vue_vue_type_script_setup_true_lang-Dx-tDhNE.js";
+import { c as ae, _ as re, f as se, b as ie } from "./control-B_Nwtmag.js";
+import { d as ne, r as ue, t as F, p as me, u as de, a as ce, i as L, _ as pe, b as fe, c as ve } from "./useTypedEntry-aTfPBAhw.js";
+function be(i) {
+  const { t: n } = M(), e = m(() => [n("core.form.time.words.now").toLowerCase(), "now"]);
+  return {
+    placeholder: m(() => n("core.form.time.placeholder")),
+    parse(l) {
+      if (e.value.includes(l.trim().toLowerCase())) return { value: F(i()) };
+      const a = me(l, i());
+      return "time" in a ? { value: a.time } : { error: a.error === "step" ? n("core.form.time.step", { step: i() }) : n("core.form.time.invalid") };
+    },
+    shortcuts: (l) => (l ?? ne).map((a) => ue(a, n("core.form.time.now"), F(i())))
+  };
+}
+const ye = ["id", "name", "value", "placeholder", "disabled", "required", "aria-required", "aria-invalid", "aria-describedby"], ke = ["aria-label", "onClick"], Ve = /* @__PURE__ */ K({
+  __name: "TimeField",
+  props: /* @__PURE__ */ X(/* @__PURE__ */ Y({
+    label: {},
+    labelHidden: { type: Boolean },
+    hint: {},
+    error: {},
+    required: { type: Boolean },
+    editable: { type: Boolean },
+    disabled: { type: Boolean },
+    lockedReason: {},
+    presentation: {},
+    name: {},
+    minuteStep: {},
+    quickTimes: {}
+  }, { ...ie, minuteStep: 1, quickTimes: void 0 }), {
+    modelValue: { default: null },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(i, { expose: n }) {
+    const e = i, l = W(i, "modelValue"), { t: a } = M(), I = ee(), Q = oe(), $ = b("input"), p = b("popover"), x = b("panel"), q = b("sheet"), y = be(() => e.minuteStep), r = de({ model: l, display: (t) => t, parse: y.parse }), C = m(() => y.shortcuts(e.quickTimes)), V = m(() => e.error || r.message.value), R = ae("date", () => V.value ? "error" : e.disabled ? "locked" : "rest"), A = m(() => {
+      const t = ce(l.value);
+      return t ? I.time(new Date(2e3, 0, 1, t.hour, t.minute)) : null;
+    }), S = m(() => L(r.typed.value) ? r.typed.value : L(l.value) ? l.value : null);
+    async function k(t) {
+      e.disabled || (p.value?.present(), t && (await z(), await z(), x.value?.querySelector("[role=listbox]")?.focus()));
+    }
+    function H(t) {
+      t.key === "Enter" ? (r.commit(), p.value?.dismiss()) : t.key === "ArrowDown" && (t.preventDefault(), k(!0));
+    }
+    return n({ focus: () => $.value?.focus() }), (t, s) => (d(), N(re, _({ ...o(se)(e), error: V.value }, {
+      value: A.value,
+      "value-style": "numeric"
+    }), j({
+      default: u(({ id: B, describedby: D, invalid: E }) => [
+        o(Q) ? (d(), g(P, { key: 0 }, [
+          c(Z, _({ id: B, "aria-describedby": D }, {
+            disabled: e.disabled,
+            invalid: E,
+            placeholder: o(a)("core.form.select.choose"),
+            onClick: s[0] || (s[0] = (f) => q.value?.present())
+          }), {
+            default: u(() => [
+              l.value ? (d(), g(P, { key: 0 }, [
+                G(J(l.value), 1)
+              ], 64)) : U("", !0)
+            ]),
+            _: 1
+          }, 16, ["disabled", "invalid", "placeholder"]),
+          c(pe, {
+            ref_key: "sheet",
+            ref: q,
+            title: e.label ?? o(a)("core.form.time.label"),
+            mode: "time",
+            "model-value": l.value,
+            shortcuts: C.value,
+            step: e.minuteStep,
+            clearable: !e.required,
+            "onUpdate:modelValue": o(r).set
+          }, null, 8, ["title", "model-value", "shortcuts", "step", "clearable", "onUpdate:modelValue"])
+        ], 64)) : (d(), N(le, {
+          key: 1,
+          ref_key: "popover",
+          ref: p,
+          label: e.label ?? o(a)("core.form.time.label"),
+          width: "sm",
+          placement: "bottom-start",
+          arrow: !1,
+          autofocus: !1
+        }, {
+          trigger: u(({ attrs: f, presented: w }) => [
+            h("div", {
+              class: O(["inline-flex max-w-full items-center gap-2", o(R)])
+            }, [
+              h("input", _({
+                id: B,
+                ref_key: "input",
+                ref: $
+              }, f, {
+                type: "text",
+                role: "combobox",
+                autocomplete: "off",
+                size: "10",
+                name: e.name,
+                value: o(r).text.value,
+                placeholder: o(y).placeholder.value,
+                disabled: e.disabled,
+                required: e.required,
+                "aria-required": e.required || void 0,
+                "aria-invalid": E || void 0,
+                "aria-describedby": D,
+                class: "block min-h-7 min-w-0 border-0 bg-transparent py-1 pl-2.5 text-body tabular-nums text-content-strong placeholder:text-content-disabled focus:outline-none focus:ring-0 disabled:cursor-not-allowed",
+                onInput: s[1] || (s[1] = (v) => o(r).input(v.target.value)),
+                onBlur: s[2] || (s[2] = (v) => o(r).commit()),
+                onKeydown: H,
+                onClick: s[3] || (s[3] = (v) => k(!1))
+              }), null, 16, ye),
+              e.disabled ? U("", !0) : (d(), g("button", {
+                key: 0,
+                type: "button",
+                tabindex: "-1",
+                "aria-label": o(a)("core.form.time.open"),
+                class: "mr-2 flex shrink-0 cursor-pointer items-center text-content-link",
+                onClick: (v) => w ? p.value?.dismiss() : k(!0)
+              }, [
+                c(o(te), {
+                  name: "timeLine",
+                  size: 18
+                })
+              ], 8, ke))
+            ], 2)
+          ]),
+          default: u(({ dismiss: f }) => [
+            h("div", {
+              ref_key: "panel",
+              ref: x,
+              class: "flex flex-col gap-2.5"
+            }, [
+              c(fe, {
+                "model-value": S.value,
+                step: e.minuteStep,
+                "onUpdate:modelValue": o(r).set
+              }, null, 8, ["model-value", "step", "onUpdate:modelValue"]),
+              c(ve, {
+                items: C.value,
+                selected: S.value,
+                onPick: (w) => {
+                  o(r).set(w), f();
+                }
+              }, null, 8, ["items", "selected", "onPick"])
+            ], 512)
+          ]),
+          _: 2
+        }, 1032, ["label"]))
+      ]),
+      _: 2
+    }, [
+      t.$slots.trailing ? {
+        name: "trailing",
+        fn: u(() => [
+          T(t.$slots, "trailing")
+        ]),
+        key: "0"
+      } : void 0,
+      t.$slots.labelTrailing ? {
+        name: "labelTrailing",
+        fn: u(() => [
+          T(t.$slots, "labelTrailing")
+        ]),
+        key: "1"
+      } : void 0,
+      t.$slots.readonly ? {
+        name: "readonly",
+        fn: u(() => [
+          T(t.$slots, "readonly")
+        ]),
+        key: "2"
+      } : void 0
+    ]), 1040, ["value"]));
+  }
+});
+export {
+  Ve as _,
+  be as u
+};

package/dist/{UserRecord-D1BNmYp9.js → UserRecord-BSbNuRFi.js}

@@ -3,7 +3,7 @@ import { useI18n as A } from "vue-i18n";
 import { a as F } from "./neighbors-DVN_cADL.js";
 import { _ as H } from "./Avatar.vue_vue_type_script_setup_true_lang-CFIheaSr.js";
 import { u as J } from "./describeError-B-NMa--w.js";
-import { i as w, P as Q, p as W, f as X, M as Y, g as Z, d as ee } from "./index-DwdVrW6q.js";
+import { i as w, P as Q, p as W, f as X, M as Y, g as Z, d as ee } from "./index-Bq96L43f.js";
 import { _ as se } from "./AlertDialog.vue_vue_type_script_setup_true_lang-whA4WLdl.js";
 import { t as k } from "./toast-CqSDTWRX.js";
 import { _ as ae } from "./SectionNavigator.vue_vue_type_script_setup_true_lang-D5Cnb4_O.js";
@@ -14,12 +14,12 @@ import { A as re } from "./access-DmAceEo5.js";
 import { _ as ne } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
 import { u as ie } from "./useLoad-M7V-AVwR.js";
 import { _ as V } from "./IconTile.vue_vue_type_script_setup_true_lang-_FXvaj93.js";
-import { _ as T } from "./FormGroup.vue_vue_type_script_setup_true_lang-noYI9QMk.js";
-import { e as B } from "./control-CX9BG2UB.js";
+import { _ as T } from "./FormGroup.vue_vue_type_script_setup_true_lang-BokxZ7LU.js";
+import { e as B } from "./control-B_Nwtmag.js";
 import { u as z, _ as K } from "./useCommand-B-N6HJOz.js";
 import { u as U } from "./fieldMessages-DV6sESpn.js";
-import { u as ce, s as le } from "./status-cWCAMAmW.js";
-import { _ as M } from "./TextField.vue_vue_type_script_setup_true_lang-nqnGG7Zc.js";
+import { u as ce, s as le } from "./status-DzmySsWw.js";
+import { _ as M } from "./TextField.vue_vue_type_script_setup_true_lang-D3-R5XXG.js";
 const ue = /* @__PURE__ */ R({
   __name: "DeactivateDialog",
   props: {

package/dist/{UsersList-ltx3G23-.js → UsersList-DPHxcaDm.js}

@@ -1,18 +1,18 @@
 import { defineComponent as U, openBlock as p, createBlock as C, unref as e, withCtx as c, createVNode as r, mergeProps as i, useTemplateRef as V, computed as q, createTextVNode as z, toDisplayString as $, createCommentVNode as A, createElementBlock as S, normalizeClass as N } from "vue";
 import { useI18n as B } from "vue-i18n";
 import { useRouter as M } from "vue-router";
-import { u as P, _ as D } from "./CollectionPage.vue_vue_type_script_setup_true_lang-B17cUOzj.js";
+import { u as P, _ as D } from "./CollectionPage.vue_vue_type_script_setup_true_lang-CD5zZ29o.js";
 import { _ as I } from "./Avatar.vue_vue_type_script_setup_true_lang-CFIheaSr.js";
 import { u as F } from "./format-B8mJm946.js";
 import { u as L } from "./platform-q3cjODLx.js";
 import { _ as G } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
-import { i as K, f as E, M as W } from "./index-DwdVrW6q.js";
-import { U as j, u as H, s as J } from "./status-cWCAMAmW.js";
+import { i as K, f as E, M as W } from "./index-Bq96L43f.js";
+import { U as j, u as H, s as J } from "./status-DzmySsWw.js";
 import { u as O } from "./environment-Dva-SG8D.js";
 import { u as Q } from "./languages-BShG9LpE.js";
-import { _ as X } from "./FormGroup.vue_vue_type_script_setup_true_lang-noYI9QMk.js";
-import { _ as Y } from "./SelectField.vue_vue_type_script_setup_true_lang-DedKLLQK.js";
-import { _ as d } from "./TextField.vue_vue_type_script_setup_true_lang-nqnGG7Zc.js";
+import { _ as X } from "./FormGroup.vue_vue_type_script_setup_true_lang-BokxZ7LU.js";
+import { _ as Y } from "./SelectField.vue_vue_type_script_setup_true_lang-C1Flb1hA.js";
+import { _ as d } from "./TextField.vue_vue_type_script_setup_true_lang-D3-R5XXG.js";
 import { u as Z, _ as ee } from "./useCommand-B-N6HJOz.js";
 import { t as se } from "./toast-CqSDTWRX.js";
 import { u as te } from "./fieldMessages-DV6sESpn.js";

package/dist/access/index.js

@@ -1,4 +1,4 @@
-import { _ as a, i as c, j as o, c as r, b as n, k as i, l as u, p as l, m as p, n as t, u as d, f as m } from "../index-Chh4z9xW.js";
+import { _ as a, i as c, j as o, c as r, b as n, k as i, l as u, p as l, m as p, n as t, u as d, f as m } from "../index-yKIOaisE.js";
 export {
   a as BindingRow,
   c as PersonAccess,

package/dist/app/application.d.ts

@@ -58,7 +58,7 @@ export interface ApplicationLocaleOptions {
     initial?: string;
     /** The locale whose texts stand in for missing ones. Default `en`. */
     fallback?: string;
-    /** The locales the application offers. Default: the library's (`en`, `hr`, `bs`, `sl`). */
+    /** The locales the application offers. Default: the library's (`en`, `hr`, `bs`, `sl`, `sr-Latn`). */
     supported?: readonly string[];
     /**
      * The flag shown beside each locale's name in the language menu, as an ISO 3166-1 country code: `{ en: "GB", sl: "SI" }`.

package/dist/collection/index.js

@@ -1,5 +1,5 @@
 import { D as O, L as j, a as U, h as G, l as X, r as Z } from "../http-D_D9YbLH.js";
-import { _ as H, a as J, u as K } from "../CollectionPage.vue_vue_type_script_setup_true_lang-B17cUOzj.js";
+import { _ as H, a as J, u as K } from "../CollectionPage.vue_vue_type_script_setup_true_lang-CD5zZ29o.js";
 import { u as W, a as Y } from "../neighbors-DVN_cADL.js";
 import { a as te, b as se } from "../rowLayout-D1cYQghV.js";
 import { _ as ae } from "../DataTable.vue_vue_type_script_setup_true_lang-ChS9ULwk.js";

package/dist/{control-CX9BG2UB.js → control-B_Nwtmag.js}

@@ -1,4 +1,4 @@
-import { inject as q, ref as z, computed as r, onBeforeUnmount as A, defineComponent as C, useSlots as F, openBlock as l, createBlock as L, resolveDynamicComponent as T, unref as t, normalizeClass as b, withCtx as _, createElementBlock as s, renderSlot as v, createCommentVNode as n, createElementVNode as x, createTextVNode as h, toDisplayString as f, createVNode as V, useAttrs as G, useId as K, mergeProps as j, createSlots as P, mergeDefaults as M } from "vue";
+import { inject as B, ref as z, computed as r, onBeforeUnmount as A, defineComponent as C, useSlots as F, openBlock as a, createBlock as L, resolveDynamicComponent as T, unref as t, normalizeClass as b, withCtx as _, createElementBlock as s, renderSlot as f, createCommentVNode as n, createElementVNode as g, createTextVNode as h, toDisplayString as v, createVNode as V, useAttrs as G, useId as K, mergeProps as j, createSlots as P, mergeDefaults as M } from "vue";
 import { useI18n as O } from "vue-i18n";
 import { _ as I } from "./Icon.vue_vue_type_script_lang-D7oC-d-S.js";
 import { RouterLink as U } from "vue-router";
@@ -15,9 +15,9 @@ const W = {
   lockedReason: void 0,
   presentation: "control",
   name: void 0
-}, X = Symbol("vue-core.formGroup"), Z = Symbol("vue-core.formRowIndent"), ee = Symbol("vue-core.formEditable"), B = () => q(X, null), te = () => q(Z, 0);
+}, X = Symbol("vue-core.formGroup"), Z = Symbol("vue-core.formRowIndent"), ee = Symbol("vue-core.formEditable"), R = () => B(X, null), te = () => B(Z, 0);
 function oe(i) {
-  const e = B(), d = q(ee, z(!0)), c = Q(), k = r(() => !!e && !!i.disabled && (c.value || i.presentation === "value")), m = r(() => (i.editable ?? !0) && d.value && !k.value), o = r(() => !!e && !!i.disabled && m.value);
+  const e = R(), d = B(ee, z(!0)), c = Q(), k = r(() => !!e && !!i.disabled && (c.value || i.presentation === "value")), m = r(() => (i.editable ?? !0) && d.value && !k.value), o = r(() => !!e && !!i.disabled && m.value);
   if (e) {
     const u = e.registerLocked(r(() => !!i.disabled && d.value && i.presentation !== "value"));
     A(u);
@@ -25,7 +25,7 @@ function oe(i) {
   return { editable: m, locked: o };
 }
 const le = ["label", "labelHidden", "hint", "error", "required", "editable", "disabled", "lockedReason", "presentation", "name"];
-function qe(i) {
+function Re(i) {
   return Object.fromEntries(le.map((e) => [e, i[e]]));
 }
 const ae = {
@@ -68,8 +68,8 @@ const ae = {
         default:
           return "flex flex-col gap-1";
       }
-    }), p = r(() => e.labelHidden ? "sr-only" : u.value === "stacked" ? "text-footnote text-content-muted" : e.layout === "value" ? "text-body text-content-muted" : "text-body text-content-strong"), w = r(() => e.value !== void 0 && e.value !== null && e.value !== "");
-    return (y, g) => (l(), L(T(e.to ? t(U) : "div"), {
+    }), y = r(() => e.labelHidden ? "sr-only" : u.value === "stacked" ? "text-footnote text-content-muted" : e.layout === "value" ? "text-body text-content-muted" : "text-body text-content-strong"), w = r(() => e.value !== void 0 && e.value !== null && e.value !== "");
+    return (p, x) => (a(), L(T(e.to ? t(U) : "div"), {
       to: e.to,
       "data-test": "form-row",
       "data-layout": u.value,
@@ -77,50 +77,50 @@ const ae = {
       class: b(["form-row flex min-w-0 items-stretch gap-3 transition-colors duration-motion-fast first:rounded-t-group last:rounded-b-group focus-within:bg-tint-soft/50 [&:first-child>.row-body]:border-t-0", [m[Math.min(k.value, 2)], e.to ? "hover:bg-fill focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-border-focus" : ""]])
     }, {
       default: _(() => [
-        d.leading ? (l(), s("div", ae, [
-          v(y.$slots, "leading")
+        d.leading ? (a(), s("div", ae, [
+          f(p.$slots, "leading")
         ])) : n("", !0),
-        x("div", re, [
-          x("div", {
+        g("div", re, [
+          g("div", {
             class: b(["min-w-0", S.value])
           }, [
-            e.label || e.sub || d.sub ? (l(), s("div", {
+            e.label || e.sub || d.sub ? (a(), s("div", {
               key: 0,
               class: b([e.labelHidden && !e.sub && !d.sub ? "contents" : u.value === "setting" ? "min-w-min flex-1" : "min-w-0", e.labelAlign === "top" ? "self-start pt-1" : ""])
             }, [
-              x("div", {
+              g("div", {
                 class: b(d["label-trailing"] ? "flex items-center justify-between gap-3" : "")
               }, [
-                (l(), L(T(e.for ? "label" : "span"), {
+                (a(), L(T(e.for ? "label" : "span"), {
                   for: e.for,
-                  class: b(["break-words", [p.value, e.labelHidden ? "" : e.labelLines ? o[e.labelLines] : "block"]])
+                  class: b(["break-words", [y.value, e.labelHidden ? "" : e.labelLines ? o[e.labelLines] : "block"]])
                 }, {
                   default: _(() => [
-                    h(f(e.label), 1),
-                    e.required ? (l(), s("span", se, " *")) : n("", !0)
+                    h(v(e.label), 1),
+                    e.required ? (a(), s("span", se, " *")) : n("", !0)
                   ]),
                   _: 1
                 }, 8, ["for", "class"])),
-                v(y.$slots, "label-trailing")
+                f(p.$slots, "label-trailing")
               ], 2),
-              e.sub || d.sub ? (l(), s("small", {
+              e.sub || d.sub ? (a(), s("small", {
                 key: 0,
                 id: e.subId,
                 class: "mt-0.5 block text-footnote text-content-muted"
               }, [
-                v(y.$slots, "sub", {}, () => [
-                  h(f(e.sub), 1)
+                f(p.$slots, "sub", {}, () => [
+                  h(v(e.sub), 1)
                 ])
               ], 8, ne)) : n("", !0)
             ], 2)) : n("", !0),
-            x("div", {
+            g("div", {
               class: b(["flex min-w-0 items-center gap-2", u.value === "value" ? "justify-end text-right" : u.value === "setting" ? "flex-wrap justify-end text-right" : u.value === "entry" ? "compact:justify-end" : ""])
             }, [
-              v(y.$slots, "default", {}, () => [
-                w.value ? (l(), s("span", ie, f(e.value), 1)) : n("", !0)
+              f(p.$slots, "default", {}, () => [
+                w.value ? (a(), s("span", ie, v(e.value), 1)) : n("", !0)
               ]),
-              v(y.$slots, "trailing"),
-              e.to ? (l(), L(t(I), {
+              f(p.$slots, "trailing"),
+              e.to ? (a(), L(t(I), {
                 key: 0,
                 name: "arrowRightSLine",
                 size: 18,
@@ -128,7 +128,7 @@ const ae = {
               })) : n("", !0)
             ], 2)
           ], 2),
-          e.error ? (l(), s("p", {
+          e.error ? (a(), s("p", {
             key: 0,
             id: e.errorId,
             class: "mt-1 flex items-start gap-1.5 text-footnote text-content-destructive",
@@ -139,7 +139,7 @@ const ae = {
               size: 14,
               class: "mt-px shrink-0"
             }),
-            h(" " + f(e.error), 1)
+            h(" " + v(e.error), 1)
           ], 8, de)) : n("", !0)
         ])
       ]),
@@ -162,7 +162,10 @@ const ae = {
   key: 0,
   class: "text-content-destructive",
   "aria-hidden": "true"
-}, xe = ["id"], he = ["id"], Be = /* @__PURE__ */ C({
+}, xe = {
+  key: 1,
+  class: "flex min-w-0 items-center gap-2"
+}, he = { class: "min-w-0 flex-1" }, ke = ["id"], we = ["id"], Ee = /* @__PURE__ */ C({
   __name: "Field",
   props: /* @__PURE__ */ M({
     label: {},
@@ -183,111 +186,122 @@ const ae = {
     rowLabelAlign: {}
   }, { ...W, value: void 0, prefix: void 0, suffix: void 0, valueStyle: void 0, rowLayout: "entry", rowLabelAlign: "center" }),
   setup(i) {
-    const e = i, { t: d } = O(), c = F(), k = G(), m = B(), { editable: o, locked: u } = oe(e), S = K(), p = r(() => e.name ?? S), w = r(() => `${p.value}-hint`), y = r(() => `${p.value}-error`);
+    const e = i, { t: d } = O(), c = F(), k = G(), m = R(), { editable: o, locked: u } = oe(e), S = K(), y = r(() => e.name ?? S), w = r(() => `${y.value}-hint`), p = r(() => `${y.value}-error`);
     if (m?.registerField) {
-      const a = k["data-field-key"], N = m.registerField(typeof a == "string" ? a : void 0, r(() => e.disabled));
+      const l = k["data-field-key"], N = m.registerField(typeof l == "string" ? l : void 0, r(() => e.disabled));
       A(N);
     }
-    const g = r(() => {
-      const a = e.value;
-      return a == null ? !1 : typeof a == "string" ? a.length > 0 : typeof a == "number" ? !Number.isNaN(a) : !0;
-    }), R = r(() => typeof e.value == "boolean" ? e.value ? d("core.form.yes") : d("core.form.no") : e.value), D = r(() => !!m && !o.value && m.hideEmpty.value && !g.value && !c.readonly), E = r(() => [e.hint && o.value ? w.value : null, e.error ? y.value : null].filter(Boolean).join(" ") || void 0), $ = r(() => {
-      const a = o.value ? e.rowLayout : e.rowLayout === "stacked" ? "stacked" : "value";
-      return e.labelHidden && (a === "entry" || a === "value") ? "stacked" : a;
+    const x = r(() => {
+      const l = e.value;
+      return l == null ? !1 : typeof l == "string" ? l.length > 0 : typeof l == "number" ? !Number.isNaN(l) : !0;
+    }), E = r(() => typeof e.value == "boolean" ? e.value ? d("core.form.yes") : d("core.form.no") : e.value), D = r(() => !!m && !o.value && m.hideEmpty.value && !x.value && !c.readonly), q = r(() => [e.hint && o.value ? w.value : null, e.error ? p.value : null].filter(Boolean).join(" ") || void 0), $ = r(() => {
+      const l = o.value ? e.rowLayout : e.rowLayout === "stacked" ? "stacked" : "value";
+      return e.labelHidden && (l === "entry" || l === "value") ? "stacked" : l;
     }), H = r(
-      () => o.value && !u.value && e.required ? { "data-field-required": "true", "data-field-filled": g.value ? "true" : void 0 } : {}
+      () => o.value && !u.value && e.required ? { "data-field-required": "true", "data-field-filled": x.value ? "true" : void 0 } : {}
     );
-    return (a, N) => t(m) && !D.value ? (l(), L(ue, j({ key: 0 }, H.value, {
+    return (l, N) => t(m) && !D.value ? (a(), L(ue, j({ key: 0 }, H.value, {
       label: e.label,
       "label-hidden": e.labelHidden,
-      for: t(o) ? p.value : void 0,
+      for: t(o) ? y.value : void 0,
       sub: t(o) ? e.hint : void 0,
       "sub-id": w.value,
       required: t(o) && !t(u) && e.required,
       layout: $.value,
       "label-align": $.value === "entry" ? e.rowLabelAlign : void 0,
       error: t(o) ? e.error : void 0,
-      "error-id": y.value,
+      "error-id": p.value,
       "data-field-locked": t(u) ? "true" : void 0
     }), P({
       default: _(() => [
-        x("div", {
+        g("div", {
           class: "relative w-full min-w-0",
           title: t(u) ? e.lockedReason : void 0
         }, [
-          x("div", {
+          g("div", {
             class: b(t(o) ? $.value === "setting" ? "flex min-w-0 flex-col items-end" : $.value === "stacked" ? "flex min-w-0 flex-col items-stretch" : "flex min-w-0 flex-col items-start compact:items-end" : "")
           }, [
-            t(o) ? v(a.$slots, "default", {
-              id: p.value,
-              describedby: E.value,
+            t(o) ? f(l.$slots, "default", {
+              id: y.value,
+              describedby: q.value,
               invalid: !!e.error,
               required: e.required,
               disabled: e.disabled
-            }, void 0, void 0, 0) : t(c).readonly ? v(a.$slots, "readonly", {}, void 0, void 0, 1) : g.value ? (l(), s("span", {
+            }, void 0, void 0, 0) : t(c).readonly ? f(l.$slots, "readonly", {}, void 0, void 0, 1) : x.value ? (a(), s("span", {
               key: 2,
               class: b(["block break-words text-body text-content-strong", e.valueStyle === "mono" ? "font-mono" : e.valueStyle === "numeric" ? "tabular-nums" : ""])
             }, [
-              e.prefix ? (l(), s("span", fe, f(e.prefix), 1)) : n("", !0),
-              h(f(R.value), 1),
-              e.suffix ? (l(), s("span", ve, f(e.suffix), 1)) : n("", !0)
-            ], 2)) : (l(), s("span", me, f(t(d)("core.state.no_value")), 1))
+              e.prefix ? (a(), s("span", fe, v(e.prefix), 1)) : n("", !0),
+              h(v(E.value), 1),
+              e.suffix ? (a(), s("span", ve, v(e.suffix), 1)) : n("", !0)
+            ], 2)) : (a(), s("span", me, v(t(d)("core.state.no_value")), 1))
           ], 2)
         ], 8, ce),
-        t(u) && e.lockedReason ? (l(), s("span", be, f(e.lockedReason), 1)) : n("", !0)
+        t(u) && e.lockedReason ? (a(), s("span", be, v(e.lockedReason), 1)) : n("", !0)
       ]),
       _: 2
     }, [
       t(o) && t(c).trailing ? {
         name: "trailing",
         fn: _(() => [
-          v(a.$slots, "trailing")
+          f(l.$slots, "trailing")
         ]),
         key: "0"
       } : void 0,
       t(o) && t(c).labelTrailing ? {
         name: "label-trailing",
         fn: _(() => [
-          v(a.$slots, "labelTrailing")
+          f(l.$slots, "labelTrailing")
         ]),
         key: "1"
       } : void 0
-    ]), 1040, ["label", "label-hidden", "for", "sub", "sub-id", "required", "layout", "label-align", "error", "error-id", "data-field-locked"])) : t(m) ? n("", !0) : (l(), s("div", j({ key: 1 }, H.value, {
+    ]), 1040, ["label", "label-hidden", "for", "sub", "sub-id", "required", "layout", "label-align", "error", "error-id", "data-field-locked"])) : t(m) ? n("", !0) : (a(), s("div", j({ key: 1 }, H.value, {
       "data-field-error": e.error ? "true" : void 0,
       class: "flex min-w-0 flex-col gap-1"
     }), [
-      e.label || t(o) && t(c).labelTrailing ? (l(), s("div", {
+      e.label || t(o) && t(c).labelTrailing ? (a(), s("div", {
         key: 0,
         class: b(e.labelHidden && !(t(o) && t(c).labelTrailing) ? "contents" : "flex items-center justify-between gap-3")
       }, [
-        e.label ? (l(), s("label", {
+        e.label ? (a(), s("label", {
           key: 0,
-          for: t(o) ? p.value : void 0,
+          for: t(o) ? y.value : void 0,
           class: b(e.labelHidden ? "sr-only" : "text-footnote font-medium text-content-muted")
         }, [
-          h(f(e.label), 1),
-          t(o) && e.required ? (l(), s("span", ge, " *")) : n("", !0)
+          h(v(e.label), 1),
+          t(o) && e.required ? (a(), s("span", ge, " *")) : n("", !0)
         ], 10, pe)) : n("", !0),
-        t(o) ? v(a.$slots, "labelTrailing", {}, void 0, void 0, 1) : n("", !0)
+        t(o) ? f(l.$slots, "labelTrailing", {}, void 0, void 0, 1) : n("", !0)
       ], 2)) : n("", !0),
-      t(o) ? v(a.$slots, "default", {
-        id: p.value,
-        describedby: E.value,
+      t(o) && t(c).trailing ? (a(), s("div", xe, [
+        g("div", he, [
+          f(l.$slots, "default", {
+            id: y.value,
+            describedby: q.value,
+            invalid: !!e.error,
+            required: e.required,
+            disabled: e.disabled
+          })
+        ]),
+        f(l.$slots, "trailing")
+      ])) : t(o) ? f(l.$slots, "default", {
+        id: y.value,
+        describedby: q.value,
         invalid: !!e.error,
         required: e.required,
         disabled: e.disabled
-      }, void 0, void 0, 1) : t(c).readonly ? v(a.$slots, "readonly", {}, void 0, void 0, 2) : (l(), s("span", {
-        key: 3,
-        class: b(["text-body", g.value ? "text-content-strong" : "text-content-disabled"])
-      }, f(g.value ? `${e.prefix ?? ""}${R.value}${e.suffix ?? ""}` : t(d)("core.state.no_value")), 3)),
-      e.hint && t(o) ? (l(), s("p", {
+      }, void 0, void 0, 2) : t(c).readonly ? f(l.$slots, "readonly", {}, void 0, void 0, 3) : (a(), s("span", {
         key: 4,
+        class: b(["text-body", x.value ? "text-content-strong" : "text-content-disabled"])
+      }, v(x.value ? `${e.prefix ?? ""}${E.value}${e.suffix ?? ""}` : t(d)("core.state.no_value")), 3)),
+      e.hint && t(o) ? (a(), s("p", {
+        key: 5,
         id: w.value,
         class: "text-footnote text-content-muted"
-      }, f(e.hint), 9, xe)) : n("", !0),
-      e.error ? (l(), s("p", {
-        key: 5,
-        id: y.value,
+      }, v(e.hint), 9, ke)) : n("", !0),
+      e.error ? (a(), s("p", {
+        key: 6,
+        id: p.value,
         role: "alert",
         class: "flex items-start gap-1.5 text-footnote text-content-destructive"
       }, [
@@ -296,23 +310,23 @@ const ae = {
           size: 14,
           class: "mt-px shrink-0"
         }),
-        h(" " + f(e.error), 1)
-      ], 8, he)) : n("", !0)
+        h(" " + v(e.error), 1)
+      ], 8, we)) : n("", !0)
     ], 16, ye));
   }
-}), ke = "rounded-control transition-[background-color,box-shadow,opacity] duration-motion-fast ease-motion-standard";
-function Re(i, e) {
-  const d = !!B();
-  return r(() => d ? Y({ kind: i, state: e() }) : [ke, ...J(i, e()).map(([c]) => c)].join(" "));
+}), _e = "rounded-control transition-[background-color,box-shadow,opacity] duration-motion-fast ease-motion-standard";
+function He(i, e) {
+  const d = !!R();
+  return r(() => d ? Y({ kind: i, state: e() }) : [_e, ...J(i, e()).map(([c]) => c)].join(" "));
 }
 export {
-  Be as _,
-  B as a,
+  Ee as _,
+  R as a,
   W as b,
-  Re as c,
+  He as c,
   ee as d,
   ue as e,
-  qe as f,
+  Re as f,
   X as g,
   Z as h,
   te as i,

package/dist/form/CardSelectField.vue.d.ts

@@ -1,5 +1,5 @@
 import { type IconName } from "../icon";
-import { type FieldProps } from "./field";
+import { type FieldProps, type FieldSlots } from "./field";
 import type { SelectOption } from "./options";
 declare const _default: <Value extends string | number>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
@@ -14,7 +14,7 @@ declare const _default: <Value extends string | number>(__VLS_props: NonNullable
     }) & Partial<{}>> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
-    slots: {};
+    slots: FieldSlots;
     emit: (evt: "update:modelValue", value: Value) => void;
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;

package/dist/form/ChoiceChips.vue.d.ts

@@ -1,4 +1,4 @@
-import { type FieldProps } from "./field";
+import { type FieldProps, type FieldSlots } from "./field";
 import type { SelectOption } from "./options";
 declare const _default: <Value extends string | number>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
@@ -10,7 +10,7 @@ declare const _default: <Value extends string | number>(__VLS_props: NonNullable
     }) & Partial<{}>> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
-    slots: {};
+    slots: FieldSlots;
     emit: (evt: "update:modelValue", value: Value[]) => void;
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;