@synopackageland/ui 0.25.20 → 0.25.22

package/dist/modules/components/composite/record-panel/RecordPanel.vue.js

@@ -0,0 +1,479 @@
+/*! @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 { defineComponent as ct, ref as m, computed as a, shallowRef as s, onMounted as Se, watch as P, nextTick as dt, onBeforeUnmount as vt, openBlock as d, createElementBlock as K, Fragment as Ce, createElementVNode as l, createBlock as D, Teleport as oe, createVNode as U, Transition as ft, withCtx as y, mergeProps as Re, normalizeStyle as ae, unref as p, normalizeClass as We, createCommentVNode as V, createSlots as pt, createTextVNode as Le, toDisplayString as Oe, renderSlot as X, normalizeProps as Y, guardReactiveProps as j } from "vue";
+import { X as ht } from "@lucide/vue";
+import { useUiText as mt } from "../../../i18n/text.js";
+import { useFocusOwner as yt } from "../../../composables/focusOwner.js";
+import { MOBILE_LAYOUT_MAX as bt } from "../../../lib/adaptiveLayout.js";
+import { useOutsideLayer as gt } from "../../../interaction/vue.js";
+import { imeOwnsEscape as wt } from "../../primitives/popover/overlay.js";
+import xt from "../../primitives/sheet/BottomSheet.vue.js";
+import Ae from "../../primitives/button/Button.vue.js";
+import Et from "../../primitives/motion/PushTransition.vue.js";
+import { RECORD_PANEL_SECONDARY_WIDTH as Pt, RECORD_PANEL_MIN_MAIN_WIDTH as kt, RECORD_PANEL_MIN_WIDTH as St, RECORD_PANEL_DEFAULT_WIDTH as Ct, panelNeedsSheet as Rt, readStoredWidth as Wt, clampPanelWidth as De, bodyPadding as Lt, maxPanelWidth as Te, writeStoredWidth as Ot } from "./recordPanelWidth.js";
+const At = {
+  "data-ui-record-panel-layer": "",
+  class: "pointer-events-none absolute inset-0 z-30 overflow-hidden",
+  "data-syno-pkg-land-ui": ""
+}, Dt = ["data-ui-dragging", "aria-label"], Tt = ["aria-label", "aria-valuemin", "aria-valuemax", "aria-valuenow"], Bt = {
+  "data-ui-record-panel-header": "",
+  class: "flex h-12 min-w-0 shrink-0 items-center gap-2 border-b border-[var(--ui-border-subtle)] px-[var(--ui-inset-x)]"
+}, Ft = ["aria-label"], $t = { class: "min-h-0 flex-1 overflow-auto overscroll-contain [scrollbar-gutter:stable]" }, Be = 16, jt = /* @__PURE__ */ ct({
+  inheritAttrs: !1,
+  __name: "RecordPanel",
+  props: {
+    open: { type: Boolean, default: void 0 },
+    label: {},
+    width: { default: void 0 },
+    storageKey: {},
+    defaultWidth: { default: Ct },
+    minWidth: { default: St },
+    minMainWidth: { default: kt },
+    secondaryOpen: { type: Boolean, default: !1 },
+    secondaryWidth: { default: Pt },
+    secondaryLabel: {},
+    container: { default: void 0 },
+    compactBelow: { default: bt },
+    hasPrevious: { type: Boolean, default: void 0 },
+    hasNext: { type: Boolean, default: void 0 },
+    returnFocus: { type: Function, default: void 0 },
+    initialFocus: { default: "field" },
+    flush: { type: Boolean },
+    closeLabel: {},
+    resizeLabel: {}
+  },
+  emits: ["update:open", "update:width", "update:secondaryOpen", "resizeEnd", "close", "previous", "next"],
+  setup(r, { expose: Fe, emit: $e }) {
+    const n = r, h = $e, k = mt(), le = m(!1), i = a(() => n.open ?? le.value);
+    function Ne(e) {
+      e !== i.value && (n.open === void 0 && (le.value = e), h("update:open", e));
+    }
+    function S(e = "button") {
+      i.value && (h("close", e), Ne(!1));
+    }
+    const q = s(null), c = m(0);
+    let T;
+    function re() {
+      return n.container ?? q.value?.parentElement ?? null;
+    }
+    function ie() {
+      T?.disconnect();
+      const e = re();
+      e && (c.value = e.getBoundingClientRect().width, !(typeof ResizeObserver > "u") && (T = new ResizeObserver((t) => {
+        const o = t[0]?.contentRect.width;
+        o !== void 0 && (c.value = o);
+      }), T.observe(e)));
+    }
+    Se(ie), P(() => n.container, ie);
+    const C = a(() => ({ minWidth: n.minWidth, minMainWidth: n.minMainWidth })), u = a(() => Rt(c.value, n.compactBelow, C.value)), b = m(n.width ?? Wt(n.storageKey) ?? n.defaultWidth);
+    P(() => n.width, (e) => {
+      e !== void 0 && (b.value = e);
+    });
+    const B = a(() => n.secondaryOpen), ue = a(() => B.value && !u.value ? n.secondaryWidth : 0), g = a(() => De(b.value, c.value, C.value)), Me = a(() => {
+      const e = g.value + ue.value;
+      return c.value > 0 ? Math.min(e, c.value) : e;
+    }), se = a(() => u.value ? c.value : g.value), Z = a(() => Lt(se.value));
+    function ce(e) {
+      const t = De(e, c.value, C.value);
+      t !== b.value && (b.value = t, h("update:width", t));
+    }
+    function de() {
+      Ot(n.storageKey, b.value), h("resizeEnd", b.value);
+    }
+    const v = m(!1);
+    let w = null;
+    const R = s(null), G = m(null);
+    function ve(e) {
+      return getComputedStyle(e).direction === "rtl";
+    }
+    function ze(e) {
+      if (e.button !== 0) return;
+      const t = re();
+      if (!t) return;
+      e.preventDefault();
+      const o = t.getBoundingClientRect();
+      w = { right: o.right, left: o.left, rtl: ve(t) };
+      try {
+        e.currentTarget.setPointerCapture(e.pointerId);
+      } catch {
+      }
+      v.value = !0;
+    }
+    function Ie(e) {
+      if (R.value && (G.value = e.clientY - fe), !v.value || !w) return;
+      const t = w.rtl ? e.clientX - w.left : w.right - e.clientX;
+      ce(t - ue.value);
+    }
+    function J(e) {
+      const t = e.currentTarget;
+      t.hasPointerCapture?.(e.pointerId) && t.releasePointerCapture(e.pointerId), v.value && (v.value = !1, w = null, de());
+    }
+    let fe = 0;
+    function _e() {
+      fe = R.value?.getBoundingClientRect().top ?? 0;
+    }
+    const He = a(() => {
+      const e = Te(c.value, C.value);
+      return Number.isFinite(e) ? Math.round(e) : void 0;
+    });
+    function Ke(e) {
+      const t = R.value ? ve(R.value) : !1, o = t ? "ArrowRight" : "ArrowLeft", H = t ? "ArrowLeft" : "ArrowRight", E = {
+        [o]: g.value + Be,
+        [H]: g.value - Be,
+        Home: n.minWidth,
+        End: Te(c.value, C.value)
+      }[e.key];
+      E === void 0 || !Number.isFinite(E) || (e.preventDefault(), ce(E), de());
+    }
+    const f = s(null), F = s(null), W = s(null), x = s(null), pe = s(null), Q = s(null), $ = m(!1);
+    P(i, (e) => {
+      $.value = !e && !!f.value;
+    }, { flush: "sync" });
+    const he = (e) => (t) => {
+      (t || !$.value) && (e.value = t ?? null);
+    }, Ue = he(W), Ve = he(x), Xe = (e) => {
+      pe.value = e ?? null;
+    }, Ye = (e) => {
+      Q.value = e ?? null;
+    }, me = a(() => (u.value ? pe.value : W.value) ?? F.value), N = a(() => (u.value ? Q.value : x.value) ?? F.value), je = a(() => i.value || $.value || !!Q.value), ye = s(null), be = s(null), ee = (e) => !!e && !!(ye.value?.contains(e) || be.value?.contains(e) || f.value?.contains(e));
+    gt(() => f.value, () => i.value && !u.value, {
+      onEscape: (e) => {
+        if (wt(e)) return !1;
+        const t = f.value;
+        return t && typeof t.checkVisibility == "function" && !t.checkVisibility() ? !1 : (S("escape"), !0);
+      }
+    });
+    function M(e) {
+      e instanceof KeyboardEvent && e.key === "Escape" || e.stopPropagation();
+    }
+    let te = null;
+    const ge = yt();
+    let L = null;
+    function we(e) {
+      L = { type: e.pointerType, at: e.timeStamp };
+    }
+    Se(() => window.addEventListener("pointerdown", we, !0));
+    function qe() {
+      return typeof matchMedia == "function" && matchMedia("(pointer: coarse)").matches ? !0 : !L || L.type === "mouse" || L.type === "" ? !1 : performance.now() - L.at < 1e3;
+    }
+    P(i, (e) => {
+      if (!e || typeof document > "u") return;
+      const t = document.activeElement;
+      te = t instanceof HTMLElement && t !== document.body && ge(t) && !ee(t) ? t : null;
+    }, { flush: "sync", immediate: !0 });
+    const Ze = [
+      "[data-autofocus]",
+      'input:not([type="hidden"]):not([disabled]):not([readonly])',
+      "textarea:not([disabled]):not([readonly])",
+      "select:not([disabled])",
+      '[contenteditable="true"]'
+    ].join(",");
+    function xe(e) {
+      if (n.initialFocus !== "none") {
+        if (n.initialFocus === "field" && !qe()) {
+          const t = e.querySelector(`[data-ui-record-panel-body] :is(${Ze})`);
+          if (t && (t.focus({ preventScroll: !0 }), e.ownerDocument.activeElement === t))
+            return;
+        }
+        e.focus({ preventScroll: !0 });
+      }
+    }
+    function Ge(e) {
+      return !!e && e.isConnected && !e.closest("[inert]") && !e.disabled;
+    }
+    function ne(e) {
+      const t = e?.ownerDocument ?? (typeof window > "u" ? null : window.document);
+      if (!t) return;
+      const o = t.activeElement, H = !!o && (ee(o) || !!e?.contains(o));
+      if (!H && o && o !== t.body) return;
+      const E = [te, n.returnFocus?.()].find((ke) => Ge(ke) && ge(ke));
+      te = null, E ? E.focus({ preventScroll: !0 }) : H && o.blur();
+    }
+    function Je(e) {
+      e.preventDefault(), !(I || n.initialFocus === "none") && e.target?.focus({ preventScroll: !0 });
+    }
+    function Qe(e) {
+      e.preventDefault(), i.value || ne(e.target);
+    }
+    let O = null;
+    function et(e) {
+      e.defaultPrevented || (O = "escape");
+    }
+    function tt() {
+      O = "outside";
+    }
+    function nt(e) {
+      e.target.closest("[data-ui-bottom-sheet-close]") && (O = "button");
+    }
+    function ot(e) {
+      const t = O ?? "swipe";
+      O = null, e || S(t);
+    }
+    const Ee = s(null), at = a(() => u.value && B.value);
+    function lt() {
+      h("update:secondaryOpen", !1);
+    }
+    const rt = a(() => n.hasPrevious !== void 0 || n.hasNext !== void 0), A = m(!1), z = {
+      enterActive: "transition-[translate] duration-[var(--ui-motion-panel)] ease-[var(--ui-motion-ease-out)]",
+      enterFrom: "translate-x-full rtl:-translate-x-full",
+      leaveActive: "pointer-events-none transition-[translate] duration-[var(--ui-motion-normal)] ease-[var(--ui-motion-ease-in)]",
+      leaveTo: "translate-x-full rtl:-translate-x-full"
+    };
+    function it(e) {
+      A.value || xe(e);
+    }
+    function ut(e) {
+      if (A.value) return;
+      const t = e;
+      t.style.pointerEvents = "none", ne(t), t.inert = !0, t.setAttribute("aria-hidden", "true");
+    }
+    function st(e) {
+      $.value = !1, W.value && e.contains(W.value) && (W.value = null), x.value && e.contains(x.value) && (x.value = null);
+    }
+    let I = null;
+    P(u, () => {
+      if (!i.value) return;
+      A.value = !0;
+      const e = q.value?.ownerDocument.activeElement;
+      I = e instanceof HTMLElement && ee(e) ? {
+        element: e,
+        start: "selectionStart" in e ? e.selectionStart : null,
+        end: "selectionEnd" in e ? e.selectionEnd : null
+      } : null;
+    }, { flush: "sync" });
+    let Pe = i.value;
+    P(N, (e) => {
+      if (e === F.value) return;
+      Pe && (Pe = !1, dt(() => {
+        i.value && N.value === x.value && f.value && xe(f.value);
+      })), A.value = !1;
+      const t = I;
+      if (t && (I = null, !!t.element.isConnected && (t.element.focus({ preventScroll: !0 }), t.start !== null)))
+        try {
+          t.element.setSelectionRange(t.start, t.end);
+        } catch {
+        }
+    }, { flush: "post" }), vt(() => {
+      T?.disconnect(), window.removeEventListener("pointerdown", we, !0), i.value && ne(f.value);
+    });
+    const _ = a(() => ({ compact: u.value, width: se.value, padding: Z.value, close: () => S("button") }));
+    return Fe({ close: S, compact: u, width: g }), (e, t) => (d(), K(Ce, null, [
+      l("span", {
+        ref_key: "probe",
+        ref: q,
+        hidden: "",
+        "data-ui-record-panel-probe": ""
+      }, [
+        l("span", {
+          ref_key: "holder",
+          ref: F,
+          "data-ui-record-panel-holder": ""
+        }, null, 512)
+      ], 512),
+      (d(), D(oe, {
+        to: r.container ?? "body",
+        disabled: !r.container
+      }, [
+        l("div", At, [
+          U(ft, {
+            css: !A.value,
+            "enter-active-class": z.enterActive,
+            "enter-from-class": z.enterFrom,
+            "leave-active-class": z.leaveActive,
+            "leave-to-class": z.leaveTo,
+            onEnter: it,
+            onBeforeLeave: ut,
+            onAfterLeave: st
+          }, {
+            default: y(() => [
+              i.value && !u.value ? (d(), K("section", Re({
+                key: 0,
+                ref_key: "panel",
+                ref: f
+              }, e.$attrs, {
+                "data-ui-record-panel": "",
+                "data-ui-dragging": v.value ? "" : void 0,
+                role: "region",
+                "aria-label": r.label,
+                tabindex: "-1",
+                class: ["pointer-events-auto absolute inset-y-0 end-0 flex flex-col rounded-s-[var(--ui-radius-panel)] border-s border-[var(--ui-border-floating)] bg-[var(--ui-surface)] text-[var(--ui-text)] shadow-[var(--ui-shadow-dialog)] outline-none", v.value && "select-none"],
+                style: { width: `${Me.value}px` },
+                onKeydown: M,
+                onPaste: M,
+                onCopy: M,
+                onCut: M
+              }), [
+                l("div", {
+                  ref_key: "sash",
+                  ref: R,
+                  "data-ui-record-panel-sash": "",
+                  role: "separator",
+                  tabindex: "0",
+                  "aria-orientation": "vertical",
+                  "aria-label": r.resizeLabel ?? p(k)("Resize panes"),
+                  "aria-valuemin": r.minWidth,
+                  "aria-valuemax": He.value,
+                  "aria-valuenow": g.value,
+                  class: "group absolute inset-y-0 -start-0.5 z-20 w-1 cursor-col-resize touch-none outline-none",
+                  style: ae({ "--ui-record-panel-grip-y": G.value === null ? "50%" : `${G.value}px` }),
+                  onPointerenter: _e,
+                  onPointerdown: ze,
+                  onPointermove: Ie,
+                  onPointerup: J,
+                  onPointercancel: J,
+                  onLostpointercapture: J,
+                  onKeydown: Ke
+                }, [
+                  l("div", {
+                    "aria-hidden": "true",
+                    class: We(["absolute inset-y-0 left-1/2 w-0.5 -translate-x-1/2 bg-[var(--ui-primary)]", v.value ? "opacity-100" : "opacity-0 group-hover:opacity-100 group-focus-visible:opacity-100"])
+                  }, null, 2),
+                  l("div", {
+                    "aria-hidden": "true",
+                    class: We(["absolute left-1/2 top-[var(--ui-record-panel-grip-y)] h-8 w-2 -translate-x-1/2 -translate-y-1/2 rounded-[var(--ui-radius-control)] bg-[var(--ui-primary)]", v.value ? "opacity-100" : "opacity-0 group-hover:opacity-100"])
+                  }, null, 2)
+                ], 44, Tt),
+                l("header", Bt, [
+                  l("div", {
+                    ref: p(Ue),
+                    class: "flex min-w-0 flex-1"
+                  }, null, 512),
+                  l("button", {
+                    type: "button",
+                    "data-ui-record-panel-close": "",
+                    "data-ui-hit": "",
+                    class: "flex size-7 shrink-0 items-center justify-center rounded-[var(--ui-radius-control)] text-[var(--ui-text-muted)] outline-none transition-colors duration-[var(--ui-motion-fast)] ease-[var(--ui-motion-ease)] hover:bg-[var(--ui-surface-hover)] hover:text-[var(--ui-text)] focus-visible:shadow-[var(--ui-shadow-focus)]",
+                    "aria-label": r.closeLabel ?? p(k)("Close"),
+                    onClick: t[0] || (t[0] = (o) => S("button"))
+                  }, [
+                    U(p(ht), {
+                      class: "size-4",
+                      "aria-hidden": "true"
+                    })
+                  ], 8, Ft)
+                ]),
+                l("div", {
+                  ref: p(Ve),
+                  class: "flex min-h-0 flex-1"
+                }, null, 512)
+              ], 16, Dt)) : V("", !0)
+            ]),
+            _: 1
+          }, 8, ["css", "enter-active-class", "enter-from-class", "leave-active-class", "leave-to-class"])
+        ])
+      ], 8, ["to", "disabled"])),
+      u.value ? (d(), D(xt, Re({ key: 0 }, e.$attrs, {
+        open: i.value,
+        height: "large",
+        flush: "",
+        title: r.label,
+        "close-label": r.closeLabel ?? p(k)("Close"),
+        "data-ui-record-panel": "",
+        "data-ui-compact": "",
+        "onUpdate:open": ot,
+        onEscapeKeyDown: et,
+        onPointerDownOutside: tt,
+        onOpenAutoFocus: Je,
+        onCloseAutoFocus: Qe,
+        onClickCapture: nt
+      }), pt({
+        header: y(() => [
+          l("div", {
+            ref: Xe,
+            "data-ui-record-panel-header": "",
+            class: "flex min-w-0"
+          }, null, 512)
+        ]),
+        default: y(() => [
+          l("div", {
+            ref: Ye,
+            class: "flex min-h-0 flex-1"
+          }, null, 512)
+        ]),
+        _: 2
+      }, [
+        rt.value && !at.value ? {
+          name: "footer",
+          fn: y(() => [
+            U(Ae, {
+              class: "min-w-0 flex-1",
+              disabled: !r.hasPrevious,
+              "data-ui-record-panel-previous": "",
+              onClick: t[1] || (t[1] = (o) => h("previous"))
+            }, {
+              default: y(() => [
+                Le(Oe(p(k)("Previous record")), 1)
+              ]),
+              _: 1
+            }, 8, ["disabled"]),
+            U(Ae, {
+              class: "min-w-0 flex-1",
+              disabled: !r.hasNext,
+              "data-ui-record-panel-next": "",
+              onClick: t[2] || (t[2] = (o) => h("next"))
+            }, {
+              default: y(() => [
+                Le(Oe(p(k)("Next record")), 1)
+              ]),
+              _: 1
+            }, 8, ["disabled"])
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1040, ["open", "title", "close-label"])) : V("", !0),
+      je.value && me.value && N.value ? (d(), K(Ce, { key: 1 }, [
+        (d(), D(oe, { to: me.value }, [
+          l("div", {
+            ref_key: "headerRoot",
+            ref: ye,
+            class: "flex min-w-0 flex-1 items-center gap-1"
+          }, [
+            X(e.$slots, "header", Y(j(_.value)))
+          ], 512)
+        ], 8, ["to"])),
+        (d(), D(oe, { to: N.value }, [
+          l("div", {
+            ref_key: "bodyRoot",
+            ref: be,
+            class: "relative flex min-h-0 min-w-0 flex-1 overflow-x-clip"
+          }, [
+            l("div", {
+              ref_key: "bodyPage",
+              ref: Ee,
+              "data-ui-record-panel-body": "",
+              class: "min-h-0 min-w-0 flex-1 overflow-auto overscroll-contain [scrollbar-gutter:stable]",
+              style: ae(r.flush ? void 0 : { paddingInline: `${Z.value}px`, paddingBlock: `var(--ui-space-4) ${Z.value === 48 ? "var(--ui-space-8)" : "var(--ui-space-6)"}` })
+            }, [
+              X(e.$slots, "default", Y(j(_.value)))
+            ], 4),
+            u.value && e.$slots.secondary ? (d(), D(Et, {
+              key: 0,
+              show: B.value,
+              under: Ee.value,
+              title: r.secondaryLabel ?? "",
+              "data-ui-record-panel-secondary": "",
+              class: "flex min-h-0 min-w-0 flex-1 flex-col",
+              onPop: lt
+            }, {
+              default: y(() => [
+                l("div", $t, [
+                  X(e.$slots, "secondary", Y(j(_.value)))
+                ])
+              ]),
+              _: 3
+            }, 8, ["show", "under", "title"])) : B.value && e.$slots.secondary ? (d(), K("aside", {
+              key: 1,
+              "data-ui-record-panel-secondary": "",
+              class: "flex min-h-0 shrink-0 flex-col overflow-auto border-s border-[var(--ui-border-subtle)] [scrollbar-gutter:stable]",
+              style: ae({ width: `${r.secondaryWidth}px` })
+            }, [
+              X(e.$slots, "secondary", Y(j(_.value)))
+            ], 4)) : V("", !0)
+          ], 512)
+        ], 8, ["to"]))
+      ], 64)) : V("", !0)
+    ], 64));
+  }
+});
+export {
+  jt as default
+};

package/dist/modules/components/composite/record-panel/RecordPanel2.vue.js

@@ -0,0 +1,5 @@
+/*! @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 f from "./RecordPanel.vue.js";
+export {
+  f as default
+};

package/dist/modules/components/composite/record-panel/recordPanelWidth.js

@@ -0,0 +1,43 @@
+/*! @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 a = 560, o = 320, c = 240, _ = 320, u = 640, r = (t, n, i) => Math.min(Math.max(t, n), i);
+function e(t, n) {
+  return t > 0 ? Math.max(n.minWidth, t - n.minMainWidth) : Number.POSITIVE_INFINITY;
+}
+function l(t, n, i) {
+  return Math.round(r(t, i.minWidth, e(n, i)));
+}
+function E(t, n, i) {
+  return t <= 0 ? !1 : t <= n || t - i.minMainWidth < i.minWidth;
+}
+function N(t) {
+  return t >= 640 ? 48 : 24;
+}
+function m(t) {
+  if (t)
+    try {
+      const n = JSON.parse(globalThis.localStorage?.getItem(t) ?? "null");
+      return typeof n == "number" && Number.isFinite(n) && n > 0 ? n : void 0;
+    } catch {
+      return;
+    }
+}
+function D(t, n) {
+  if (t)
+    try {
+      globalThis.localStorage?.setItem(t, JSON.stringify(Math.round(n)));
+    } catch {
+    }
+}
+export {
+  a as RECORD_PANEL_DEFAULT_WIDTH,
+  c as RECORD_PANEL_MIN_MAIN_WIDTH,
+  o as RECORD_PANEL_MIN_WIDTH,
+  _ as RECORD_PANEL_SECONDARY_WIDTH,
+  u as RECORD_PANEL_WIDE_BODY,
+  N as bodyPadding,
+  l as clampPanelWidth,
+  e as maxPanelWidth,
+  E as panelNeedsSheet,
+  m as readStoredWidth,
+  D as writeStoredWidth
+};

package/dist/modules/components/composite/repeat-rows/FieldCell.vue.js

@@ -0,0 +1,23 @@
+import { defineComponent as n, computed as d, openBlock as r, createElementBlock as i, normalizeStyle as s, renderSlot as a } from "vue";
+import { resolveFieldWidth as m } from "../../../lib/fieldWidth.js";
+const f = /* @__PURE__ */ n({
+  __name: "FieldCell",
+  props: {
+    width: { default: "md" }
+  },
+  setup(t) {
+    const o = t, l = d(() => {
+      const e = m(o.width);
+      return e === void 0 ? { flex: "1 1 160px", minWidth: 0 } : { width: e, maxWidth: "100%", flex: "none" };
+    });
+    return (e, p) => (r(), i("div", {
+      style: s(l.value),
+      "data-syno-pkg-land-ui": ""
+    }, [
+      a(e.$slots, "default")
+    ], 4));
+  }
+});
+export {
+  f as default
+};

package/dist/modules/components/composite/repeat-rows/FieldCell2.vue.js

@@ -0,0 +1,4 @@
+import f from "./FieldCell.vue.js";
+export {
+  f as default
+};

package/dist/modules/components/composite/repeat-rows/RepeatRow.vue.js

@@ -0,0 +1,69 @@
+import { defineComponent as v, useTemplateRef as c, ref as b, onMounted as g, onUpdated as y, nextTick as h, onBeforeUnmount as k, openBlock as i, createElementBlock as u, createElementVNode as w, renderSlot as x, createBlock as R, unref as f, normalizeStyle as B, withCtx as z, createVNode as C } from "vue";
+import { useLocalizedDefaults as _ } from "../../../i18n/text.js";
+import { Trash2 as $ } from "@lucide/vue";
+import L from "../../primitives/button/IconButton.vue.js";
+const S = {
+  key: 1,
+  class: "size-7 [@media(pointer:coarse)]:size-8",
+  "aria-hidden": "true"
+}, M = /* @__PURE__ */ v({
+  __name: "RepeatRow",
+  props: {
+    removable: { type: Boolean, default: !0 },
+    removeLabel: {},
+    removeDisabled: { type: Boolean, default: !1 }
+  },
+  emits: ["remove"],
+  setup(r) {
+    const p = _(r, { removeLabel: "Remove" }), d = c("root"), o = c("fields"), a = b(0);
+    let n;
+    function l() {
+      const e = d.value, t = o.value?.querySelector("input:not([type=hidden]), textarea, [role=combobox], [role=checkbox], [role=switch], [role=slider], button"), s = e?.querySelector("[data-repeat-remove]");
+      if (!e || !t || !s) {
+        a.value = 0;
+        return;
+      }
+      const m = t.getBoundingClientRect();
+      a.value = Math.max(0, m.top - e.getBoundingClientRect().top + (m.height - s.getBoundingClientRect().height) / 2);
+    }
+    return g(() => {
+      l(), !(typeof ResizeObserver > "u" || !o.value) && (n = new ResizeObserver(l), n.observe(o.value));
+    }), y(() => {
+      h(l);
+    }), k(() => n?.disconnect()), (e, t) => (i(), u("div", {
+      ref_key: "root",
+      ref: d,
+      class: "grid min-w-0 grid-cols-[minmax(0,1fr)_auto] items-start gap-2",
+      "data-syno-pkg-land-ui": ""
+    }, [
+      w("div", {
+        ref_key: "fields",
+        ref: o,
+        class: "flex min-w-0 flex-wrap items-start gap-2",
+        "data-repeat-fields": ""
+      }, [
+        x(e.$slots, "default")
+      ], 512),
+      r.removable ? (i(), R(L, {
+        key: 0,
+        "data-repeat-remove": "",
+        class: "[@media(pointer:coarse)]:size-8",
+        style: B({ marginTop: `${a.value}px` }),
+        label: f(p).removeLabel,
+        disabled: r.removeDisabled,
+        onClick: t[0] || (t[0] = (s) => e.$emit("remove"))
+      }, {
+        default: z(() => [
+          C(f($), {
+            class: "size-4",
+            "aria-hidden": "true"
+          })
+        ]),
+        _: 1
+      }, 8, ["style", "label", "disabled"])) : (i(), u("span", S))
+    ], 512));
+  }
+});
+export {
+  M as default
+};

package/dist/modules/components/composite/repeat-rows/RepeatRow2.vue.js

@@ -0,0 +1,4 @@
+import f from "./RepeatRow.vue.js";
+export {
+  f as default
+};

package/dist/modules/components/composite/repeat-rows/RepeatRows.vue.js

@@ -0,0 +1,37 @@
+import { defineComponent as s, openBlock as o, createElementBlock as l, renderSlot as i, createVNode as d, withCtx as n, unref as r, createTextVNode as f, toDisplayString as m } from "vue";
+import { Plus as p } from "@lucide/vue";
+import c from "../../primitives/button/Button.vue.js";
+const u = {
+  class: "flex flex-col gap-3",
+  "data-syno-pkg-land-ui": ""
+}, x = /* @__PURE__ */ s({
+  __name: "RepeatRows",
+  props: {
+    addLabel: {},
+    addDisabled: { type: Boolean }
+  },
+  emits: ["add"],
+  setup(e) {
+    return (a, t) => (o(), l("div", u, [
+      i(a.$slots, "default"),
+      d(c, {
+        class: "self-start",
+        variant: "ghost",
+        disabled: e.addDisabled,
+        onClick: t[0] || (t[0] = (b) => a.$emit("add"))
+      }, {
+        default: n(() => [
+          d(r(p), {
+            class: "size-4",
+            "aria-hidden": "true"
+          }),
+          f(m(e.addLabel), 1)
+        ]),
+        _: 1
+      }, 8, ["disabled"])
+    ]));
+  }
+});
+export {
+  x as default
+};

package/dist/modules/components/composite/repeat-rows/RepeatRows2.vue.js

@@ -0,0 +1,4 @@
+import f from "./RepeatRows.vue.js";
+export {
+  f as default
+};