@synopackageland/ui 0.25.21 → 0.25.22

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

@@ -0,0 +1,27 @@
+import { Slot as r } from "./Slot.js";
+import { defineComponent as f, h as a } from "vue";
+const l = [
+  "area",
+  "img",
+  "input"
+], d = /* @__PURE__ */ f({
+  name: "Primitive",
+  inheritAttrs: !1,
+  props: {
+    asChild: {
+      type: Boolean,
+      default: !1
+    },
+    as: {
+      type: [String, Object],
+      default: "div"
+    }
+  },
+  setup(t, { attrs: i, slots: n }) {
+    const e = t.asChild ? "template" : t.as;
+    return typeof e == "string" && l.includes(e) ? () => a(e, i) : e !== "template" ? () => a(t.as, i, { default: n.default }) : () => a(r, i, { default: n.default });
+  }
+});
+export {
+  d as Primitive
+};

package/dist/modules/vendor/reka-ui/dist/Primitive/Slot.js

@@ -0,0 +1,23 @@
+import { renderSlotFragments as s } from "../shared/renderSlotFragments.js";
+import { defineComponent as d, Comment as l, mergeProps as f, cloneVNode as c } from "vue";
+const a = /* @__PURE__ */ d({
+  name: "PrimitiveSlot",
+  inheritAttrs: !1,
+  setup(u, { attrs: t, slots: o }) {
+    return () => {
+      if (!o.default) return null;
+      const e = s(o.default()), n = e.findIndex((p) => p.type !== l);
+      if (n === -1) return e;
+      const r = e[n];
+      delete r.props?.ref;
+      const m = r.props ? f(t, r.props) : t, i = c({
+        ...r,
+        props: {}
+      }, m);
+      return e.length === 1 ? i : (e[n] = i, e);
+    };
+  }
+});
+export {
+  a as Slot
+};

package/dist/modules/vendor/reka-ui/dist/Primitive/usePrimitiveElement.js

@@ -0,0 +1,12 @@
+import { ref as n, computed as m } from "vue";
+import { unrefElement as r } from "../../../@vueuse/core/dist/index.js";
+function o() {
+  const e = n(), t = m(() => ["#text", "#comment"].includes(e.value?.$el.nodeName) ? e.value?.$el.nextElementSibling : r(e));
+  return {
+    primitiveElement: e,
+    currentElement: t
+  };
+}
+export {
+  o as usePrimitiveElement
+};

package/dist/modules/vendor/reka-ui/dist/RadioGroup/Radio.js

@@ -0,0 +1,111 @@
+import { useFormControl as k } from "../shared/useFormControl.js";
+import { useForwardExpose as p } from "../shared/useForwardExpose.js";
+import { useForwardScopeId as q } from "../shared/useForwardScopeId.js";
+import { Primitive as y } from "../Primitive/Primitive.js";
+import { VisuallyHiddenInput_default as C } from "../VisuallyHidden/VisuallyHiddenInput.js";
+import { handleSelect as g } from "./utils.js";
+import { defineComponent as B, toRefs as S, computed as w, openBlock as c, createElementBlock as F, Fragment as R, createVNode as x, unref as a, mergeProps as f, withModifiers as E, withCtx as P, renderSlot as V, createBlock as I, createCommentVNode as $ } from "vue";
+import { useVModel as A } from "../../../@vueuse/core/dist/index.js";
+var M = /* @__PURE__ */ B({
+  inheritAttrs: !1,
+  __name: "Radio",
+  props: {
+    id: {
+      type: String,
+      required: !1
+    },
+    value: {
+      type: null,
+      required: !1
+    },
+    disabled: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    checked: {
+      type: Boolean,
+      required: !1,
+      default: void 0
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1,
+      default: "button"
+    },
+    name: {
+      type: String,
+      required: !1
+    },
+    required: {
+      type: Boolean,
+      required: !1
+    }
+  },
+  emits: ["update:checked", "select"],
+  setup(e, { emit: m }) {
+    const t = e, l = m, d = A(t, "checked", l, { passive: t.checked === void 0 }), { value: o } = S(t), { forwardRef: v, currentElement: u } = p(), n = k(u), s = q(), h = w(() => t.id && u.value ? document.querySelector(`[for="${t.id}"]`)?.innerText : void 0);
+    function b(r) {
+      t.disabled || g(r, t.value, (i) => {
+        l("select", i), !i?.defaultPrevented && (d.value = !0, n.value && i.stopPropagation());
+      });
+    }
+    return (r, i) => (c(), F(R, null, [x(a(y), f({
+      id: e.id,
+      ref: a(v),
+      role: "radio",
+      type: e.as === "button" ? "button" : void 0,
+      as: e.as,
+      "aria-checked": a(d) ?? !1,
+      "aria-label": h.value,
+      "as-child": e.asChild,
+      disabled: e.disabled ? "" : void 0,
+      "data-state": a(d) ? "checked" : "unchecked",
+      "data-disabled": e.disabled ? "" : void 0,
+      value: a(o),
+      required: e.required,
+      name: e.name
+    }, {
+      ...a(s),
+      ...r.$attrs
+    }, { onClick: E(b, ["stop"]) }), {
+      default: P(() => [V(r.$slots, "default", { checked: a(d) })]),
+      _: 3
+    }, 16, [
+      "id",
+      "type",
+      "as",
+      "aria-checked",
+      "aria-label",
+      "as-child",
+      "disabled",
+      "data-state",
+      "data-disabled",
+      "value",
+      "required",
+      "name"
+    ]), a(n) && e.name ? (c(), I(a(C), f({
+      key: 0,
+      type: "radio",
+      tabindex: "-1",
+      value: a(o),
+      checked: !!a(d),
+      name: e.name,
+      disabled: e.disabled,
+      required: e.required
+    }, a(s)), null, 16, [
+      "value",
+      "checked",
+      "name",
+      "disabled",
+      "required"
+    ])) : $("v-if", !0)], 64));
+  }
+}), J = M;
+export {
+  J as Radio_default
+};

package/dist/modules/vendor/reka-ui/dist/RadioGroup/RadioGroupIndicator.js

@@ -0,0 +1,47 @@
+import { useForwardExpose as i } from "../shared/useForwardExpose.js";
+import { Presence_default as s } from "../Presence/Presence.js";
+import { Primitive as u } from "../Primitive/Primitive.js";
+import { injectRadioGroupItemContext as l } from "./RadioGroupItem.js";
+import { defineComponent as n, openBlock as c, createBlock as f, unref as e, withCtx as o, createVNode as p, mergeProps as m, renderSlot as h } from "vue";
+var _ = /* @__PURE__ */ n({
+  __name: "RadioGroupIndicator",
+  props: {
+    forceMount: {
+      type: Boolean,
+      required: !1
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1,
+      default: "span"
+    }
+  },
+  setup(t) {
+    const { forwardRef: d } = i(), a = l();
+    return (r, v) => (c(), f(e(s), { present: t.forceMount || e(a).checked.value }, {
+      default: o(() => [p(e(u), m({
+        ref: e(d),
+        "data-state": e(a).checked.value ? "checked" : "unchecked",
+        "data-disabled": e(a).disabled.value ? "" : void 0,
+        "as-child": t.asChild,
+        as: t.as
+      }, r.$attrs), {
+        default: o(() => [h(r.$slots, "default")]),
+        _: 3
+      }, 16, [
+        "data-state",
+        "data-disabled",
+        "as-child",
+        "as"
+      ])]),
+      _: 3
+    }, 8, ["present"]));
+  }
+}), B = _;
+export {
+  B as RadioGroupIndicator_default
+};

package/dist/modules/vendor/reka-ui/dist/RadioGroup/RadioGroupItem.js

@@ -0,0 +1,115 @@
+import { createContext as b } from "../shared/createContext.js";
+import { useForwardExpose as h } from "../shared/useForwardExpose.js";
+import { useForwardScopeId as I } from "../shared/useForwardScopeId.js";
+import { RovingFocusItem_default as g } from "../RovingFocus/RovingFocusItem.js";
+import { Radio_default as A } from "./Radio.js";
+import { injectRadioGroupRootContext as C } from "./RadioGroupRoot.js";
+import { defineComponent as _, computed as i, ref as x, openBlock as G, createBlock as S, unref as d, withCtx as f, createVNode as B, mergeProps as E, withKeys as F, withModifiers as K, renderSlot as V } from "vue";
+import { isEqual as $ } from "../../../ohash/dist/_chunks/is-equal.js";
+import { useEventListener as p } from "../../../@vueuse/core/dist/index.js";
+const [z, j] = /* @__PURE__ */ b("RadioGroupItem");
+var L = /* @__PURE__ */ _({
+  inheritAttrs: !1,
+  __name: "RadioGroupItem",
+  props: {
+    id: {
+      type: String,
+      required: !1
+    },
+    value: {
+      type: null,
+      required: !1
+    },
+    disabled: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1,
+      default: "button"
+    },
+    name: {
+      type: String,
+      required: !1
+    },
+    required: {
+      type: Boolean,
+      required: !1
+    }
+  },
+  emits: ["select"],
+  setup(s, { emit: m }) {
+    const o = s, v = m, { forwardRef: q, currentElement: w } = h(), a = C(), t = i(() => a.disabled.value || o.disabled), n = i(() => a.required.value || o.required), r = i(() => $(a.modelValue?.value, o.value));
+    j({
+      disabled: t,
+      checked: r
+    });
+    const l = x(!1), y = [
+      "ArrowUp",
+      "ArrowDown",
+      "ArrowLeft",
+      "ArrowRight"
+    ];
+    p("keydown", (u) => {
+      y.includes(u.key) && (l.value = !0);
+    }), p("keyup", () => {
+      l.value = !1;
+    });
+    function R() {
+      setTimeout(() => {
+        l.value && w.value?.click();
+      }, 0);
+    }
+    const k = I();
+    return (u, e) => (G(), S(d(g), {
+      checked: r.value,
+      disabled: t.value,
+      "as-child": "",
+      focusable: !t.value,
+      active: r.value
+    }, {
+      default: f(() => [B(A, E({
+        ...d(k),
+        ...u.$attrs,
+        ...o
+      }, {
+        ref: d(q),
+        checked: r.value,
+        required: n.value,
+        disabled: t.value,
+        "onUpdate:checked": e[0] || (e[0] = (c) => d(a).changeModelValue(s.value)),
+        onSelect: e[1] || (e[1] = (c) => v("select", c)),
+        onKeydown: e[2] || (e[2] = F(K(() => {
+        }, ["prevent"]), ["enter"])),
+        onFocus: R
+      }), {
+        default: f(() => [V(u.$slots, "default", {
+          checked: r.value,
+          required: n.value,
+          disabled: t.value
+        })]),
+        _: 3
+      }, 16, [
+        "checked",
+        "required",
+        "disabled"
+      ])]),
+      _: 3
+    }, 8, [
+      "checked",
+      "disabled",
+      "focusable",
+      "active"
+    ]));
+  }
+}), H = L;
+export {
+  H as RadioGroupItem_default,
+  z as injectRadioGroupItemContext
+};

package/dist/modules/vendor/reka-ui/dist/RadioGroup/RadioGroupRoot.js

@@ -0,0 +1,123 @@
+import { createContext as _ } from "../shared/createContext.js";
+import { useDirection as C } from "../shared/useDirection.js";
+import { useFormControl as h } from "../shared/useFormControl.js";
+import { useForwardExpose as g } from "../shared/useForwardExpose.js";
+import { Primitive as G } from "../Primitive/Primitive.js";
+import { VisuallyHiddenInput_default as b } from "../VisuallyHidden/VisuallyHiddenInput.js";
+import { RovingFocusGroup_default as x } from "../RovingFocus/RovingFocusGroup.js";
+import { defineComponent as B, toRefs as F, openBlock as p, createBlock as f, unref as e, withCtx as m, createVNode as S, renderSlot as k, createCommentVNode as w } from "vue";
+import { useVModel as D } from "../../../@vueuse/core/dist/index.js";
+const [L, E] = /* @__PURE__ */ _("RadioGroupRoot");
+var M = /* @__PURE__ */ B({
+  __name: "RadioGroupRoot",
+  props: {
+    modelValue: {
+      type: null,
+      required: !1
+    },
+    defaultValue: {
+      type: null,
+      required: !1
+    },
+    disabled: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    orientation: {
+      type: String,
+      required: !1,
+      default: void 0
+    },
+    dir: {
+      type: String,
+      required: !1
+    },
+    loop: {
+      type: Boolean,
+      required: !1,
+      default: !0
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    },
+    name: {
+      type: String,
+      required: !1
+    },
+    required: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(a, { emit: c }) {
+    const o = a, q = c, { forwardRef: v, currentElement: R } = g(), r = D(o, "modelValue", q, {
+      defaultValue: o.defaultValue,
+      passive: o.modelValue === void 0
+    }), { disabled: t, loop: n, orientation: i, name: l, required: d, dir: V } = F(o), s = C(V), y = h(R);
+    return E({
+      modelValue: r,
+      changeModelValue: (u) => {
+        r.value = u;
+      },
+      disabled: t,
+      loop: n,
+      orientation: i,
+      name: l?.value,
+      required: d
+    }), (u, N) => (p(), f(e(x), {
+      "as-child": "",
+      orientation: e(i),
+      dir: e(s),
+      loop: e(n)
+    }, {
+      default: m(() => [S(e(G), {
+        ref: e(v),
+        role: "radiogroup",
+        "data-disabled": e(t) ? "" : void 0,
+        "as-child": a.asChild,
+        as: a.as,
+        "aria-orientation": e(i),
+        "aria-required": e(d),
+        dir: e(s)
+      }, {
+        default: m(() => [k(u.$slots, "default", { modelValue: e(r) }), e(y) && e(l) ? (p(), f(e(b), {
+          key: 0,
+          required: e(d),
+          disabled: e(t),
+          value: e(r),
+          name: e(l)
+        }, null, 8, [
+          "required",
+          "disabled",
+          "value",
+          "name"
+        ])) : w("v-if", !0)]),
+        _: 3
+      }, 8, [
+        "data-disabled",
+        "as-child",
+        "as",
+        "aria-orientation",
+        "aria-required",
+        "dir"
+      ])]),
+      _: 3
+    }, 8, [
+      "orientation",
+      "dir",
+      "loop"
+    ]));
+  }
+}), O = M;
+export {
+  O as RadioGroupRoot_default,
+  L as injectRadioGroupRootContext
+};

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

@@ -0,0 +1,11 @@
+import { handleAndDispatchCustomEvent as o } from "../shared/handleAndDispatchCustomEvent.js";
+const i = "radio.select";
+function c(e, t, n) {
+  o(i, n, {
+    originalEvent: e,
+    value: t
+  });
+}
+export {
+  c as handleSelect
+};

package/dist/modules/vendor/reka-ui/dist/RovingFocus/RovingFocusGroup.js

@@ -0,0 +1,121 @@
+import { createContext as E } from "../shared/createContext.js";
+import { useDirection as _ } from "../shared/useDirection.js";
+import { Primitive as G } from "../Primitive/Primitive.js";
+import { useCollection as O } from "../Collection/Collection.js";
+import { focusFirst as k, ENTRY_FOCUS as M, EVENT_OPTIONS as N } from "./utils.js";
+import { defineComponent as P, toRefs as V, ref as f, openBlock as w, createBlock as A, unref as s, withCtx as F, createVNode as $, renderSlot as D } from "vue";
+import { useVModel as U } from "../../../@vueuse/core/dist/index.js";
+const [X, j] = /* @__PURE__ */ E("RovingFocusGroup");
+var K = /* @__PURE__ */ P({
+  __name: "RovingFocusGroup",
+  props: {
+    orientation: {
+      type: String,
+      required: !1,
+      default: void 0
+    },
+    dir: {
+      type: String,
+      required: !1
+    },
+    loop: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    currentTabStopId: {
+      type: [String, null],
+      required: !1
+    },
+    defaultCurrentTabStopId: {
+      type: String,
+      required: !1
+    },
+    preventScrollOnEntryFocus: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    }
+  },
+  emits: ["entryFocus", "update:currentTabStopId"],
+  setup(l, { expose: b, emit: I }) {
+    const r = l, p = I, { loop: S, orientation: v, dir: y } = V(r), m = _(y), d = U(r, "currentTabStopId", p, {
+      defaultValue: r.defaultCurrentTabStopId,
+      passive: r.currentTabStopId === void 0
+    }), u = f(!1), a = f(!1), c = f(0), { getItems: g, CollectionSlot: T } = O({ isProvider: !0 });
+    function C(t) {
+      const o = !a.value;
+      if (t.currentTarget && t.target === t.currentTarget && o && !u.value) {
+        const n = new CustomEvent(M, N);
+        if (t.currentTarget.dispatchEvent(n), p("entryFocus", n), !n.defaultPrevented) {
+          const i = g().map((e) => e.ref).filter((e) => e.dataset.disabled !== ""), R = i.find((e) => e.getAttribute("data-active") === ""), q = i.find((e) => e.getAttribute("data-highlighted") === ""), x = i.find((e) => e.id === d.value), B = [
+            R,
+            q,
+            x,
+            ...i
+          ].filter(Boolean);
+          k(B, r.preventScrollOnEntryFocus);
+        }
+      }
+      a.value = !1;
+    }
+    function h() {
+      setTimeout(() => {
+        a.value = !1;
+      }, 1);
+    }
+    return b({ getItems: g }), j({
+      loop: S,
+      dir: m,
+      orientation: v,
+      currentTabStopId: d,
+      onItemFocus: (t) => {
+        d.value = t;
+      },
+      onItemShiftTab: () => {
+        u.value = !0;
+      },
+      onFocusableItemAdd: () => {
+        c.value++;
+      },
+      onFocusableItemRemove: () => {
+        c.value--;
+      }
+    }), (t, o) => (w(), A(s(T), null, {
+      default: F(() => [$(s(G), {
+        tabindex: u.value || c.value === 0 ? -1 : 0,
+        "data-orientation": s(v),
+        as: l.as,
+        "as-child": l.asChild,
+        dir: s(m),
+        style: { outline: "none" },
+        onMousedown: o[0] || (o[0] = (n) => a.value = !0),
+        onMouseup: h,
+        onFocus: C,
+        onBlur: o[1] || (o[1] = (n) => u.value = !1)
+      }, {
+        default: F(() => [D(t.$slots, "default")]),
+        _: 3
+      }, 8, [
+        "tabindex",
+        "data-orientation",
+        "as",
+        "as-child",
+        "dir"
+      ])]),
+      _: 3
+    }));
+  }
+}), Z = K;
+export {
+  Z as RovingFocusGroup_default,
+  X as injectRovingFocusGroupContext
+};