@synopackageland/ui 0.25.21 → 0.25.22

package/dist/modules/vendor/reka-ui/dist/Checkbox/CheckboxRoot.js

@@ -0,0 +1,198 @@
+import { createContext as N } from "../shared/createContext.js";
+import { isNullish as b } from "../shared/nullish.js";
+import { isValueEqualOrExist as h } from "../shared/isValueEqualOrExist.js";
+import { useFormControl as D } from "../shared/useFormControl.js";
+import { useForwardExpose as P } from "../shared/useForwardExpose.js";
+import { useForwardScopeId as H } from "../shared/useForwardScopeId.js";
+import { Primitive as L } from "../Primitive/Primitive.js";
+import { VisuallyHiddenInput_default as O } from "../VisuallyHidden/VisuallyHiddenInput.js";
+import { RovingFocusItem_default as T } from "../RovingFocus/RovingFocusItem.js";
+import { injectCheckboxGroupRootContext as U } from "./CheckboxGroupRoot.js";
+import { injectFieldRootContext as z } from "../Field/FieldRoot.js";
+import { getState as J, isIndeterminate as Q } from "./utils.js";
+import { defineComponent as W, computed as u, watch as X, useAttrs as Y, onMounted as Z, onBeforeUnmount as ee, openBlock as C, createElementBlock as ae, Fragment as le, createBlock as B, resolveDynamicComponent as te, unref as t, mergeProps as F, withKeys as oe, withModifiers as re, withCtx as ue, renderSlot as ie, createCommentVNode as de } from "vue";
+import { isEqual as R } from "../../../ohash/dist/_chunks/is-equal.js";
+import { useVModel as ne } from "../../../@vueuse/core/dist/index.js";
+const [Re, se] = /* @__PURE__ */ N("CheckboxRoot");
+var ve = /* @__PURE__ */ W({
+  inheritAttrs: !1,
+  __name: "CheckboxRoot",
+  props: {
+    defaultValue: {
+      type: null,
+      required: !1
+    },
+    modelValue: {
+      type: null,
+      required: !1,
+      default: void 0
+    },
+    disabled: {
+      type: Boolean,
+      required: !1
+    },
+    value: {
+      type: null,
+      required: !1,
+      default: "on"
+    },
+    id: {
+      type: String,
+      required: !1
+    },
+    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(v, { emit: I }) {
+    const e = v, S = I, { forwardRef: w, currentElement: m } = P(), o = U(null), a = z(null), d = ne(e, "modelValue", S, {
+      defaultValue: e.defaultValue ?? e.falseValue,
+      passive: e.modelValue === void 0
+    }), A = u(() => {
+      const l = o?.max.value;
+      if (b(l)) return !1;
+      const r = o.modelValue.value ?? [];
+      return !h(r, e.value) && r.length >= l;
+    }), n = u(() => !!(o?.disabled.value || e.disabled || a?.disabled.value)), x = u(() => n.value || A.value), s = u(() => !!a && !o), c = u(() => e.id ?? (s.value ? a?.fieldId.value : void 0)), y = u(() => e.name ?? a?.name.value), V = u(() => a ? e.required || a.required.value : e.required), q = u(() => R(d.value, e.trueValue)), i = u(() => b(o?.modelValue.value) ? d.value === "indeterminate" ? "indeterminate" : q.value : h(o.modelValue.value, e.value));
+    function E() {
+      if (x.value) return;
+      const l = i.value !== !0;
+      if (b(o?.modelValue.value))
+        d.value === "indeterminate" ? d.value = e.trueValue : d.value = q.value ? e.falseValue : e.trueValue;
+      else {
+        const r = [...o.modelValue.value || []];
+        if (h(r, e.value)) {
+          const p = r.findIndex((K) => R(K, e.value));
+          r.splice(p, 1);
+        } else r.push(e.value);
+        o.modelValue.value = r;
+      }
+      s.value && a?.handleControlInput({ value: l });
+    }
+    X(i, (l) => {
+      s.value && a?.reportControlState({ filled: l === !0 });
+    });
+    const _ = D(m), k = H(), f = Y(), j = u(() => {
+      if (!f["aria-label"])
+        return c.value && m.value ? document.querySelector(`[for="${c.value}"]`)?.innerText : void 0;
+    });
+    function M() {
+      const l = (r, p) => [r, p].filter(Boolean).join(" ") || void 0;
+      return {
+        "aria-labelledby": l(f["aria-labelledby"], s.value ? a?.labelId.value : void 0),
+        "aria-describedby": l(f["aria-describedby"], a?.describedBy.value),
+        "aria-invalid": f["aria-invalid"] ?? (a?.invalid.value || void 0)
+      };
+    }
+    function $() {
+      a?.handleControlFocus();
+    }
+    function G() {
+      s.value ? a?.handleControlBlur() : a?.reportControlState({
+        focused: !1,
+        touched: !0
+      });
+    }
+    let g;
+    return Z(() => {
+      s.value && (g = a?.registerControl({
+        id: () => c.value,
+        element: () => m.value,
+        getValue: () => i.value,
+        required: () => e.required,
+        isFilled: (l) => l === !0
+      }));
+    }), ee(() => g?.()), se({
+      disabled: n,
+      state: i
+    }), (l, r) => (C(), ae(le, null, [(C(), B(te(t(o)?.rovingFocus.value ? t(T) : t(L)), F({
+      ...t(a)?.dataAttributes.value,
+      ...l.$attrs,
+      ...t(k),
+      ...M()
+    }, {
+      id: c.value,
+      ref: t(w),
+      role: "checkbox",
+      "as-child": v.asChild,
+      as: v.as,
+      type: v.as === "button" ? "button" : void 0,
+      "aria-checked": t(Q)(i.value) ? "mixed" : i.value,
+      "aria-required": V.value,
+      "aria-label": l.$attrs["aria-label"] || j.value,
+      "data-state": t(J)(i.value),
+      "aria-disabled": x.value ? "true" : void 0,
+      "data-disabled": n.value ? "" : void 0,
+      disabled: n.value,
+      focusable: t(o)?.rovingFocus.value ? !n.value : void 0,
+      onKeydown: oe(re(() => {
+      }, ["prevent"]), ["enter"]),
+      onClick: E,
+      onFocus: $,
+      onBlur: G
+    }), {
+      default: ue(() => [ie(l.$slots, "default", {
+        modelValue: t(d),
+        state: i.value
+      })]),
+      _: 3
+    }, 16, [
+      "id",
+      "as-child",
+      "as",
+      "type",
+      "aria-checked",
+      "aria-required",
+      "aria-label",
+      "data-state",
+      "aria-disabled",
+      "data-disabled",
+      "disabled",
+      "focusable",
+      "onKeydown"
+    ])), t(_) && y.value && !t(o) ? (C(), B(t(O), F({
+      key: 0,
+      type: "checkbox",
+      checked: !!i.value,
+      name: y.value,
+      value: v.value,
+      disabled: n.value,
+      required: V.value
+    }, t(k)), null, 16, [
+      "checked",
+      "name",
+      "value",
+      "disabled",
+      "required"
+    ])) : de("v-if", !0)], 64));
+  }
+}), Ie = ve;
+export {
+  Ie as CheckboxRoot_default,
+  Re as injectCheckboxRootContext
+};

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

@@ -0,0 +1,10 @@
+function t(e) {
+  return e === "indeterminate";
+}
+function n(e) {
+  return t(e) ? "indeterminate" : e ? "checked" : "unchecked";
+}
+export {
+  n as getState,
+  t as isIndeterminate
+};

package/dist/modules/vendor/reka-ui/dist/Collapsible/CollapsibleContent.js

@@ -0,0 +1,86 @@
+import { useForwardExpose as g } from "../shared/useForwardExpose.js";
+import { useId as k } from "../shared/useId.js";
+import { Presence_default as w } from "../Presence/Presence.js";
+import { Primitive as x } from "../Primitive/Primitive.js";
+import { injectCollapsibleRootContext as N } from "./CollapsibleRoot.js";
+import { defineComponent as q, ref as o, computed as v, watch as A, nextTick as B, onMounted as D, openBlock as F, createBlock as R, unref as n, withCtx as f, createVNode as M, mergeProps as O, renderSlot as P, createCommentVNode as $ } from "vue";
+import { useEventListener as E } from "../../../@vueuse/core/dist/index.js";
+var I = /* @__PURE__ */ q({
+  inheritAttrs: !1,
+  __name: "CollapsibleContent",
+  props: {
+    forceMount: {
+      type: Boolean,
+      required: !1
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    }
+  },
+  emits: ["contentFound"],
+  setup(i, { emit: h }) {
+    const y = i, C = h, t = N();
+    t.contentId ||= k(void 0, "reka-collapsible-content");
+    const s = o(), { forwardRef: b, currentElement: u } = g(), d = o(0), c = o(0), m = v(() => t.open.value), r = o(m.value), a = o();
+    A(() => [m.value, s.value?.present], async () => {
+      await B();
+      const e = u.value;
+      if (!e) return;
+      a.value = a.value || {
+        transitionDuration: e.style.transitionDuration,
+        animationName: e.style.animationName
+      }, e.style.transitionDuration = "0s", e.style.animationName = "none";
+      const l = e.getBoundingClientRect();
+      c.value = l.height, d.value = l.width, r.value || (e.style.transitionDuration = a.value.transitionDuration, e.style.animationName = a.value.animationName);
+    }, { immediate: !0 });
+    const _ = v(() => r.value && t.open.value);
+    return D(() => {
+      requestAnimationFrame(() => {
+        r.value = !1;
+      });
+    }), E(u, "beforematch", (e) => {
+      requestAnimationFrame(() => {
+        t.onOpenToggle(), C("contentFound");
+      });
+    }), (e, l) => (F(), R(n(w), {
+      ref_key: "presentRef",
+      ref: s,
+      present: i.forceMount || n(t).open.value,
+      "force-mount": !0
+    }, {
+      default: f(({ present: p }) => [M(n(x), O(e.$attrs, {
+        id: n(t).contentId,
+        ref: n(b),
+        "as-child": y.asChild,
+        as: i.as,
+        hidden: p ? void 0 : n(t).unmountOnHide.value ? "" : "until-found",
+        "data-state": _.value ? void 0 : n(t).open.value ? "open" : "closed",
+        "data-disabled": n(t).disabled?.value ? "" : void 0,
+        style: {
+          "--reka-collapsible-content-height": `${c.value}px`,
+          "--reka-collapsible-content-width": `${d.value}px`
+        }
+      }), {
+        default: f(() => [!n(t).unmountOnHide.value || p ? P(e.$slots, "default", {}, void 0, void 0, 0) : $("v-if", !0)]),
+        _: 2
+      }, 1040, [
+        "id",
+        "as-child",
+        "as",
+        "hidden",
+        "data-state",
+        "data-disabled",
+        "style"
+      ])]),
+      _: 3
+    }, 8, ["present"]));
+  }
+}), G = I;
+export {
+  G as CollapsibleContent_default
+};

package/dist/modules/vendor/reka-ui/dist/Collapsible/CollapsibleRoot.js

@@ -0,0 +1,71 @@
+import { createContext as r } from "../shared/createContext.js";
+import { useForwardExpose as p } from "../shared/useForwardExpose.js";
+import { Primitive as u } from "../Primitive/Primitive.js";
+import { defineComponent as f, toRefs as m, openBlock as c, createBlock as v, unref as t, withCtx as C, renderSlot as _ } from "vue";
+import { useVModel as b } from "../../../@vueuse/core/dist/index.js";
+const [w, x] = /* @__PURE__ */ r("CollapsibleRoot");
+var y = /* @__PURE__ */ f({
+  __name: "CollapsibleRoot",
+  props: {
+    defaultOpen: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    open: {
+      type: Boolean,
+      required: !1,
+      default: void 0
+    },
+    disabled: {
+      type: Boolean,
+      required: !1
+    },
+    unmountOnHide: {
+      type: Boolean,
+      required: !1,
+      default: !0
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    }
+  },
+  emits: ["update:open"],
+  setup(l, { expose: s, emit: d }) {
+    const o = l, e = b(o, "open", d, {
+      defaultValue: o.defaultOpen,
+      passive: o.open === void 0
+    }), { disabled: a, unmountOnHide: n } = m(o);
+    return x({
+      contentId: "",
+      disabled: a,
+      open: e,
+      unmountOnHide: n,
+      onOpenToggle: () => {
+        a.value || (e.value = !e.value);
+      }
+    }), s({ open: e }), p(), (i, R) => (c(), v(t(u), {
+      as: l.as,
+      "as-child": o.asChild,
+      "data-state": t(e) ? "open" : "closed",
+      "data-disabled": t(a) ? "" : void 0
+    }, {
+      default: C(() => [_(i.$slots, "default", { open: t(e) })]),
+      _: 3
+    }, 8, [
+      "as",
+      "as-child",
+      "data-state",
+      "data-disabled"
+    ]));
+  }
+}), H = y;
+export {
+  H as CollapsibleRoot_default,
+  w as injectCollapsibleRootContext
+};

package/dist/modules/vendor/reka-ui/dist/Collapsible/CollapsibleTrigger.js

@@ -0,0 +1,50 @@
+import { useForwardExpose as r } from "../shared/useForwardExpose.js";
+import { Primitive as d } from "../Primitive/Primitive.js";
+import { injectCollapsibleRootContext as i } from "./CollapsibleRoot.js";
+import { defineComponent as s, openBlock as n, createBlock as p, unref as e, withCtx as u, renderSlot as c } from "vue";
+var b = /* @__PURE__ */ s({
+  __name: "CollapsibleTrigger",
+  props: {
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1,
+      default: "button"
+    }
+  },
+  setup(t) {
+    const o = t;
+    r();
+    const a = i();
+    return (l, f) => (n(), p(e(d), {
+      type: t.as === "button" ? "button" : void 0,
+      as: t.as,
+      "as-child": o.asChild,
+      "aria-controls": e(a).contentId,
+      "aria-expanded": e(a).open.value,
+      "data-state": e(a).open.value ? "open" : "closed",
+      "data-disabled": e(a).disabled?.value ? "" : void 0,
+      disabled: e(a).disabled?.value,
+      onClick: e(a).onOpenToggle
+    }, {
+      default: u(() => [c(l.$slots, "default")]),
+      _: 3
+    }, 8, [
+      "type",
+      "as",
+      "as-child",
+      "aria-controls",
+      "aria-expanded",
+      "data-state",
+      "data-disabled",
+      "disabled",
+      "onClick"
+    ]));
+  }
+}), _ = b;
+export {
+  _ as CollapsibleTrigger_default
+};

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

@@ -0,0 +1,68 @@
+import { Slot as m } from "../Primitive/Slot.js";
+import { usePrimitiveElement as u } from "../Primitive/usePrimitiveElement.js";
+import { ref as f, provide as S, inject as k, computed as v, defineComponent as p, watchEffect as T, markRaw as P, h as d, watch as _ } from "vue";
+const M = "data-reka-collection-item";
+function x(A = {}) {
+  const { key: y = "", isProvider: C = !1 } = A, s = `${y}CollectionProvider`;
+  let e;
+  if (C) {
+    const r = f(/* @__PURE__ */ new Map());
+    e = {
+      collectionRef: f(),
+      itemMap: r
+    }, S(s, e);
+  } else e = k(s);
+  const E = (r, t = !1) => {
+    if (!e.collectionRef.value) return;
+    const o = e.itemMap.value.get(r);
+    return o && (t || o.ref.dataset.disabled !== "") ? o : void 0;
+  }, I = (r = !1) => {
+    const t = e.collectionRef.value;
+    if (!t) return [];
+    const o = Array.from(t.querySelectorAll(`[${M}]`)), n = new Map(o.map((l, c) => [l, c])), a = Array.from(e.itemMap.value.values()).sort((l, c) => (n.get(l.ref) ?? -1) - (n.get(c.ref) ?? -1));
+    return r ? a : a.filter((l) => l.ref.dataset.disabled !== "");
+  }, R = /* @__PURE__ */ p({
+    name: "CollectionSlot",
+    inheritAttrs: !1,
+    setup(r, { slots: t, attrs: o }) {
+      const { primitiveElement: n, currentElement: i } = u();
+      return _(i, () => {
+        e.collectionRef.value = i.value;
+      }), () => d(m, {
+        ref: n,
+        ...o
+      }, t);
+    }
+  }), g = /* @__PURE__ */ p({
+    name: "CollectionItem",
+    inheritAttrs: !1,
+    props: { value: { validator: () => !0 } },
+    setup(r, { slots: t, attrs: o }) {
+      const { primitiveElement: n, currentElement: i } = u();
+      return T((a) => {
+        if (i.value) {
+          const l = P(i.value);
+          e.itemMap.value.set(l, {
+            ref: i.value,
+            value: r.value
+          }), a(() => e.itemMap.value.delete(l));
+        }
+      }), () => d(m, {
+        ...o,
+        [M]: "",
+        ref: n
+      }, t);
+    }
+  }), h = v(() => Array.from(e.itemMap.value.values())), w = v(() => e.itemMap.value.size);
+  return {
+    getItems: I,
+    getItem: E,
+    reactiveItems: h,
+    itemMapSize: w,
+    CollectionSlot: R,
+    CollectionItem: g
+  };
+}
+export {
+  x as useCollection
+};

package/dist/modules/vendor/reka-ui/dist/Combobox/ComboboxAnchor.js

@@ -0,0 +1,41 @@
+import { useForwardExpose as l } from "../shared/useForwardExpose.js";
+import { Primitive as f } from "../Primitive/Primitive.js";
+import { PopperAnchor_default as n } from "../Popper/PopperAnchor.js";
+import { defineComponent as s, openBlock as u, createBlock as d, unref as r, withCtx as t, createVNode as c, mergeProps as i, renderSlot as p } from "vue";
+var m = /* @__PURE__ */ s({
+  __name: "ComboboxAnchor",
+  props: {
+    reference: {
+      type: null,
+      required: !1
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    }
+  },
+  setup(e) {
+    const { forwardRef: a } = l();
+    return (o, h) => (u(), d(r(n), {
+      "as-child": "",
+      reference: e.reference
+    }, {
+      default: t(() => [c(r(f), i({
+        ref: r(a),
+        "as-child": e.asChild,
+        as: e.as
+      }, o.$attrs), {
+        default: t(() => [p(o.$slots, "default")]),
+        _: 3
+      }, 16, ["as-child", "as"])]),
+      _: 3
+    }, 8, ["reference"]));
+  }
+}), x = m;
+export {
+  x as ComboboxAnchor_default
+};

package/dist/modules/vendor/reka-ui/dist/Combobox/ComboboxContent.js

@@ -0,0 +1,148 @@
+import { useForwardExpose as u } from "../shared/useForwardExpose.js";
+import { useForwardPropsEmits as d } from "../shared/useForwardPropsEmits.js";
+import { useId as p } from "../shared/useId.js";
+import { Presence_default as f } from "../Presence/Presence.js";
+import { injectComboboxRootContext as m } from "./ComboboxRoot.js";
+import { ComboboxContentImpl_default as y } from "./ComboboxContentImpl.js";
+import { defineComponent as c, openBlock as q, createBlock as b, unref as e, withCtx as n, withDirectives as B, createVNode as C, mergeProps as g, renderSlot as h, vShow as v } from "vue";
+var w = /* @__PURE__ */ c({
+  __name: "ComboboxContent",
+  props: {
+    forceMount: {
+      type: Boolean,
+      required: !1
+    },
+    position: {
+      type: String,
+      required: !1
+    },
+    bodyLock: {
+      type: Boolean,
+      required: !1
+    },
+    hideWhenEmpty: {
+      type: Boolean,
+      required: !1
+    },
+    memoDependencies: {
+      type: Array,
+      required: !1
+    },
+    side: {
+      type: null,
+      required: !1
+    },
+    sideOffset: {
+      type: Number,
+      required: !1
+    },
+    sideFlip: {
+      type: Boolean,
+      required: !1
+    },
+    align: {
+      type: null,
+      required: !1
+    },
+    alignOffset: {
+      type: Number,
+      required: !1
+    },
+    alignFlip: {
+      type: Boolean,
+      required: !1
+    },
+    avoidCollisions: {
+      type: Boolean,
+      required: !1
+    },
+    collisionBoundary: {
+      type: null,
+      required: !1
+    },
+    collisionPadding: {
+      type: [Number, Object],
+      required: !1
+    },
+    arrowPadding: {
+      type: Number,
+      required: !1
+    },
+    hideShiftedArrow: {
+      type: Boolean,
+      required: !1
+    },
+    sticky: {
+      type: String,
+      required: !1
+    },
+    hideWhenDetached: {
+      type: Boolean,
+      required: !1
+    },
+    positionStrategy: {
+      type: String,
+      required: !1
+    },
+    updatePositionStrategy: {
+      type: String,
+      required: !1
+    },
+    disableUpdateOnLayoutShift: {
+      type: Boolean,
+      required: !1
+    },
+    prioritizePosition: {
+      type: Boolean,
+      required: !1
+    },
+    reference: {
+      type: null,
+      required: !1
+    },
+    dir: {
+      type: String,
+      required: !1
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    },
+    disableOutsidePointerEvents: {
+      type: Boolean,
+      required: !1
+    }
+  },
+  emits: [
+    "escapeKeyDown",
+    "pointerDownOutside",
+    "focusOutside",
+    "interactOutside"
+  ],
+  setup(r, { emit: a }) {
+    const l = d(r, a), { forwardRef: s } = u(), o = m();
+    return o.contentId ||= p(void 0, "reka-combobox-content"), (t, _) => (q(), b(e(f), {
+      present: r.forceMount || e(o).open.value,
+      "force-mount": r.forceMount || !e(o).unmountOnHide.value
+    }, {
+      default: n(({ present: i }) => [B(C(y, g({
+        ...e(l),
+        ...t.$attrs
+      }, {
+        ref: e(s),
+        present: e(o).unmountOnHide.value || i
+      }), {
+        default: n(() => [h(t.$slots, "default")]),
+        _: 3
+      }, 16, ["present"]), [[v, e(o).unmountOnHide.value || i]])]),
+      _: 3
+    }, 8, ["present", "force-mount"]));
+  }
+}), H = w;
+export {
+  H as ComboboxContent_default
+};