@synopackageland/ui 0.25.20 → 0.25.22

package/dist/modules/vendor/reka-ui/dist/Slider/SliderThumb.js

@@ -0,0 +1,28 @@
+import { useForwardExpose as a } from "../shared/useForwardExpose.js";
+import { useCollection as d } from "../Collection/Collection.js";
+import { SliderThumbImpl_default as p } from "./SliderThumbImpl.js";
+import { defineComponent as m, computed as s, openBlock as f, createBlock as i, mergeProps as _, unref as c, withCtx as h, renderSlot as v } from "vue";
+var x = /* @__PURE__ */ m({
+  __name: "SliderThumb",
+  props: {
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1,
+      default: "span"
+    }
+  },
+  setup(t) {
+    const o = t, { getItems: u } = d(), { forwardRef: l, currentElement: r } = a(), n = s(() => r.value ? u(!0).findIndex((e) => e.ref === r.value) : -1);
+    return (e, b) => (f(), i(p, _({ ref: c(l) }, o, { index: n.value }), {
+      default: h(() => [v(e.$slots, "default")]),
+      _: 3
+    }, 16, ["index"]));
+  }
+}), w = x;
+export {
+  w as SliderThumb_default
+};

package/dist/modules/vendor/reka-ui/dist/Slider/SliderThumbImpl.js

@@ -0,0 +1,78 @@
+import { useForwardExpose as C } from "../shared/useForwardExpose.js";
+import { useSize as g } from "../shared/useSize.js";
+import { Primitive as I } from "../Primitive/Primitive.js";
+import { useCollection as S } from "../Collection/Collection.js";
+import { injectSliderOrientationContext as y, convertValueToPercentage as E, getLabel as w, getThumbInBoundsOffset as T } from "./utils.js";
+import { injectSliderRootContext as B } from "./SliderRoot.js";
+import { defineComponent as $, computed as l, onMounted as z, onUnmounted as V, openBlock as _, createBlock as k, unref as a, withCtx as v, createVNode as q, mergeProps as M, renderSlot as O } from "vue";
+import { useMounted as P } from "../../../@vueuse/core/dist/index.js";
+var R = /* @__PURE__ */ $({
+  inheritAttrs: !1,
+  __name: "SliderThumbImpl",
+  props: {
+    index: {
+      type: Number,
+      required: !0
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    }
+  },
+  setup(o) {
+    const s = o, e = B(), r = y(), { forwardRef: f, currentElement: u } = C(), { CollectionItem: c } = S(), n = l(() => e.modelValue?.value?.[s.index]), d = l(() => n.value === void 0 ? 0 : E(n.value, e.min.value ?? 0, e.max.value ?? 100)), p = l(() => w(s.index, e.modelValue?.value?.length ?? 0)), b = g(u), m = l(() => b[r.size].value), h = l(() => e.thumbAlignment.value === "overflow" || !m.value ? 0 : T(m.value, d.value, r.direction.value)), x = P();
+    return z(() => {
+      e.thumbElements.value.push(u.value);
+    }), V(() => {
+      const t = e.thumbElements.value.findIndex((i) => i === u.value) ?? -1;
+      e.thumbElements.value.splice(t, 1);
+    }), (t, i) => (_(), k(a(c), null, {
+      default: v(() => [q(a(I), M(t.$attrs, {
+        ref: a(f),
+        role: "slider",
+        tabindex: a(e).disabled.value ? void 0 : 0,
+        "aria-label": t.$attrs["aria-label"] || p.value,
+        "data-disabled": a(e).disabled.value ? "" : void 0,
+        "data-orientation": a(e).orientation.value,
+        "aria-valuenow": n.value,
+        "aria-valuemin": a(e).min.value,
+        "aria-valuemax": a(e).max.value,
+        "aria-orientation": a(e).orientation.value,
+        "as-child": o.asChild,
+        as: o.as,
+        style: {
+          transform: "var(--reka-slider-thumb-transform)",
+          position: "absolute",
+          [a(r).startEdge.value]: `calc(${d.value}% + ${h.value}px)`,
+          display: !a(x) && n.value === void 0 ? "none" : void 0
+        },
+        onFocus: i[0] || (i[0] = () => {
+          a(e).valueIndexToChangeRef.value = o.index;
+        })
+      }), {
+        default: v(() => [O(t.$slots, "default")]),
+        _: 3
+      }, 16, [
+        "tabindex",
+        "aria-label",
+        "data-disabled",
+        "data-orientation",
+        "aria-valuenow",
+        "aria-valuemin",
+        "aria-valuemax",
+        "aria-orientation",
+        "as-child",
+        "as",
+        "style"
+      ])]),
+      _: 3
+    }));
+  }
+}), H = R;
+export {
+  H as SliderThumbImpl_default
+};

package/dist/modules/vendor/reka-ui/dist/Slider/SliderTrack.js

@@ -0,0 +1,38 @@
+import { useForwardExpose as o } from "../shared/useForwardExpose.js";
+import { Primitive as i } from "../Primitive/Primitive.js";
+import { injectSliderRootContext as d } from "./SliderRoot.js";
+import { defineComponent as l, openBlock as n, createBlock as s, unref as e, withCtx as u, renderSlot as p } from "vue";
+var c = /* @__PURE__ */ l({
+  __name: "SliderTrack",
+  props: {
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1,
+      default: "span"
+    }
+  },
+  setup(t) {
+    const a = d();
+    return o(), (r, f) => (n(), s(e(i), {
+      "as-child": t.asChild,
+      as: t.as,
+      "data-disabled": e(a).disabled.value ? "" : void 0,
+      "data-orientation": e(a).orientation.value
+    }, {
+      default: u(() => [p(r.$slots, "default")]),
+      _: 3
+    }, 8, [
+      "as-child",
+      "as",
+      "data-disabled",
+      "data-orientation"
+    ]));
+  }
+}), C = c;
+export {
+  C as SliderTrack_default
+};

package/dist/modules/vendor/reka-ui/dist/Slider/SliderVertical.js

@@ -0,0 +1,73 @@
+import { useForwardExpose as Y } from "../shared/useForwardExpose.js";
+import { provideSliderOrientationContext as k, BACK_KEYS as A, linearScale as V } from "./utils.js";
+import { SliderImpl_default as q } from "./SliderImpl.js";
+import { injectSliderRootContext as F } from "./SliderRoot.js";
+import { defineComponent as H, toRefs as M, ref as f, computed as a, openBlock as _, createBlock as z, unref as m, normalizeStyle as I, withCtx as N, renderSlot as P } from "vue";
+var j = /* @__PURE__ */ H({
+  __name: "SliderVertical",
+  props: {
+    min: {
+      type: Number,
+      required: !0
+    },
+    max: {
+      type: Number,
+      required: !0
+    },
+    inverted: {
+      type: Boolean,
+      required: !0
+    }
+  },
+  emits: [
+    "slideEnd",
+    "slideStart",
+    "slideMove",
+    "homeKeyDown",
+    "endKeyDown",
+    "stepKeyDown"
+  ],
+  setup(y, { emit: g }) {
+    const S = y, n = g, { max: v, min: p, inverted: w } = M(S), r = F(), { forwardRef: b, currentElement: E } = Y(), u = f(), d = f(), l = a(() => !w.value);
+    function c(i, e) {
+      const t = d.value || E.value.getBoundingClientRect(), o = [...r.thumbElements.value][r.valueIndexToChangeRef.value], s = r.thumbAlignment.value === "contain" ? o.clientHeight : 0;
+      !u.value && !e && r.thumbAlignment.value === "contain" && (u.value = i.clientY - o.getBoundingClientRect().top);
+      const C = [0, t.height - s], B = l.value ? [v.value, p.value] : [p.value, v.value], R = V(C, B), h = e ? i.clientY - t.top - s / 2 : i.clientY - t.top - (u.value ?? 0);
+      return d.value = t, R(h);
+    }
+    const K = a(() => l.value ? "bottom" : "top"), D = a(() => l.value ? "top" : "bottom"), x = a(() => l.value ? 1 : -1);
+    return k({
+      startEdge: K,
+      endEdge: D,
+      direction: x,
+      size: "height"
+    }), (i, e) => (_(), z(q, {
+      ref: m(b),
+      "data-orientation": "vertical",
+      style: I({ "--reka-slider-thumb-transform": !l.value && m(r).thumbAlignment.value === "overflow" ? "translateY(-50%)" : "translateY(50%)" }),
+      onSlideStart: e[0] || (e[0] = (t) => {
+        const o = c(t, !0);
+        n("slideStart", o);
+      }),
+      onSlideMove: e[1] || (e[1] = (t) => {
+        const o = c(t);
+        n("slideMove", o);
+      }),
+      onSlideEnd: e[2] || (e[2] = () => {
+        d.value = void 0, u.value = void 0, n("slideEnd");
+      }),
+      onStepKeyDown: e[3] || (e[3] = (t) => {
+        const o = l.value ? "from-bottom" : "from-top", s = m(A)[o].includes(t.key);
+        n("stepKeyDown", t, s ? -1 : 1);
+      }),
+      onEndKeyDown: e[4] || (e[4] = (t) => n("endKeyDown", t)),
+      onHomeKeyDown: e[5] || (e[5] = (t) => n("homeKeyDown", t))
+    }, {
+      default: N(() => [P(i.$slots, "default")]),
+      _: 3
+    }, 8, ["style"]));
+  }
+}), L = j;
+export {
+  L as SliderVertical_default
+};

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

@@ -0,0 +1,93 @@
+import { clamp as a } from "../shared/clamp.js";
+import { createContext as s } from "../shared/createContext.js";
+function m(e = [], t, n) {
+  const r = [...e];
+  return r[n] = t, r.sort((o, c) => o - c);
+}
+function w(e, t, n) {
+  const c = 100 / (n - t) * (e - t);
+  return a(c, 0, 100);
+}
+function g(e, t) {
+  return t > 2 ? `Value ${e + 1} of ${t}` : t === 2 ? ["Minimum", "Maximum"][e] : void 0;
+}
+function S(e, t) {
+  if (e.length === 1) return 0;
+  const n = e.map((o) => Math.abs(o - t)), r = Math.min(...n);
+  return n.indexOf(r);
+}
+function h(e, t, n) {
+  const r = e / 2, c = f([0, 50], [0, r]);
+  return (r - c(t) * n) * n;
+}
+function i(e) {
+  return e.slice(0, -1).map((t, n) => e[n + 1] - t);
+}
+function p(e, t) {
+  if (t > 0) {
+    const n = i(e);
+    return Math.min(...n) >= t;
+  }
+  return !0;
+}
+function f(e, t) {
+  return (n) => {
+    if (e[0] === e[1] || t[0] === t[1]) return t[0];
+    const r = (t[1] - t[0]) / (e[1] - e[0]);
+    return t[0] + r * (n - e[0]);
+  };
+}
+function A(e) {
+  return (String(e).split(".")[1] || "").length;
+}
+function d(e, t) {
+  const n = 10 ** t;
+  return Math.round(e * n) / n;
+}
+const P = ["PageUp", "PageDown"], x = [
+  "ArrowUp",
+  "ArrowDown",
+  "ArrowLeft",
+  "ArrowRight"
+], D = {
+  "from-left": [
+    "Home",
+    "PageDown",
+    "ArrowDown",
+    "ArrowLeft"
+  ],
+  "from-right": [
+    "Home",
+    "PageDown",
+    "ArrowDown",
+    "ArrowRight"
+  ],
+  "from-bottom": [
+    "Home",
+    "PageDown",
+    "ArrowDown",
+    "ArrowLeft"
+  ],
+  "from-top": [
+    "Home",
+    "PageUp",
+    "ArrowUp",
+    "ArrowLeft"
+  ]
+}, [M, V] = /* @__PURE__ */ s(["SliderVertical", "SliderHorizontal"]);
+export {
+  x as ARROW_KEYS,
+  D as BACK_KEYS,
+  P as PAGE_KEYS,
+  w as convertValueToPercentage,
+  S as getClosestValueIndex,
+  A as getDecimalCount,
+  g as getLabel,
+  m as getNextSortedValues,
+  h as getThumbInBoundsOffset,
+  p as hasMinStepsBetweenValues,
+  M as injectSliderOrientationContext,
+  f as linearScale,
+  V as provideSliderOrientationContext,
+  d as roundValue
+};

package/dist/modules/vendor/reka-ui/dist/Switch/SwitchRoot.js

@@ -0,0 +1,137 @@
+import { createContext as q } from "../shared/createContext.js";
+import { useFormControl as V } from "../shared/useFormControl.js";
+import { useForwardExpose as b } from "../shared/useForwardExpose.js";
+import { useForwardScopeId as k } from "../shared/useForwardScopeId.js";
+import { Primitive as w } from "../Primitive/Primitive.js";
+import { VisuallyHiddenInput_default as C } from "../VisuallyHidden/VisuallyHiddenInput.js";
+import { defineComponent as S, toRefs as g, computed as s, openBlock as c, createElementBlock as R, Fragment as x, createVNode as B, unref as a, mergeProps as f, withKeys as F, withModifiers as $, withCtx as E, renderSlot as I, createBlock as K, createCommentVNode as A } from "vue";
+import { useVModel as M } from "../../../@vueuse/core/dist/index.js";
+const [Q, N] = /* @__PURE__ */ q("SwitchRoot");
+var P = /* @__PURE__ */ S({
+  inheritAttrs: !1,
+  __name: "SwitchRoot",
+  props: {
+    defaultValue: {
+      type: null,
+      required: !1
+    },
+    modelValue: {
+      type: null,
+      required: !1,
+      default: void 0
+    },
+    disabled: {
+      type: Boolean,
+      required: !1
+    },
+    id: {
+      type: String,
+      required: !1
+    },
+    value: {
+      type: String,
+      required: !1,
+      default: "on"
+    },
+    trueValue: {
+      type: null,
+      required: !1,
+      default: () => !0
+    },
+    falseValue: {
+      type: null,
+      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(e, { emit: m }) {
+    const t = e, v = m, { disabled: r } = g(t), u = M(t, "modelValue", v, {
+      defaultValue: t.defaultValue ?? t.falseValue,
+      passive: t.modelValue === void 0
+    }), l = s(() => u.value === t.trueValue);
+    function d() {
+      r.value || (u.value = l.value ? t.falseValue : t.trueValue);
+    }
+    const { forwardRef: h, currentElement: i } = b(), p = V(i), n = k(), y = s(() => t.id && i.value ? document.querySelector(`[for="${t.id}"]`)?.innerText : void 0);
+    return N({
+      checked: l,
+      toggleCheck: d,
+      disabled: r
+    }), (o, j) => (c(), R(x, null, [B(a(w), f({
+      id: e.id,
+      ref: a(h),
+      role: "switch",
+      type: e.as === "button" ? "button" : void 0,
+      value: e.value,
+      "aria-label": o.$attrs["aria-label"] || y.value,
+      "aria-checked": l.value,
+      "aria-required": e.required,
+      "data-state": l.value ? "checked" : "unchecked",
+      "data-disabled": a(r) ? "" : void 0,
+      "as-child": e.asChild,
+      as: e.as,
+      disabled: a(r)
+    }, {
+      ...a(n),
+      ...o.$attrs
+    }, {
+      onClick: d,
+      onKeydown: F($(d, ["prevent"]), ["enter"])
+    }), {
+      default: E(() => [I(o.$slots, "default", {
+        modelValue: a(u),
+        checked: l.value
+      })]),
+      _: 3
+    }, 16, [
+      "id",
+      "type",
+      "value",
+      "aria-label",
+      "aria-checked",
+      "aria-required",
+      "data-state",
+      "data-disabled",
+      "as-child",
+      "as",
+      "disabled",
+      "onKeydown"
+    ]), a(p) && e.name ? (c(), K(a(C), f({
+      key: 0,
+      type: "checkbox",
+      name: e.name,
+      disabled: a(r),
+      required: e.required,
+      value: e.value,
+      checked: l.value
+    }, a(n)), null, 16, [
+      "name",
+      "disabled",
+      "required",
+      "value",
+      "checked"
+    ])) : A("v-if", !0)], 64));
+  }
+}), U = P;
+export {
+  U as SwitchRoot_default,
+  Q as injectSwitchRootContext
+};

package/dist/modules/vendor/reka-ui/dist/Switch/SwitchThumb.js

@@ -0,0 +1,38 @@
+import { useForwardExpose as d } from "../shared/useForwardExpose.js";
+import { Primitive as o } from "../Primitive/Primitive.js";
+import { injectSwitchRootContext as i } from "./SwitchRoot.js";
+import { defineComponent as l, openBlock as s, createBlock as u, unref as e, withCtx as c, renderSlot as n } from "vue";
+var h = /* @__PURE__ */ l({
+  __name: "SwitchThumb",
+  props: {
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1,
+      default: "span"
+    }
+  },
+  setup(t) {
+    const a = i();
+    return d(), (r, p) => (s(), u(e(o), {
+      "data-state": e(a).checked.value ? "checked" : "unchecked",
+      "data-disabled": e(a).disabled.value ? "" : void 0,
+      "as-child": t.asChild,
+      as: t.as
+    }, {
+      default: c(() => [n(r.$slots, "default")]),
+      _: 3
+    }, 8, [
+      "data-state",
+      "data-disabled",
+      "as-child",
+      "as"
+    ]));
+  }
+}), b = h;
+export {
+  b as SwitchThumb_default
+};

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

@@ -0,0 +1,70 @@
+import { useForwardExpose as v } from "../shared/useForwardExpose.js";
+import { Presence_default as c } from "../Presence/Presence.js";
+import { Primitive as p } from "../Primitive/Primitive.js";
+import { injectTabsRootContext as b } from "./TabsRoot.js";
+import { makeTriggerId as C, makeContentId as y } from "./utils.js";
+import { defineComponent as _, computed as r, ref as g, onMounted as h, onBeforeUnmount as x, openBlock as I, createBlock as q, unref as a, withCtx as u, createVNode as B, normalizeStyle as T, renderSlot as k, createCommentVNode as M } from "vue";
+var S = /* @__PURE__ */ _({
+  __name: "TabsContent",
+  props: {
+    value: {
+      type: [String, Number],
+      required: !0
+    },
+    forceMount: {
+      type: Boolean,
+      required: !1
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    }
+  },
+  setup(o) {
+    const t = o, { forwardRef: d } = v(), e = b(), s = r(() => C(e.baseId, t.value)), m = r(() => y(e.baseId, t.value)), n = r(() => t.value === e.modelValue.value), i = g(n.value);
+    return h(() => {
+      e.registerContent(t.value), requestAnimationFrame(() => {
+        i.value = !1;
+      });
+    }), x(() => {
+      e.unregisterContent(t.value);
+    }), (f, w) => (I(), q(a(c), {
+      present: o.forceMount || n.value,
+      "force-mount": ""
+    }, {
+      default: u(({ present: l }) => [B(a(p), {
+        id: m.value,
+        ref: a(d),
+        "as-child": o.asChild,
+        as: o.as,
+        role: "tabpanel",
+        "data-state": n.value ? "active" : "inactive",
+        "data-orientation": a(e).orientation.value,
+        "aria-labelledby": s.value,
+        hidden: !l,
+        tabindex: "0",
+        style: T({ animationDuration: i.value ? "0s" : void 0 })
+      }, {
+        default: u(() => [!a(e).unmountOnHide.value || l ? k(f.$slots, "default", {}, void 0, void 0, 0) : M("v-if", !0)]),
+        _: 2
+      }, 1032, [
+        "id",
+        "as-child",
+        "as",
+        "data-state",
+        "data-orientation",
+        "aria-labelledby",
+        "hidden",
+        "style"
+      ])]),
+      _: 3
+    }, 8, ["present"]));
+  }
+}), j = S;
+export {
+  j as TabsContent_default
+};

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

@@ -0,0 +1,55 @@
+import { useForwardExpose as u } from "../shared/useForwardExpose.js";
+import { Primitive as d } from "../Primitive/Primitive.js";
+import { RovingFocusGroup_default as f } from "../RovingFocus/RovingFocusGroup.js";
+import { injectTabsRootContext as p } from "./TabsRoot.js";
+import { defineComponent as c, toRefs as m, openBlock as _, createBlock as v, unref as e, withCtx as r, createVNode as h, renderSlot as b } from "vue";
+var x = /* @__PURE__ */ c({
+  __name: "TabsList",
+  props: {
+    loop: {
+      type: Boolean,
+      required: !1,
+      default: !0
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    }
+  },
+  setup(o) {
+    const a = o, { loop: i } = m(a), { forwardRef: n, currentElement: s } = u(), t = p();
+    return t.tabsList = s, (l, C) => (_(), v(e(f), {
+      "as-child": "",
+      orientation: e(t).orientation.value,
+      dir: e(t).dir.value,
+      loop: e(i)
+    }, {
+      default: r(() => [h(e(d), {
+        ref: e(n),
+        role: "tablist",
+        "as-child": o.asChild,
+        as: o.as,
+        "aria-orientation": e(t).orientation.value
+      }, {
+        default: r(() => [b(l.$slots, "default")]),
+        _: 3
+      }, 8, [
+        "as-child",
+        "as",
+        "aria-orientation"
+      ])]),
+      _: 3
+    }, 8, [
+      "orientation",
+      "dir",
+      "loop"
+    ]));
+  }
+}), q = x;
+export {
+  q as TabsList_default
+};