@synopackageland/ui 0.25.21 → 0.25.22

package/dist/modules/vendor/reka-ui/dist/Select/SelectIcon.js

@@ -0,0 +1,29 @@
+import { Primitive as a } from "../Primitive/Primitive.js";
+import { defineComponent as l, openBlock as o, createBlock as n, unref as u, withCtx as d, renderSlot as i, createTextVNode as s } from "vue";
+var p = /* @__PURE__ */ l({
+  __name: "SelectIcon",
+  props: {
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1,
+      default: "span"
+    }
+  },
+  setup(e) {
+    return (r, t) => (o(), n(u(a), {
+      "aria-hidden": "true",
+      as: e.as,
+      "as-child": e.asChild
+    }, {
+      default: d(() => [i(r.$slots, "default", {}, () => [t[0] || (t[0] = s("▼", -1))])]),
+      _: 3
+    }, 8, ["as", "as-child"]));
+  }
+}), _ = p;
+export {
+  _ as SelectIcon_default
+};

package/dist/modules/vendor/reka-ui/dist/Select/SelectItem.js

@@ -0,0 +1,116 @@
+import { createContext as T } from "../shared/createContext.js";
+import { getActiveElement as k } from "../shared/getActiveElement.js";
+import { handleAndDispatchCustomEvent as V } from "../shared/handleAndDispatchCustomEvent.js";
+import { useForwardExpose as L } from "../shared/useForwardExpose.js";
+import { useId as q } from "../shared/useId.js";
+import { Primitive as A } from "../Primitive/Primitive.js";
+import { useCollection as B } from "../Collection/Collection.js";
+import { valueComparator as R, SELECTION_KEYS as D } from "./utils.js";
+import { injectSelectRootContext as _ } from "./SelectRoot.js";
+import { injectSelectContentContext as j } from "./SelectContentImpl.js";
+import { defineComponent as F, toRefs as K, computed as M, ref as h, onMounted as $, openBlock as N, createBlock as O, unref as n, withCtx as C, createVNode as Y, withModifiers as z, renderSlot as G, nextTick as u } from "vue";
+const [re, H] = /* @__PURE__ */ T("SelectItem");
+var J = /* @__PURE__ */ F({
+  __name: "SelectItem",
+  props: {
+    value: {
+      type: null,
+      required: !0
+    },
+    disabled: {
+      type: Boolean,
+      required: !1
+    },
+    textValue: {
+      type: String,
+      required: !1
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    }
+  },
+  emits: ["select"],
+  setup(s, { emit: y }) {
+    const a = s, x = y, { disabled: l } = K(a), o = _(), r = j(), { forwardRef: S, currentElement: v } = L(), { CollectionItem: g } = B(), i = M(() => R(o.modelValue?.value, a.value, o.by)), d = h(!1), c = h(a.textValue ?? ""), m = q(void 0, "reka-select-item-text"), b = "select.select";
+    async function p(e) {
+      if (e.defaultPrevented) return;
+      const t = {
+        originalEvent: e,
+        value: a.value
+      };
+      V(b, w, t);
+    }
+    async function w(e) {
+      await u(), x("select", e), !e.defaultPrevented && (l.value || (o.onValueChange(a.value), o.multiple.value || o.onOpenChange(!1)));
+    }
+    async function E(e) {
+      await u(), !e.defaultPrevented && (l.value ? r.onItemLeave?.() : e.currentTarget?.focus({ preventScroll: !0 }));
+    }
+    async function I(e) {
+      await u(), !e.defaultPrevented && e.currentTarget === k() && r.onItemLeave?.();
+    }
+    async function P(e) {
+      await u(), !(e.defaultPrevented || r.searchRef?.value !== "" && e.key === " ") && (D.includes(e.key) && p(e), e.key === " " && e.preventDefault());
+    }
+    if (a.value === "") throw new Error("A <SelectItem /> must have a value prop that is not an empty string. This is because the Select value can be set to an empty string to clear the selection and show the placeholder.");
+    return $(() => {
+      v.value && r.itemRefCallback(v.value, a.value, a.disabled);
+    }), H({
+      value: a.value,
+      disabled: l,
+      textId: m,
+      isSelected: i,
+      onItemTextChange: (e) => {
+        c.value = ((c.value || e?.textContent) ?? "").trim();
+      }
+    }), (e, t) => (N(), O(n(g), { value: { textValue: c.value } }, {
+      default: C(() => [Y(n(A), {
+        ref: n(S),
+        role: "option",
+        "aria-labelledby": n(m),
+        "data-highlighted": d.value ? "" : void 0,
+        "aria-selected": i.value,
+        "data-state": i.value ? "checked" : "unchecked",
+        "aria-disabled": n(l) || void 0,
+        "data-disabled": n(l) ? "" : void 0,
+        tabindex: n(l) ? void 0 : -1,
+        as: s.as,
+        "as-child": s.asChild,
+        onFocus: t[0] || (t[0] = (f) => d.value = !0),
+        onBlur: t[1] || (t[1] = (f) => d.value = !1),
+        onPointerup: p,
+        onPointerdown: t[2] || (t[2] = (f) => {
+          f.currentTarget.focus({ preventScroll: !0 });
+        }),
+        onTouchend: t[3] || (t[3] = z(() => {
+        }, ["prevent", "stop"])),
+        onPointermove: E,
+        onPointerleave: I,
+        onKeydown: P
+      }, {
+        default: C(() => [G(e.$slots, "default", { selected: i.value })]),
+        _: 3
+      }, 8, [
+        "aria-labelledby",
+        "data-highlighted",
+        "aria-selected",
+        "data-state",
+        "aria-disabled",
+        "data-disabled",
+        "tabindex",
+        "as",
+        "as-child"
+      ])]),
+      _: 3
+    }, 8, ["value"]));
+  }
+}), ie = J;
+export {
+  ie as SelectItem_default,
+  re as injectSelectItemContext
+};

package/dist/modules/vendor/reka-ui/dist/Select/SelectItemAlignedPosition.js

@@ -0,0 +1,93 @@
+import { clamp as A } from "../shared/clamp.js";
+import { createContext as Y } from "../shared/createContext.js";
+import { useForwardExpose as ee } from "../shared/useForwardExpose.js";
+import { Primitive as te } from "../Primitive/Primitive.js";
+import { useCollection as oe } from "../Collection/Collection.js";
+import { CONTENT_MARGIN as n } from "./utils.js";
+import { injectSelectRootContext as ne } from "./SelectRoot.js";
+import { injectSelectContentContext as ie } from "./SelectContentImpl.js";
+import { defineComponent as le, ref as f, onMounted as re, nextTick as se, openBlock as ae, createElementBlock as ce, normalizeStyle as de, createVNode as me, unref as N, mergeProps as ue, withCtx as pe, renderSlot as ge } from "vue";
+import { useResizeObserver as fe } from "../../../@vueuse/core/dist/index.js";
+const [Re, he] = /* @__PURE__ */ Y("SelectItemAlignedPosition");
+var ve = /* @__PURE__ */ le({
+  inheritAttrs: !1,
+  __name: "SelectItemAlignedPosition",
+  props: {
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    }
+  },
+  emits: ["placed"],
+  setup($, { emit: O }) {
+    const z = $, k = O, { getItems: j } = oe(), a = ne(), q = ie(), y = f(!1), I = f(!0), e = f(), { forwardRef: D, currentElement: c } = ee(), { viewport: i, selectedItem: d, selectedItemText: B, focusSelectedItem: F } = q;
+    function h() {
+      if (a.triggerElement.value && a.valueElement.value && e.value && c.value && i?.value && d?.value && B?.value) {
+        const t = a.triggerElement.value.getBoundingClientRect(), m = c.value.getBoundingClientRect(), S = a.valueElement.value.getBoundingClientRect(), W = B.value.getBoundingClientRect();
+        if (a.dir.value !== "rtl") {
+          const o = W.left - m.left, l = S.left - o, r = t.left - l, s = t.width + r, T = Math.max(s, m.width), w = window.innerWidth - n, C = A(l, n, Math.max(n, w - T));
+          e.value.style.minWidth = `${s}px`, e.value.style.left = `${C}px`;
+        } else {
+          const o = m.right - W.right, l = window.innerWidth - S.right - o, r = window.innerWidth - t.right - l, s = t.width + r, T = Math.max(s, m.width), w = window.innerWidth - n, C = A(l, n, Math.max(n, w - T));
+          e.value.style.minWidth = `${s}px`, e.value.style.right = `${C}px`;
+        }
+        const M = j().map((o) => o.ref), R = window.innerHeight - n * 2, G = i.value.scrollHeight, u = window.getComputedStyle(c.value), v = Number.parseInt(u.borderTopWidth, 10), H = Number.parseInt(u.paddingTop, 10), b = Number.parseInt(u.borderBottomWidth, 10), V = Number.parseInt(u.paddingBottom, 10), _ = v + H + G + V + b, Z = Math.min(d.value.offsetHeight * 5, _), P = window.getComputedStyle(i.value), J = Number.parseInt(P.paddingTop, 10), K = Number.parseInt(P.paddingBottom, 10), p = t.top + t.height / 2 - n, Q = R - p, x = d.value.offsetHeight / 2, U = d.value.offsetTop + x, g = v + H + U, X = _ - g;
+        if (g <= p) {
+          const o = d.value === M.at(-1);
+          e.value.style.bottom = "0px";
+          const l = c.value.clientHeight - i.value.offsetTop - i.value.offsetHeight, r = Math.max(Q, x + (o ? K : 0) + l + b), s = g + r;
+          e.value.style.height = `${s}px`;
+        } else {
+          const o = d.value === M[0];
+          e.value.style.top = "0px";
+          const r = Math.max(p, v + i.value.offsetTop + (o ? J : 0) + x) + X;
+          e.value.style.height = `${r}px`, i.value.scrollTop = g - p + i.value.offsetTop;
+        }
+        e.value.style.margin = `${n}px 0`, e.value.style.minHeight = `${Z}px`, e.value.style.maxHeight = `${R}px`, k("placed"), requestAnimationFrame(() => y.value = !0);
+      }
+    }
+    const E = f("");
+    re(async () => {
+      await se(), h(), c.value && (E.value = window.getComputedStyle(c.value).zIndex);
+    });
+    function L(t) {
+      t && I.value === !0 && (h(), F?.(), I.value = !1);
+    }
+    return fe(a.triggerElement, () => {
+      h();
+    }), he({
+      contentWrapper: e,
+      shouldExpandOnScrollRef: y,
+      onScrollButtonChange: L
+    }), (t, m) => (ae(), ce("div", {
+      ref_key: "contentWrapperElement",
+      ref: e,
+      style: de({
+        display: "flex",
+        flexDirection: "column",
+        position: "fixed",
+        zIndex: E.value
+      })
+    }, [me(N(te), ue({
+      ref: N(D),
+      style: {
+        boxSizing: "border-box",
+        maxHeight: "100%"
+      }
+    }, {
+      ...t.$attrs,
+      ...z
+    }), {
+      default: pe(() => [ge(t.$slots, "default")]),
+      _: 3
+    }, 16)], 4));
+  }
+}), He = ve;
+export {
+  He as SelectItemAlignedPosition_default,
+  Re as injectSelectItemAlignedPositionContext
+};

package/dist/modules/vendor/reka-ui/dist/Select/SelectItemIndicator.js

@@ -0,0 +1,46 @@
+import { useForwardExpose as d } from "../shared/useForwardExpose.js";
+import { Presence_default as n } from "../Presence/Presence.js";
+import { Primitive as c } from "../Primitive/Primitive.js";
+import { injectSelectItemContext as i } from "./SelectItem.js";
+import { defineComponent as s, openBlock as u, createBlock as f, unref as e, withCtx as a, createVNode as m, renderSlot as p } from "vue";
+var _ = /* @__PURE__ */ s({
+  __name: "SelectItemIndicator",
+  props: {
+    forceMount: {
+      type: Boolean,
+      required: !1
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1,
+      default: "span"
+    }
+  },
+  setup(t) {
+    const { forwardRef: o } = d(), r = i();
+    return (l, h) => (u(), f(e(n), { present: t.forceMount || e(r).isSelected.value }, {
+      default: a(() => [m(e(c), {
+        ref: e(o),
+        "aria-hidden": "true",
+        "data-state": e(r).isSelected.value ? "checked" : "unchecked",
+        as: t.as,
+        "as-child": t.asChild
+      }, {
+        default: a(() => [p(l.$slots, "default")]),
+        _: 3
+      }, 8, [
+        "data-state",
+        "as",
+        "as-child"
+      ])]),
+      _: 3
+    }, 8, ["present"]));
+  }
+}), k = _;
+export {
+  k as SelectItemIndicator_default
+};

package/dist/modules/vendor/reka-ui/dist/Select/SelectItemText.js

@@ -0,0 +1,45 @@
+import { useForwardExpose as s } from "../shared/useForwardExpose.js";
+import { Primitive as p } from "../Primitive/Primitive.js";
+import { injectSelectRootContext as d } from "./SelectRoot.js";
+import { injectSelectContentContext as c } from "./SelectContentImpl.js";
+import { injectSelectItemContext as f } from "./SelectItem.js";
+import { defineComponent as v, computed as x, onMounted as C, onUnmounted as _, openBlock as S, createBlock as I, unref as o, mergeProps as T, withCtx as h, renderSlot as b } from "vue";
+var g = /* @__PURE__ */ v({
+  inheritAttrs: !1,
+  __name: "SelectItemText",
+  props: {
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1,
+      default: "span"
+    }
+  },
+  setup(a) {
+    const u = a, n = d(), i = c(), e = f(), { forwardRef: m, currentElement: t } = s(), r = x(() => ({
+      value: e.value,
+      disabled: e.disabled.value,
+      textContent: t.value?.textContent ?? e.value?.toString() ?? ""
+    }));
+    return C(() => {
+      t.value && (e.onItemTextChange(t.value), i.itemTextRefCallback(t.value, e.value, e.disabled.value), n.onOptionAdd(r.value));
+    }), _(() => {
+      n.onOptionRemove(r.value);
+    }), (l, R) => (S(), I(o(p), T({
+      id: o(e).textId,
+      ref: o(m)
+    }, {
+      ...u,
+      ...l.$attrs
+    }), {
+      default: h(() => [b(l.$slots, "default")]),
+      _: 3
+    }, 16, ["id"]));
+  }
+}), P = g;
+export {
+  P as SelectItemText_default
+};

package/dist/modules/vendor/reka-ui/dist/Select/SelectLabel.js

@@ -0,0 +1,31 @@
+import { Primitive as a } from "../Primitive/Primitive.js";
+import { injectSelectGroupContext as i } from "./SelectGroup.js";
+import { defineComponent as p, openBlock as u, createBlock as n, unref as e, mergeProps as d, withCtx as s, renderSlot as f } from "vue";
+var c = /* @__PURE__ */ p({
+  __name: "SelectLabel",
+  props: {
+    for: {
+      type: String,
+      required: !1
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1,
+      default: "div"
+    }
+  },
+  setup(t) {
+    const r = t, o = i({ id: "" });
+    return (l, _) => (u(), n(e(a), d(r, { id: e(o).id }), {
+      default: s(() => [f(l.$slots, "default")]),
+      _: 3
+    }, 16, ["id"]));
+  }
+}), C = c;
+export {
+  C as SelectLabel_default
+};

package/dist/modules/vendor/reka-ui/dist/Select/SelectPopperPosition.js

@@ -0,0 +1,116 @@
+import { useForwardProps as i } from "../shared/useForwardProps.js";
+import { PopperContent_default as o } from "../Popper/PopperContent.js";
+import { CONTENT_MARGIN as l } from "./utils.js";
+import { defineComponent as p, openBlock as n, createBlock as s, unref as e, mergeProps as d, withCtx as u, renderSlot as f } from "vue";
+var y = /* @__PURE__ */ p({
+  __name: "SelectPopperPosition",
+  props: {
+    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,
+      default: "start"
+    },
+    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,
+      default: l
+    },
+    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
+    }
+  },
+  setup(r) {
+    const t = i(r);
+    return (a, g) => (n(), s(e(o), d(e(t), { style: {
+      boxSizing: "border-box",
+      "--reka-select-content-transform-origin": "var(--reka-popper-transform-origin)",
+      "--reka-select-content-available-width": "var(--reka-popper-available-width)",
+      "--reka-select-content-available-height": "var(--reka-popper-available-height)",
+      "--reka-select-trigger-width": "var(--reka-popper-anchor-width)",
+      "--reka-select-trigger-height": "var(--reka-popper-anchor-height)"
+    } }), {
+      default: u(() => [f(a.$slots, "default")]),
+      _: 3
+    }, 16));
+  }
+}), v = y;
+export {
+  v as SelectPopperPosition_default
+};

package/dist/modules/vendor/reka-ui/dist/Select/SelectPortal.js

@@ -0,0 +1,33 @@
+import { Teleport_default as o } from "../Teleport/Teleport.js";
+import { defineComponent as l, openBlock as a, createBlock as p, unref as u, normalizeProps as n, guardReactiveProps as d, withCtx as f, renderSlot as s } from "vue";
+var _ = /* @__PURE__ */ l({
+  __name: "SelectPortal",
+  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, c) => (a(), p(u(o), n(d(r)), {
+      default: f(() => [s(t.$slots, "default")]),
+      _: 3
+    }, 16));
+  }
+}), v = _;
+export {
+  v as SelectPortal_default
+};

package/dist/modules/vendor/reka-ui/dist/Select/SelectProvider.js

@@ -0,0 +1,17 @@
+import { provideSelectRootContext as r } from "./SelectRoot.js";
+import { provideSelectContentContext as o, SelectContentDefaultContextValue as n } from "./SelectContentImpl.js";
+import { defineComponent as p, renderSlot as l } from "vue";
+var u = /* @__PURE__ */ p({
+  inheritAttrs: !1,
+  __name: "SelectProvider",
+  props: { context: {
+    type: Object,
+    required: !0
+  } },
+  setup(e) {
+    return r(e.context), o(n), (t, i) => l(t.$slots, "default");
+  }
+}), s = u;
+export {
+  s as SelectProvider_default
+};

package/dist/modules/vendor/reka-ui/dist/Select/SelectRoot.js

@@ -0,0 +1,165 @@
+import { createContext as I } from "../shared/createContext.js";
+import { isNullish as _ } from "../shared/nullish.js";
+import { useDirection as N } from "../shared/useDirection.js";
+import { useFormControl as M } from "../shared/useFormControl.js";
+import { useCollection as K } from "../Collection/Collection.js";
+import { PopperRoot_default as L } from "../Popper/PopperRoot.js";
+import { injectFieldRootContext as T } from "../Field/FieldRoot.js";
+import { BubbleSelect_default as $ } from "./BubbleSelect.js";
+import { compare as z, valueComparator as G } from "./utils.js";
+import { defineComponent as H, toRefs as J, computed as d, ref as p, watch as Q, openBlock as s, createBlock as x, unref as r, withCtx as R, renderSlot as U, createElementBlock as v, createCommentVNode as B, Fragment as W, renderList as X, mergeProps as Y } from "vue";
+import { useVModel as A } from "../../../@vueuse/core/dist/index.js";
+const Z = ["value"], [fe, ee] = /* @__PURE__ */ I("SelectRoot");
+var te = /* @__PURE__ */ H({
+  inheritAttrs: !1,
+  __name: "SelectRoot",
+  props: {
+    open: {
+      type: Boolean,
+      required: !1,
+      default: void 0
+    },
+    defaultOpen: {
+      type: Boolean,
+      required: !1
+    },
+    defaultValue: {
+      type: null,
+      required: !1
+    },
+    modelValue: {
+      type: null,
+      required: !1,
+      default: void 0
+    },
+    nullableValue: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    by: {
+      type: [String, Function],
+      required: !1
+    },
+    dir: {
+      type: String,
+      required: !1
+    },
+    multiple: {
+      type: Boolean,
+      required: !1
+    },
+    autocomplete: {
+      type: String,
+      required: !1
+    },
+    disabled: {
+      type: Boolean,
+      required: !1
+    },
+    name: {
+      type: String,
+      required: !1
+    },
+    required: {
+      type: Boolean,
+      required: !1
+    }
+  },
+  emits: ["update:modelValue", "update:open"],
+  setup(m, { emit: O }) {
+    const t = m, y = O, { multiple: i, dir: k } = J(t), n = T(null), g = d(() => t.name ?? n?.name.value), q = d(() => n ? t.required || n.required.value : t.required), C = d(() => !!(t.disabled || n?.disabled.value)), o = A(t, "modelValue", y, {
+      defaultValue: t.defaultValue ?? (i.value ? [] : void 0),
+      passive: t.modelValue === void 0,
+      deep: !0
+    }), f = A(t, "open", y, {
+      defaultValue: t.defaultOpen,
+      passive: t.open === void 0
+    }), c = p(), V = p(), E = p({
+      x: 0,
+      y: 0
+    }), S = d(() => i.value && Array.isArray(o.value) ? o.value?.length === 0 : _(o.value));
+    Q(o, () => {
+      n?.reportControlState({ filled: !S.value });
+    }), K({ isProvider: !0 });
+    const F = N(k), P = M(c), a = p(/* @__PURE__ */ new Set()), w = d(() => Array.from(a.value).map((e) => e.value).join(";"));
+    function j(e) {
+      let l;
+      if (i.value) {
+        const u = Array.isArray(o.value) ? [...o.value] : [], h = u.findIndex((D) => z(D, e, t.by));
+        h === -1 ? u.push(e) : u.splice(h, 1), l = [...u];
+      } else l = e;
+      o.value = l, n?.handleControlInput({ value: l });
+    }
+    function b(e) {
+      return Array.from(a.value).find((l) => G(e, l.value, t.by));
+    }
+    return ee({
+      triggerElement: c,
+      onTriggerChange: (e) => {
+        c.value = e;
+      },
+      valueElement: V,
+      onValueElementChange: (e) => {
+        V.value = e;
+      },
+      contentId: "",
+      modelValue: o,
+      onValueChange: j,
+      by: t.by,
+      open: f,
+      multiple: i,
+      required: q,
+      onOpenChange: (e) => {
+        f.value = e;
+      },
+      dir: F,
+      triggerPointerDownPosRef: E,
+      disabled: C,
+      isEmptyModelValue: S,
+      optionsSet: a,
+      onOptionAdd: (e) => {
+        const l = b(e.value);
+        l && a.value.delete(l), a.value.add(e);
+      },
+      onOptionRemove: (e) => {
+        const l = b(e.value);
+        l && a.value.delete(l);
+      }
+    }), (e, l) => (s(), x(r(L), null, {
+      default: R(() => [U(e.$slots, "default", {
+        modelValue: r(o),
+        open: r(f)
+      }), r(P) && g.value ? (s(), x($, {
+        key: w.value,
+        "aria-hidden": "true",
+        tabindex: "-1",
+        multiple: r(i),
+        required: q.value,
+        name: g.value,
+        autocomplete: m.autocomplete,
+        disabled: C.value,
+        value: r(o)
+      }, {
+        default: R(() => [r(_)(r(o)) ? (s(), v("option", {
+          key: 0,
+          value: m.nullableValue
+        }, null, 8, Z)) : B("v-if", !0), (s(!0), v(W, null, X(Array.from(a.value), (u) => (s(), v("option", Y({ key: u.value ?? "" }, { ref_for: !0 }, u), null, 16))), 128))]),
+        _: 1
+      }, 8, [
+        "multiple",
+        "required",
+        "name",
+        "autocomplete",
+        "disabled",
+        "value"
+      ])) : B("v-if", !0)]),
+      _: 3
+    }));
+  }
+}), ce = te;
+export {
+  ce as SelectRoot_default,
+  fe as injectSelectRootContext,
+  ee as provideSelectRootContext
+};