@synopackageland/ui 0.25.20 → 0.25.22

package/dist/modules/interaction/editSession.js

@@ -0,0 +1,76 @@
+function h(t) {
+  const g = t.equals ?? Object.is;
+  let n = !1, r = null, o, i, u = !1, a = null, v = 0, c = !1;
+  const d = {
+    get editing() {
+      return n;
+    },
+    get cell() {
+      return r;
+    },
+    get original() {
+      return o;
+    },
+    get draft() {
+      return i;
+    },
+    get composing() {
+      return u;
+    },
+    get dirty() {
+      return n && !g(i, o);
+    },
+    get error() {
+      return a;
+    },
+    get version() {
+      return v;
+    }
+  }, l = () => {
+    v += 1, t.onChange?.(d);
+  }, f = () => {
+    n = !1, r = null, o = void 0, i = void 0, a = null, c = !1;
+  }, C = {
+    state: d,
+    start(e, s, m = s) {
+      f(), n = !0, r = e, o = s, i = m, l();
+    },
+    setDraft(e) {
+      n && (i = e, a = null, l());
+    },
+    setComposing(e) {
+      u !== e && (u = e, l(), !e && c && (c = !1, C.commit()));
+    },
+    commit() {
+      if (!n || r === null) return "idle";
+      if (u)
+        return c = !0, "composing";
+      if (!d.dirty)
+        return f(), l(), "clean";
+      const e = t.validate?.(i, r);
+      if (e)
+        return a = e, l(), "invalid";
+      const s = r, m = i, b = o;
+      return f(), t.onCommit(s, m, b), l(), "committed";
+    },
+    cancel() {
+      if (!n || r === null || u) return !1;
+      const e = r, s = o;
+      return f(), t.onCancel?.(e, s), l(), !0;
+    }
+  };
+  return C;
+}
+function p(t, g) {
+  return () => {
+    if (!t.state.editing) {
+      g?.();
+      return;
+    }
+    if (t.commit() === "invalid") return "veto";
+  };
+}
+export {
+  h as createEditSession,
+  p as editSessionOutside
+};

package/dist/modules/interaction/focus.js

@@ -0,0 +1,35 @@
+const r = '[role="dialog"],[role="alertdialog"],[aria-modal="true"]';
+function c(n) {
+  return (n instanceof Element ? n : n?.parentElement)?.closest(r) ?? null;
+}
+function i(n, o) {
+  const t = c(n);
+  return !!t && !t.contains(o);
+}
+function u(n, o) {
+  return n.some((t) => t instanceof Element && t.matches(r) && !o.some((e) => t.contains(e) || e.contains(t)));
+}
+function s(n, o = n ?? null) {
+  if (!n?.isConnected) return !1;
+  const t = n.ownerDocument, e = t.activeElement;
+  return e === n ? !0 : e && e !== t.body && i(e, o ?? n) ? !1 : (n.focus({ preventScroll: !0 }), t.activeElement === n);
+}
+function a(n, o) {
+  return {
+    claim() {
+      const t = n();
+      return s(t, o?.() ?? t ?? null);
+    },
+    owns() {
+      const t = n();
+      return !!t && t.ownerDocument.activeElement === t;
+    }
+  };
+}
+export {
+  r as DIALOG_SELECTOR,
+  a as createFocusOwner,
+  s as focusSync,
+  i as isInForeignDialog,
+  u as pathInForeignDialog
+};

package/dist/modules/interaction/gesture.js

@@ -0,0 +1,62 @@
+/*! @synopackageland/ui: MIT, Copyright (c) 2023-2025 Teable, Inc. and Copyright (c) 2019-present Baserow B.V. in parts; see LICENSES/source-notices.md */
+import { swallowNextClick as y } from "./outside.js";
+const E = 5;
+function v(r, n = {}) {
+  const s = n.threshold ?? E, c = n.axis ?? "both", i = r.currentTarget instanceof Element ? r.currentTarget : r.target instanceof Element ? r.target : null, a = i?.ownerDocument.defaultView ?? window, e = {
+    pointerId: r.pointerId,
+    pointerType: r.pointerType,
+    startX: r.clientX,
+    startY: r.clientY,
+    x: r.clientX,
+    y: r.clientY,
+    dx: 0,
+    dy: 0,
+    dragging: !1
+  };
+  let o = !0;
+  if (n.capture !== !1 && i?.setPointerCapture)
+    try {
+      i.setPointerCapture(r.pointerId);
+    } catch {
+    }
+  const u = (t) => t.pointerId === e.pointerId, l = (t) => {
+    e.x = t.clientX, e.y = t.clientY, e.dx = e.x - e.startX, e.dy = e.y - e.startY;
+  }, x = () => c === "x" ? Math.abs(e.dx) : c === "y" ? Math.abs(e.dy) : Math.max(Math.abs(e.dx), Math.abs(e.dy)), p = () => {
+    if (!o) return !1;
+    o = !1, a.removeEventListener("pointermove", f, !0), a.removeEventListener("pointerup", g, !0), a.removeEventListener("pointercancel", h, !0), a.removeEventListener("blur", m);
+    try {
+      i?.hasPointerCapture?.(e.pointerId) && i.releasePointerCapture(e.pointerId);
+    } catch {
+    }
+    return !0;
+  }, f = (t) => {
+    if (u(t)) {
+      if (l(t), !e.dragging) {
+        if (x() < s) return;
+        e.dragging = !0, n.onStart?.(e, t);
+      }
+      n.onMove?.(e, t);
+    }
+  }, g = (t) => {
+    !u(t) || !p() || (l(t), e.dragging && n.suppressClick !== !1 && y(a), n.onEnd?.(e, t));
+  }, d = (t) => {
+    p() && n.onCancel?.(e, t);
+  }, h = (t) => {
+    u(t) && d("pointercancel");
+  }, m = () => d("blur");
+  return a.addEventListener("pointermove", f, !0), a.addEventListener("pointerup", g, !0), a.addEventListener("pointercancel", h, !0), a.addEventListener("blur", m), {
+    state: e,
+    get active() {
+      return o;
+    },
+    dispose: () => d("dispose")
+  };
+}
+function L(r, n, s, c) {
+  return r >= s && r < s + c / 2 ? n : n + 1;
+}
+export {
+  E as DRAG_THRESHOLD_PX,
+  L as dropIndexAt,
+  v as trackPointerGesture
+};

package/dist/modules/interaction/ime.js

@@ -0,0 +1,45 @@
+/*! @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 f = /* @__PURE__ */ new Set(["Enter", "Escape", "Tab"]), m = 50;
+function p(t) {
+  return t.isComposing || t.keyCode === 229;
+}
+function y(t) {
+  const { keyCode: e, metaKey: o, ctrlKey: r } = t;
+  return o || r || e === 32 ? !1 : e >= 65 && e <= 90 || // A-Z
+  e >= 48 && e <= 57 || // 0-9 (ClosedParen..OpenParen)
+  e >= 96 && e <= 105 || // Numpad0-9
+  e >= 186 && e <= 192 || // SemiColon..Tilde
+  e >= 219 && e <= 222 || // OpenBracket..Quote
+  e >= 106 && e <= 111 || // Multiply..Divide
+  e === 61 || e === 173 || (e === 229 || e === 0) && t.key !== "Shift";
+}
+function l(t, e = {}) {
+  let o = !1, r = -1 / 0, i = !1;
+  const s = /* @__PURE__ */ new WeakMap(), c = (n) => {
+    o = !0, e.onStart?.(n);
+  }, u = (n) => {
+    o = !1, r = n.timeStamp, e.onEnd?.(n);
+  };
+  return t.addEventListener("compositionstart", c, !0), t.addEventListener("compositionend", u, !0), {
+    get composing() {
+      return o;
+    },
+    ownsKey(n) {
+      if (o || p(n)) return !0;
+      if (!f.has(n.key)) return !1;
+      const d = s.get(n);
+      if (d !== void 0) return d;
+      const a = n.timeStamp - r <= m;
+      return r = -1 / 0, s.set(n, a), a;
+    },
+    dispose() {
+      i || (i = !0, t.removeEventListener("compositionstart", c, !0), t.removeEventListener("compositionend", u, !0));
+    }
+  };
+}
+export {
+  m as COMPOSITION_END_GRACE_MS,
+  l as createCompositionGuard,
+  p as isComposingKey,
+  y as isPrintableKey
+};

package/dist/modules/interaction/outside.js

@@ -0,0 +1,77 @@
+/*! @synopackageland/ui: MIT, Copyright (c) 2023-2025 Teable, Inc. and Copyright (c) 2019-present Baserow B.V. in parts; see LICENSES/source-notices.md */
+import { pathInForeignDialog as f } from "./focus.js";
+import { createCompositionGuard as h } from "./ime.js";
+const c = "data-ui-ignore-outside", T = `[${c}]`, u = /* @__PURE__ */ new WeakMap(), m = /* @__PURE__ */ new WeakSet();
+function E(e) {
+  return [...e.options.elements()].filter((r) => !!r);
+}
+function y(e, r) {
+  return e.some((t) => t instanceof Node && r.some((n) => n === t || n.contains(t)));
+}
+function k(e) {
+  return e.some((r) => r instanceof Element && r.hasAttribute(c));
+}
+function g(e, r) {
+  return e.length > 0 && !e.includes(r);
+}
+function L(e, r = 400) {
+  let t = 0;
+  const n = () => {
+    e.clearTimeout(t), e.removeEventListener("click", i, !0), e.removeEventListener("pointerdown", n, !0), e.removeEventListener("keydown", n, !0);
+  }, i = (o) => {
+    o.preventDefault(), o.stopImmediatePropagation(), n();
+  };
+  return e.addEventListener("click", i, !0), e.addEventListener("pointerdown", n, !0), e.addEventListener("keydown", n, !0), t = e.setTimeout(n, r), n;
+}
+function I(e) {
+  const r = e.document, t = { layers: [], guard: h(e), teardown: () => {
+  } }, n = (o) => {
+    if (m.has(o)) return;
+    m.add(o);
+    const s = o.composedPath();
+    if (!(k(s) || g(s, r)))
+      for (const a of [...t.layers].reverse()) {
+        if (a.disposed) continue;
+        const d = E(a);
+        if (y(s, d) || f(s, d)) return;
+        if (a.options.onOutside?.(o) === "veto") {
+          o.preventDefault(), o.stopImmediatePropagation(), L(e);
+          return;
+        }
+      }
+  }, i = (o) => {
+    if (o.key !== "Escape" || o.defaultPrevented || t.guard.ownsKey(o)) return;
+    const s = t.layers.at(-1);
+    if (!s?.options.onEscape) return;
+    const a = o.composedPath(), d = E(s);
+    if (f(a, d)) return;
+    const p = a.find((l) => l instanceof Element && l.hasAttribute(c));
+    p && !y([p], d) || s.options.onEscape(o) && (o.preventDefault(), o.stopPropagation());
+  };
+  return e.addEventListener("pointerdown", n, !0), e.addEventListener("keydown", i, !0), t.teardown = () => {
+    e.removeEventListener("pointerdown", n, !0), e.removeEventListener("keydown", i, !0), t.guard.dispose();
+  }, t;
+}
+function P(e, r) {
+  const t = u.get(e) ?? I(e);
+  u.set(e, t);
+  const n = { options: r, disposed: !1 };
+  return t.layers.push(n), {
+    get disposed() {
+      return n.disposed;
+    },
+    dispose() {
+      n.disposed || (n.disposed = !0, t.layers = t.layers.filter((i) => i !== n), !t.layers.length && (t.teardown(), u.delete(e)));
+    }
+  };
+}
+function w(e) {
+  return u.get(e)?.layers.length ?? 0;
+}
+export {
+  c as IGNORE_OUTSIDE_ATTR,
+  T as IGNORE_OUTSIDE_SELECTOR,
+  w as outsideLayerCount,
+  P as registerOutsideLayer,
+  L as swallowNextClick
+};

package/dist/modules/interaction/velocity.js

@@ -0,0 +1,72 @@
+const u = 100, f = 20, E = 0.5, h = Object.freeze({
+  flick: 1e3,
+  swipe: 500,
+  swipeDistance: 48,
+  hideDistance: 48,
+  showDistance: 24,
+  slop: 6
+});
+class _ {
+  samples = [];
+  direction = 0;
+  /** Add a sample; returns the velocity (px/s) at its time. */
+  add(s, t) {
+    if (!Number.isFinite(s) || !Number.isFinite(t)) return this.velocity();
+    const i = this.samples.at(-1);
+    if (i && t < i.time) return this.velocity(i.time);
+    if (i && t === i.time)
+      return i.position = s, this.velocity(t);
+    i && t - i.time > 100 && this.reset();
+    const n = this.samples.at(-1);
+    if (n) {
+      const r = s - n.position, e = Math.abs(r) <= 0.5 ? 0 : Math.sign(r);
+      e && this.direction && e !== this.direction && (this.samples = [n]), e && (this.direction = e);
+    }
+    for (this.samples.push({ position: s, time: t }); this.samples.length > 1 && t - this.samples[0].time > 100; ) this.samples.shift();
+    for (; this.samples.length > 20; ) this.samples.shift();
+    return this.velocity(t);
+  }
+  /** Velocity in px/s at `now` (the newest sample's time when omitted); 0 when stale or unknown. */
+  velocity(s) {
+    const t = this.samples.length;
+    if (t < 2) return 0;
+    const i = this.samples[t - 1], n = s ?? i.time;
+    if (!Number.isFinite(n) || n - i.time > 100) return 0;
+    let r = 0, e = 0;
+    for (const c of this.samples)
+      r += c.time, e += c.position;
+    r /= t, e /= t;
+    let m = 0, l = 0;
+    for (const c of this.samples) {
+      const a = c.time - r;
+      m += a * (c.position - e), l += a * a;
+    }
+    if (!(l > 0)) return 0;
+    const p = m / l * 1e3;
+    return Number.isFinite(p) ? p : 0;
+  }
+  /** The samples in the fit, oldest first (for tests and diagnostics). */
+  get size() {
+    return this.samples.length;
+  }
+  /** Forget everything: a new gesture. */
+  reset() {
+    this.samples = [], this.direction = 0;
+  }
+}
+function O(o, s) {
+  const t = Math.abs(o);
+  return s > 0 ? t < h.flick ? s : Math.max(Math.min(120, s), Math.round(s * 0.6)) : 0;
+}
+function d(o, s, t) {
+  return o >= t ? !0 : o >= h.slop && s >= h.swipe;
+}
+export {
+  h as GESTURE_THRESHOLDS,
+  f as VELOCITY_MAX_SAMPLES,
+  E as VELOCITY_REVERSAL_PX,
+  u as VELOCITY_WINDOW_MS,
+  _ as VelocityEstimator,
+  d as swipeCommits,
+  O as velocityDuration
+};

package/dist/modules/interaction/vue.js

@@ -0,0 +1,46 @@
+import { watch as p, toValue as i, getCurrentScope as u, onScopeDispose as c, shallowRef as m } from "vue";
+import { createEditSession as w } from "./editSession.js";
+import { trackPointerGesture as y } from "./gesture.js";
+import { registerOutsideLayer as v } from "./outside.js";
+function s(e) {
+  const n = i(e);
+  return Array.isArray(n) ? [...n] : [n];
+}
+function C(e, n, t) {
+  const o = p(() => i(n), (a, g, f) => {
+    if (!a || typeof window > "u") return;
+    const d = s(e).find(Boolean)?.ownerDocument?.defaultView ?? window, l = v(d, {
+      elements: () => s(e),
+      onOutside: (r) => t.onOutside?.(r),
+      onEscape: (r) => t.onEscape?.(r)
+    });
+    f(() => l.dispose());
+  }, { immediate: !0, flush: "sync" });
+  return u() && c(o), o;
+}
+function A() {
+  let e = null;
+  const n = () => {
+    e?.dispose(), e = null;
+  };
+  return u() && c(n), {
+    start(t, o) {
+      return n(), e = y(t, o), e;
+    },
+    dispose: n
+  };
+}
+function D(e) {
+  const n = m(0);
+  return { session: w({
+    ...e,
+    onChange: (o) => {
+      n.value = o.version, e.onChange?.(o);
+    }
+  }), version: n };
+}
+export {
+  D as useEditSession,
+  C as useOutsideLayer,
+  A as usePointerGesture
+};

package/dist/modules/lib/accent.js

@@ -0,0 +1,28 @@
+import { parseColor as f, over as T, mixBlack as u, formatColor as p, contrastRatio as A, mixWhite as D } from "./color.js";
+const m = [255, 255, 255, 1], b = "#1b1f1c", x = [0.02, 0.04, 0.1, 0.15, 0.2, 0.3, 0.5, 0.7], C = [0.04, 0.08, 0.16, 0.22, 0.28, 0.36, 0.5, 0.7], I = 0.075, K = 0.22, $ = 0.55, l = (c) => f(p(c));
+function E(c, o, a, t, r) {
+  for (let n = a; n < 1; n += 0.01) {
+    const s = l(o(c, n));
+    if (A(...r(s)) >= t) return s;
+  }
+  return o(c, 1);
+}
+function w(c, { dark: o = !1 } = {}) {
+  const a = f(c);
+  if (a[3] !== 1) throw new Error(`An accent must be opaque: "${c}"`);
+  const t = E(a, u, 0, 4.5, (e) => [m, e]), r = o ? f(b) : m, n = (o ? C : x).map((e) => [t[0], t[1], t[2], e]), s = n.map((e) => l(T(e, r))), i = (e, S) => E(t, o ? D : u, S, e, (h) => [h, s[2]]), R = o ? [i(4.5, 0), i(7, 0)] : [i(4.5, K), i(7, $)];
+  return { steps: [...s, t, l(u(t, I)), ...R].map(p), alpha: n.map(p), contrast: p(m) };
+}
+function O(c, o = {}) {
+  const { steps: a, alpha: t, contrast: r } = w(c, o);
+  return Object.fromEntries([
+    ...a.map((n, s) => [`--ui-accent-${s + 1}`, n]),
+    ...t.map((n, s) => [`--ui-accent-a${s + 1}`, n]),
+    ["--ui-accent-contrast", r]
+  ]);
+}
+export {
+  b as DARK_SURFACE,
+  w as accentScale,
+  O as accentStyle
+};

package/dist/modules/lib/adaptiveLayout.js

@@ -0,0 +1,36 @@
+const n = 640, E = 960, A = 1200;
+function s(o, _ = "web") {
+  return o <= 0 ? "window" : o <= 640 ? "mobile" : o >= 960 && _ === "web" ? "web" : "window";
+}
+const t = /* @__PURE__ */ Symbol("syno-app-presentation"), a = /* @__PURE__ */ Symbol("syno-app-root-wide-layout"), I = 248, p = 200, P = 360, S = 48;
+function c(o) {
+  return o >= 960 && o < 1200;
+}
+const e = 380, y = 320, O = 560, r = 480, B = /* @__PURE__ */ Symbol("syno-app-aside"), T = /* @__PURE__ */ Symbol("syno-app-side-motion"), b = /* @__PURE__ */ Symbol("syno-app-layout-measured"), i = /* @__PURE__ */ Symbol("syno-app-sidebar-collapsed"), W = /* @__PURE__ */ Symbol("syno-app-top-navigation"), Y = /* @__PURE__ */ Symbol("syno-app-navigation-drawer"), L = /* @__PURE__ */ Symbol("syno-app-bar-menu"), R = /* @__PURE__ */ Symbol("syno-app-page-change"), l = "(max-height: 480px)", D = /* @__PURE__ */ Symbol("syno-app-short");
+export {
+  B as APP_ASIDE_KEY,
+  L as APP_BAR_MENU_KEY,
+  b as APP_LAYOUT_MEASURED_KEY,
+  Y as APP_NAVIGATION_DRAWER_KEY,
+  R as APP_PAGE_CHANGE_KEY,
+  t as APP_PRESENTATION_KEY,
+  a as APP_ROOT_WIDE_LAYOUT_KEY,
+  D as APP_SHORT_KEY,
+  i as APP_SIDEBAR_COLLAPSED_KEY,
+  T as APP_SIDE_MOTION_KEY,
+  W as APP_TOP_NAVIGATION_KEY,
+  r as ASIDE_MAIN_MIN,
+  n as MOBILE_LAYOUT_MAX,
+  l as SHORT_VIEWPORT_QUERY,
+  e as WEB_ASIDE_DEFAULT,
+  O as WEB_ASIDE_MAX,
+  y as WEB_ASIDE_MIN,
+  E as WEB_LAYOUT_MIN,
+  A as WEB_RAIL_BELOW,
+  S as WEB_RAIL_WIDTH,
+  I as WEB_SIDEBAR_DEFAULT,
+  P as WEB_SIDEBAR_MAX,
+  p as WEB_SIDEBAR_MIN,
+  s as appPresentationForWidth,
+  c as webSidebarStartsAsRail
+};

package/dist/modules/lib/appRoot.js

@@ -0,0 +1,5 @@
+const T = "data-ui-app", O = `[${T}]`;
+export {
+  T as APP_ROOT_ATTRIBUTE,
+  O as APP_ROOT_SELECTOR
+};

package/dist/modules/lib/clipboard.js

@@ -0,0 +1,24 @@
+async function r(t) {
+  const n = typeof navigator > "u" ? void 0 : navigator.clipboard;
+  if (n?.writeText)
+    try {
+      return await n.writeText(t), !0;
+    } catch {
+    }
+  return o(t);
+}
+function o(t) {
+  if (typeof document > "u" || typeof document.execCommand != "function") return !1;
+  const n = document.activeElement instanceof HTMLElement ? document.activeElement : null, e = document.createElement("textarea");
+  e.value = t, e.readOnly = !0, e.setAttribute("aria-hidden", "true"), e.style.cssText = "position:fixed;top:0;left:0;width:1px;height:1px;padding:0;border:0;opacity:0;pointer-events:none", document.body.appendChild(e);
+  try {
+    return e.focus(), e.select(), e.setSelectionRange(0, t.length), document.execCommand("copy");
+  } catch {
+    return !1;
+  } finally {
+    e.remove(), n?.focus({ preventScroll: !0 });
+  }
+}
+export {
+  r as writeClipboard
+};

package/dist/modules/lib/cn.js

@@ -0,0 +1,6 @@
+function o(...n) {
+  return n.filter(Boolean).join(" ");
+}
+export {
+  o as cn
+};

package/dist/modules/lib/color.js

@@ -0,0 +1,49 @@
+const u = /^#([\da-f]{3}|[\da-f]{6})$/i, s = /^rgba?\(\s*([\d.]+)[\s,]+([\d.]+)[\s,]+([\d.]+)(?:\s*[,/]\s*([\d.]+)(%?))?\s*\)$/i;
+function m(e) {
+  const o = e.trim();
+  if (o === "transparent") return [0, 0, 0, 0];
+  const n = u.exec(o)?.[1];
+  if (n) {
+    const t = n.length === 3 ? [...n].map((c) => c + c).join("") : n;
+    return [0, 2, 4].map((c) => parseInt(t.slice(c, c + 2), 16)).concat(1);
+  }
+  const r = s.exec(o);
+  if (r) {
+    const t = r[4] === void 0 ? 1 : Number(r[4]) / (r[5] ? 100 : 1);
+    return [Number(r[1]), Number(r[2]), Number(r[3]), t];
+  }
+  throw new Error(`Not a colour this theme can read: "${e}" (use #rrggbb or rgb())`);
+}
+function d([e, o, n, r]) {
+  return r === 1 ? "#" + [e, o, n].map((t) => Math.round(t).toString(16).padStart(2, "0")).join("") : `rgba(${[e, o, n].map(Math.round).join(", ")}, ${Number(r.toFixed(3))})`;
+}
+function i(e, o) {
+  const [n, r, t] = [0, 1, 2].map((c) => e[c] * e[3] + o[c] * (1 - e[3]));
+  return [n, r, t, 1];
+}
+function l([e, o, n, r], t) {
+  return [e * (1 - t), o * (1 - t), n * (1 - t), r];
+}
+function b([e, o, n, r], t) {
+  return [e + (255 - e) * t, o + (255 - o) * t, n + (255 - n) * t, r];
+}
+function f([e, o, n]) {
+  const r = (t) => {
+    const c = t / 255;
+    return c <= 0.04045 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4;
+  };
+  return 0.2126 * r(e) + 0.7152 * r(o) + 0.0722 * r(n);
+}
+function h(e, o) {
+  const n = i(o, [255, 255, 255, 1]), [r, t] = [i(e, n), n].map(f).sort((c, a) => a - c);
+  return (r + 0.05) / (t + 0.05);
+}
+export {
+  h as contrastRatio,
+  d as formatColor,
+  l as mixBlack,
+  b as mixWhite,
+  i as over,
+  m as parseColor,
+  f as relativeLuminance
+};

package/dist/modules/lib/controllable.js

@@ -0,0 +1,14 @@
+import { ref as v, computed as a, watch as c } from "vue";
+function s(l, i, r) {
+  const e = v(i), n = a(() => l() !== void 0), t = a(() => l() ?? e.value);
+  c(l, (o) => {
+    o !== void 0 && (e.value = o);
+  });
+  function u(o) {
+    n.value || (e.value = o), r(o);
+  }
+  return { value: t, isControlled: n, set: u, toggle: () => u(!t.value) };
+}
+export {
+  s as useControllableBoolean
+};

package/dist/modules/lib/deviceViewport.js

@@ -0,0 +1,30 @@
+const l = "width=device-width, initial-scale=1, viewport-fit=cover, interactive-widget=resizes-content", v = ["viewport-fit=cover", "interactive-widget=resizes-content"];
+function p(n = document) {
+  const t = n.head.querySelector('meta[name="viewport"]');
+  if (t?.content.replace(/\s/g, "").includes("width=device-width")) {
+    const r = t.content, u = r.split(",").map((o) => o.trim().split("=")[0]).filter(Boolean), a = v.filter((o) => !u.includes(o.split("=")[0]));
+    a.length && (t.content = [r.trim().replace(/,\s*$/, ""), ...a].filter(Boolean).join(", "));
+    const m = c(n);
+    return () => {
+      t.content = r, m();
+    };
+  }
+  let e = t, i;
+  e ? (i = e.content, e.content = l) : (e = n.createElement("meta"), e.name = "viewport", e.content = l, n.head.append(e));
+  const s = e, f = c(n);
+  return () => {
+    i === void 0 ? s.remove() : s.content = i, f() || c(n);
+  };
+}
+function c(n) {
+  const t = n.defaultView;
+  if (!t?.requestAnimationFrame) return () => !1;
+  let e = !1;
+  const i = t.requestAnimationFrame(() => {
+    e = !0, t.dispatchEvent(new Event("resize"));
+  });
+  return () => e ? !1 : (t.cancelAnimationFrame(i), !0);
+}
+export {
+  p as ensureDeviceViewport
+};

package/dist/modules/lib/fieldWidth.js

@@ -0,0 +1,10 @@
+const s = { xs: "96px", sm: "160px", md: "320px", lg: "480px" }, l = "md", o = /* @__PURE__ */ new Set(["md", "lg"]);
+function d(t, n = !1) {
+  const e = t ?? l;
+  if (!(e === "full" || n && o.has(e)))
+    return s[e] ?? e;
+}
+export {
+  l as DEFAULT_FIELD_WIDTH,
+  d as resolveFieldWidth
+};

package/dist/modules/lib/fileAccept.js

@@ -0,0 +1,21 @@
+const r = "application/octet-stream", e = /* @__PURE__ */ new Set(["3g2", "3gp", "avi", "flv", "m2ts", "m4v", "mkv", "mov", "mp4", "mpeg", "mpg", "mts", "ogv", "ts", "webm", "wmv"]), n = /* @__PURE__ */ new Set(["aac", "aif", "aiff", "amr", "flac", "m4a", "mid", "midi", "mka", "mp3", "oga", "ogg", "opus", "wav", "weba", "wma"]);
+function s(t) {
+  return (t ?? "").split(",").some((i) => {
+    const o = i.trim().toLowerCase();
+    return o.startsWith(".") ? e.has(o.slice(1)) || n.has(o.slice(1)) : o.startsWith("video/") || o.startsWith("audio/");
+  });
+}
+function a(t = typeof navigator > "u" ? void 0 : navigator) {
+  if (!t) return !1;
+  const i = t.userAgentData?.platform;
+  return i ? i === "Android" : /\bAndroid\b/i.test(t.userAgent ?? "");
+}
+function m(t, i, o = a()) {
+  return i !== void 0 ? i || void 0 : o && s(t) ? r : t || void 0;
+}
+export {
+  r as CAPTURE_FREE_ACCEPT,
+  s as acceptsRecording,
+  m as chooserAccept,
+  a as isAndroid
+};

package/dist/modules/lib/fileSize.js

@@ -0,0 +1,21 @@
+const N = ["KB", "MB", "GB", "TB"], o = "—";
+function i(n) {
+  return n != null && !Number.isNaN(n);
+}
+function e(n, r = {}) {
+  if (!i(n)) return r.unknown ?? "—";
+  if (n < 1024) return `${n} B`;
+  let t = n / 1024, u = 0;
+  for (; t >= 1024 && u < N.length - 1; )
+    t /= 1024, u += 1;
+  return `${Number(t.toFixed(1))} ${N[u]}`;
+}
+function f(n, r = {}) {
+  return i(n) ? `${e(n)}/s` : r.unknown ?? "—";
+}
+export {
+  o as UNKNOWN_VALUE,
+  e as formatFileSize,
+  f as formatSpeed,
+  i as isKnown
+};