@synopackageland/ui 0.25.21 → 0.25.22

package/dist/modules/vendor/reka-ui/dist/shared/useSelectionBehavior.js

@@ -0,0 +1,44 @@
+import { findValuesBetween as u } from "./arrays.js";
+import { ref as h } from "vue";
+function B(e, i) {
+  const t = h(), y = (a, l) => {
+    if (i.multiple && Array.isArray(e.value)) if (i.selectionBehavior === "replace")
+      e.value = [a], t.value = a;
+    else {
+      const v = e.value.findIndex((r) => l(r));
+      v !== -1 ? e.value = e.value.filter((r, f) => f !== v) : e.value = [...e.value, a];
+    }
+    else i.selectionBehavior === "replace" ? e.value = { ...a } : !Array.isArray(e.value) && l(e.value) ? e.value = void 0 : e.value = { ...a };
+    return e.value;
+  };
+  function A(a, l, v, r) {
+    if (!t?.value || !i.multiple || !Array.isArray(e.value)) return;
+    const s = v().filter((n) => n.ref.dataset.disabled !== "").find((n) => n.ref === l)?.value;
+    if (!s) return;
+    let c = null;
+    switch (a) {
+      case "prev":
+      case "next": {
+        c = u(r, t.value, s);
+        break;
+      }
+      case "first": {
+        c = u(r, t.value, r?.[0]);
+        break;
+      }
+      case "last": {
+        c = u(r, t.value, r.at(-1));
+        break;
+      }
+    }
+    e.value = c;
+  }
+  return {
+    firstValue: t,
+    onSelectItem: y,
+    handleMultipleReplace: A
+  };
+}
+export {
+  B as useSelectionBehavior
+};

package/dist/modules/vendor/reka-ui/dist/shared/useSingleOrMultipleValue.js

@@ -0,0 +1,45 @@
+import { isValueEqualOrExist as c } from "./isValueEqualOrExist.js";
+import { computed as u } from "vue";
+import { isEqual as a } from "../../../ohash/dist/_chunks/is-equal.js";
+import { useVModel as m } from "../../../@vueuse/core/dist/index.js";
+function v({ type: e, defaultValue: i, modelValue: r }) {
+  const n = r || i;
+  return r !== void 0 || i !== void 0 ? Array.isArray(n) ? "multiple" : "single" : e ?? "single";
+}
+function g({ type: e, defaultValue: i, modelValue: r }) {
+  return e || v({
+    type: e,
+    defaultValue: i,
+    modelValue: r
+  });
+}
+function p({ type: e, defaultValue: i }) {
+  return i !== void 0 ? i : e === "single" ? void 0 : [];
+}
+function B(e, i) {
+  const r = u(() => g(e)), n = m(e, "modelValue", i, {
+    defaultValue: p(e),
+    passive: e.modelValue === void 0,
+    deep: !0
+  });
+  function t(l) {
+    if (r.value === "single") n.value = a(l, n.value) ? void 0 : l;
+    else {
+      const o = Array.isArray(n.value) ? [...n.value || []] : [n.value].filter(Boolean);
+      if (c(o, l)) {
+        const f = o.findIndex((d) => a(d, l));
+        o.splice(f, 1);
+      } else o.push(l);
+      n.value = o;
+    }
+  }
+  const s = u(() => r.value === "single");
+  return {
+    modelValue: n,
+    changeModelValue: t,
+    isSingle: s
+  };
+}
+export {
+  B as useSingleOrMultipleValue
+};

package/dist/modules/vendor/reka-ui/dist/shared/useSize.js

@@ -0,0 +1,34 @@
+import { ref as b, computed as f, onMounted as v, onUnmounted as z } from "vue";
+import { unrefElement as a } from "../../../@vueuse/core/dist/index.js";
+function S(l) {
+  const t = b(), u = f(() => t.value?.width ?? 0), c = f(() => t.value?.height ?? 0);
+  let i;
+  return v(() => {
+    const e = a(l);
+    e ? (t.value = {
+      width: e.offsetWidth,
+      height: e.offsetHeight
+    }, i = new ResizeObserver((r) => {
+      if (!Array.isArray(r) || !r.length) return;
+      const h = r[0];
+      let o, n;
+      if ("borderBoxSize" in h) {
+        const s = h.borderBoxSize, d = Array.isArray(s) ? s[0] : s;
+        o = d.inlineSize, n = d.blockSize;
+      } else
+        o = e.offsetWidth, n = e.offsetHeight;
+      t.value = {
+        width: o,
+        height: n
+      };
+    }), i.observe(e, { box: "border-box" })) : t.value = void 0;
+  }), z(() => {
+    i?.disconnect(), i = void 0;
+  }), {
+    width: u,
+    height: c
+  };
+}
+export {
+  S as useSize
+};

package/dist/modules/vendor/reka-ui/dist/shared/useStateMachine.js

@@ -0,0 +1,16 @@
+import { ref as c } from "vue";
+function i(n, a) {
+  const t = c(n);
+  function r(e) {
+    return a[t.value][e] ?? t.value;
+  }
+  return {
+    state: t,
+    dispatch: (e) => {
+      t.value = r(e);
+    }
+  };
+}
+export {
+  i as useStateMachine
+};

package/dist/modules/vendor/reka-ui/dist/shared/useTypeahead.js

@@ -0,0 +1,36 @@
+import { getActiveElement as h } from "./getActiveElement.js";
+import { refAutoReset as p } from "../../../@vueuse/shared/dist/index.js";
+function y(n) {
+  const e = p("", 1e3);
+  return {
+    search: e,
+    handleTypeaheadSearch: (c, d) => {
+      e.value = e.value + c;
+      {
+        const o = h(), u = d.map((t) => ({
+          ...t,
+          textValue: t.value?.textValue ?? t.ref.textContent?.trim() ?? ""
+        })), l = u.find((t) => t.ref === o), a = u.map((t) => t.textValue), i = m(a, e.value, l?.textValue), f = u.find((t) => t.textValue === i);
+        return f && f.ref.focus(), f?.ref;
+      }
+    },
+    resetTypeahead: () => {
+      e.value = "";
+    }
+  };
+}
+function x(n, e) {
+  return n.map((r, s) => n[(e + s) % n.length]);
+}
+function m(n, e, r) {
+  const c = e.length > 1 && Array.from(e).every((a) => a === e[0]) ? e[0] : e, d = r ? n.indexOf(r) : -1;
+  let o = x(n, Math.max(d, 0));
+  c.length === 1 && (o = o.filter((a) => a !== r));
+  const l = o.find((a) => a.toLowerCase().startsWith(c.toLowerCase()));
+  return l !== r ? l : void 0;
+}
+export {
+  m as getNextMatch,
+  y as useTypeahead,
+  x as wrapArray
+};

package/dist/modules/virtual/cardHeight.js

@@ -0,0 +1,32 @@
+/*! @synopackageland/ui: MIT, Copyright (c) 2023-2025 Teable, Inc. and Copyright (c) 2019-present Baserow B.V. in parts; see LICENSES/source-notices.md */
+const p = {
+  border: 1,
+  padBlock: 8,
+  padInline: 12,
+  /** One title line (14/20). */
+  titleLine: 20,
+  /** Space under the title, and between fields. */
+  gap: 8,
+  /** Field name row: 16 px icon, 12 px muted text. */
+  label: 16,
+  /** Between the name row and the value row. */
+  labelGap: 4
+}, i = {
+  /** One line of 13/20 text, a checkbox or a 20 px select chip. */
+  line: 20,
+  /** Long text, clamped to two lines. */
+  longText: 40,
+  /** A 24 px link chip. */
+  chip: 24,
+  /** A row of 28 px attachment thumbnails. */
+  attachment: 28
+};
+function b({ fields: e, cover: l = 0, title: a = !0 }) {
+  const t = p, n = (a ? 1 : 0) + e.length, o = (a ? t.titleLine : 0) + e.reduce((c, r) => c + t.label + t.labelGap + r, 0) + Math.max(0, n - 1) * t.gap;
+  return 2 * t.border + Math.max(0, l) + (n ? 2 * t.padBlock + o : 0);
+}
+export {
+  p as CARD_METRICS,
+  i as CARD_VALUE_HEIGHT,
+  b as cardHeight
+};

package/dist/modules/virtual/galleryColumns.js

@@ -0,0 +1,38 @@
+const w = [440, 720, 1024, 1280, 1536];
+function n(e) {
+  return e > 0 ? 1 + w.filter((r) => e >= r).length : 0;
+}
+function p(e, r, t, a) {
+  return t <= 0 || a <= 0 || r < e ? [0, 0] : [Math.min(a, e * t), Math.min(a, (r + 1) * t)];
+}
+function u(e, r, t, a, A, M = !1) {
+  if (a <= 0 || t <= 0) return null;
+  const h = r - r % t, f = (g) => Math.max(0, Math.min(a - 1, g));
+  switch (e) {
+    case "ArrowRight":
+      return f(r + 1);
+    case "ArrowLeft":
+      return f(r - 1);
+    // Down from the last full row lands on the last card of the shorter row.
+    case "ArrowDown":
+      return r + t < a ? r + t : h + t < a ? a - 1 : r;
+    case "ArrowUp":
+      return r - t >= 0 ? r - t : r;
+    case "Home":
+      return M ? 0 : h;
+    case "End":
+      return M ? a - 1 : f(h + t - 1);
+    case "PageDown":
+      return f(r + Math.max(1, A) * t);
+    case "PageUp":
+      return f(r - Math.max(1, A) * t);
+    default:
+      return null;
+  }
+}
+export {
+  w as GALLERY_BREAKPOINTS,
+  u as cardKeyTarget,
+  n as galleryColumns,
+  p as rowItems
+};

package/dist/modules/virtual/layoutMotion.js

@@ -0,0 +1,51 @@
+import { inject as C, ref as T, readonly as O, provide as S } from "vue";
+import { transitionMs as p, motionOff as _ } from "../lib/motion.js";
+const y = 100, b = 100;
+function E() {
+  const e = T(0), s = T(!1), u = /* @__PURE__ */ new WeakMap();
+  function d(t) {
+    if (_(t)) return () => {
+    };
+    let o = !1;
+    return e.value += 1, s.value = !0, () => {
+      o || (o = !0, e.value -= 1, e.value === 0 && (s.value = !1));
+    };
+  }
+  function M(t) {
+    const o = u.get(t);
+    if (o) {
+      o.restart();
+      return;
+    }
+    const m = p(t);
+    if (m === 0) return;
+    const A = d(t);
+    let r, i;
+    const a = () => {
+      clearTimeout(r), clearTimeout(i), t.removeEventListener("transitionend", l), t.removeEventListener("transitioncancel", v), t.removeEventListener("transitionrun", L), u.delete(t), A();
+    }, c = () => {
+      clearTimeout(i), clearTimeout(r), r = setTimeout(a, p(t) + y);
+    }, f = (n) => n.target === t, l = (n) => {
+      f(n) && a();
+    }, k = () => (typeof t.getAnimations == "function" ? t.getAnimations() : []).some((n) => n.playState === "running" && "transitionProperty" in n), v = (n) => {
+      f(n) && (clearTimeout(i), i = setTimeout(() => k() ? c() : a(), b));
+    }, L = (n) => {
+      f(n) && c();
+    };
+    t.addEventListener("transitionend", l), t.addEventListener("transitioncancel", v), t.addEventListener("transitionrun", L), u.set(t, { restart: c }), r = setTimeout(a, m + y);
+  }
+  return { active: O(s), begin: d, track: M };
+}
+const g = /* @__PURE__ */ Symbol("layout-motion");
+let R;
+function I(e = E()) {
+  return S(g, e), e;
+}
+function N() {
+  return C(g, null) ?? (R ??= E());
+}
+export {
+  E as createLayoutMotion,
+  I as provideLayoutMotion,
+  N as useLayoutMotion
+};

package/dist/reka-runtime.json

@@ -3,7 +3,7 @@
   "version": "2.11.0",
   "delivery": "bundled-patched-esm",
   "patchManifestSha256": "5c49598576e4de1e0291f04260fd982864df8243c302e803f94f0bf3acde69f7",
-  "bundleSha256": "a167fc7714a37c90fe66a93a6b85e630b00bd7ecf6f29c924f5e205c041ba554",
+  "bundleSha256": "cb5839a7d4983a85d47c6249ec104e3aa80d01f01d37e997552716fe0916f665",
   "sourceHashes": {
     "shared/useBodyScrollLock.js": "287bfb604318c4202769e4b5191896eaf0e52a952e1de898967cbe09467fcfda",
     "DismissableLayer/DismissableLayer.js": "3c8d248f0a32e01f89ca1f6202b1bb691bf5d0e4012a92535e161c35e69cdc32",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synopackageland/ui",
-  "version": "0.25.21",
+  "version": "0.25.22",
   "description": "Shared Vue 3 UI component library with a DSM 7 inspired application theme",
   "license": "MIT",
   "type": "module",