@synopackageland/ui 0.25.21 → 0.25.22

package/dist/modules/vendor/reka-ui/dist/DismissableLayer/utils.js

@@ -0,0 +1,70 @@
+import { handleAndDispatchCustomEvent as w } from "../shared/handleAndDispatchCustomEvent.js";
+import { ref as f, watchEffect as D, toValue as a, nextTick as m } from "vue";
+import { isClient as p } from "../../../@vueuse/shared/dist/index.js";
+const O = "dismissableLayer.pointerDownOutside", y = "dismissableLayer.focusOutside";
+function h(e) {
+  if (typeof e != "object" || e === null) return !1;
+  const t = e.ownerDocument?.defaultView;
+  return typeof Element < "u" && e instanceof Element || !!t && e instanceof t.Element;
+}
+function E(e, t) {
+  if (!h(t)) return !1;
+  if (e.contains(t)) return !0;
+  const i = t.closest("[data-dismissable-layer]"), n = e.dataset.dismissableLayer === "" ? e : e.querySelector("[data-dismissable-layer]"), r = Array.from(e.ownerDocument.querySelectorAll("[data-dismissable-layer]"));
+  return !!(i && (n === i || r.indexOf(n) < r.indexOf(i)));
+}
+function C(e, t, i = !0) {
+  const n = f(!1), r = f(() => {
+  });
+  return D((c) => {
+    if (!p || !a(i)) return;
+    const o = t?.value?.ownerDocument ?? globalThis.document, s = async (u) => {
+      const d = u.target;
+      if (!(!t?.value || !d)) {
+        if (E(t.value, d)) {
+          o.removeEventListener("click", r.value), n.value = !1;
+          return;
+        }
+        if (u.target && !n.value) {
+          let v = function() {
+            w(O, e, L);
+          };
+          const L = { originalEvent: u };
+          u.pointerType === "touch" ? (o.removeEventListener("click", r.value), r.value = v, o.addEventListener("click", r.value, { once: !0 })) : v();
+        } else o.removeEventListener("click", r.value);
+        n.value = !1;
+      }
+    }, l = window.setTimeout(() => {
+      o.addEventListener("pointerdown", s);
+    }, 0);
+    c(() => {
+      window.clearTimeout(l), o.removeEventListener("pointerdown", s), o.removeEventListener("click", r.value);
+    });
+  }), { onPointerDownCapture: () => {
+    a(i) && (n.value = !0);
+  } };
+}
+function b(e, t, i = !0) {
+  const n = f(!1);
+  return D((r) => {
+    if (!p || !a(i)) return;
+    const c = t?.value?.ownerDocument ?? globalThis.document, o = async (s) => {
+      if (!t?.value) return;
+      await m(), await m();
+      const l = s.target;
+      !t.value || !l || E(t.value, l) || s.target && !n.value && w(y, e, { originalEvent: s });
+    };
+    c.addEventListener("focusin", o), r(() => c.removeEventListener("focusin", o));
+  }), {
+    onFocusCapture: () => {
+      a(i) && (n.value = !0);
+    },
+    onBlurCapture: () => {
+      a(i) && (n.value = !1);
+    }
+  };
+}
+export {
+  b as useFocusOutside,
+  C as usePointerDownOutside
+};

package/dist/modules/vendor/reka-ui/dist/Drawer/DrawerClose.js

@@ -0,0 +1,33 @@
+import { useForwardExpose as a } from "../shared/useForwardExpose.js";
+import { Primitive as l } from "../Primitive/Primitive.js";
+import { injectDrawerRootContext as p } from "./DrawerRoot.js";
+import { defineComponent as u, openBlock as i, createBlock as f, unref as r, mergeProps as d, withCtx as m, renderSlot as C } from "vue";
+var _ = /* @__PURE__ */ u({
+  __name: "DrawerClose",
+  props: {
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1,
+      default: "button"
+    }
+  },
+  setup(e) {
+    const o = e;
+    a();
+    const n = p();
+    return (s, t) => (i(), f(r(l), d(o, {
+      type: e.as === "button" ? "button" : void 0,
+      onClick: t[0] || (t[0] = (c) => r(n).onOpenChange(!1, "close-press"))
+    }), {
+      default: m(() => [C(s.$slots, "default")]),
+      _: 3
+    }, 16, ["type"]));
+  }
+}), D = _;
+export {
+  D as DrawerClose_default
+};

package/dist/modules/vendor/reka-ui/dist/Drawer/DrawerContent.js

@@ -0,0 +1,108 @@
+import { isHTMLElement as M } from "../shared/isHTMLElement.js";
+import { useEmitAsProps as _ } from "../shared/useEmitAsProps.js";
+import { useForwardExpose as b } from "../shared/useForwardExpose.js";
+import { useHideOthers as I } from "../shared/useHideOthers.js";
+import { Presence_default as R } from "../Presence/Presence.js";
+import { injectDrawerRootContext as $ } from "./DrawerRoot.js";
+import { DrawerContentImpl_default as g } from "./DrawerContentImpl.js";
+import { defineComponent as H, ref as y, computed as s, openBlock as d, createBlock as p, unref as u, withCtx as c, mergeProps as w, renderSlot as O } from "vue";
+var T = /* @__PURE__ */ H({
+  __name: "DrawerContent",
+  props: {
+    forceMount: {
+      type: Boolean,
+      required: !1
+    },
+    initialFocus: {
+      type: [Boolean, null],
+      required: !1,
+      skipCheck: !0,
+      default: !0
+    },
+    finalFocus: {
+      type: [Boolean, null],
+      required: !1,
+      skipCheck: !0,
+      default: !0
+    },
+    disableOutsidePointerEvents: {
+      type: Boolean,
+      required: !1
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    }
+  },
+  emits: [
+    "escapeKeyDown",
+    "pointerDownOutside",
+    "focusOutside",
+    "interactOutside",
+    "openAutoFocus",
+    "closeAutoFocus"
+  ],
+  setup(v, { emit: E }) {
+    const n = v, k = E, r = $(), m = _(k), { forwardRef: C, currentElement: P } = b(), l = y(!1), a = y(!1), i = s(() => r.modal.value === !0), h = s(() => r.modal.value === "trap-focus"), F = s(() => (i.value || h.value) && r.open.value), A = s(() => i.value ? P.value : void 0);
+    I(A);
+    function D() {
+      if (n.finalFocus !== !1)
+        return M(n.finalFocus) ? n.finalFocus : r.triggerElement.value;
+    }
+    function B(e) {
+      e.defaultPrevented || (l.value || D()?.focus(), e.preventDefault()), l.value = !1, a.value = !1;
+    }
+    function q(e) {
+      e.defaultPrevented || (l.value = !0, e.detail.originalEvent.type === "pointerdown" && (a.value = !0));
+      const t = e.target;
+      r.triggerElement.value?.contains(t) && e.preventDefault(), e.detail.originalEvent.type === "focusin" && a.value && e.preventDefault();
+    }
+    return (e, t) => (d(), p(u(R), { present: v.forceMount || u(r).open.value }, {
+      default: c(() => [i.value ? (d(), p(g, w({
+        key: 0,
+        ref: u(C)
+      }, {
+        ...n,
+        ...u(m),
+        ...e.$attrs
+      }, {
+        "trap-focus": F.value,
+        "disable-outside-pointer-events": !0,
+        onCloseAutoFocus: t[0] || (t[0] = (o) => {
+          o.defaultPrevented || (o.preventDefault(), D()?.focus());
+        }),
+        onPointerDownOutside: t[1] || (t[1] = (o) => {
+          const f = o.detail.originalEvent;
+          (f.button === 2 || f.button === 0 && f.ctrlKey) && o.preventDefault();
+        }),
+        onFocusOutside: t[2] || (t[2] = (o) => o.preventDefault())
+      }), {
+        default: c(() => [O(e.$slots, "default")]),
+        _: 3
+      }, 16, ["trap-focus"])) : (d(), p(g, w({
+        key: 1,
+        ref: u(C)
+      }, {
+        ...n,
+        ...u(m),
+        ...e.$attrs
+      }, {
+        "trap-focus": F.value,
+        "disable-outside-pointer-events": !1,
+        onCloseAutoFocus: B,
+        onInteractOutside: q
+      }), {
+        default: c(() => [O(e.$slots, "default")]),
+        _: 3
+      }, 16, ["trap-focus"]))]),
+      _: 3
+    }, 8, ["present"]));
+  }
+}), Q = T;
+export {
+  Q as DrawerContent_default
+};

package/dist/modules/vendor/reka-ui/dist/Drawer/DrawerContentImpl.js

@@ -0,0 +1,250 @@
+import { isHTMLElement as L } from "../shared/isHTMLElement.js";
+import { useForwardExpose as M } from "../shared/useForwardExpose.js";
+import { DismissableLayer_default as T } from "../DismissableLayer/DismissableLayer.js";
+import { focus as V } from "../FocusScope/utils.js";
+import { FocusScope_default as W } from "../FocusScope/FocusScope.js";
+import { registerDrawerCssProperties as K, DRAWER_CSS_VARS as o, computeSwipeReleaseScalar as X, getDisplacement as Y } from "./utils.js";
+import { injectDrawerRootContext as z } from "./DrawerRoot.js";
+import { useDrawerSnapPoints as U } from "../composables/useDrawerSnapPoints.js";
+import { useSwipeDismiss as j } from "../composables/useSwipeDismiss.js";
+import { defineComponent as G, watch as m, computed as w, onMounted as C, onUnmounted as J, openBlock as Q, createBlock as Z, unref as l, withCtx as O, createVNode as ee, mergeProps as te, renderSlot as ne, nextTick as se } from "vue";
+import { useResizeObserver as oe } from "../../../@vueuse/core/dist/index.js";
+var re = /* @__PURE__ */ G({
+  __name: "DrawerContentImpl",
+  props: {
+    trapFocus: {
+      type: Boolean,
+      required: !1
+    },
+    initialFocus: {
+      type: [Boolean, null],
+      required: !1,
+      skipCheck: !0,
+      default: !0
+    },
+    finalFocus: {
+      type: [Boolean, null],
+      required: !1,
+      skipCheck: !0,
+      default: !0
+    },
+    disableOutsidePointerEvents: {
+      type: Boolean,
+      required: !1
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    }
+  },
+  emits: [
+    "escapeKeyDown",
+    "pointerDownOutside",
+    "focusOutside",
+    "interactOutside",
+    "openAutoFocus",
+    "closeAutoFocus"
+  ],
+  setup(f, { emit: b }) {
+    const d = f, a = b, t = z(), { forwardRef: x, currentElement: r } = M();
+    K();
+    const { activeSnapPointOffset: g, snapToNearest: F } = U({
+      snapPoints: t.snapPoints,
+      activeSnapPoint: t.activeSnapPoint,
+      popupHeight: t.popupHeight,
+      onSnapPointChange: (e) => {
+        e === null ? t.onOpenChange(!1, "swipe") : t.setActiveSnapPoint(e);
+      }
+    });
+    function h() {
+      const e = r.value;
+      if (!e) return;
+      const n = g.value;
+      if (n != null) {
+        const s = t.swipeDirection.value, i = s === "up" || s === "left" ? -n : n;
+        e.style.setProperty(o.snapPointOffset, `${i}px`);
+      } else e.style.setProperty(o.snapPointOffset, "0px");
+    }
+    m(g, h), oe(r, ([e]) => {
+      if (!e || t.hasNestedDrawer.value && t.popupHeight.value > 0) return;
+      const n = e.contentRect.height;
+      t.onPopupHeightChange(n), r.value?.style.setProperty(o.height, `${n}px`);
+    }), m(() => t.frontmostHeight.value, (e) => {
+      r.value?.style.setProperty(o.frontmostHeight, `${e}px`);
+    });
+    const c = w(() => (t.snapPoints.value?.length ?? 0) > 0), E = w(() => {
+      const e = t.swipeDirection.value;
+      return c.value ? [e, {
+        up: "down",
+        down: "up",
+        left: "right",
+        right: "left"
+      }[e]] : [e];
+    });
+    let u = {
+      x: 0,
+      y: 0
+    };
+    const { isSwiping: p, restore: R } = j({
+      enabled: w(() => t.open.value),
+      elementRef: r,
+      directions: E,
+      movementCssVars: {
+        x: o.swipeMovementX,
+        y: o.swipeMovementY
+      },
+      ignoreSelectorWhenTouch: !1,
+      swipeThreshold: ({ element: e, direction: n }) => (n === "left" || n === "right" ? e.offsetWidth : e.offsetHeight) * 0.3,
+      canStart: () => !t.nestedSwiping.value,
+      onDismiss() {
+        if (!c.value) {
+          if (!t.onOpenChange(!1, "swipe")) return !1;
+          se(() => {
+            t.open.value && R();
+          });
+        }
+      },
+      onRelease(e) {
+        const n = r.value;
+        if (n) {
+          const s = t.swipeDirection.value, i = s === "left" || s === "right" ? n.offsetWidth : n.offsetHeight, q = s === "left" || s === "right" ? u.x : u.y, B = s === "left" || s === "right" ? e.x : e.y, S = X({
+            direction: s,
+            size: i,
+            axisDelta: q,
+            snapPointOffset: g.value ?? 0,
+            releaseVelocity: B
+          });
+          S != null ? n.style.setProperty(o.swipeStrength, `${S}`) : n.style.setProperty(o.swipeStrength, "1");
+        }
+        if (c.value) {
+          const s = t.swipeDirection.value, i = Y(s, u.x, u.y);
+          F(i, e, s, t.snapToSequentialPoints.value), n && (h(), n.style.setProperty(o.swipeMovementX, "0px"), n.style.setProperty(o.swipeMovementY, "0px"));
+        }
+        return c.value;
+      },
+      onSwipingChange(e) {
+        t.onSwipingChange(e), t.onNestedSwipingChange(e);
+      },
+      onProgress(e, n) {
+        n && (u = {
+          x: n.deltaX,
+          y: n.deltaY
+        }), t.onNestedSwipeProgressChange(e);
+      }
+    });
+    let v;
+    function H() {
+      p.value || (t.onOpenChange(!1, v ?? "outside-press"), v = void 0);
+    }
+    function N(e) {
+      v = "escape-key", a("escapeKeyDown", e);
+    }
+    function A(e) {
+      if (p.value) {
+        e.preventDefault();
+        return;
+      }
+      v = "outside-press", a("pointerDownOutside", e);
+    }
+    function _(e) {
+      if (p.value) {
+        e.preventDefault();
+        return;
+      }
+      a("focusOutside", e);
+    }
+    function $(e) {
+      if (p.value) {
+        e.preventDefault();
+        return;
+      }
+      a("interactOutside", e);
+    }
+    function I(e) {
+      a("openAutoFocus", e), !e.defaultPrevented && (d.initialFocus === !1 ? e.preventDefault() : L(d.initialFocus) && (e.preventDefault(), V(d.initialFocus, { select: !0 })));
+    }
+    let y;
+    function D() {
+      y?.(), y = void 0;
+    }
+    m(() => t.open.value, (e) => {
+      D();
+      const n = r.value;
+      if (!n) {
+        t.notifyOpenComplete(e);
+        return;
+      }
+      const s = (i) => {
+        i.target === n && (D(), t.notifyOpenComplete(e));
+      };
+      n.addEventListener("transitionend", s), n.addEventListener("animationend", s), y = () => {
+        n.removeEventListener("transitionend", s), n.removeEventListener("animationend", s);
+      };
+    });
+    const k = w(() => {
+      const e = {
+        "data-state": t.open.value ? "open" : "closed",
+        "data-swipe-direction": t.swipeDirection.value
+      };
+      return p.value && (e["data-swiping"] = ""), t.hasNestedDrawer.value && (e["data-nested-drawer-open"] = ""), e;
+    });
+    m(() => t.nestedOpenDrawerCount.value, (e) => {
+      r.value?.style.setProperty(o.nestedDrawers, `${e}`);
+    });
+    let P;
+    return C(() => {
+      t.contentElement.value = r.value, t.notifyParentHasNestedDrawer?.(!0), r.value?.style.setProperty(o.nestedDrawers, `${t.nestedOpenDrawerCount.value}`), h(), P = t.nestedSwipeProgressStore.subscribe(() => {
+        const e = t.nestedSwipeProgressStore.getSnapshot();
+        r.value?.style.setProperty(o.swipeProgress, `${e}`);
+      });
+    }), J(() => {
+      t.notifyParentHasNestedDrawer?.(!1), P?.(), D();
+    }), process.env.NODE_ENV !== "production" && C(() => {
+      document.getElementById(t.titleId) || console.warn("Warning: `DrawerContent` requires a `DrawerTitle` for accessibility.");
+    }), (e, n) => (Q(), Z(l(W), {
+      "as-child": "",
+      loop: "",
+      trapped: d.trapFocus,
+      onMountAutoFocus: I,
+      onUnmountAutoFocus: n[0] || (n[0] = (s) => a("closeAutoFocus", s))
+    }, {
+      default: O(() => [ee(l(T), te({
+        id: l(t).contentId,
+        ref: l(x),
+        as: f.as,
+        "as-child": f.asChild,
+        "disable-outside-pointer-events": f.disableOutsidePointerEvents,
+        role: "dialog",
+        "aria-describedby": l(t).descriptionId,
+        "aria-labelledby": l(t).titleId
+      }, {
+        ...k.value,
+        ...e.$attrs
+      }, {
+        onDismiss: H,
+        onEscapeKeyDown: N,
+        onFocusOutside: _,
+        onInteractOutside: $,
+        onPointerDownOutside: A
+      }), {
+        default: O(() => [ne(e.$slots, "default")]),
+        _: 3
+      }, 16, [
+        "id",
+        "as",
+        "as-child",
+        "disable-outside-pointer-events",
+        "aria-describedby",
+        "aria-labelledby"
+      ])]),
+      _: 3
+    }, 8, ["trapped"]));
+  }
+}), ge = re;
+export {
+  ge as DrawerContentImpl_default
+};

package/dist/modules/vendor/reka-ui/dist/Drawer/DrawerDescription.js

@@ -0,0 +1,30 @@
+import { useForwardExpose as p } from "../shared/useForwardExpose.js";
+import { Primitive as a } from "../Primitive/Primitive.js";
+import { injectDrawerRootContext as n } from "./DrawerRoot.js";
+import { defineComponent as s, openBlock as u, createBlock as l, unref as e, mergeProps as d, withCtx as c, renderSlot as f } from "vue";
+var _ = /* @__PURE__ */ s({
+  __name: "DrawerDescription",
+  props: {
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1,
+      default: "p"
+    }
+  },
+  setup(r) {
+    const t = r;
+    p();
+    const o = n();
+    return (i, m) => (u(), l(e(a), d(t, { id: e(o).descriptionId }), {
+      default: c(() => [f(i.$slots, "default")]),
+      _: 3
+    }, 16, ["id"]));
+  }
+}), C = _;
+export {
+  C as DrawerDescription_default
+};

package/dist/modules/vendor/reka-ui/dist/Drawer/DrawerOverlay.js

@@ -0,0 +1,48 @@
+import { useForwardExpose as n } from "../shared/useForwardExpose.js";
+import { Presence_default as s } from "../Presence/Presence.js";
+import { injectDrawerRootContext as d } from "./DrawerRoot.js";
+import { DrawerOverlayImpl_default as u } from "./DrawerOverlayImpl.js";
+import { defineComponent as i, unref as r, openBlock as c, createBlock as p, withCtx as o, createVNode as m, mergeProps as v, renderSlot as y, createCommentVNode as w } from "vue";
+var _ = /* @__PURE__ */ i({
+  __name: "DrawerOverlay",
+  props: {
+    forceMount: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    forceRender: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    }
+  },
+  setup(e) {
+    const t = d(), l = !!t.notifyParentHasNestedDrawer, { forwardRef: f } = n();
+    return (a, C) => r(t).modal.value && (!l || e.forceRender) ? (c(), p(r(s), {
+      key: 0,
+      present: e.forceMount || r(t).open.value
+    }, {
+      default: o(() => [m(u, v(a.$attrs, {
+        ref: r(f),
+        as: e.as,
+        "as-child": e.asChild
+      }), {
+        default: o(() => [y(a.$slots, "default")]),
+        _: 3
+      }, 16, ["as", "as-child"])]),
+      _: 3
+    }, 8, ["present"])) : w("v-if", !0);
+  }
+}), N = _;
+export {
+  N as DrawerOverlay_default
+};

package/dist/modules/vendor/reka-ui/dist/Drawer/DrawerOverlayImpl.js

@@ -0,0 +1,51 @@
+import { useBodyScrollLock as i } from "../shared/useBodyScrollLock.js";
+import { useForwardExpose as n } from "../shared/useForwardExpose.js";
+import { Primitive as p } from "../Primitive/Primitive.js";
+import { DRAWER_CSS_VARS as a } from "./utils.js";
+import { injectDrawerRootContext as u } from "./DrawerRoot.js";
+import { defineComponent as d, watch as c, computed as m, openBlock as v, createBlock as f, unref as r, mergeProps as w, withCtx as _, renderSlot as y } from "vue";
+var h = /* @__PURE__ */ d({
+  __name: "DrawerOverlayImpl",
+  props: {
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    }
+  },
+  setup(o) {
+    const t = u(), s = i(t.open.value);
+    c(() => t.open.value, (e) => {
+      s.value = e;
+    }, { immediate: !0 }), n();
+    const l = m(() => {
+      const e = {
+        "data-state": t.open.value ? "open" : "closed",
+        "data-swipe-direction": t.swipeDirection.value
+      };
+      return t.isSwiping.value && (e["data-swiping"] = ""), e;
+    });
+    return (e, S) => (v(), f(r(p), w({
+      as: o.as,
+      "as-child": o.asChild
+    }, l.value, { style: {
+      pointerEvents: "auto",
+      userSelect: "none",
+      [r(a).swipeProgress]: "0",
+      [r(a).swipeStrength]: "1"
+    } }), {
+      default: _(() => [y(e.$slots, "default")]),
+      _: 3
+    }, 16, [
+      "as",
+      "as-child",
+      "style"
+    ]));
+  }
+}), R = h;
+export {
+  R as DrawerOverlayImpl_default
+};

package/dist/modules/vendor/reka-ui/dist/Drawer/DrawerPortal.js

@@ -0,0 +1,32 @@
+import { Teleport_default as r } from "../Teleport/Teleport.js";
+import { defineComponent as o, openBlock as t, createBlock as a, unref as l, normalizeProps as p, guardReactiveProps as u, withCtx as n, renderSlot as d } from "vue";
+var f = /* @__PURE__ */ o({
+  __name: "DrawerPortal",
+  props: {
+    to: {
+      type: null,
+      required: !1
+    },
+    disabled: {
+      type: Boolean,
+      required: !1
+    },
+    defer: {
+      type: Boolean,
+      required: !1
+    },
+    forceMount: {
+      type: Boolean,
+      required: !1
+    }
+  },
+  setup(s) {
+    return (e, _) => (t(), a(l(r), p(u(e.$props)), {
+      default: n(() => [d(e.$slots, "default")]),
+      _: 3
+    }, 16));
+  }
+}), m = f;
+export {
+  m as DrawerPortal_default
+};

package/dist/modules/vendor/reka-ui/dist/Drawer/DrawerProvider.js

@@ -0,0 +1,6 @@
+import { createContext as r } from "../shared/createContext.js";
+import "vue";
+const [o] = /* @__PURE__ */ r("DrawerProvider");
+export {
+  o as injectDrawerProviderContext
+};