@synopackageland/ui 0.25.20 → 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

@@ -2,8 +2,8 @@
   "name": "reka-ui",
   "version": "2.11.0",
   "delivery": "bundled-patched-esm",
-  "patchManifestSha256": "254a74449fede8e26aa864e795730dad7fdf41447853995f72f401cf9eba4e77",
-  "bundleSha256": "c0c8dad1f302d65df00c50fb75f04f2e797c9ab30c1800893b77acc20de63670",
+  "patchManifestSha256": "5c49598576e4de1e0291f04260fd982864df8243c302e803f94f0bf3acde69f7",
+  "bundleSha256": "cb5839a7d4983a85d47c6249ec104e3aa80d01f01d37e997552716fe0916f665",
   "sourceHashes": {
     "shared/useBodyScrollLock.js": "287bfb604318c4202769e4b5191896eaf0e52a952e1de898967cbe09467fcfda",
     "DismissableLayer/DismissableLayer.js": "3c8d248f0a32e01f89ca1f6202b1bb691bf5d0e4012a92535e161c35e69cdc32",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synopackageland/ui",
-  "version": "0.25.20",
+  "version": "0.25.22",
   "description": "Shared Vue 3 UI component library with a DSM 7 inspired application theme",
   "license": "MIT",
   "type": "module",
@@ -60,69 +60,6 @@
     "./themes/dsm7-embedded-reset.css": "./dist/themes/dsm7-embedded-reset.css",
     "./themes/dsm7-embedded-theme.css": "./dist/themes/dsm7-embedded-theme.css"
   },
-  "scripts": {
-    "check:docs": "node --test scripts/check-doc-versions.test.mjs && node scripts/check-doc-versions.mjs",
-    "check:tokens": "node scripts/check-tokens.mjs",
-    "dev": "vite build --watch",
-    "build": "vite build && vite build --mode json && vite build --mode rich-text && vite build --mode grid && vite build --mode cli && vite build --mode preview && vite build --mode embedded && node scripts/postbuild.mjs",
-    "lint": "eslint .",
-    "typecheck": "vue-tsc --noEmit -p tsconfig.json",
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "test:changed": "echo \"test:changed skips the tests the changes since ${SYNOPKGLAND_GATE_BASE:-origin/master} do not reach (vitest --changed); pnpm check runs them all\" && vitest run --changed ${SYNOPKGLAND_GATE_BASE:-origin/master}",
-    "story": "histoire dev",
-    "story:build": "histoire build",
-    "check:host": "node scripts/dsm-host-shots.mjs",
-    "check:switch": "node scripts/check-switch.mjs",
-    "check:tabs": "node scripts/check-tabs.mjs",
-    "check:mobile": "node scripts/check-mobile-overflow.mjs",
-    "check:ui-patch": "node scripts/check-ui-patch.mjs",
-    "check:narrow": "node scripts/check-narrow-controls.mjs",
-    "check:drawer-form": "node scripts/check-drawer-form.mjs",
-    "check:responsive": "node scripts/check-responsive.mjs",
-    "check:adaptive": "node scripts/check-adaptive.mjs",
-    "check:sidebar-focus": "node scripts/check-sidebar-focus.mjs",
-    "check:json-render": "node scripts/check-json-render.mjs",
-    "check:motion": "node scripts/check-motion.mjs",
-    "check:topology": "node scripts/check-topology.mjs",
-    "check:wizard": "node scripts/check-wizard.mjs",
-    "check:press": "node scripts/check-press.mjs",
-    "check:edges": "node scripts/check-edges.mjs",
-    "check:data-grid": "node scripts/check-data-grid.mjs",
-    "check:truncation": "node scripts/check-truncation.mjs",
-    "check:button-wrap": "node scripts/check-button-wrap.mjs",
-    "check:link": "node scripts/check-link.mjs",
-    "check:text-select": "node scripts/check-text-select.mjs",
-    "check:date-picker": "node scripts/check-date-picker.mjs",
-    "check:full-page": "node scripts/check-full-page.mjs",
-    "check:short-viewport": "node scripts/check-short-viewport.mjs",
-    "check:phone-layout": "node scripts/check-phone-layout.mjs",
-    "check:phone-bars": "node scripts/check-phone-bars.mjs",
-    "check:phone-fill": "node scripts/check-phone-fill.mjs",
-    "check:text-zoom": "node scripts/check-text-zoom.mjs",
-    "check:focus-restore": "node scripts/check-focus-restore.mjs",
-    "check:detail-surface": "node scripts/check-detail-surface.mjs",
-    "check:internal": "node --test scripts/check-internal-content.test.mjs scripts/check-npm-metadata.test.mjs && node scripts/check-internal-content.mjs --repo .",
-    "check:npm-metadata": "node scripts/check-npm-metadata.mjs",
-    "check:package": "node scripts/check-package-content.mjs",
-    "trace:restyle": "node scripts/trace-restyle.mjs",
-    "check:public-api-consumer": "node scripts/check-public-api-consumer.mjs",
-    "notices:update": "node scripts/third-party-notices.mjs --write",
-    "notices:check": "node scripts/third-party-notices.mjs --check",
-    "check": "bash scripts/docker-check.sh \"npm run gates\"",
-    "check:fast": "bash scripts/docker-check.sh \"npm run gates\"",
-    "check:local-browser": "node scripts/app-local-browser.mjs",
-    "check:infotip": "node scripts/check-infotip.mjs",
-    "release:stage": "node scripts/stage-release.mjs",
-    "check:polish": "bash scripts/docker-check.sh --build --out .polish-shots 'node scripts/check-polish.mjs'",
-    "check:acceptance": "node scripts/check-acceptance.mjs",
-    "check:palette": "node scripts/check-palette.mjs",
-    "gates": "node scripts/gates.mjs",
-    "gates:full": "node scripts/gates.mjs --full",
-    "check:layout": "node scripts/check-layout.mjs",
-    "release:smoke": "node scripts/release-smoke.mjs",
-    "check:browser-install": "playwright install chromium webkit"
-  },
   "peerDependencies": {
     "vue": "^3.5.0"
   },
@@ -142,44 +79,9 @@
     "@tiptap/vue-3": "3.32.1",
     "zod": "^4.6.5"
   },
-  "devDependencies": {
-    "@eslint/js": "10.0.1",
-    "@histoire/plugin-vue": "1.0.0-beta.1",
-    "@tailwindcss/vite": "4.3.3",
-    "@tanstack/vue-virtual": "3.13.39",
-    "@vitejs/plugin-vue": "6.0.9",
-    "@vue/test-utils": "2.5.1",
-    "@vueuse/core": "14.4.0",
-    "eslint": "10.11.0",
-    "eslint-plugin-vue": "10.11.1",
-    "flexsearch": "0.8.212",
-    "globals": "17.12.0",
-    "histoire": "1.0.0-beta.1",
-    "jsdom": "30.1.1",
-    "playwright": "1.58.2",
-    "reka-ui": "2.11.0",
-    "tailwindcss": "4.3.3",
-    "typescript": "5.9.3",
-    "typescript-eslint": "8.71.0",
-    "vite": "7.3.6",
-    "vite-plugin-dts": "5.1.1",
-    "vitest": "5.0.2",
-    "vscode-oniguruma": "2.0.1",
-    "vscode-textmate": "9.3.2",
-    "vue": "3.5.43",
-    "vue-eslint-parser": "10.4.1",
-    "vue-tsc": "3.3.11"
-  },
   "engines": {
     "node": ">=20"
   },
-  "packageManager": "pnpm@10.33.2",
-  "pnpm": {
-    "onlyBuiltDependencies": [
-      "esbuild",
-      "vue-demi"
-    ]
-  },
   "config": {
     "bundledRuntime": {
       "@tanstack/vue-virtual": "3.13.39",