@synopackageland/ui 0.25.21 → 0.25.22

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

@@ -0,0 +1,61 @@
+import { getActiveElement as u } from "../shared/getActiveElement.js";
+const d = "focusScope.autoFocusOnMount", b = "focusScope.autoFocusOnUnmount", p = {
+  bubbles: !1,
+  cancelable: !0
+};
+function N(e, t) {
+  let n = t;
+  for (; n; ) {
+    if (e.contains(n)) return !0;
+    n = n.getRootNode().host ?? null;
+  }
+  return !1;
+}
+function I(e, { select: t = !1 } = {}) {
+  const n = u();
+  for (const r of e)
+    if (l(r, { select: t }), u() !== n) return !0;
+}
+function T(e) {
+  const t = s(e), n = i(t, e), r = i(t.reverse(), e);
+  return [n, r];
+}
+function s(e) {
+  const t = [], n = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, { acceptNode: (r) => {
+    const o = r.tagName === "INPUT" && r.type === "hidden";
+    return r.disabled || r.hidden || o ? NodeFilter.FILTER_SKIP : r.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+  } });
+  for (; n.nextNode(); ) t.push(n.currentNode);
+  return t.sort((r, o) => r.tabIndex === o.tabIndex ? 0 : r.tabIndex === 0 ? 1 : o.tabIndex === 0 ? -1 : r.tabIndex - o.tabIndex);
+}
+function i(e, t) {
+  for (const n of e) if (!c(n, { upTo: t })) return n;
+}
+function c(e, { upTo: t }) {
+  if (getComputedStyle(e).visibility === "hidden") return !0;
+  for (; e; ) {
+    if (t !== void 0 && e === t) return !1;
+    if (getComputedStyle(e).display === "none") return !0;
+    e = e.parentElement;
+  }
+  return !1;
+}
+function f(e) {
+  return e instanceof HTMLInputElement && "select" in e;
+}
+function l(e, { select: t = !1 } = {}) {
+  if (e && e.focus) {
+    const n = u();
+    e.focus({ preventScroll: !0 }), e !== n && f(e) && t && e.select();
+  }
+}
+export {
+  d as AUTOFOCUS_ON_MOUNT,
+  b as AUTOFOCUS_ON_UNMOUNT,
+  p as EVENT_OPTIONS,
+  N as containsComposed,
+  l as focus,
+  I as focusFirst,
+  s as getTabbableCandidates,
+  T as getTabbableEdges
+};

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

@@ -0,0 +1,65 @@
+import { Primitive as d } from "../Primitive/Primitive.js";
+import { useCollection as f } from "../Collection/Collection.js";
+import { injectListboxRootContext as p } from "./ListboxRoot.js";
+import { defineComponent as m, openBlock as w, createBlock as y, unref as e, withCtx as a, createVNode as v, withKeys as l, withModifiers as C, renderSlot as b } from "vue";
+import { refAutoReset as c } from "../../../@vueuse/shared/dist/index.js";
+var x = /* @__PURE__ */ m({
+  __name: "ListboxContent",
+  props: {
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    }
+  },
+  setup(i) {
+    const { CollectionSlot: u } = f(), t = p(), r = c(!1, 10);
+    return (s, n) => (w(), y(e(u), null, {
+      default: a(() => [v(e(d), {
+        role: "listbox",
+        as: i.as,
+        "as-child": i.asChild,
+        tabindex: e(t).focusable.value ? e(t).highlightedElement.value ? "-1" : "0" : "-1",
+        "aria-orientation": e(t).orientation.value,
+        "aria-multiselectable": !!e(t).multiple.value,
+        "data-orientation": e(t).orientation.value,
+        onMousedown: n[0] || (n[0] = C((o) => r.value = !0, ["left"])),
+        onFocus: n[1] || (n[1] = (o) => {
+          e(r) || e(t).onEnter(o);
+        }),
+        onKeydown: [
+          n[2] || (n[2] = l((o) => {
+            e(t).orientation.value === "vertical" && (o.key === "ArrowLeft" || o.key === "ArrowRight") || e(t).orientation.value === "horizontal" && (o.key === "ArrowUp" || o.key === "ArrowDown") || (o.preventDefault(), e(t).focusable.value && e(t).onKeydownNavigation(o));
+          }, [
+            "down",
+            "up",
+            "left",
+            "right",
+            "home",
+            "end"
+          ])),
+          l(e(t).onKeydownEnter, ["enter"]),
+          e(t).onKeydownTypeAhead
+        ]
+      }, {
+        default: a(() => [b(s.$slots, "default")]),
+        _: 3
+      }, 8, [
+        "as",
+        "as-child",
+        "tabindex",
+        "aria-orientation",
+        "aria-multiselectable",
+        "data-orientation",
+        "onKeydown"
+      ])]),
+      _: 3
+    }));
+  }
+}), _ = x;
+export {
+  _ as ListboxContent_default
+};

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

@@ -0,0 +1,99 @@
+import { useComposing as E } from "../shared/useComposing.js";
+import { Primitive as _ } from "../Primitive/Primitive.js";
+import { usePrimitiveElement as w } from "../Primitive/usePrimitiveElement.js";
+import { injectListboxRootContext as x } from "./ListboxRoot.js";
+import { defineComponent as V, computed as F, ref as K, watchSyncEffect as S, onMounted as q, onUnmounted as B, openBlock as I, createBlock as L, unref as o, withKeys as s, withCtx as k, renderSlot as D } from "vue";
+import { useVModel as M } from "../../../@vueuse/core/dist/index.js";
+var N = /* @__PURE__ */ V({
+  __name: "ListboxFilter",
+  props: {
+    modelValue: {
+      type: String,
+      required: !1
+    },
+    autoFocus: {
+      type: Boolean,
+      required: !1
+    },
+    disabled: {
+      type: Boolean,
+      required: !1
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1,
+      default: "input"
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(n, { emit: r }) {
+    const i = n, a = M(i, "modelValue", r, {
+      defaultValue: "",
+      passive: i.modelValue === void 0
+    }), e = x(), { primitiveElement: m, currentElement: p } = w(), l = F(() => i.disabled || e.disabled.value || !1), d = K();
+    S(() => d.value = e.highlightedElement.value?.id), q(() => {
+      e.focusable.value = !1, setTimeout(() => {
+        i.autoFocus && p.value?.focus();
+      }, 1);
+    }), B(() => {
+      e.focusable.value = !0;
+    });
+    const { isComposing: u, shouldDeferInput: f, handleCompositionStart: c, handleCompositionUpdate: v, handleCompositionEnd: h } = E((t) => {
+      a.value = t.target.value, e.onCompositionEnd(), e.highlightFirstItem();
+    });
+    function C() {
+      e.onCompositionStart(), c();
+    }
+    function b(t) {
+      f.value || (a.value = t.target.value, e.highlightFirstItem());
+    }
+    function y(t) {
+      u.value || (t.preventDefault(), e.onKeydownNavigation(t));
+    }
+    function g(t) {
+      u.value || e.onKeydownEnter(t);
+    }
+    return (t, U) => (I(), L(o(_), {
+      ref_key: "primitiveElement",
+      ref: m,
+      as: n.as,
+      "as-child": n.asChild,
+      value: o(a),
+      disabled: l.value ? "" : void 0,
+      "data-disabled": l.value ? "" : void 0,
+      "aria-disabled": l.value ?? void 0,
+      "aria-activedescendant": d.value,
+      type: "text",
+      onKeydown: [s(y, [
+        "down",
+        "up",
+        "home",
+        "end"
+      ]), s(g, ["enter"])],
+      onInput: b,
+      onCompositionstart: C,
+      onCompositionupdate: o(v),
+      onCompositionend: o(h)
+    }, {
+      default: k(() => [D(t.$slots, "default", { modelValue: o(a) })]),
+      _: 3
+    }, 8, [
+      "as",
+      "as-child",
+      "value",
+      "disabled",
+      "data-disabled",
+      "aria-disabled",
+      "aria-activedescendant",
+      "onCompositionupdate",
+      "onCompositionend"
+    ]));
+  }
+}), G = N;
+export {
+  G as ListboxFilter_default
+};

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

@@ -0,0 +1,29 @@
+import { createContext as i } from "../shared/createContext.js";
+import { useId as u } from "../shared/useId.js";
+import { Primitive as a } from "../Primitive/Primitive.js";
+import { defineComponent as l, openBlock as s, createBlock as n, unref as o, mergeProps as d, withCtx as _, renderSlot as f } from "vue";
+const [L, m] = /* @__PURE__ */ i("ListboxGroup");
+var x = /* @__PURE__ */ l({
+  __name: "ListboxGroup",
+  props: {
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    }
+  },
+  setup(r) {
+    const t = r, e = u(void 0, "reka-listbox-group");
+    return m({ id: e }), (p, b) => (s(), n(o(a), d({ role: "group" }, t, { "aria-labelledby": o(e) }), {
+      default: _(() => [f(p.$slots, "default")]),
+      _: 3
+    }, 16, ["aria-labelledby"]));
+  }
+}), y = x;
+export {
+  y as ListboxGroup_default,
+  L as injectListboxGroupContext
+};

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

@@ -0,0 +1,31 @@
+import { Primitive as p } from "../Primitive/Primitive.js";
+import { injectListboxGroupContext as u } from "./ListboxGroup.js";
+import { defineComponent as a, openBlock as l, createBlock as s, unref as e, mergeProps as n, withCtx as d, renderSlot as f } from "vue";
+var _ = /* @__PURE__ */ a({
+  __name: "ListboxGroupLabel",
+  props: {
+    for: {
+      type: String,
+      required: !1
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1,
+      default: "div"
+    }
+  },
+  setup(t) {
+    const r = t, o = u({ id: "" });
+    return (i, m) => (l(), s(e(p), n(r, { id: e(o).id }), {
+      default: d(() => [f(i.$slots, "default")]),
+      _: 3
+    }, 16, ["id"]));
+  }
+}), L = _;
+export {
+  L as ListboxGroupLabel_default
+};

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

@@ -0,0 +1,90 @@
+import { createContext as x } from "../shared/createContext.js";
+import { handleAndDispatchCustomEvent as C } from "../shared/handleAndDispatchCustomEvent.js";
+import { useForwardExpose as y } from "../shared/useForwardExpose.js";
+import { useId as E } from "../shared/useId.js";
+import { Primitive as I } from "../Primitive/Primitive.js";
+import { useCollection as L } from "../Collection/Collection.js";
+import { valueComparator as w } from "./utils.js";
+import { injectListboxRootContext as k } from "./ListboxRoot.js";
+import { defineComponent as S, computed as u, openBlock as B, createBlock as q, unref as t, withCtx as c, withMemo as H, createVNode as P, mergeProps as _, withKeys as j, withModifiers as K, renderSlot as O } from "vue";
+const V = "listbox.select", [J, $] = /* @__PURE__ */ x("ListboxItem");
+var D = /* @__PURE__ */ S({
+  __name: "ListboxItem",
+  props: {
+    value: {
+      type: null,
+      required: !0
+    },
+    disabled: {
+      type: Boolean,
+      required: !1
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1,
+      default: "div"
+    }
+  },
+  emits: ["select"],
+  setup(d, { emit: m }) {
+    const n = d, f = m, h = E(void 0, "reka-listbox-item"), { CollectionItem: p } = L(), { forwardRef: b, currentElement: l } = y(), e = k(), r = u(() => l.value != null && l.value === e.highlightedElement.value), o = u(() => w(e.modelValue.value, n.value, e.by)), s = u(() => e.disabled.value || n.disabled);
+    async function g(a) {
+      f("select", a), !a?.defaultPrevented && !s.value && a && (e.onValueChange(n.value), e.changeHighlight(l.value));
+    }
+    function v(a) {
+      const i = {
+        originalEvent: a,
+        value: n.value
+      };
+      C(V, g, i);
+    }
+    return $({ isSelected: o }), (a, i) => (B(), q(t(p), { value: d.value }, {
+      default: c(() => [H([
+        r.value,
+        o.value,
+        s.value,
+        t(e).focusable.value,
+        ...Object.entries(a.$attrs).flat()
+      ], () => P(t(I), _({ id: t(h) }, a.$attrs, {
+        ref: t(b),
+        role: "option",
+        tabindex: t(e).focusable.value ? r.value ? "0" : "-1" : -1,
+        "aria-selected": o.value,
+        as: d.as,
+        "as-child": d.asChild,
+        disabled: s.value ? "" : void 0,
+        "data-disabled": s.value ? "" : void 0,
+        "data-highlighted": r.value ? "" : void 0,
+        "data-state": o.value ? "checked" : "unchecked",
+        onClick: v,
+        onKeydown: j(K(v, ["prevent"]), ["space"]),
+        onPointermove: i[0] || (i[0] = () => {
+          t(e).highlightedElement.value !== t(l) && t(e).highlightOnHover.value && t(e).changeHighlight(t(l), !1, !1);
+        })
+      }), {
+        default: c(() => [O(a.$slots, "default", { selected: o.value })]),
+        _: 3
+      }, 16, [
+        "id",
+        "tabindex",
+        "aria-selected",
+        "as",
+        "as-child",
+        "disabled",
+        "data-disabled",
+        "data-highlighted",
+        "data-state",
+        "onKeydown"
+      ]), i, 1)]),
+      _: 3
+    }, 8, ["value"]));
+  }
+}), Q = D;
+export {
+  Q as ListboxItem_default,
+  J as injectListboxItemContext
+};

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

@@ -0,0 +1,46 @@
+import { useForwardExpose as s } from "../shared/useForwardExpose.js";
+import { Presence_default as d } from "../Presence/Presence.js";
+import { Primitive as n } from "../Primitive/Primitive.js";
+import { injectListboxItemContext as l } from "./ListboxItem.js";
+import { defineComponent as u, openBlock as c, createBlock as f, unref as e, withCtx as a, createVNode as m, renderSlot as p } from "vue";
+var _ = /* @__PURE__ */ u({
+  __name: "ListboxItemIndicator",
+  props: {
+    forceMount: {
+      type: Boolean,
+      required: !1
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1,
+      default: "span"
+    }
+  },
+  setup(t) {
+    const { forwardRef: o } = s(), r = l();
+    return (i, h) => (c(), f(e(d), { present: t.forceMount || e(r).isSelected.value }, {
+      default: a(() => [m(e(n), {
+        ref: e(o),
+        "aria-hidden": "true",
+        "data-state": e(r).isSelected.value ? "checked" : "unchecked",
+        as: t.as,
+        "as-child": t.asChild
+      }, {
+        default: a(() => [p(i.$slots, "default")]),
+        _: 3
+      }, 8, [
+        "data-state",
+        "as",
+        "as-child"
+      ])]),
+      _: 3
+    }, 8, ["present"]));
+  }
+}), k = _;
+export {
+  k as ListboxItemIndicator_default
+};