@synopackageland/ui 0.25.21 → 0.25.22

package/dist/modules/vendor/reka-ui/dist/Menu/MenuRoot.js

@@ -0,0 +1,56 @@
+import { createContext as r } from "../shared/createContext.js";
+import { useDirection as f } from "../shared/useDirection.js";
+import { PopperRoot_default as c } from "../Popper/PopperRoot.js";
+import { useIsUsingKeyboard as m } from "../shared/useIsUsingKeyboard.js";
+import { defineComponent as _, toRefs as C, ref as M, openBlock as R, createBlock as v, unref as x, withCtx as g, renderSlot as y } from "vue";
+import { useVModel as h } from "../../../@vueuse/core/dist/index.js";
+const [I, B] = /* @__PURE__ */ r(["MenuRoot", "MenuSub"], "MenuContext"), [O, b] = /* @__PURE__ */ r("MenuRoot");
+var q = /* @__PURE__ */ _({
+  __name: "MenuRoot",
+  props: {
+    open: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    dir: {
+      type: String,
+      required: !1
+    },
+    modal: {
+      type: Boolean,
+      required: !1,
+      default: !0
+    }
+  },
+  emits: ["update:open"],
+  setup(u, { emit: p }) {
+    const t = u, s = p, { modal: a, dir: i } = C(t), l = f(i), o = h(t, "open", s), n = M(), d = m();
+    return B({
+      open: o,
+      onOpenChange: (e) => {
+        o.value = e;
+      },
+      content: n,
+      onContentChange: (e) => {
+        n.value = e;
+      }
+    }), b({
+      onClose: () => {
+        o.value = !1;
+      },
+      isUsingKeyboardRef: d,
+      dir: l,
+      modal: a
+    }), (e, S) => (R(), v(x(c), null, {
+      default: g(() => [y(e.$slots, "default")]),
+      _: 3
+    }));
+  }
+}), P = q;
+export {
+  P as MenuRoot_default,
+  I as injectMenuContext,
+  O as injectMenuRootContext,
+  B as provideMenuContext
+};

package/dist/modules/vendor/reka-ui/dist/Menu/MenuRootContentModal.js

@@ -0,0 +1,125 @@
+import { useForwardExpose as f } from "../shared/useForwardExpose.js";
+import { useForwardPropsEmits as y } from "../shared/useForwardPropsEmits.js";
+import { useHideOthers as m } from "../shared/useHideOthers.js";
+import { injectMenuContext as c } from "./MenuRoot.js";
+import { MenuContentImpl_default as q } from "./MenuContentImpl.js";
+import { defineComponent as g, openBlock as B, createBlock as v, mergeProps as C, unref as e, withModifiers as O, withCtx as w, renderSlot as _ } from "vue";
+var b = /* @__PURE__ */ g({
+  __name: "MenuRootContentModal",
+  props: {
+    loop: {
+      type: Boolean,
+      required: !1
+    },
+    memoDependencies: {
+      type: Array,
+      required: !1
+    },
+    side: {
+      type: null,
+      required: !1
+    },
+    sideOffset: {
+      type: Number,
+      required: !1
+    },
+    sideFlip: {
+      type: Boolean,
+      required: !1
+    },
+    align: {
+      type: null,
+      required: !1
+    },
+    alignOffset: {
+      type: Number,
+      required: !1
+    },
+    alignFlip: {
+      type: Boolean,
+      required: !1
+    },
+    avoidCollisions: {
+      type: Boolean,
+      required: !1
+    },
+    collisionBoundary: {
+      type: null,
+      required: !1
+    },
+    collisionPadding: {
+      type: [Number, Object],
+      required: !1
+    },
+    arrowPadding: {
+      type: Number,
+      required: !1
+    },
+    hideShiftedArrow: {
+      type: Boolean,
+      required: !1
+    },
+    sticky: {
+      type: String,
+      required: !1
+    },
+    hideWhenDetached: {
+      type: Boolean,
+      required: !1
+    },
+    positionStrategy: {
+      type: String,
+      required: !1
+    },
+    updatePositionStrategy: {
+      type: String,
+      required: !1
+    },
+    disableUpdateOnLayoutShift: {
+      type: Boolean,
+      required: !1
+    },
+    prioritizePosition: {
+      type: Boolean,
+      required: !1
+    },
+    reference: {
+      type: null,
+      required: !1
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    }
+  },
+  emits: [
+    "escapeKeyDown",
+    "pointerDownOutside",
+    "focusOutside",
+    "interactOutside",
+    "entryFocus",
+    "openAutoFocus",
+    "closeAutoFocus"
+  ],
+  setup(s, { emit: n }) {
+    const l = s, o = n, u = y(l, o), r = c(), { forwardRef: a, currentElement: d } = f();
+    return m(d), (p, t) => (B(), v(q, C(e(u), {
+      ref: e(a),
+      "trap-focus": e(r).open.value,
+      "disable-outside-pointer-events": e(r).open.value,
+      "disable-outside-scroll": !0,
+      onDismiss: t[0] || (t[0] = (i) => e(r).onOpenChange(!1)),
+      onFocusOutside: t[1] || (t[1] = O((i) => o("focusOutside", i), ["prevent"]))
+    }), {
+      default: w(() => [_(p.$slots, "default")]),
+      _: 3
+    }, 16, ["trap-focus", "disable-outside-pointer-events"]));
+  }
+}), D = b;
+export {
+  D as MenuRootContentModal_default
+};

package/dist/modules/vendor/reka-ui/dist/Menu/MenuRootContentNonModal.js

@@ -0,0 +1,121 @@
+import { useForwardPropsEmits as l } from "../shared/useForwardPropsEmits.js";
+import { injectMenuContext as a } from "./MenuRoot.js";
+import { MenuContentImpl_default as u } from "./MenuContentImpl.js";
+import { defineComponent as d, openBlock as p, createBlock as f, mergeProps as y, unref as t, withCtx as m, renderSlot as c } from "vue";
+var q = /* @__PURE__ */ d({
+  __name: "MenuRootContentNonModal",
+  props: {
+    loop: {
+      type: Boolean,
+      required: !1
+    },
+    memoDependencies: {
+      type: Array,
+      required: !1
+    },
+    side: {
+      type: null,
+      required: !1
+    },
+    sideOffset: {
+      type: Number,
+      required: !1
+    },
+    sideFlip: {
+      type: Boolean,
+      required: !1
+    },
+    align: {
+      type: null,
+      required: !1
+    },
+    alignOffset: {
+      type: Number,
+      required: !1
+    },
+    alignFlip: {
+      type: Boolean,
+      required: !1
+    },
+    avoidCollisions: {
+      type: Boolean,
+      required: !1
+    },
+    collisionBoundary: {
+      type: null,
+      required: !1
+    },
+    collisionPadding: {
+      type: [Number, Object],
+      required: !1
+    },
+    arrowPadding: {
+      type: Number,
+      required: !1
+    },
+    hideShiftedArrow: {
+      type: Boolean,
+      required: !1
+    },
+    sticky: {
+      type: String,
+      required: !1
+    },
+    hideWhenDetached: {
+      type: Boolean,
+      required: !1
+    },
+    positionStrategy: {
+      type: String,
+      required: !1
+    },
+    updatePositionStrategy: {
+      type: String,
+      required: !1
+    },
+    disableUpdateOnLayoutShift: {
+      type: Boolean,
+      required: !1
+    },
+    prioritizePosition: {
+      type: Boolean,
+      required: !1
+    },
+    reference: {
+      type: null,
+      required: !1
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    }
+  },
+  emits: [
+    "escapeKeyDown",
+    "pointerDownOutside",
+    "focusOutside",
+    "interactOutside",
+    "entryFocus",
+    "openAutoFocus",
+    "closeAutoFocus"
+  ],
+  setup(o, { emit: r }) {
+    const i = l(o, r), n = a();
+    return (s, e) => (p(), f(u, y(t(i), {
+      "trap-focus": !1,
+      "disable-outside-pointer-events": !1,
+      "disable-outside-scroll": !1,
+      onDismiss: e[0] || (e[0] = (_) => t(n).onOpenChange(!1))
+    }), {
+      default: m(() => [c(s.$slots, "default")]),
+      _: 3
+    }, 16));
+  }
+}), O = q;
+export {
+  O as MenuRootContentNonModal_default
+};

package/dist/modules/vendor/reka-ui/dist/Menu/MenuSeparator.js

@@ -0,0 +1,28 @@
+import { Primitive as a } from "../Primitive/Primitive.js";
+import { defineComponent as o, openBlock as p, createBlock as n, unref as u, mergeProps as l, withCtx as i, renderSlot as s } from "vue";
+var _ = /* @__PURE__ */ o({
+  __name: "MenuSeparator",
+  props: {
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    }
+  },
+  setup(e) {
+    const r = e;
+    return (t, f) => (p(), n(u(a), l(r, {
+      role: "separator",
+      "aria-orientation": "horizontal"
+    }), {
+      default: i(() => [s(t.$slots, "default")]),
+      _: 3
+    }, 16));
+  }
+}), c = _;
+export {
+  c as MenuSeparator_default
+};

package/dist/modules/vendor/reka-ui/dist/Menu/MenuSub.js

@@ -0,0 +1,47 @@
+import { createContext as s } from "../shared/createContext.js";
+import { PopperRoot_default as i } from "../Popper/PopperRoot.js";
+import { injectMenuContext as f, provideMenuContext as c } from "./MenuRoot.js";
+import { defineComponent as d, ref as r, watchEffect as m, openBlock as v, createBlock as _, unref as C, withCtx as g, renderSlot as M } from "vue";
+import { useVModel as x } from "../../../@vueuse/core/dist/index.js";
+const [V, S] = /* @__PURE__ */ s("MenuSub");
+var b = /* @__PURE__ */ d({
+  __name: "MenuSub",
+  props: { open: {
+    type: Boolean,
+    required: !1,
+    default: void 0
+  } },
+  emits: ["update:open"],
+  setup(a, { emit: p }) {
+    const n = a, t = x(n, "open", p, {
+      defaultValue: !1,
+      passive: n.open === void 0
+    }), l = f(), o = r(), u = r();
+    return m((e) => {
+      l?.open.value === !1 && (t.value = !1), e(() => t.value = !1);
+    }), c({
+      open: t,
+      onOpenChange: (e) => {
+        t.value = e;
+      },
+      content: u,
+      onContentChange: (e) => {
+        u.value = e;
+      }
+    }), S({
+      triggerId: "",
+      contentId: "",
+      trigger: o,
+      onTriggerChange: (e) => {
+        o.value = e;
+      }
+    }), (e, B) => (v(), _(C(i), null, {
+      default: g(() => [M(e.$slots, "default")]),
+      _: 3
+    }));
+  }
+}), q = b;
+export {
+  q as MenuSub_default,
+  V as injectMenuSubContext
+};

package/dist/modules/vendor/reka-ui/dist/Menu/MenuSubContent.js

@@ -0,0 +1,151 @@
+import { useForwardExpose as C } from "../shared/useForwardExpose.js";
+import { useForwardPropsEmits as v } from "../shared/useForwardPropsEmits.js";
+import { useId as b } from "../shared/useId.js";
+import { Presence_default as q } from "../Presence/Presence.js";
+import { SUB_CLOSE_KEYS as S } from "./utils.js";
+import { injectMenuContext as w, injectMenuRootContext as B } from "./MenuRoot.js";
+import { injectMenuContentContext as O, MenuContentImpl_default as E } from "./MenuContentImpl.js";
+import { injectMenuSubContext as M } from "./MenuSub.js";
+import { defineComponent as x, openBlock as h, createBlock as F, unref as e, withCtx as a, createVNode as P, mergeProps as D, withModifiers as d, renderSlot as I } from "vue";
+var K = /* @__PURE__ */ x({
+  __name: "MenuSubContent",
+  props: {
+    forceMount: {
+      type: Boolean,
+      required: !1
+    },
+    loop: {
+      type: Boolean,
+      required: !1
+    },
+    memoDependencies: {
+      type: Array,
+      required: !1
+    },
+    sideOffset: {
+      type: Number,
+      required: !1
+    },
+    sideFlip: {
+      type: Boolean,
+      required: !1
+    },
+    alignOffset: {
+      type: Number,
+      required: !1
+    },
+    alignFlip: {
+      type: Boolean,
+      required: !1
+    },
+    avoidCollisions: {
+      type: Boolean,
+      required: !1
+    },
+    collisionBoundary: {
+      type: null,
+      required: !1
+    },
+    collisionPadding: {
+      type: [Number, Object],
+      required: !1
+    },
+    arrowPadding: {
+      type: Number,
+      required: !1
+    },
+    hideShiftedArrow: {
+      type: Boolean,
+      required: !1
+    },
+    sticky: {
+      type: String,
+      required: !1
+    },
+    hideWhenDetached: {
+      type: Boolean,
+      required: !1
+    },
+    positionStrategy: {
+      type: String,
+      required: !1
+    },
+    updatePositionStrategy: {
+      type: String,
+      required: !1
+    },
+    disableUpdateOnLayoutShift: {
+      type: Boolean,
+      required: !1
+    },
+    prioritizePosition: {
+      type: Boolean,
+      required: !1,
+      default: !0
+    },
+    reference: {
+      type: null,
+      required: !1
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    }
+  },
+  emits: [
+    "escapeKeyDown",
+    "pointerDownOutside",
+    "focusOutside",
+    "interactOutside",
+    "entryFocus",
+    "openAutoFocus",
+    "closeAutoFocus"
+  ],
+  setup(u, { emit: f }) {
+    const p = v(u, f), i = w(), l = B(), r = M(), n = O(), { forwardRef: m, currentElement: g } = C();
+    return r.contentId ||= b(void 0, "reka-menu-sub-content"), (c, o) => (h(), F(e(q), { present: u.forceMount || e(i).open.value }, {
+      default: a(() => [P(E, D(e(p), {
+        id: e(r).contentId,
+        ref: e(m),
+        "aria-labelledby": e(r).triggerId,
+        align: "start",
+        side: e(l).dir.value === "rtl" ? "left" : "right",
+        "disable-outside-pointer-events": !1,
+        "disable-outside-scroll": !1,
+        "trap-focus": !1,
+        onOpenAutoFocus: o[0] || (o[0] = d((t) => {
+          e(l).isUsingKeyboardRef.value && e(g)?.focus();
+        }, ["prevent"])),
+        onCloseAutoFocus: o[1] || (o[1] = d(() => {
+        }, ["prevent"])),
+        onFocusOutside: o[2] || (o[2] = (t) => {
+          if (t.defaultPrevented) return;
+          const s = e(n).filterElement.value?.contains(t.target);
+          t.target !== e(r).trigger.value && !s && e(i).onOpenChange(!1);
+        }),
+        onEscapeKeyDown: o[3] || (o[3] = (t) => {
+          e(i).onOpenChange(!1), e(r).trigger.value && (e(n).highlightedElement.value = e(r).trigger.value, e(r).trigger.value.focus()), t.preventDefault();
+        }),
+        onKeydown: o[4] || (o[4] = (t) => {
+          const s = t.currentTarget?.contains(t.target), y = e(S)[e(l).dir.value].includes(t.key);
+          s && y && (e(i).onOpenChange(!1), e(n).filterElement.value ? (e(n).filterElement.value.focus(), e(n).highlightedElement.value = e(r).trigger.value, e(r).trigger.value?.scrollIntoView({ block: "nearest" })) : e(r).trigger.value?.focus(), t.preventDefault());
+        })
+      }), {
+        default: a(() => [I(c.$slots, "default")]),
+        _: 3
+      }, 16, [
+        "id",
+        "aria-labelledby",
+        "side"
+      ])]),
+      _: 3
+    }, 8, ["present"]));
+  }
+}), W = K;
+export {
+  W as MenuSubContent_default
+};

package/dist/modules/vendor/reka-ui/dist/Menu/MenuSubTrigger.js

@@ -0,0 +1,127 @@
+import { useId as P } from "../shared/useId.js";
+import { getOpenState as T, SUB_OPEN_KEYS as _, isMouseEvent as p } from "./utils.js";
+import { MenuAnchor_default as w } from "./MenuAnchor.js";
+import { injectMenuContext as S, injectMenuRootContext as I } from "./MenuRoot.js";
+import { injectMenuContentContext as M } from "./MenuContentImpl.js";
+import { MenuItemImpl_default as O } from "./MenuItemImpl.js";
+import { injectMenuSubContext as k } from "./MenuSub.js";
+import { defineComponent as R, watch as B, ref as E, onUnmounted as G, openBlock as q, createBlock as D, withCtx as g, createVNode as j, mergeProps as N, unref as a, renderSlot as K, nextTick as A } from "vue";
+import { reactiveOmit as L } from "../../../@vueuse/shared/dist/index.js";
+var U = /* @__PURE__ */ R({
+  __name: "MenuSubTrigger",
+  props: {
+    graceDuration: {
+      type: Number,
+      required: !1,
+      default: 300
+    },
+    disabled: {
+      type: Boolean,
+      required: !1
+    },
+    textValue: {
+      type: String,
+      required: !1
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    }
+  },
+  setup(m) {
+    const u = m, v = L(u, "graceDuration"), n = S(), C = I(), i = k(), r = M();
+    B(n.open, (e) => {
+      e ? r.activeSubmenuContext.value = {
+        onOpenChange: n.onOpenChange,
+        trigger: i.trigger
+      } : r.activeSubmenuContext.value?.trigger.value === i.trigger.value && (r.activeSubmenuContext.value = void 0);
+    });
+    const l = E(null);
+    i.triggerId ||= P(void 0, "reka-menu-sub-trigger");
+    function d() {
+      l.value && window.clearTimeout(l.value), l.value = null;
+    }
+    G(() => {
+      d();
+    });
+    function h(e) {
+      !p(e) || r.onItemEnter(e) || !u.disabled && !n.open.value && !l.value && (r.onPointerGraceIntentChange(null), l.value = window.setTimeout(() => {
+        n.onOpenChange(!0), d();
+      }, 100));
+    }
+    async function x(e) {
+      if (!p(e)) return;
+      d();
+      const t = n.content.value?.getBoundingClientRect();
+      if (t?.width) {
+        const o = n.content.value?.dataset.side, c = o === "right", b = c ? -5 : 5, s = t[c ? "left" : "right"], f = t[c ? "right" : "left"];
+        r.onPointerGraceIntentChange({
+          area: [
+            {
+              x: e.clientX + b,
+              y: e.clientY
+            },
+            {
+              x: s,
+              y: t.top
+            },
+            {
+              x: f,
+              y: t.top
+            },
+            {
+              x: f,
+              y: t.bottom
+            },
+            {
+              x: s,
+              y: t.bottom
+            }
+          ],
+          side: o
+        }), window.clearTimeout(r.pointerGraceTimerRef.value), r.pointerGraceTimerRef.value = window.setTimeout(() => r.onPointerGraceIntentChange(null), u.graceDuration);
+      } else {
+        if (r.onTriggerLeave(e)) return;
+        r.onPointerGraceIntentChange(null);
+      }
+    }
+    async function y(e) {
+      const t = r.searchRef.value !== "";
+      u.disabled || t && e.key === " " || _[C.dir.value].includes(e.key) && (n.onOpenChange(!0), await A(), n.content.value?.focus(), e.preventDefault());
+    }
+    return (e, t) => (q(), D(w, { "as-child": "" }, {
+      default: g(() => [j(O, N(a(v), {
+        id: a(i).triggerId,
+        ref: (o) => {
+          o && a(i)?.onTriggerChange(o?.$el);
+        },
+        "aria-haspopup": "menu",
+        "aria-expanded": a(n).open.value,
+        "aria-controls": a(i).contentId,
+        "data-state": a(T)(a(n).open.value),
+        onClick: t[0] || (t[0] = async (o) => {
+          u.disabled || o.defaultPrevented || (o.currentTarget?.focus(), a(n).open.value || a(n).onOpenChange(!0));
+        }),
+        onPointermove: h,
+        onPointerleave: x,
+        onKeydown: y
+      }), {
+        default: g(() => [K(e.$slots, "default")]),
+        _: 3
+      }, 16, [
+        "id",
+        "aria-expanded",
+        "aria-controls",
+        "data-state"
+      ])]),
+      _: 3
+    }));
+  }
+}), W = U;
+export {
+  W as MenuSubTrigger_default
+};