@synopackageland/ui 0.25.20 → 0.25.22

package/dist/modules/vendor/reka-ui/dist/Toast/ToastRootImpl.js

@@ -0,0 +1,215 @@
+import { createContext as ee } from "../shared/createContext.js";
+import { getActiveElement as te } from "../shared/getActiveElement.js";
+import { useForwardExpose as oe } from "../shared/useForwardExpose.js";
+import { Primitive as ae } from "../Primitive/Primitive.js";
+import { useCollection as ne } from "../Collection/Collection.js";
+import { injectToastProviderContext as ie } from "./ToastProvider.js";
+import { ToastAnnounce_default as se } from "./ToastAnnounce.js";
+import { injectToastPositionerContext as re } from "./ToastPositioner.js";
+import { getAnnounceTextContent as le, VIEWPORT_PAUSE as Y, VIEWPORT_RESUME as j, isDeltaInDirection as H, handleAndDispatchCustomEvent as S, TOAST_SWIPE_END as ue, TOAST_SWIPE_CANCEL as de, TOAST_SWIPE_MOVE as ce, TOAST_SWIPE_START as pe } from "./utils.js";
+import { defineComponent as fe, ref as v, computed as M, shallowRef as ve, watch as C, reactive as me, watchEffect as he, onMounted as we, onUnmounted as Te, toRef as ge, openBlock as T, createElementBlock as N, Fragment as O, createBlock as U, withCtx as K, createCommentVNode as q, renderList as ye, createTextVNode as Ee, toDisplayString as Se, unref as t, Teleport as Ce, createVNode as X, mergeProps as xe, withModifiers as Re, renderSlot as Ie } from "vue";
+import { useRafFn as Pe, useResizeObserver as De, onKeyStroke as be } from "../../../@vueuse/core/dist/index.js";
+import { isClient as ke } from "../../../@vueuse/shared/dist/index.js";
+const [He, Ae] = /* @__PURE__ */ ee("ToastRoot");
+var Me = /* @__PURE__ */ fe({
+  inheritAttrs: !1,
+  __name: "ToastRootImpl",
+  props: {
+    type: {
+      type: String,
+      required: !1
+    },
+    open: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    duration: {
+      type: Number,
+      required: !1
+    },
+    toast: {
+      type: Object,
+      required: !1
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1,
+      default: "li"
+    }
+  },
+  emits: [
+    "close",
+    "escapeKeyDown",
+    "pause",
+    "resume",
+    "swipeStart",
+    "swipeMove",
+    "swipeCancel",
+    "swipeEnd"
+  ],
+  setup(u, { emit: z }) {
+    const i = u, r = z, { forwardRef: $, currentElement: g } = oe(), { CollectionItem: J } = ne(), o = ie(), p = v(null), m = v(null), f = M(() => typeof i.duration == "number" ? i.duration : o.duration.value), x = v(0), h = v(f.value), R = v(0), L = v(f.value), V = Pe(() => {
+      const e = Date.now() - x.value;
+      L.value = Math.max(h.value - e, 0);
+    }, { fpsLimit: 60 });
+    function _(e) {
+      e <= 0 || e === Number.POSITIVE_INFINITY || ke && (window.clearTimeout(R.value), x.value = Date.now(), R.value = window.setTimeout(I, e));
+    }
+    function I(e) {
+      const n = e?.pointerType === "";
+      g.value?.contains(te()) && n && o.viewport.value?.focus(), n && (o.isClosePausedRef.value = !1), r("close");
+    }
+    const B = re(null), P = ve(null);
+    C([g, () => i.toast?.updateKey], ([e]) => {
+      P.value = e ? le(e) : null;
+    }, {
+      flush: "post",
+      immediate: !0
+    });
+    const d = /* @__PURE__ */ me({
+      seq: 0,
+      height: 0,
+      open: i.open
+    }), y = M(() => o.getToastStack(d));
+    function D() {
+      const e = g.value;
+      if (!e) return;
+      const n = e.style.height;
+      e.style.height = "auto", d.height = e.offsetHeight, e.style.height = n;
+    }
+    if (De(g, D), C(() => i.toast?.updateKey, D, { flush: "post" }), C(() => i.open, (e, n) => {
+      d.open = e, e && !n && o.reopenToast(d);
+    }), i.type && !["foreground", "background"].includes(i.type)) {
+      const e = "Invalid prop `type` supplied to `Toast`. Expected `foreground | background`.";
+      throw new Error(e);
+    }
+    he((e) => {
+      const n = o.viewport.value;
+      if (n) {
+        const a = () => {
+          _(h.value), V.resume(), r("resume");
+        }, s = () => {
+          const c = Date.now() - x.value;
+          h.value = h.value - c, window.clearTimeout(R.value), V.pause(), r("pause");
+        };
+        n.addEventListener(Y, s), n.addEventListener(j, a), e(() => {
+          n.removeEventListener(Y, s), n.removeEventListener(j, a);
+        });
+      }
+    });
+    const G = M(() => i.toast ? o.toastStore.getRestartKey(i.toast.id) : 0);
+    C([
+      () => i.open,
+      f,
+      G
+    ], () => {
+      h.value = f.value, i.open && !o.isClosePausedRef.value && _(f.value);
+    }, { immediate: !0 }), be("Escape", (e) => {
+      r("escapeKeyDown", e), e.defaultPrevented || (o.isFocusedToastEscapeKeyDownRef.value = !0, I());
+    });
+    let F;
+    return we(() => {
+      o.onToastAdd(), F = o.registerToast(d), D();
+    }), Te(() => {
+      o.onToastRemove(), F?.();
+    }), Ae({
+      onClose: I,
+      toast: ge(i, "toast")
+    }), (e, n) => (T(), N(O, null, [P.value ? (T(), U(se, {
+      key: u.toast?.updateKey ?? 0,
+      role: "alert",
+      "aria-live": u.type === "foreground" ? "assertive" : "polite"
+    }, {
+      default: K(() => [q(`
+      Render each chunk as its own text node so screen readers get the
+      natural pause break between nodes (see comment in utils.ts).
+      Interpolating the array directly with \`{{ announceTextContent }}\`
+      would route through Vue's \`toDisplayString\`, which JSON-stringifies
+      arrays — the live region would then announce literal \`[\`, quotes
+      and commas instead of the toast title and description.
+    `), (T(!0), N(O, null, ye(P.value, (a, s) => (T(), N(O, { key: s }, [Ee(Se(a), 1)], 64))), 128))]),
+      _: 1
+    }, 8, ["aria-live"])) : q("v-if", !0), t(o).viewport.value || t(B) ? (T(), U(Ce, {
+      key: 1,
+      to: t(o).viewport.value ?? "body",
+      disabled: !!t(B)
+    }, [X(t(J), null, {
+      default: K(() => [X(t(ae), xe({
+        ref: t($),
+        tabindex: "0"
+      }, e.$attrs, {
+        as: u.as,
+        "as-child": u.asChild,
+        "data-state": u.open ? "open" : "closed",
+        "data-swipe-direction": t(o).swipeDirection.value,
+        "data-status": u.toast?.status,
+        "data-expanded": t(o).expanded.value ? "" : void 0,
+        "data-limited": y.value.limited ? "" : void 0,
+        inert: y.value.limited || void 0,
+        style: {
+          ...t(o).disableSwipe.value ? void 0 : {
+            userSelect: "none",
+            touchAction: "none"
+          },
+          "--reka-toast-index": y.value.index,
+          "--reka-toast-offset-y": `${y.value.offsetY}px`,
+          "--reka-toast-height": d.height ? `${d.height}px` : void 0
+        },
+        onPointerdown: n[0] || (n[0] = Re((a) => {
+          t(o).disableSwipe.value || (p.value = {
+            x: a.clientX,
+            y: a.clientY
+          });
+        }, ["left"])),
+        onPointermove: n[1] || (n[1] = (a) => {
+          if (t(o).disableSwipe.value || !p.value) return;
+          const s = a.clientX - p.value.x, c = a.clientY - p.value.y, b = !!m.value, w = ["left", "right"].includes(t(o).swipeDirection.value), l = ["left", "up"].includes(t(o).swipeDirection.value) ? Math.min : Math.max, Q = w ? l(0, s) : 0, Z = w ? 0 : l(0, c), k = a.pointerType === "touch" ? 10 : 2, E = {
+            x: Q,
+            y: Z
+          }, W = {
+            originalEvent: a,
+            delta: E
+          };
+          b ? (m.value = E, t(S)(t(ce), (A) => r("swipeMove", A), W)) : t(H)(E, t(o).swipeDirection.value, k) ? (m.value = E, t(S)(t(pe), (A) => r("swipeStart", A), W), a.target.setPointerCapture(a.pointerId)) : (Math.abs(s) > k || Math.abs(c) > k) && (p.value = null);
+        }),
+        onPointerup: n[2] || (n[2] = (a) => {
+          if (t(o).disableSwipe.value) return;
+          const s = m.value, c = a.target;
+          if (c.hasPointerCapture(a.pointerId) && c.releasePointerCapture(a.pointerId), m.value = null, p.value = null, s) {
+            const b = a.currentTarget, w = {
+              originalEvent: a,
+              delta: s
+            };
+            t(H)(s, t(o).swipeDirection.value, t(o).swipeThreshold.value) ? t(S)(t(ue), (l) => r("swipeEnd", l), w) : t(S)(t(de), (l) => r("swipeCancel", l), w), b?.addEventListener("click", (l) => l.preventDefault(), { once: !0 });
+          }
+        })
+      }), {
+        default: K(() => [Ie(e.$slots, "default", {
+          remaining: L.value,
+          duration: f.value
+        })]),
+        _: 3
+      }, 16, [
+        "as",
+        "as-child",
+        "data-state",
+        "data-swipe-direction",
+        "data-status",
+        "data-expanded",
+        "data-limited",
+        "inert",
+        "style"
+      ])]),
+      _: 3
+    })], 8, ["to", "disabled"])) : q("v-if", !0)], 64));
+  }
+}), Ue = Me;
+export {
+  Ue as ToastRootImpl_default,
+  He as injectToastRootContext
+};

package/dist/modules/vendor/reka-ui/dist/Toast/ToastTitle.js

@@ -0,0 +1,29 @@
+import { useForwardExpose as l } from "../shared/useForwardExpose.js";
+import { Primitive as s } from "../Primitive/Primitive.js";
+import { injectToastRootContext as i } from "./ToastRootImpl.js";
+import { defineComponent as u, unref as e, openBlock as n, createBlock as p, normalizeProps as m, mergeProps as f, withCtx as d, renderSlot as _, createTextVNode as c, toDisplayString as v, createCommentVNode as T } from "vue";
+var C = /* @__PURE__ */ u({
+  __name: "ToastTitle",
+  props: {
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    }
+  },
+  setup(r) {
+    const a = r;
+    l();
+    const t = i(null);
+    return (o, x) => o.$slots.default || !e(t)?.toast.value || e(t).toast.value.title ? (n(), p(e(s), m(f({ key: 0 }, a)), {
+      default: d(() => [_(o.$slots, "default", {}, () => [c(v(e(t)?.toast.value?.title), 1)])]),
+      _: 3
+    }, 16)) : T("v-if", !0);
+  }
+}), B = C;
+export {
+  B as ToastTitle_default
+};

package/dist/modules/vendor/reka-ui/dist/Toast/ToastViewport.js

@@ -0,0 +1,146 @@
+import { getActiveElement as I } from "../shared/getActiveElement.js";
+import { useForwardExpose as W } from "../shared/useForwardExpose.js";
+import { Primitive as z } from "../Primitive/Primitive.js";
+import { DismissableLayerBranch_default as G } from "../DismissableLayer/DismissableLayerBranch.js";
+import { focusFirst as E, getTabbableCandidates as Y } from "../FocusScope/utils.js";
+import { useCollection as J } from "../Collection/Collection.js";
+import { injectToastProviderContext as Q } from "./ToastProvider.js";
+import { VIEWPORT_PAUSE as X, VIEWPORT_RESUME as Z } from "./utils.js";
+import { FocusProxy_default as V } from "./FocusProxy.js";
+import { defineComponent as ee, toRefs as te, computed as _, ref as b, onMounted as oe, watch as K, watchEffect as se, openBlock as y, createBlock as w, unref as a, normalizeStyle as ae, withCtx as g, createCommentVNode as D, createVNode as S, mergeProps as ne, renderSlot as re } from "vue";
+import { onKeyStroke as ie, unrefElement as M } from "../../../@vueuse/core/dist/index.js";
+var le = /* @__PURE__ */ ee({
+  inheritAttrs: !1,
+  __name: "ToastViewport",
+  props: {
+    hotkey: {
+      type: Array,
+      required: !1,
+      default: () => ["F8"]
+    },
+    label: {
+      type: [String, Function],
+      required: !1,
+      default: "Notifications ({hotkey})"
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1,
+      default: "ol"
+    }
+  },
+  setup(d) {
+    const O = d, { hotkey: h, label: f } = te(O), { forwardRef: B, currentElement: v } = W(), { CollectionSlot: q, getItems: A } = J(), o = Q(), i = _(() => o.toastCount.value > 0), c = b(), C = b(), $ = /Key/g, j = /Digit/g, L = _(() => h.value.join("+").replace($, "").replace(j, ""));
+    ie(h.value, () => {
+      v.value.focus();
+    }), oe(() => {
+      o.onViewportChange(v.value);
+    });
+    const l = b(!1);
+    K([l, o.closingCount], ([n, e]) => {
+      n && e === 0 && (o.hovering.value = !1, l.value = !1);
+    }), K(i, (n) => {
+      n || (o.hovering.value = !1, o.focused.value = !1, l.value = !1);
+    }), se((n) => {
+      const e = v.value;
+      if (i.value && e) {
+        const t = () => {
+          if (!o.isClosePausedRef.value) {
+            const s = new CustomEvent(X);
+            e.dispatchEvent(s), o.isClosePausedRef.value = !0;
+          }
+        }, r = () => {
+          if (o.isClosePausedRef.value) {
+            const s = new CustomEvent(Z);
+            e.dispatchEvent(s), o.isClosePausedRef.value = !1;
+          }
+        }, u = (s) => {
+          !e.contains(s.relatedTarget) && (o.focused.value = !1, r());
+        }, k = () => {
+          l.value = !0, e.contains(I()) || r();
+        }, x = () => {
+          l.value = !1, o.hovering.value = !0;
+        }, F = () => {
+          o.focused.value = !0;
+        }, P = (s) => {
+          const R = s.altKey || s.ctrlKey || s.metaKey;
+          if (s.key === "Tab" && !R) {
+            const H = I(), p = s.shiftKey;
+            if (s.target === e && p) {
+              c.value?.focus();
+              return;
+            }
+            const T = m({ tabbingDirection: p ? "backwards" : "forwards" }), N = T.findIndex((U) => U === H);
+            E(T.slice(N + 1)) ? s.preventDefault() : p ? c.value?.focus() : C.value?.focus();
+          }
+        };
+        e.addEventListener("focusin", t), e.addEventListener("focusin", F), e.addEventListener("focusout", u), e.addEventListener("pointermove", t), e.addEventListener("pointermove", x), e.addEventListener("pointerleave", k), e.addEventListener("keydown", P), window.addEventListener("blur", t), window.addEventListener("focus", r), n(() => {
+          e.removeEventListener("focusin", t), e.removeEventListener("focusin", F), e.removeEventListener("focusout", u), e.removeEventListener("pointermove", t), e.removeEventListener("pointermove", x), e.removeEventListener("pointerleave", k), e.removeEventListener("keydown", P), window.removeEventListener("blur", t), window.removeEventListener("focus", r);
+        });
+      }
+    });
+    function m({ tabbingDirection: n }) {
+      const t = A().map((r) => r.ref).map((r) => {
+        const u = [r, ...Y(r)];
+        return n === "forwards" ? u : u.reverse();
+      });
+      return (n === "forwards" ? t.reverse() : t).flat();
+    }
+    return (n, e) => (y(), w(a(G), {
+      role: "region",
+      "aria-label": typeof a(f) == "string" ? a(f).replace("{hotkey}", L.value) : a(f)(L.value),
+      tabindex: "-1",
+      style: ae({ pointerEvents: i.value ? void 0 : "none" })
+    }, {
+      default: g(() => [
+        i.value ? (y(), w(V, {
+          key: 0,
+          ref: (t) => {
+            t && (c.value = a(M)(t));
+          },
+          onFocusFromOutsideViewport: e[0] || (e[0] = () => {
+            const t = m({ tabbingDirection: "forwards" });
+            a(E)(t);
+          })
+        }, null, 512)) : D("v-if", !0),
+        S(a(q), null, {
+          default: g(() => [S(a(z), ne({
+            ref: a(B),
+            tabindex: "-1",
+            as: d.as,
+            "as-child": d.asChild,
+            "data-expanded": a(o).expanded.value ? "" : void 0,
+            style: { "--reka-toast-frontmost-height": a(o).frontmostHeight.value ? `${a(o).frontmostHeight.value}px` : void 0 }
+          }, n.$attrs), {
+            default: g(() => [re(n.$slots, "default")]),
+            _: 3
+          }, 16, [
+            "as",
+            "as-child",
+            "data-expanded",
+            "style"
+          ])]),
+          _: 3
+        }),
+        i.value ? (y(), w(V, {
+          key: 1,
+          ref: (t) => {
+            t && (C.value = a(M)(t));
+          },
+          onFocusFromOutsideViewport: e[1] || (e[1] = () => {
+            const t = m({ tabbingDirection: "backwards" });
+            a(E)(t);
+          })
+        }, null, 512)) : D("v-if", !0)
+      ]),
+      _: 3
+    }, 8, ["aria-label", "style"]));
+  }
+}), Le = le;
+export {
+  Le as ToastViewport_default
+};

package/dist/modules/vendor/reka-ui/dist/Toast/createToastManager.js

@@ -0,0 +1,29 @@
+const a = /* @__PURE__ */ Symbol("ToastManagerSubscribe");
+let o = 0;
+function d() {
+  return o = (o + 1) % Number.MAX_SAFE_INTEGER, `reka-toast-${o}`;
+}
+function i(r, t) {
+  const n = typeof r == "function" ? r(t) : r;
+  return typeof n == "string" ? { description: n } : n;
+}
+function g(r, t, n, s) {
+  const u = typeof t.loading == "string" ? { description: t.loading } : t.loading, c = n({
+    ...u,
+    status: "loading"
+  });
+  return r.then((e) => (s(c, {
+    ...i(t.success, e),
+    status: "success"
+  }), e), (e) => {
+    throw s(c, {
+      ...i(t.error, e),
+      status: "error"
+    }), e;
+  });
+}
+export {
+  a as TOAST_MANAGER_SUBSCRIBE,
+  d as generateToastId,
+  g as runToastPromise
+};

package/dist/modules/vendor/reka-ui/dist/Toast/useToastStore.js

@@ -0,0 +1,64 @@
+import { runToastPromise as v, generateToastId as m } from "./createToastManager.js";
+import { shallowRef as y, reactive as g } from "vue";
+function T() {
+  const o = y([]), u = /* @__PURE__ */ g(/* @__PURE__ */ new Map());
+  function a(t) {
+    return o.value.find((e) => e.id === t);
+  }
+  function c(t, e) {
+    o.value = o.value.map((n) => n.id === t ? e : n);
+  }
+  function l(t) {
+    const e = a(t);
+    !e || e.open || (o.value = o.value.filter((n) => n.id !== t), u.delete(t), e.onRemove?.());
+  }
+  function s(t) {
+    const e = t.id ?? m(), n = a(e);
+    if (n?.open) {
+      const { id: r, ...d } = t;
+      return c(e, {
+        ...n,
+        ...d,
+        updateKey: n.updateKey + 1
+      }), u.set(e, (u.get(e) ?? 0) + 1), e;
+    }
+    const i = n ? o.value.filter((r) => r.id !== e) : o.value;
+    return o.value = [{
+      ...t,
+      id: e,
+      open: !0,
+      updateKey: 0
+    }, ...i], e;
+  }
+  function p(t) {
+    const e = o.value.filter((n) => n.open && (t === void 0 || n.id === t));
+    e.length && (o.value = o.value.map((n) => e.includes(n) ? {
+      ...n,
+      open: !1
+    } : n), e.forEach((n) => n.onClose?.()));
+  }
+  function f(t, e) {
+    const n = a(t);
+    if (!n?.open) return;
+    const i = typeof e == "function" ? e(n) : e, r = a(t);
+    r?.open && c(t, {
+      ...r,
+      ...i,
+      id: t,
+      open: !0,
+      updateKey: r.updateKey + 1
+    });
+  }
+  return {
+    toasts: o,
+    add: s,
+    close: p,
+    update: f,
+    promise: (t, e) => v(t, e, s, f),
+    remove: l,
+    getRestartKey: (t) => u.get(t) ?? 0
+  };
+}
+export {
+  T as useToastStore
+};

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

@@ -0,0 +1,37 @@
+import { isHTMLElement as i } from "../shared/isHTMLElement.js";
+const u = "toast.swipeStart", T = "toast.swipeMove", l = "toast.swipeCancel", f = "toast.swipeEnd", p = "toast.viewportPause", A = "toast.viewportResume";
+function d(n, e, s) {
+  const t = s.originalEvent.currentTarget, o = new CustomEvent(n, {
+    bubbles: !1,
+    cancelable: !0,
+    detail: s
+  });
+  e && t.addEventListener(n, e, { once: !0 }), t.dispatchEvent(o);
+}
+function S(n, e, s = 0) {
+  const t = Math.abs(n.x), o = Math.abs(n.y), a = t > o;
+  return e === "left" || e === "right" ? a && t > s : !a && o > s;
+}
+function r(n) {
+  const e = [];
+  return Array.from(n.childNodes).forEach((t) => {
+    if (t.nodeType === t.TEXT_NODE && t.textContent && e.push(t.textContent), i(t)) {
+      const o = t.ariaHidden || t.hidden || t.style.display === "none", a = t.dataset.rekaToastAnnounceExclude === "";
+      if (!o) if (a) {
+        const c = t.dataset.rekaToastAnnounceAlt;
+        c && e.push(c);
+      } else e.push(...r(t));
+    }
+  }), e;
+}
+export {
+  l as TOAST_SWIPE_CANCEL,
+  f as TOAST_SWIPE_END,
+  T as TOAST_SWIPE_MOVE,
+  u as TOAST_SWIPE_START,
+  p as VIEWPORT_PAUSE,
+  A as VIEWPORT_RESUME,
+  r as getAnnounceTextContent,
+  d as handleAndDispatchCustomEvent,
+  S as isDeltaInDirection
+};

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

@@ -0,0 +1,98 @@
+import { useFormControl as g } from "../shared/useFormControl.js";
+import { useForwardExpose as b } from "../shared/useForwardExpose.js";
+import { useForwardScopeId as y } from "../shared/useForwardScopeId.js";
+import { Primitive as V } from "../Primitive/Primitive.js";
+import { VisuallyHiddenInput_default as q } from "../VisuallyHidden/VisuallyHiddenInput.js";
+import { injectToggleGroupRootContext as C } from "../ToggleGroup/ToggleGroupRoot.js";
+import { defineComponent as h, computed as B, openBlock as u, createElementBlock as k, Fragment as x, createVNode as F, unref as e, mergeProps as s, withCtx as w, renderSlot as S, createBlock as T, createCommentVNode as E } from "vue";
+import { useVModel as I } from "../../../@vueuse/core/dist/index.js";
+var P = /* @__PURE__ */ h({
+  inheritAttrs: !1,
+  __name: "Toggle",
+  props: {
+    defaultValue: {
+      type: Boolean,
+      required: !1
+    },
+    modelValue: {
+      type: [Boolean, null],
+      required: !1,
+      default: void 0
+    },
+    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: ["update:modelValue"],
+  setup(t, { emit: i }) {
+    const l = t, n = i, { forwardRef: m, currentElement: f } = b(), o = y(), c = C(null), a = I(l, "modelValue", n, {
+      defaultValue: l.defaultValue,
+      passive: l.modelValue === void 0
+    });
+    function p() {
+      a.value = !a.value;
+    }
+    const r = B(() => a.value ? "on" : "off"), v = g(f);
+    return (d, A) => (u(), k(x, null, [F(e(V), s({
+      ref: e(m),
+      type: t.as === "button" ? "button" : void 0,
+      "as-child": l.asChild,
+      as: t.as,
+      "aria-pressed": e(a),
+      "data-state": r.value,
+      "data-disabled": t.disabled ? "" : void 0,
+      disabled: t.disabled
+    }, {
+      ...e(o),
+      ...d.$attrs
+    }, { onClick: p }), {
+      default: w(() => [S(d.$slots, "default", {
+        modelValue: e(a),
+        disabled: t.disabled,
+        pressed: e(a),
+        state: r.value
+      })]),
+      _: 3
+    }, 16, [
+      "type",
+      "as-child",
+      "as",
+      "aria-pressed",
+      "data-state",
+      "data-disabled",
+      "disabled"
+    ]), e(v) && t.name && !e(c) ? (u(), T(q, s({
+      key: 0,
+      type: "checkbox",
+      name: t.name,
+      value: e(a),
+      required: t.required
+    }, e(o)), null, 16, [
+      "name",
+      "value",
+      "required"
+    ])) : E("v-if", !0)], 64));
+  }
+}), D = P;
+export {
+  D as Toggle_default
+};

package/dist/modules/vendor/reka-ui/dist/ToggleGroup/ToggleGroupItem.js

@@ -0,0 +1,54 @@
+import { isValueEqualOrExist as v } from "../shared/isValueEqualOrExist.js";
+import { useForwardExpose as c } from "../shared/useForwardExpose.js";
+import { useForwardScopeId as g } from "../shared/useForwardScopeId.js";
+import { Primitive as _ } from "../Primitive/Primitive.js";
+import { RovingFocusItem_default as b } from "../RovingFocus/RovingFocusItem.js";
+import { injectToggleGroupRootContext as x } from "./ToggleGroupRoot.js";
+import { Toggle_default as y } from "../Toggle/Toggle.js";
+import { defineComponent as C, computed as s, openBlock as I, createBlock as q, resolveDynamicComponent as F, unref as e, mergeProps as i, withCtx as p, createVNode as T, renderSlot as V, normalizeProps as w, guardReactiveProps as B } from "vue";
+var G = /* @__PURE__ */ C({
+  __name: "ToggleGroupItem",
+  props: {
+    value: {
+      type: null,
+      required: !0
+    },
+    disabled: {
+      type: Boolean,
+      required: !1
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1,
+      default: "button"
+    }
+  },
+  setup(t) {
+    const r = t, o = x(), l = s(() => o.disabled?.value || r.disabled), a = s(() => v(o.modelValue.value, r.value)), { forwardRef: n } = c(), m = g();
+    return (f, u) => (I(), q(F(e(o).rovingFocus.value ? e(b) : e(_)), i({ "as-child": "" }, e(o).rovingFocus.value ? {
+      focusable: !l.value,
+      active: a.value
+    } : {}), {
+      default: p(() => [T(e(y), i({
+        ...e(m),
+        ...r
+      }, {
+        ref: e(n),
+        disabled: l.value,
+        "model-value": a.value,
+        "onUpdate:modelValue": u[0] || (u[0] = (d) => e(o).changeModelValue(t.value))
+      }), {
+        default: p((d) => [V(f.$slots, "default", w(B(d)))]),
+        _: 3
+      }, 16, ["disabled", "model-value"])]),
+      _: 3
+    }, 16));
+  }
+}), z = G;
+export {
+  z as ToggleGroupItem_default
+};