@synopackageland/ui 0.25.20 → 0.25.22

package/dist/modules/vendor/reka-ui/dist/Tabs/TabsRoot.js

@@ -0,0 +1,94 @@
+import { createContext as c } from "../shared/createContext.js";
+import { useDirection as v } from "../shared/useDirection.js";
+import { useForwardExpose as V } from "../shared/useForwardExpose.js";
+import { useId as b } from "../shared/useId.js";
+import { Primitive as h } from "../Primitive/Primitive.js";
+import { defineComponent as y, toRefs as C, ref as _, shallowRef as q, openBlock as R, createBlock as S, unref as a, withCtx as g, renderSlot as w } from "vue";
+import { useVModel as x } from "../../../@vueuse/core/dist/index.js";
+const [z, T] = /* @__PURE__ */ c("TabsRoot");
+var M = /* @__PURE__ */ y({
+  __name: "TabsRoot",
+  props: {
+    defaultValue: {
+      type: null,
+      required: !1
+    },
+    orientation: {
+      type: String,
+      required: !1,
+      default: "horizontal"
+    },
+    dir: {
+      type: String,
+      required: !1
+    },
+    activationMode: {
+      type: String,
+      required: !1,
+      default: "automatic"
+    },
+    modelValue: {
+      type: null,
+      required: !1
+    },
+    unmountOnHide: {
+      type: Boolean,
+      required: !1,
+      default: !0
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(r, { emit: s }) {
+    const t = r, d = s, { orientation: n, unmountOnHide: f, dir: m } = C(t), u = v(m);
+    V();
+    const i = x(t, "modelValue", d, {
+      defaultValue: t.defaultValue,
+      passive: t.modelValue === void 0
+    }), p = _(), o = q(/* @__PURE__ */ new Set());
+    return T({
+      modelValue: i,
+      changeModelValue: (e) => {
+        i.value = e;
+      },
+      orientation: n,
+      dir: u,
+      unmountOnHide: f,
+      activationMode: t.activationMode,
+      baseId: b(void 0, "reka-tabs"),
+      tabsList: p,
+      contentIds: o,
+      registerContent: (e) => {
+        o.value = /* @__PURE__ */ new Set([...o.value, e]);
+      },
+      unregisterContent: (e) => {
+        const l = new Set(o.value);
+        l.delete(e), o.value = l;
+      }
+    }), (e, l) => (R(), S(a(h), {
+      dir: a(u),
+      "data-orientation": a(n),
+      "as-child": r.asChild,
+      as: r.as
+    }, {
+      default: g(() => [w(e.$slots, "default", { modelValue: a(i) })]),
+      _: 3
+    }, 8, [
+      "dir",
+      "data-orientation",
+      "as-child",
+      "as"
+    ]));
+  }
+}), E = M;
+export {
+  E as TabsRoot_default,
+  z as injectTabsRootContext
+};

package/dist/modules/vendor/reka-ui/dist/Tabs/TabsTrigger.js

@@ -0,0 +1,80 @@
+import { useForwardExpose as c } from "../shared/useForwardExpose.js";
+import { Primitive as b } from "../Primitive/Primitive.js";
+import { RovingFocusItem_default as m } from "../RovingFocus/RovingFocusItem.js";
+import { injectTabsRootContext as g } from "./TabsRoot.js";
+import { makeTriggerId as y, makeContentId as I } from "./utils.js";
+import { defineComponent as T, computed as r, openBlock as h, createBlock as w, unref as t, withCtx as u, createVNode as C, withKeys as M, withModifiers as p, renderSlot as x } from "vue";
+var V = /* @__PURE__ */ T({
+  __name: "TabsTrigger",
+  props: {
+    value: {
+      type: [String, Number],
+      required: !0
+    },
+    disabled: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1,
+      default: "button"
+    }
+  },
+  setup(e) {
+    const i = e, { forwardRef: n } = c(), a = g(), s = r(() => y(a.baseId, i.value)), f = r(() => a.contentIds.value.has(i.value) ? I(a.baseId, i.value) : void 0), o = r(() => i.value === a.modelValue.value);
+    return (v, d) => (h(), w(t(m), {
+      "as-child": "",
+      focusable: !e.disabled,
+      active: o.value
+    }, {
+      default: u(() => [C(t(b), {
+        id: s.value,
+        ref: t(n),
+        role: "tab",
+        type: e.as === "button" ? "button" : void 0,
+        as: e.as,
+        "as-child": e.asChild,
+        "aria-selected": o.value ? "true" : "false",
+        "aria-controls": f.value,
+        "data-state": o.value ? "active" : "inactive",
+        disabled: e.disabled,
+        "data-disabled": e.disabled ? "" : void 0,
+        "data-orientation": t(a).orientation.value,
+        onMousedown: d[0] || (d[0] = p((l) => {
+          l.defaultPrevented || (!e.disabled && l.ctrlKey === !1 ? t(a).changeModelValue(e.value) : l.preventDefault());
+        }, ["left"])),
+        onKeydown: d[1] || (d[1] = M((l) => {
+          l.defaultPrevented || t(a).changeModelValue(e.value);
+        }, ["enter", "space"])),
+        onFocus: d[2] || (d[2] = () => {
+          const l = t(a).activationMode !== "manual";
+          !o.value && !e.disabled && l && t(a).changeModelValue(e.value);
+        })
+      }, {
+        default: u(() => [x(v.$slots, "default")]),
+        _: 3
+      }, 8, [
+        "id",
+        "type",
+        "as",
+        "as-child",
+        "aria-selected",
+        "aria-controls",
+        "data-state",
+        "disabled",
+        "data-disabled",
+        "data-orientation"
+      ])]),
+      _: 3
+    }, 8, ["focusable", "active"]));
+  }
+}), R = V;
+export {
+  R as TabsTrigger_default
+};

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

@@ -0,0 +1,10 @@
+function e(n, t) {
+  return `${n}-trigger-${t}`;
+}
+function r(n, t) {
+  return `${n}-content-${t}`;
+}
+export {
+  r as makeContentId,
+  e as makeTriggerId
+};

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

@@ -0,0 +1,40 @@
+import { injectConfigProviderContext as d } from "../ConfigProvider/ConfigProvider.js";
+import { defineComponent as u, computed as a, unref as f, openBlock as i, createBlock as p, Teleport as s, renderSlot as c, createCommentVNode as m } from "vue";
+import { useMounted as v } from "../../../@vueuse/core/dist/index.js";
+var y = /* @__PURE__ */ u({
+  __name: "Teleport",
+  props: {
+    to: {
+      type: null,
+      required: !1
+    },
+    disabled: {
+      type: Boolean,
+      required: !1
+    },
+    defer: {
+      type: Boolean,
+      required: !1
+    },
+    forceMount: {
+      type: Boolean,
+      required: !1
+    }
+  },
+  setup(e) {
+    const t = e, o = d({}), r = a(() => t.to ?? o.teleportTo?.value ?? "body"), l = v();
+    return (n, _) => f(l) || e.forceMount ? (i(), p(s, {
+      key: 0,
+      to: r.value,
+      disabled: e.disabled,
+      defer: e.defer
+    }, [c(n.$slots, "default")], 8, [
+      "to",
+      "disabled",
+      "defer"
+    ])) : m("v-if", !0);
+  }
+}), T = y;
+export {
+  T as Teleport_default
+};

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

@@ -0,0 +1,24 @@
+import { VisuallyHidden_default as p } from "../VisuallyHidden/VisuallyHidden.js";
+import { injectToastProviderContext as d } from "./ToastProvider.js";
+import { defineComponent as c, openBlock as a, createBlock as l, unref as t, withCtx as m, renderSlot as f } from "vue";
+var _ = /* @__PURE__ */ c({
+  __name: "FocusProxy",
+  emits: ["focusFromOutsideViewport"],
+  setup(F, { emit: o }) {
+    const r = o, s = d();
+    return (i, e) => (a(), l(t(p), {
+      tabindex: "0",
+      style: { position: "fixed" },
+      onFocus: e[0] || (e[0] = (u) => {
+        const n = u.relatedTarget;
+        !t(s).viewport.value?.contains(n) && r("focusFromOutsideViewport");
+      })
+    }, {
+      default: m(() => [f(i.$slots, "default")]),
+      _: 3
+    }));
+  }
+}), V = _;
+export {
+  V as FocusProxy_default
+};

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

@@ -0,0 +1,27 @@
+import { VisuallyHidden_default as u } from "../VisuallyHidden/VisuallyHidden.js";
+import { injectToastProviderContext as l } from "./ToastProvider.js";
+import { defineComponent as s, ref as c, onScopeDispose as m, unref as e, openBlock as f, createBlock as d, withCtx as p, createTextVNode as _, toDisplayString as v, renderSlot as A, createCommentVNode as T } from "vue";
+import { useTimeout as x, isClient as C } from "../../../@vueuse/shared/dist/index.js";
+var y = /* @__PURE__ */ s({
+  __name: "ToastAnnounce",
+  setup(F) {
+    const r = l(), a = x(1e3), t = c(!1);
+    let n = 0, o = 0;
+    return C && (n = requestAnimationFrame(() => {
+      o = requestAnimationFrame(() => {
+        t.value = !0;
+      });
+    }), m(() => {
+      cancelAnimationFrame(n), cancelAnimationFrame(o);
+    })), (i, h) => e(a) || t.value ? (f(), d(e(u), {
+      key: 0,
+      feature: "fully-hidden"
+    }, {
+      default: p(() => [_(v(e(r).label.value) + " ", 1), A(i.$slots, "default")]),
+      _: 3
+    })) : T("v-if", !0);
+  }
+}), q = y;
+export {
+  q as ToastAnnounce_default
+};

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

@@ -0,0 +1,37 @@
+import { Primitive as t } from "../Primitive/Primitive.js";
+import { defineComponent as n, openBlock as l, createBlock as r, unref as o, withCtx as u, renderSlot as d } from "vue";
+var s = /* @__PURE__ */ n({
+  __name: "ToastAnnounceExclude",
+  props: {
+    altText: {
+      type: String,
+      required: !1
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    }
+  },
+  setup(e) {
+    return (a, c) => (l(), r(o(t), {
+      as: e.as,
+      "as-child": e.asChild,
+      "data-reka-toast-announce-exclude": "",
+      "data-reka-toast-announce-alt": e.altText || void 0
+    }, {
+      default: u(() => [d(a.$slots, "default")]),
+      _: 3
+    }, 8, [
+      "as",
+      "as-child",
+      "data-reka-toast-announce-alt"
+    ]));
+  }
+}), p = s;
+export {
+  p as ToastAnnounceExclude_default
+};

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

@@ -0,0 +1,36 @@
+import { useForwardExpose as l } from "../shared/useForwardExpose.js";
+import { Primitive as u } from "../Primitive/Primitive.js";
+import { ToastAnnounceExclude_default as p } from "./ToastAnnounceExclude.js";
+import { injectToastRootContext as f } from "./ToastRootImpl.js";
+import { defineComponent as i, openBlock as d, createBlock as c, withCtx as o, createVNode as m, unref as e, mergeProps as _, renderSlot as C } from "vue";
+var v = /* @__PURE__ */ i({
+  __name: "ToastClose",
+  props: {
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1,
+      default: "button"
+    }
+  },
+  setup(t) {
+    const r = t, a = f(), { forwardRef: n } = l();
+    return (s, x) => (d(), c(p, { "as-child": "" }, {
+      default: o(() => [m(e(u), _(r, {
+        ref: e(n),
+        type: t.as === "button" ? "button" : void 0,
+        onClick: e(a).onClose
+      }), {
+        default: o(() => [C(s.$slots, "default")]),
+        _: 3
+      }, 16, ["type", "onClick"])]),
+      _: 3
+    }));
+  }
+}), w = v;
+export {
+  w as ToastClose_default
+};

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

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

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

@@ -0,0 +1,33 @@
+import { Teleport_default as o } from "../Teleport/Teleport.js";
+import { defineComponent as a, openBlock as l, createBlock as p, unref as u, normalizeProps as s, guardReactiveProps as n, withCtx as d, renderSlot as f } from "vue";
+var _ = /* @__PURE__ */ a({
+  __name: "ToastPortal",
+  props: {
+    to: {
+      type: null,
+      required: !1
+    },
+    disabled: {
+      type: Boolean,
+      required: !1
+    },
+    defer: {
+      type: Boolean,
+      required: !1
+    },
+    forceMount: {
+      type: Boolean,
+      required: !1
+    }
+  },
+  setup(e) {
+    const r = e;
+    return (t, i) => (l(), p(u(o), s(n(r)), {
+      default: d(() => [f(t.$slots, "default")]),
+      _: 3
+    }, 16));
+  }
+}), v = _;
+export {
+  v as ToastPortal_default
+};

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

@@ -0,0 +1,6 @@
+import { createContext as t } from "../shared/createContext.js";
+import "vue";
+const [i] = /* @__PURE__ */ t("ToastPositioner");
+export {
+  i as injectToastPositionerContext
+};

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

@@ -0,0 +1,125 @@
+import { createContext as P } from "../shared/createContext.js";
+import { useCollection as y } from "../Collection/Collection.js";
+import { TOAST_MANAGER_SUBSCRIBE as R } from "./createToastManager.js";
+import { useToastStore as E } from "./useToastStore.js";
+import { defineComponent as A, toRefs as M, ref as r, onMounted as N, watch as B, shallowReactive as D, computed as d, renderSlot as I } from "vue";
+const [K, O] = /* @__PURE__ */ P("ToastProvider");
+var j = /* @__PURE__ */ A({
+  inheritAttrs: !1,
+  __name: "ToastProvider",
+  props: {
+    label: {
+      type: String,
+      required: !1,
+      default: "Notification"
+    },
+    duration: {
+      type: Number,
+      required: !1,
+      default: 5e3
+    },
+    disableSwipe: {
+      type: Boolean,
+      required: !1
+    },
+    swipeDirection: {
+      type: String,
+      required: !1,
+      default: "right"
+    },
+    swipeThreshold: {
+      type: Number,
+      required: !1,
+      default: 50
+    },
+    limit: {
+      type: Number,
+      required: !1
+    },
+    toastManager: {
+      type: Object,
+      required: !1
+    }
+  },
+  setup(T) {
+    const o = T, { label: b, duration: _, disableSwipe: w, swipeDirection: q, swipeThreshold: x } = M(o);
+    y({ isProvider: !0 });
+    const c = r(), u = r(0), S = r(!1), C = r(!1), n = E();
+    N(() => {
+      B(() => o.toastManager, (e, s, a) => {
+        if (!e) return;
+        const l = e[R]((t) => {
+          t.action === "add" ? n.add(t.options) : t.action === "close" ? n.close(t.id) : n.update(t.id, t.updates);
+        });
+        a(l);
+      }, { immediate: !0 });
+    });
+    const i = D([]);
+    let m = 0;
+    const v = d(() => {
+      const e = [...i].sort((t, p) => p.seq - t.seq), s = /* @__PURE__ */ new Map();
+      let a = 0, l = 0;
+      return e.forEach((t, p) => {
+        const f = !t.open;
+        s.set(t, {
+          index: f ? p : a,
+          offsetY: l,
+          limited: !f && o.limit !== void 0 && a >= o.limit
+        }), f || (l += t.height, a++);
+      }), {
+        ordered: e,
+        states: s
+      };
+    }), h = r(!1), g = r(!1);
+    if (o.label && typeof o.label == "string" && !o.label.trim()) {
+      const e = "Invalid prop `label` supplied to `ToastProvider`. Expected non-empty `string`.";
+      throw new Error(e);
+    }
+    return O({
+      label: b,
+      duration: _,
+      disableSwipe: w,
+      swipeDirection: q,
+      swipeThreshold: x,
+      toastCount: u,
+      viewport: c,
+      onViewportChange(e) {
+        c.value = e;
+      },
+      onToastAdd() {
+        u.value++;
+      },
+      onToastRemove() {
+        u.value--;
+      },
+      isFocusedToastEscapeKeyDownRef: S,
+      isClosePausedRef: C,
+      toastStore: n,
+      hovering: h,
+      focused: g,
+      expanded: d(() => h.value || g.value),
+      frontmostHeight: d(() => v.value.ordered.find((e) => e.open)?.height || void 0),
+      closingCount: d(() => i.filter((e) => !e.open).length),
+      registerToast(e) {
+        return e.seq = ++m, i.push(e), () => {
+          const s = i.indexOf(e);
+          s !== -1 && i.splice(s, 1);
+        };
+      },
+      reopenToast(e) {
+        e.seq = ++m;
+      },
+      getToastStack(e) {
+        return v.value.states.get(e) ?? {
+          index: 0,
+          offsetY: 0,
+          limited: !1
+        };
+      }
+    }), (e, s) => I(e.$slots, "default");
+  }
+}), U = j;
+export {
+  U as ToastProvider_default,
+  K as injectToastProviderContext
+};

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

@@ -0,0 +1,126 @@
+import { useForwardExpose as S } from "../shared/useForwardExpose.js";
+import { Presence_default as T } from "../Presence/Presence.js";
+import { injectToastProviderContext as C } from "./ToastProvider.js";
+import { ToastRootImpl_default as $ } from "./ToastRootImpl.js";
+import { defineComponent as c, computed as d, ref as q, watch as M, openBlock as b, createBlock as B, unref as v, withCtx as w, createVNode as E, mergeProps as I, renderSlot as R } from "vue";
+import { useVModel as V } from "../../../@vueuse/core/dist/index.js";
+var N = /* @__PURE__ */ c({
+  __name: "ToastRoot",
+  props: {
+    defaultOpen: {
+      type: Boolean,
+      required: !1,
+      default: !0
+    },
+    forceMount: {
+      type: Boolean,
+      required: !1
+    },
+    type: {
+      type: String,
+      required: !1,
+      default: "foreground"
+    },
+    open: {
+      type: Boolean,
+      required: !1,
+      default: void 0
+    },
+    duration: {
+      type: Number,
+      required: !1
+    },
+    toast: {
+      type: Object,
+      required: !1
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1,
+      default: "li"
+    }
+  },
+  emits: [
+    "escapeKeyDown",
+    "pause",
+    "resume",
+    "swipeStart",
+    "swipeMove",
+    "swipeCancel",
+    "swipeEnd",
+    "update:open"
+  ],
+  setup(p, { emit: P }) {
+    const o = p, s = P, { forwardRef: x } = S(), f = V(o, "open", s, {
+      defaultValue: o.defaultOpen,
+      passive: o.open === void 0
+    }), y = C(), i = d(() => o.toast ? o.toast.open : f.value), g = d(() => o.toast?.type ?? o.type), k = d(() => o.toast?.status === "loading" ? Number.POSITIVE_INFINITY : o.toast?.duration ?? o.duration);
+    function m() {
+      o.toast ? (y.toastStore.close(o.toast.id), s("update:open", !1)) : f.value = !1;
+    }
+    const u = q(!1);
+    return M([() => o.toast, u], ([n, t]) => {
+      n && !n.open && !t && y.toastStore.remove(n.id);
+    }, { immediate: !0 }), (n, t) => (b(), B(v(T), { present: p.forceMount || i.value }, {
+      default: w(() => [E($, I({
+        ref: v(x),
+        open: i.value,
+        type: g.value,
+        as: p.as,
+        "as-child": p.asChild,
+        duration: k.value,
+        toast: p.toast
+      }, n.$attrs, {
+        onVnodeMounted: t[0] || (t[0] = (e) => u.value = !0),
+        onVnodeUnmounted: t[1] || (t[1] = (e) => u.value = !1),
+        onClose: m,
+        onPause: t[2] || (t[2] = (e) => s("pause")),
+        onResume: t[3] || (t[3] = (e) => s("resume")),
+        onEscapeKeyDown: t[4] || (t[4] = (e) => s("escapeKeyDown", e)),
+        onSwipeStart: t[5] || (t[5] = (e) => {
+          s("swipeStart", e), e.defaultPrevented || e.currentTarget.setAttribute("data-swipe", "start");
+        }),
+        onSwipeMove: t[6] || (t[6] = (e) => {
+          if (s("swipeMove", e), !e.defaultPrevented) {
+            const { x: r, y: l } = e.detail.delta, a = e.currentTarget;
+            a.setAttribute("data-swipe", "move"), a.style.setProperty("--reka-toast-swipe-move-x", `${r}px`), a.style.setProperty("--reka-toast-swipe-move-y", `${l}px`);
+          }
+        }),
+        onSwipeCancel: t[7] || (t[7] = (e) => {
+          if (s("swipeCancel", e), !e.defaultPrevented) {
+            const r = e.currentTarget;
+            r.setAttribute("data-swipe", "cancel"), r.style.removeProperty("--reka-toast-swipe-move-x"), r.style.removeProperty("--reka-toast-swipe-move-y"), r.style.removeProperty("--reka-toast-swipe-end-x"), r.style.removeProperty("--reka-toast-swipe-end-y");
+          }
+        }),
+        onSwipeEnd: t[8] || (t[8] = (e) => {
+          if (s("swipeEnd", e), !e.defaultPrevented) {
+            const { x: r, y: l } = e.detail.delta, a = e.currentTarget;
+            a.setAttribute("data-swipe", "end"), a.style.removeProperty("--reka-toast-swipe-move-x"), a.style.removeProperty("--reka-toast-swipe-move-y"), a.style.setProperty("--reka-toast-swipe-end-x", `${r}px`), a.style.setProperty("--reka-toast-swipe-end-y", `${l}px`), m();
+          }
+        })
+      }), {
+        default: w(({ remaining: e, duration: r }) => [R(n.$slots, "default", {
+          remaining: e,
+          duration: r,
+          open: i.value
+        })]),
+        _: 3
+      }, 16, [
+        "open",
+        "type",
+        "as",
+        "as-child",
+        "duration",
+        "toast"
+      ])]),
+      _: 3
+    }, 8, ["present"]));
+  }
+}), U = N;
+export {
+  U as ToastRoot_default
+};