@synopackageland/ui 0.25.21 → 0.25.22

package/dist/modules/vendor/reka-ui/dist/Dialog/DialogContentModal.js

@@ -0,0 +1,84 @@
+import { injectModalScope as D } from "../../../../lib/localModal.js";
+import { defineComponent as E, computed as a, watch as y, openBlock as w, createBlock as F, mergeProps as O, unref as r, withCtx as P, renderSlot as B } from "vue";
+import { useEmitAsProps as _ } from "../shared/useEmitAsProps.js";
+import { useForwardExpose as b } from "../shared/useForwardExpose.js";
+import { useHideOthers as q } from "../shared/useHideOthers.js";
+import { injectDialogRootContext as k } from "./DialogRoot.js";
+import { DialogContentImpl_default as x } from "./DialogContentImpl.js";
+var A = /* @__PURE__ */ E({
+  __name: "DialogContentModal",
+  props: {
+    forceMount: {
+      type: Boolean,
+      required: !1
+    },
+    trapFocus: {
+      type: Boolean,
+      required: !1
+    },
+    disableOutsidePointerEvents: {
+      type: Boolean,
+      required: !1,
+      default: !0
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    },
+    present: {
+      type: Boolean,
+      required: !0
+    }
+  },
+  emits: [
+    "escapeKeyDown",
+    "pointerDownOutside",
+    "focusOutside",
+    "interactOutside",
+    "openAutoFocus",
+    "closeAutoFocus"
+  ],
+  setup(l, { emit: p }) {
+    const n = l, d = p, o = k(), s = D(), f = _(d), { forwardRef: c, currentElement: m } = b(), g = a(() => n.present ? m.value : void 0);
+    q(g);
+    const v = a(() => {
+      const { present: i, ...e } = n;
+      return e;
+    });
+    return y(() => n.present, (i, e) => {
+      !i && e && (s ? s.restoreFocus(o.triggerElement.value) : o.triggerElement.value?.focus());
+    }), (i, e) => (w(), F(x, O({
+      ...v.value,
+      ...r(f)
+    }, {
+      ref: r(c),
+      present: l.present,
+      "trap-focus": r(o).open.value,
+      "disable-outside-pointer-events": n.disableOutsidePointerEvents,
+      onCloseAutoFocus: e[0] || (e[0] = (t) => {
+        t.defaultPrevented || (t.preventDefault(), s ? s.restoreFocus(r(o).triggerElement.value) : r(o).triggerElement.value?.focus());
+      }),
+      onPointerDownOutside: e[1] || (e[1] = (t) => {
+        const u = t.detail.originalEvent, C = u.button === 0 && u.ctrlKey === !0;
+        (u.button === 2 || C) && t.preventDefault();
+      }),
+      onFocusOutside: e[2] || (e[2] = (t) => {
+        t.preventDefault();
+      })
+    }), {
+      default: P(() => [B(i.$slots, "default")]),
+      _: 3
+    }, 16, [
+      "present",
+      "trap-focus",
+      "disable-outside-pointer-events"
+    ]));
+  }
+}), L = A;
+export {
+  L as DialogContentModal_default
+};

package/dist/modules/vendor/reka-ui/dist/Dialog/DialogContentNonModal.js

@@ -0,0 +1,74 @@
+import { useEmitAsProps as m } from "../shared/useEmitAsProps.js";
+import { useForwardExpose as g } from "../shared/useForwardExpose.js";
+import { injectDialogRootContext as v } from "./DialogRoot.js";
+import { DialogContentImpl_default as D } from "./DialogContentImpl.js";
+import { defineComponent as y, ref as i, computed as C, watch as _, openBlock as w, createBlock as E, mergeProps as P, unref as n, withCtx as B, renderSlot as O } from "vue";
+var q = /* @__PURE__ */ y({
+  __name: "DialogContentNonModal",
+  props: {
+    forceMount: {
+      type: Boolean,
+      required: !1
+    },
+    trapFocus: {
+      type: Boolean,
+      required: !1
+    },
+    disableOutsidePointerEvents: {
+      type: Boolean,
+      required: !1
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    },
+    present: {
+      type: Boolean,
+      required: !0
+    }
+  },
+  emits: [
+    "escapeKeyDown",
+    "pointerDownOutside",
+    "focusOutside",
+    "interactOutside",
+    "openAutoFocus",
+    "closeAutoFocus"
+  ],
+  setup(l, { emit: f }) {
+    const u = l, p = m(f);
+    g();
+    const a = v(), o = i(!1), r = i(!1), d = C(() => {
+      const { present: s, ...t } = u;
+      return t;
+    });
+    return _(() => u.present, (s, t) => {
+      !s && t && (o.value || a.triggerElement.value?.focus(), o.value = !1, r.value = !1);
+    }), (s, t) => (w(), E(D, P({
+      ...d.value,
+      ...n(p)
+    }, {
+      present: l.present,
+      "trap-focus": !1,
+      "disable-outside-pointer-events": !1,
+      onCloseAutoFocus: t[0] || (t[0] = (e) => {
+        e.defaultPrevented || (o.value || n(a).triggerElement.value?.focus(), e.preventDefault()), o.value = !1, r.value = !1;
+      }),
+      onInteractOutside: t[1] || (t[1] = (e) => {
+        e.defaultPrevented || (o.value = !0, e.detail.originalEvent.type === "pointerdown" && (r.value = !0));
+        const c = e.target;
+        n(a).triggerElement.value?.contains(c) && e.preventDefault(), e.detail.originalEvent.type === "focusin" && r.value && e.preventDefault();
+      })
+    }), {
+      default: B(() => [O(s.$slots, "default")]),
+      _: 3
+    }, 16, ["present"]));
+  }
+}), b = q;
+export {
+  b as DialogContentNonModal_default
+};

package/dist/modules/vendor/reka-ui/dist/Dialog/DialogDescription.js

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

package/dist/modules/vendor/reka-ui/dist/Dialog/DialogOverlay.js

@@ -0,0 +1,48 @@
+import { useForwardExpose as i } from "../shared/useForwardExpose.js";
+import { Presence_default as f } from "../Presence/Presence.js";
+import { injectDialogRootContext as d } from "./DialogRoot.js";
+import { DialogOverlayImpl_default as c } from "./DialogOverlayImpl.js";
+import { defineComponent as m, computed as p, unref as e, openBlock as v, createBlock as y, withCtx as u, withDirectives as _, createVNode as h, mergeProps as g, renderSlot as C, vShow as D, createCommentVNode as O } from "vue";
+var w = /* @__PURE__ */ m({
+  __name: "DialogOverlay",
+  props: {
+    forceMount: {
+      type: Boolean,
+      required: !1
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    }
+  },
+  setup(t) {
+    const n = t, o = d(), { forwardRef: s } = i(), r = p(() => n.forceMount || !o.unmountOnHide.value);
+    return (a, x) => e(o)?.modal.value ? (v(), y(e(f), {
+      key: 0,
+      present: e(o).open.value,
+      "force-mount": r.value
+    }, {
+      default: u(({ present: l }) => [_(h(c, g(a.$attrs, {
+        ref: e(s),
+        as: t.as,
+        "as-child": t.asChild,
+        present: r.value ? l : !0
+      }), {
+        default: u(() => [C(a.$slots, "default")]),
+        _: 3
+      }, 16, [
+        "as",
+        "as-child",
+        "present"
+      ]), [[D, t.forceMount || e(o).unmountOnHide.value || l]])]),
+      _: 3
+    }, 8, ["present", "force-mount"])) : O("v-if", !0);
+  }
+}), N = w;
+export {
+  N as DialogOverlay_default
+};

package/dist/modules/vendor/reka-ui/dist/Dialog/DialogOverlayImpl.js

@@ -0,0 +1,48 @@
+import { useBodyScrollLock as n } from "../shared/useBodyScrollLock.js";
+import { useForwardExpose as i } from "../shared/useForwardExpose.js";
+import { Primitive as p } from "../Primitive/Primitive.js";
+import { injectDialogRootContext as u } from "./DialogRoot.js";
+import { defineComponent as d, watch as f, openBlock as m, createBlock as c, unref as l, withModifiers as v, withCtx as y, renderSlot as _ } from "vue";
+var h = /* @__PURE__ */ d({
+  __name: "DialogOverlayImpl",
+  props: {
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    },
+    present: {
+      type: Boolean,
+      required: !1,
+      default: !0
+    }
+  },
+  setup(e) {
+    const o = e, a = u(), s = n(o.present);
+    return f(() => o.present, (t) => s.value = t), i(), (t, r) => (m(), c(l(p), {
+      as: e.as,
+      "as-child": e.asChild,
+      "data-state": l(a).open.value ? "open" : "closed",
+      style: { "pointer-events": "auto" },
+      onPointerdown: r[0] || (r[0] = v(() => {
+      }, [
+        "left",
+        "self",
+        "prevent"
+      ]))
+    }, {
+      default: y(() => [_(t.$slots, "default")]),
+      _: 3
+    }, 8, [
+      "as",
+      "as-child",
+      "data-state"
+    ]));
+  }
+}), k = h;
+export {
+  k as DialogOverlayImpl_default
+};

package/dist/modules/vendor/reka-ui/dist/Dialog/DialogPortal.js

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

package/dist/modules/vendor/reka-ui/dist/Dialog/DialogRoot.js

@@ -0,0 +1,63 @@
+import { createContext as d } from "../shared/createContext.js";
+import { defineComponent as s, ref as n, toRefs as f, renderSlot as m, unref as c } from "vue";
+import { useVModel as v } from "../../../@vueuse/core/dist/index.js";
+const [q, g] = /* @__PURE__ */ d("DialogRoot");
+var _ = /* @__PURE__ */ s({
+  inheritAttrs: !1,
+  __name: "DialogRoot",
+  props: {
+    open: {
+      type: Boolean,
+      required: !1,
+      default: void 0
+    },
+    defaultOpen: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    modal: {
+      type: Boolean,
+      required: !1,
+      default: !0
+    },
+    unmountOnHide: {
+      type: Boolean,
+      required: !1,
+      default: !0
+    }
+  },
+  emits: ["update:open"],
+  setup(a, { emit: l }) {
+    const o = a, e = v(o, "open", l, {
+      defaultValue: o.defaultOpen,
+      passive: o.open === void 0
+    }), r = n(), u = n(), { modal: i, unmountOnHide: p } = f(o);
+    return g({
+      open: e,
+      modal: i,
+      unmountOnHide: p,
+      openModal: () => {
+        e.value = !0;
+      },
+      onOpenChange: (t) => {
+        e.value = t;
+      },
+      onOpenToggle: () => {
+        e.value = !e.value;
+      },
+      contentId: "",
+      titleId: "",
+      descriptionId: "",
+      triggerElement: r,
+      contentElement: u
+    }), (t, D) => m(t.$slots, "default", {
+      open: c(e),
+      close: () => e.value = !1
+    });
+  }
+}), x = _;
+export {
+  x as DialogRoot_default,
+  q as injectDialogRootContext
+};

package/dist/modules/vendor/reka-ui/dist/Dialog/DialogTitle.js

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

package/dist/modules/vendor/reka-ui/dist/Dialog/DialogTrigger.js

@@ -0,0 +1,45 @@
+import { useForwardExpose as i } from "../shared/useForwardExpose.js";
+import { useId as p } from "../shared/useId.js";
+import { Primitive as u } from "../Primitive/Primitive.js";
+import { injectDialogRootContext as d } from "./DialogRoot.js";
+import { defineComponent as s, onMounted as c, openBlock as f, createBlock as g, unref as o, mergeProps as m, withCtx as v, renderSlot as _ } from "vue";
+var x = /* @__PURE__ */ s({
+  __name: "DialogTrigger",
+  props: {
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1,
+      default: "button"
+    }
+  },
+  setup(t) {
+    const r = t, e = d(), { forwardRef: a, currentElement: n } = i();
+    return e.contentId ||= p(void 0, "reka-dialog-content"), c(() => {
+      e.triggerElement.value = n.value;
+    }), (l, C) => (f(), g(o(u), m(r, {
+      ref: o(a),
+      type: t.as === "button" ? "button" : void 0,
+      "aria-haspopup": "dialog",
+      "aria-expanded": o(e).open.value || !1,
+      "aria-controls": o(e).open.value ? o(e).contentId : void 0,
+      "data-state": o(e).open.value ? "open" : "closed",
+      onClick: o(e).onOpenToggle
+    }), {
+      default: v(() => [_(l.$slots, "default")]),
+      _: 3
+    }, 16, [
+      "type",
+      "aria-expanded",
+      "aria-controls",
+      "data-state",
+      "onClick"
+    ]));
+  }
+}), b = x;
+export {
+  b as DialogTrigger_default
+};

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

@@ -0,0 +1,17 @@
+import { onMounted as d } from "vue";
+const l = "DialogTitle", u = "DialogContent";
+function m({ titleName: e = l, contentName: o = u, componentLink: t = "dialog.html#title", titleId: i, descriptionId: n, contentElement: r }) {
+  const s = `Warning: \`${o}\` requires a \`${e}\` for the component to be accessible for screen reader users.
+
+If you want to hide the \`${e}\`, you can wrap it with our VisuallyHidden component.
+
+For more information, see https://www.reka-ui.com/docs/components/${t}`, c = `Warning: Missing \`Description\` or \`aria-describedby="undefined"\` for ${o}.`;
+  d(() => {
+    document.getElementById(i) || console.warn(s);
+    const a = r.value?.getAttribute("aria-describedby");
+    n && a && (document.getElementById(n) || console.warn(c));
+  });
+}
+export {
+  m as useWarning
+};

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

@@ -0,0 +1,98 @@
+import { acquireBodyPointerEvents as B, releaseBodyPointerEvents as g } from "../shared/bodyPointerEvents.js";
+import { injectModalScope as _, assertDocumentOverlayAllowed as x, registerDocumentOverlay as L } from "../../../../lib/localModal.js";
+import { defineComponent as W, h as F, computed as u, watch as O, watchEffect as q, openBlock as S, createBlock as k, unref as l, normalizeStyle as z, withCtx as A, renderSlot as K, nextTick as T } from "vue";
+import { useForwardExpose as H } from "../shared/useForwardExpose.js";
+import { Primitive as D } from "../Primitive/Primitive.js";
+import { usePointerDownOutside as I, useFocusOutside as R } from "./utils.js";
+import { context as o } from "./context.js";
+import { onKeyStroke as $ } from "../../../@vueuse/core/dist/index.js";
+var j = /* @__PURE__ */ W({
+  __name: "DismissableLayer",
+  props: {
+    disableOutsidePointerEvents: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    },
+    present: {
+      type: Boolean,
+      required: !1,
+      default: !0
+    }
+  },
+  emits: [
+    "escapeKeyDown",
+    "pointerDownOutside",
+    "focusOutside",
+    "interactOutside",
+    "dismiss"
+  ],
+  setup(d, { emit: w }) {
+    const t = d, i = w, { forwardRef: c, currentElement: s } = H(), f = _();
+    if (f)
+      return f.layer(s, () => t.present, () => t.disableOutsidePointerEvents, i), (e) => F(D, { ref: c, as: t.as, asChild: t.asChild, "data-dismissable-layer": "" }, e.$slots);
+    t.present && x(), L(s, () => t.present);
+    const P = u(() => s.value?.ownerDocument ?? globalThis.document), n = u(() => o.layersRoot), p = u(() => s.value ? Array.from(n.value).indexOf(s.value) : -1), b = u(() => o.layersWithOutsidePointerEventsDisabled.size > 0), m = u(() => {
+      const e = Array.from(n.value), [r] = [...o.layersWithOutsidePointerEventsDisabled].slice(-1), a = e.indexOf(r);
+      return p.value >= a;
+    }), E = I(async (e) => {
+      const r = [...o.branches].some((a) => a?.contains(e.target));
+      !t.present || !m.value || r || (i("pointerDownOutside", e), i("interactOutside", e), await T(), e.defaultPrevented || i("dismiss"));
+    }, s, () => t.present), y = R((e) => {
+      const r = [...o.branches].some((a) => a?.contains(e.target));
+      !t.present || r || (i("focusOutside", e), i("interactOutside", e), e.defaultPrevented || i("dismiss"));
+    }, s);
+    return $("Escape", (e) => {
+      !t.present || !(p.value === n.value.size - 1) || (i("escapeKeyDown", e), e.defaultPrevented || i("dismiss"));
+    }, { target: () => P.value?.defaultView ?? globalThis.window }), O([
+      s,
+      () => t.disableOutsidePointerEvents,
+      () => t.present
+    ], ([e, r, a], v, C) => {
+      if (!(!e || !a) && r) {
+        const h = e.ownerDocument;
+        B(h, e), o.layersWithOutsidePointerEventsDisabled.add(e), C(() => {
+          o.layersWithOutsidePointerEventsDisabled.delete(e), g(h, e);
+        });
+      }
+    }, { immediate: !0 }), O([s, () => t.present], ([e, r], a, v) => {
+      !e || !r || (n.value.add(e), v(() => {
+        n.value.delete(e);
+      }));
+    }, { immediate: !0 }), q((e) => {
+      e(() => {
+        s.value && (n.value.delete(s.value), o.layersWithOutsidePointerEventsDisabled.delete(s.value));
+      });
+    }), (e, r) => (S(), k(l(D), {
+      ref: l(c),
+      "as-child": d.asChild,
+      as: d.as,
+      "data-dismissable-layer": "",
+      style: z({ pointerEvents: b.value ? m.value ? "auto" : "none" : void 0 }),
+      onFocusCapture: l(y).onFocusCapture,
+      onBlurCapture: l(y).onBlurCapture,
+      onPointerdownCapture: l(E).onPointerDownCapture
+    }, {
+      default: A(() => [K(e.$slots, "default")]),
+      _: 3
+    }, 8, [
+      "as-child",
+      "as",
+      "style",
+      "onFocusCapture",
+      "onBlurCapture",
+      "onPointerdownCapture"
+    ]));
+  }
+}), Y = j;
+export {
+  Y as DismissableLayer_default
+};

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

@@ -0,0 +1,35 @@
+import { useForwardExpose as p } from "../shared/useForwardExpose.js";
+import { Primitive as s } from "../Primitive/Primitive.js";
+import { injectModalScope as c } from "../../../../lib/localModal.js";
+import { defineComponent as f, h as m, onMounted as d, onUnmounted as _, openBlock as h, createBlock as y, unref as l, mergeProps as b, withCtx as v, renderSlot as B } from "vue";
+import { context as i } from "./context.js";
+var x = /* @__PURE__ */ f({
+  __name: "DismissableLayerBranch",
+  props: {
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    }
+  },
+  setup(u) {
+    const t = u, { forwardRef: o, currentElement: n } = p(), a = c();
+    if (a)
+      return a.branch(n), (r) => m(s, { ref: o, ...t }, r.$slots);
+    let e = null;
+    return d(() => {
+      e = n.value, e && i.branches.add(e);
+    }), _(() => {
+      e && (i.branches.delete(e), e = null);
+    }), (r, g) => (h(), y(l(s), b({ ref: l(o) }, t), {
+      default: v(() => [B(r.$slots, "default")]),
+      _: 3
+    }, 16));
+  }
+}), S = x;
+export {
+  S as DismissableLayerBranch_default
+};

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

@@ -0,0 +1,9 @@
+import { reactive as e } from "vue";
+const n = /* @__PURE__ */ e({
+  layersRoot: /* @__PURE__ */ new Set(),
+  layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
+  branches: /* @__PURE__ */ new Set()
+});
+export {
+  n as context
+};