@synopackageland/ui 0.25.21 → 0.25.22

package/dist/modules/vendor/reka-ui/dist/Listbox/ListboxRoot.js

@@ -0,0 +1,320 @@
+import { findValuesBetween as ue } from "../shared/arrays.js";
+import { createContext as z } from "../shared/createContext.js";
+import { useDirection as ce } from "../shared/useDirection.js";
+import { useFormControl as fe } from "../shared/useFormControl.js";
+import { useKbd as de } from "../shared/useKbd.js";
+import { useTypeahead as me } from "../shared/useTypeahead.js";
+import { Primitive as ve } from "../Primitive/Primitive.js";
+import { usePrimitiveElement as ge } from "../Primitive/usePrimitiveElement.js";
+import { useCollection as he } from "../Collection/Collection.js";
+import { VisuallyHiddenInput_default as pe } from "../VisuallyHidden/VisuallyHiddenInput.js";
+import { compare as I } from "./utils.js";
+import { getFocusIntent as ye } from "../RovingFocus/utils.js";
+import { defineComponent as be, toRefs as xe, ref as f, watch as Ce, nextTick as p, openBlock as _, createBlock as j, unref as u, withCtx as Ke, renderSlot as ke, createCommentVNode as qe } from "vue";
+import { useVModel as He } from "../../../@vueuse/core/dist/index.js";
+import { isClient as Ee, createEventHook as F } from "../../../@vueuse/shared/dist/index.js";
+const [$e, Se] = /* @__PURE__ */ z("ListboxRoot"), [Ve, we] = /* @__PURE__ */ z("ListboxHighlightScroll");
+var Be = /* @__PURE__ */ be({
+  __name: "ListboxRoot",
+  props: {
+    modelValue: {
+      type: null,
+      required: !1
+    },
+    defaultValue: {
+      type: null,
+      required: !1
+    },
+    multiple: {
+      type: Boolean,
+      required: !1
+    },
+    orientation: {
+      type: String,
+      required: !1,
+      default: "vertical"
+    },
+    dir: {
+      type: String,
+      required: !1
+    },
+    disabled: {
+      type: Boolean,
+      required: !1
+    },
+    selectionBehavior: {
+      type: String,
+      required: !1,
+      default: "toggle"
+    },
+    highlightOnHover: {
+      type: Boolean,
+      required: !1
+    },
+    loop: {
+      type: Boolean,
+      required: !1
+    },
+    by: {
+      type: [String, Function],
+      required: !1
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    },
+    name: {
+      type: String,
+      required: !1
+    },
+    required: {
+      type: Boolean,
+      required: !1
+    }
+  },
+  emits: [
+    "update:modelValue",
+    "highlight",
+    "entryFocus",
+    "leave"
+  ],
+  setup(v, { expose: U, emit: $ }) {
+    const a = v, y = $, { multiple: b, highlightOnHover: G, loop: L, orientation: A, disabled: k, selectionBehavior: J, dir: Q } = xe(a), { getItems: d, getItem: W } = he({ isProvider: !0 }), { handleTypeaheadSearch: X } = me(), { primitiveElement: Y, currentElement: q } = ge(), x = de(), H = ce(Q), R = Ve(null);
+    we({
+      suppressHighlightScroll: f(!1),
+      onHighlightScrollRequest: () => {
+      }
+    });
+    const Z = fe(q), C = f(), g = f(!1), E = f(!0), n = He(a, "modelValue", y, {
+      defaultValue: a.defaultValue ?? (b.value ? [] : void 0),
+      passive: a.modelValue === void 0,
+      deep: !0
+    });
+    function ee(e) {
+      if (g.value = !0, a.multiple) {
+        const t = Array.isArray(n.value) ? [...n.value] : [], i = t.findIndex((l) => I(l, e, a.by));
+        a.selectionBehavior === "toggle" ? (i === -1 ? t.push(e) : t.splice(i, 1), n.value = t) : (n.value = [e], C.value = e);
+      } else a.selectionBehavior === "toggle" && I(n.value, e, a.by) ? n.value = void 0 : n.value = e;
+      setTimeout(() => {
+        g.value = !1;
+      }, 1);
+    }
+    const o = f(null), S = f(null), m = f(!1), V = f(!1), M = F(), K = F(), T = F();
+    function w() {
+      return d().map((e) => e.ref).filter((e) => e.dataset.disabled !== "");
+    }
+    function c(e, t = !0, i) {
+      if (!e) return;
+      o.value = e;
+      const l = R?.suppressHighlightScroll.value ?? !1;
+      (i ?? E.value) && (l ? o.value.focus({ preventScroll: !0 }) : o.value.focus()), l ? R?.onHighlightScrollRequest(t ? () => {
+        const s = o.value;
+        s?.isConnected && s.scrollIntoView({ block: "nearest" });
+      } : void 0) : t && o.value.scrollIntoView({ block: "nearest" });
+      const r = W(e);
+      y("highlight", r);
+    }
+    function te(e) {
+      if (m.value) T.trigger(e);
+      else {
+        const t = d().find((i) => I(i.value, e, a.by));
+        t && (o.value = t.ref, c(t.ref));
+      }
+    }
+    function ie(e) {
+      if (o.value && o.value.isConnected) {
+        if (e.ctrlKey || e.metaKey || e.altKey) return;
+        e.preventDefault(), e.stopPropagation(), V.value || o.value.click();
+      }
+    }
+    function le(e) {
+      if (E.value) {
+        if (g.value = !0, m.value) K.trigger(e);
+        else {
+          const t = e.altKey || e.ctrlKey || e.metaKey;
+          if (t && e.key === "a" && b.value) {
+            const i = d(), l = i.map((s) => s.value);
+            n.value = [...l], e.preventDefault();
+            const r = i.at(-1);
+            r && c(r.ref);
+          } else if (!t) {
+            const i = X(e.key, d());
+            i && c(i);
+          }
+        }
+        setTimeout(() => {
+          g.value = !1;
+        }, 1);
+      }
+    }
+    function oe() {
+      V.value = !0;
+    }
+    function re() {
+      p(() => {
+        V.value = !1;
+      });
+    }
+    function P() {
+      p(() => {
+        const e = new KeyboardEvent("keydown", { key: "PageUp" });
+        D(e);
+      });
+    }
+    function B(e) {
+      const t = o.value;
+      t?.isConnected && (S.value = t), o.value = null, y("leave", e);
+    }
+    function ne(e) {
+      const t = new CustomEvent("listbox.entryFocus", {
+        bubbles: !1,
+        cancelable: !0
+      });
+      if (e.currentTarget?.dispatchEvent(t), y("entryFocus", t), !t.defaultPrevented)
+        if (S.value) c(S.value);
+        else {
+          const i = w()?.[0];
+          c(i);
+        }
+    }
+    function ae(e) {
+      const t = d(!0).map((s) => s.ref), i = e === "next" ? t.at(-1) : t[0];
+      if (!i) return !1;
+      const l = Number(i.getAttribute("aria-posinset")), r = Number(i.getAttribute("aria-setsize"));
+      return e === "next" ? l === r : l === 1;
+    }
+    function D(e) {
+      const t = ye(e, A.value, H.value);
+      if (!t) return;
+      let i = w();
+      if (o.value) {
+        if (t === "last") i.reverse();
+        else if (t === "prev" || t === "next") {
+          t === "prev" && i.reverse();
+          const l = i.indexOf(o.value), r = L.value && l === i.length - 1;
+          if (r && m.value) {
+            if (ae(t)) {
+              const s = t === "next" ? x.HOME : x.END;
+              return K.trigger(new KeyboardEvent("keydown", {
+                key: s,
+                shiftKey: e.shiftKey
+              }));
+            }
+            i = [];
+          } else i = r ? i.slice(0, 1) : i.slice(l + 1);
+        }
+        se(e, i[0]);
+      }
+      if (i.length) {
+        const l = !o.value && t === "prev" ? i.length - 1 : 0;
+        c(i[l]);
+      }
+      if (m.value) return K.trigger(e);
+    }
+    function se(e, t) {
+      if (!(m.value || a.selectionBehavior !== "replace" || !b.value || !Array.isArray(n.value) || (e.altKey || e.ctrlKey || e.metaKey) && !e.shiftKey) && e.shiftKey) {
+        const l = d().filter((h) => h.ref.dataset.disabled !== "");
+        let r = l.find((h) => h.ref === t)?.value;
+        if (e.key === x.END ? r = l.at(-1)?.value : e.key === x.HOME && (r = l[0]?.value), !r || !C.value) return;
+        const s = ue(l.map((h) => h.value), C.value, r);
+        n.value = s;
+      }
+    }
+    async function N(e, t = !0) {
+      if (Ee)
+        if (await p(), m.value) M.trigger({
+          event: e,
+          scroll: t
+        });
+        else {
+          const i = w(), l = i.find((s) => s.dataset.state === "checked"), r = t ? void 0 : !1;
+          l ? c(l, t, r) : i.length && c(i[0], t, r);
+        }
+    }
+    let O = !1;
+    return Ce(n, () => {
+      if (!g.value) {
+        const e = O;
+        O = !0, p(() => {
+          N(void 0, e);
+        });
+      }
+    }, {
+      immediate: !0,
+      deep: !0
+    }), U({
+      highlightedElement: o,
+      highlightItem: te,
+      highlightFirstItem: P,
+      highlightSelected: N,
+      getItems: d
+    }), Se({
+      modelValue: n,
+      onValueChange: ee,
+      multiple: b,
+      orientation: A,
+      dir: H,
+      disabled: k,
+      highlightOnHover: G,
+      loop: L,
+      highlightedElement: o,
+      isVirtual: m,
+      virtualFocusHook: M,
+      virtualKeydownHook: K,
+      virtualHighlightHook: T,
+      by: a.by,
+      firstValue: C,
+      selectionBehavior: J,
+      focusable: E,
+      onLeave: B,
+      onEnter: ne,
+      changeHighlight: c,
+      onKeydownEnter: ie,
+      onKeydownNavigation: D,
+      onKeydownTypeAhead: le,
+      onCompositionStart: oe,
+      onCompositionEnd: re,
+      highlightFirstItem: P
+    }), (e, t) => (_(), j(u(ve), {
+      ref_key: "primitiveElement",
+      ref: Y,
+      as: v.as,
+      "as-child": v.asChild,
+      dir: u(H),
+      "data-disabled": u(k) ? "" : void 0,
+      onPointerleave: B,
+      onFocusout: t[0] || (t[0] = async (i) => {
+        const l = i.relatedTarget || i.target;
+        await p(), o.value && u(q) && !u(q).contains(l) && B(i);
+      })
+    }, {
+      default: Ke(() => [ke(e.$slots, "default", { modelValue: u(n) }), u(Z) && v.name ? (_(), j(u(pe), {
+        key: 0,
+        name: v.name,
+        value: u(n),
+        disabled: u(k),
+        required: v.required
+      }, null, 8, [
+        "name",
+        "value",
+        "disabled",
+        "required"
+      ])) : qe("v-if", !0)]),
+      _: 3
+    }, 8, [
+      "as",
+      "as-child",
+      "dir",
+      "data-disabled"
+    ]));
+  }
+}), Ge = Be;
+export {
+  Ge as ListboxRoot_default,
+  $e as injectListboxRootContext,
+  we as provideListboxHighlightScrollContext
+};

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

@@ -0,0 +1,11 @@
+import { isEqual as r } from "../../../ohash/dist/_chunks/is-equal.js";
+function y(i, f, n) {
+  return i === void 0 ? !1 : Array.isArray(i) ? i.some((t) => s(t, f, n)) : s(i, f, n);
+}
+function s(i, f, n) {
+  return i === void 0 || f === void 0 ? !1 : typeof i == "string" ? i === f : typeof n == "function" ? n(i, f) : typeof n == "string" ? i?.[n] === f?.[n] : r(i, f);
+}
+export {
+  s as compare,
+  y as valueComparator
+};

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

@@ -0,0 +1,29 @@
+import { PopperAnchor_default as o } from "../Popper/PopperAnchor.js";
+import { defineComponent as n, openBlock as u, createBlock as a, unref as l, normalizeProps as p, guardReactiveProps as s, withCtx as _, renderSlot as c } from "vue";
+var f = /* @__PURE__ */ n({
+  __name: "MenuAnchor",
+  props: {
+    reference: {
+      type: null,
+      required: !1
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    }
+  },
+  setup(e) {
+    const r = e;
+    return (t, d) => (u(), a(l(o), p(s(r)), {
+      default: _(() => [c(t.$slots, "default")]),
+      _: 3
+    }, 16));
+  }
+}), m = f;
+export {
+  m as MenuAnchor_default
+};

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

@@ -0,0 +1,53 @@
+import { useForwardProps as p } from "../shared/useForwardProps.js";
+import { isIndeterminate as l, getCheckedState as c } from "./utils.js";
+import { MenuItem_default as f } from "./MenuItem.js";
+import { provideMenuItemIndicatorContext as _ } from "./MenuItemIndicator.js";
+import { defineComponent as k, openBlock as h, createBlock as x, mergeProps as v, unref as e, withCtx as C, renderSlot as V } from "vue";
+import { useVModel as y } from "../../../@vueuse/core/dist/index.js";
+import { reactiveOmit as I } from "../../../@vueuse/shared/dist/index.js";
+var g = /* @__PURE__ */ k({
+  __name: "MenuCheckboxItem",
+  props: {
+    modelValue: {
+      type: [Boolean, String],
+      required: !1,
+      default: !1
+    },
+    disabled: {
+      type: Boolean,
+      required: !1
+    },
+    textValue: {
+      type: String,
+      required: !1
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    }
+  },
+  emits: ["select", "update:modelValue"],
+  setup(d, { emit: u }) {
+    const r = d, o = u, m = I(r, ["modelValue"]), s = p(m), t = y(r, "modelValue", o);
+    return _({ modelValue: t }), (i, a) => (h(), x(f, v({ role: "menuitemcheckbox" }, e(s), {
+      "aria-checked": e(l)(e(t)) ? "mixed" : e(t),
+      "data-state": e(c)(e(t)),
+      onSelect: a[0] || (a[0] = async (n) => {
+        o("select", n), e(l)(e(t)) ? t.value = !0 : t.value = !e(t);
+      })
+    }), {
+      default: C(() => [V(i.$slots, "default", {
+        checked: e(t),
+        modelValue: e(t)
+      })]),
+      _: 3
+    }, 16, ["aria-checked", "data-state"]));
+  }
+}), F = g;
+export {
+  F as MenuCheckboxItem_default
+};

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

@@ -0,0 +1,134 @@
+import { useForwardPropsEmits as y } from "../shared/useForwardPropsEmits.js";
+import { Presence_default as m } from "../Presence/Presence.js";
+import { injectMenuContext as c, injectMenuRootContext as q } from "./MenuRoot.js";
+import { MenuRootContentModal_default as B } from "./MenuRootContentModal.js";
+import { MenuRootContentNonModal_default as C } from "./MenuRootContentNonModal.js";
+import { defineComponent as _, openBlock as r, createBlock as o, unref as e, withCtx as n, normalizeProps as a, mergeProps as s, renderSlot as u } from "vue";
+var g = /* @__PURE__ */ _({
+  __name: "MenuContent",
+  props: {
+    forceMount: {
+      type: Boolean,
+      required: !1
+    },
+    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(i, { emit: d }) {
+    const l = y(i, d), p = c(), f = q();
+    return (t, P) => (r(), o(e(m), { present: i.forceMount || e(p).open.value }, {
+      default: n(() => [e(f).modal.value ? (r(), o(B, a(s({ key: 0 }, {
+        ...t.$attrs,
+        ...e(l)
+      })), {
+        default: n(() => [u(t.$slots, "default")]),
+        _: 3
+      }, 16)) : (r(), o(C, a(s({ key: 1 }, {
+        ...t.$attrs,
+        ...e(l)
+      })), {
+        default: n(() => [u(t.$slots, "default")]),
+        _: 3
+      }, 16))]),
+      _: 3
+    }, 8, ["present"]));
+  }
+}), k = g;
+export {
+  k as MenuContent_default
+};