@floegence/floe-webapp-core 0.90.4 → 0.90.7

package/dist/components/ui/Select.js

@@ -1,74 +1,93 @@
-import { createComponent as c, mergeProps as A, insert as s, spread as Z, memo as S, effect as E, setAttribute as y, className as ie, template as h, use as oe, delegateEvents as ue } from "solid-js/web";
-import { createUniqueId as de, createSignal as T, createMemo as se, createEffect as K, untrack as ce, onCleanup as p, onMount as fe, Show as x, For as M } from "solid-js";
-import { cn as ee } from "../../utils/cn.js";
-import { useFloeLocale as ve } from "../../context/LocaleContext.js";
-import { useOverlayMask as ge } from "../../hooks/useOverlayMask.js";
-import { SurfaceFloatingLayer as me } from "./SurfaceFloatingLayer.js";
-import { calculateMenuPosition as he } from "./menuUtils.js";
-import { useFormControl as be, joinAriaIds as ye } from "./formFieldContext.js";
-import { createControllableValue as F } from "./controllable.js";
-import { ChevronDown as we, Check as Ce } from "../icons/index.js";
-import { resolveSurfacePortalBoundaryRect as ke, resolveSurfacePortalHost as xe } from "./dialogSurfaceScope.js";
-var Ve = /* @__PURE__ */ h("<input>"), Le = /* @__PURE__ */ h("<option value>"), $e = /* @__PURE__ */ h('<div role=status class="px-2 py-2 text-caption">'), Oe = /* @__PURE__ */ h("<button type=button>"), Ee = /* @__PURE__ */ h('<div role=alert class="p-2 text-error">'), De = /* @__PURE__ */ h('<div role=listbox class="max-h-64 overflow-y-auto"data-floe-local-interaction-surface=true>'), _e = /* @__PURE__ */ h('<div role=status class="p-2 text-caption">'), Pe = /* @__PURE__ */ h('<div class="relative min-w-0"><select tabindex=-1 aria-hidden=true class="sr-only pointer-events-none">'), qe = /* @__PURE__ */ h("<button><span class=truncate>"), Ae = /* @__PURE__ */ h("<option selected>"), Se = /* @__PURE__ */ h("<option>"), Te = /* @__PURE__ */ h('<div role=option><span class="h-3.5 w-3.5 shrink-0">');
-function H(e) {
-  const u = ve(), f = be(), g = de(), j = () => e.id ?? f.id ?? "select-" + g, D = "options-" + g, _ = () => e.disabled ?? f.disabled, P = () => e.readOnly ?? f.readOnly, [v, te] = F({
+import { createComponent as c, mergeProps as R, insert as o, spread as te, memo as K, effect as P, use as le, setAttribute as m, className as ve, template as w, delegateEvents as ge } from "solid-js/web";
+import { createUniqueId as me, createSignal as B, createMemo as he, createEffect as N, untrack as be, onCleanup as ae, onMount as ye, Show as V, For as Q } from "solid-js";
+import { cn as re } from "../../utils/cn.js";
+import { useFloeLocale as we } from "../../context/LocaleContext.js";
+import { useOverlayMask as Ce } from "../../hooks/useOverlayMask.js";
+import { SurfaceFloatingLayer as xe } from "./SurfaceFloatingLayer.js";
+import { createFloatingPresence as ke } from "./floatingPresence.js";
+import { calculateMenuPosition as Ve } from "./menuUtils.js";
+import { useFormControl as Le, joinAriaIds as Oe } from "./formFieldContext.js";
+import { createControllableValue as M } from "./controllable.js";
+import { ChevronDown as $e, Check as Ee } from "../icons/index.js";
+import { resolveSurfacePortalBoundaryRect as De, resolveSurfacePortalHost as Pe } from "./dialogSurfaceScope.js";
+var Se = /* @__PURE__ */ w("<input>"), _e = /* @__PURE__ */ w("<option value>"), qe = /* @__PURE__ */ w('<div role=status class="px-2 py-2 text-caption">'), Ae = /* @__PURE__ */ w("<button type=button>"), Fe = /* @__PURE__ */ w('<div role=alert class="p-2 text-error">'), Te = /* @__PURE__ */ w('<div role=status class="p-2 text-caption">'), Be = /* @__PURE__ */ w('<div class="floe-floating-presence floe-floating-menu rounded-panel border border-[var(--floe-line)] bg-popover text-popover-foreground shadow-[var(--floe-elevation-float)] p-1"data-floe-surface=floating><div role=listbox class="max-h-64 overflow-y-auto"data-floe-local-interaction-surface=true>'), Re = /* @__PURE__ */ w('<div class="relative min-w-0"><select tabindex=-1 aria-hidden=true class="sr-only pointer-events-none">'), Ie = /* @__PURE__ */ w("<button><span class=truncate>"), Ke = /* @__PURE__ */ w("<option selected>"), Me = /* @__PURE__ */ w("<option>"), He = /* @__PURE__ */ w('<div role=option><span class="h-3.5 w-3.5 shrink-0">');
+function U(e) {
+  const u = we(), g = Le(), b = me(), W = () => e.id ?? g.id ?? "select-" + b, S = "options-" + b, _ = () => e.disabled ?? g.disabled, q = () => e.readOnly ?? g.readOnly, [h, ne] = M({
     value: () => e.open,
     defaultValue: e.defaultOpen ?? !1,
     onChange: (t) => e.onOpenChange?.(t)
-  }), [B, z] = T(""), [V, $] = T(-1), [le, ae] = T({
+  }), [H, G] = B(""), [L, E] = B(-1), [ie, oe] = B({
     x: 0,
     y: 0
-  }), [re, ne] = T(200);
-  let w, L, k, I = "", N = 0;
-  const b = se(() => {
-    if (!e.searchable || e.filter === !1 || !B()) return e.options;
-    const t = B().toLocaleLowerCase(u.locale);
-    return e.options.filter((r) => [r.label, ...r.keywords ?? []].some((n) => n.toLocaleLowerCase(u.locale).includes(t)));
-  }), Q = () => e.values.map((t) => e.options.find((r) => r.value === t)?.label ?? t).join(", "), m = (t) => {
-    t && (_() || P()) || (te(t), t || z(""));
-  }, R = (t) => {
-    _() || P() || t.disabled || (e.onValuesChange(e.multiple ? e.values.includes(t.value) ? e.values.filter((r) => r !== t.value) : [...e.values, t.value] : [t.value]), e.multiple || m(!1), w?.focus({
+  }), [ue, de] = B(200);
+  let x, O, k, I;
+  const D = ke({
+    open: h,
+    element: () => k
+  }), [se, ce] = B("bottom");
+  let j = "", J = 0;
+  const C = he(() => {
+    if (!e.searchable || e.filter === !1 || !H()) return e.options;
+    const t = H().toLocaleLowerCase(u.locale);
+    return e.options.filter((a) => [a.label, ...a.keywords ?? []].some((i) => i.toLocaleLowerCase(u.locale).includes(t)));
+  }), X = () => e.values.map((t) => e.options.find((a) => a.value === t)?.label ?? t).join(", "), y = (t) => {
+    t && (_() || q()) || (ne(t), t || G(""));
+  }, z = (t) => {
+    _() || q() || t.disabled || (e.onValuesChange(e.multiple ? e.values.includes(t.value) ? e.values.filter((a) => a !== t.value) : [...e.values, t.value] : [t.value]), e.multiple || y(!1), x?.focus({
       preventScroll: !0
     }));
-  }, U = (t, r) => {
-    const n = b().map((o, i) => o.disabled ? -1 : i).filter((o) => o >= 0);
-    if (!n.length) {
-      $(-1);
+  }, Y = (t, a) => {
+    const i = C().map((v, r) => v.disabled ? -1 : r).filter((v) => v >= 0);
+    if (!i.length) {
+      E(-1);
       return;
     }
-    const l = n.indexOf(V()), a = r === "first" ? 0 : r === "last" ? n.length - 1 : l < 0 ? t < 0 ? n.length - 1 : 0 : (l + t + n.length) % n.length;
-    $(n[a]), k?.querySelector('[id="' + D + "-" + n[a] + '"]')?.scrollIntoView({
+    const l = i.indexOf(L()), n = a === "first" ? 0 : a === "last" ? i.length - 1 : l < 0 ? t < 0 ? i.length - 1 : 0 : (l + t + i.length) % i.length;
+    E(i[n]), k?.querySelector('[id="' + S + "-" + i[n] + '"]')?.scrollIntoView({
       block: "nearest"
     });
-  }, O = () => {
-    if (!w || !k) return;
-    const t = w.getBoundingClientRect();
-    ne(t.width);
-    const r = ke(xe({
-      owner: w
-    }));
-    ae(he(t, k.getBoundingClientRect(), u.direction === "rtl" ? "end" : "start", r));
+  }, fe = () => {
+    if (!x || !k) return;
+    const t = x.getBoundingClientRect();
+    de(t.width);
+    const a = De(Pe({
+      owner: x
+    })), i = Ve(
+      t,
+      // The position layer is never transformed; motion belongs to its child.
+      I?.getBoundingClientRect() ?? k.getBoundingClientRect(),
+      u.direction === "rtl" ? "end" : "start",
+      a
+    );
+    ce(i.y < t.top ? "top" : "bottom"), oe(i);
   };
-  K(() => {
-    if (!v()) return;
-    const t = ce(V);
-    if (t < 0 || !b()[t] || b()[t].disabled) {
-      const r = b().findIndex((n) => !n.disabled && e.values.includes(n.value));
-      $(r >= 0 ? r : b().findIndex((n) => !n.disabled));
+  N(() => {
+    if (!h()) return;
+    const t = be(L);
+    if (t < 0 || !C()[t] || C()[t].disabled) {
+      const a = C().findIndex((i) => !i.disabled && e.values.includes(i.value));
+      E(a >= 0 ? a : C().findIndex((i) => !i.disabled));
     }
-  }), K(() => {
-    if (!v() || typeof window > "u") return;
-    const t = requestAnimationFrame(O), r = new ResizeObserver(O);
-    w && r.observe(w), k && r.observe(k), window.addEventListener("resize", O), window.addEventListener("scroll", O, !0), p(() => {
-      cancelAnimationFrame(t), r.disconnect(), window.removeEventListener("resize", O), window.removeEventListener("scroll", O, !0);
+  }), N(() => {
+    if (!D.mounted() || D.exiting() || typeof window > "u") return;
+    let t = 0;
+    const a = () => {
+      t || (t = requestAnimationFrame(() => {
+        t = 0, fe();
+      }));
+    };
+    a();
+    const i = new ResizeObserver(a);
+    x && i.observe(x), I && i.observe(I), window.addEventListener("resize", a), window.addEventListener("scroll", a, !0), ae(() => {
+      cancelAnimationFrame(t), i.disconnect(), window.removeEventListener("resize", a), window.removeEventListener("scroll", a, !0);
     });
-  }), ge({
-    open: v,
+  }), Ce({
+    open: h,
     root: () => k,
-    containsTarget: (t) => t instanceof Node && !!(k?.contains(t) || w?.contains(t)),
-    onClose: () => m(!1),
-    onInteractOutside: () => m(!1),
-    onEscapeOutside: () => m(!1),
+    containsTarget: (t) => t instanceof Node && !!(k?.contains(t) || x?.contains(t)),
+    onClose: () => y(!1),
+    onInteractOutside: () => y(!1),
+    onEscapeOutside: () => y(!1),
     lockBodyScroll: !1,
     trapFocus: !1,
     autoFocus: !1,
@@ -76,42 +95,42 @@ function H(e) {
     blockHotkeys: !1,
     closeOnEscape: "inside",
     escapeKeyPhase: "bubble"
-  }), fe(() => {
-    const t = L?.form;
-    let r;
-    const n = (l) => {
-      clearTimeout(r), r = setTimeout(() => {
-        if (!l.defaultPrevented && (e.onValuesChange([...e.resetValues]), m(!1), L))
-          for (const a of L.options) a.selected = e.values.includes(a.value);
+  }), ye(() => {
+    const t = O?.form;
+    let a;
+    const i = (l) => {
+      clearTimeout(a), a = setTimeout(() => {
+        if (!l.defaultPrevented && (e.onValuesChange([...e.resetValues]), y(!1), O))
+          for (const n of O.options) n.selected = e.values.includes(n.value);
       });
     };
-    t?.addEventListener("reset", n), p(() => {
-      clearTimeout(r), t?.removeEventListener("reset", n);
+    t?.addEventListener("reset", i), ae(() => {
+      clearTimeout(a), t?.removeEventListener("reset", i);
     });
-  }), K(() => {
+  }), N(() => {
     const t = e.values;
-    if (e.options, L) for (const r of L.options) r.selected = t.includes(r.value);
+    if (e.options, O) for (const a of O.options) a.selected = t.includes(a.value);
   });
-  const W = {
+  const Z = {
     get id() {
-      return j();
+      return W();
     },
     get disabled() {
       return _();
     },
     get "aria-readonly"() {
-      return P();
+      return q();
     },
     role: "combobox",
     "aria-haspopup": "listbox",
     get "aria-expanded"() {
-      return v();
+      return h();
     },
     get "aria-controls"() {
-      return v() ? D : void 0;
+      return h() ? S : void 0;
     },
     get "aria-activedescendant"() {
-      return v() && b()[V()] ? D + "-" + V() : void 0;
+      return h() && C()[L()] ? S + "-" + L() : void 0;
     },
     get "aria-label"() {
       return e.ariaLabel;
@@ -120,232 +139,232 @@ function H(e) {
       return e.ariaLabelledBy;
     },
     get "aria-describedby"() {
-      return ye(f["aria-describedby"], e.ariaDescribedBy);
+      return Oe(g["aria-describedby"], e.ariaDescribedBy);
     },
     get "aria-invalid"() {
-      return e.invalid || f["aria-invalid"];
+      return e.invalid || g["aria-invalid"];
     },
     get "aria-required"() {
-      return e.required ?? f.required;
+      return e.required ?? g.required;
     },
     "data-floe-input-surface": "true",
     "data-floe-control": "select",
     "data-floe-dropdown-trigger": "",
     "data-floe-surface": "inset",
     get class() {
-      return ee("floe-field flex w-full min-w-0 items-center justify-between gap-2 h-[var(--floe-control-height-md)] px-2.5 text-[length:var(--floe-type-control)]", e.class);
+      return re("floe-field flex w-full min-w-0 items-center justify-between gap-2 h-[var(--floe-control-height-md)] px-2.5 text-[length:var(--floe-type-control)]", e.class);
     },
     onKeyDown: (t) => {
-      if (!(_() || P() || t.isComposing)) {
-        if (t.key === "Escape" && v()) {
-          t.preventDefault(), t.stopPropagation(), m(!1);
+      if (!(_() || q() || t.isComposing)) {
+        if (t.key === "Escape" && h()) {
+          t.preventDefault(), t.stopPropagation(), y(!1);
           return;
         }
         if (t.key === "Tab") {
-          m(!1);
+          y(!1);
           return;
         }
         if (t.key === "ArrowDown" || t.key === "ArrowUp") {
           t.preventDefault();
-          const r = v();
-          m(!0), r && U(t.key === "ArrowDown" ? 1 : -1);
+          const a = h();
+          y(!0), a && Y(t.key === "ArrowDown" ? 1 : -1);
           return;
         }
-        if (v() && (t.key === "Home" || t.key === "End") && !e.searchable) {
-          t.preventDefault(), U(0, t.key === "Home" ? "first" : "last");
+        if (h() && (t.key === "Home" || t.key === "End") && !e.searchable) {
+          t.preventDefault(), Y(0, t.key === "Home" ? "first" : "last");
           return;
         }
         if (t.key === "Enter" || !e.searchable && t.key === " ") {
-          t.preventDefault(), v() && b()[V()] ? R(b()[V()]) : m(!0);
+          t.preventDefault(), h() && C()[L()] ? z(C()[L()]) : y(!0);
           return;
         }
         if (!e.searchable && t.key.length === 1 && !t.ctrlKey && !t.metaKey && !t.altKey) {
-          const r = Date.now();
-          I = r - N > 700 ? t.key : I + t.key, N = r;
-          const n = e.options.find((l) => !l.disabled && l.label.toLocaleLowerCase(u.locale).startsWith(I.toLocaleLowerCase(u.locale)));
-          n && (t.preventDefault(), v() ? $(b().indexOf(n)) : R(n));
+          const a = Date.now();
+          j = a - J > 700 ? t.key : j + t.key, J = a;
+          const i = e.options.find((l) => !l.disabled && l.label.toLocaleLowerCase(u.locale).startsWith(j.toLocaleLowerCase(u.locale)));
+          i && (t.preventDefault(), h() ? E(C().indexOf(i)) : z(i));
         }
       }
     },
     ref: (t) => {
-      w = t, e.ref?.(t);
+      x = t, e.ref?.(t);
     }
   };
   return (() => {
-    var t = Pe(), r = t.firstChild;
-    s(t, c(x, {
+    var t = Re(), a = t.firstChild;
+    o(t, c(V, {
       get when() {
         return e.searchable;
       },
       get fallback() {
         return (() => {
-          var l = qe(), a = l.firstChild;
-          return Z(l, A(W, {
+          var l = Ie(), n = l.firstChild;
+          return te(l, R(Z, {
             type: "button",
-            onClick: () => m(!v())
-          }), !1, !0), s(a, () => Q() || e.placeholder || u.t("selectPlaceholder")), s(l, c(we, {
+            onClick: () => y(!h())
+          }), !1, !0), o(n, () => X() || e.placeholder || u.t("selectPlaceholder")), o(l, c($e, {
             class: "h-3.5 w-3.5 shrink-0"
           }), null), l;
         })();
       },
       get children() {
-        var l = Ve();
-        return Z(l, A(W, {
+        var l = Se();
+        return te(l, R(Z, {
           type: "text",
           autocomplete: "off",
           get readOnly() {
-            return P();
+            return q();
           },
           "aria-autocomplete": "list",
           get placeholder() {
             return e.placeholder ?? u.t("searchPlaceholder");
           },
           get value() {
-            return S(() => !!v())() ? B() : Q();
+            return K(() => !!h())() ? H() : X();
           },
-          onClick: () => m(!0),
-          onInput: (a) => {
-            z(a.currentTarget.value), $(-1), m(!0), e.onQueryChange?.(a.currentTarget.value);
+          onClick: () => y(!0),
+          onInput: (n) => {
+            G(n.currentTarget.value), E(-1), y(!0), e.onQueryChange?.(n.currentTarget.value);
           }
         }), !1, !1), l;
       }
-    }), r), r.addEventListener("change", (l) => e.onValuesChange(Array.from(l.currentTarget.selectedOptions, (a) => a.value))), r.addEventListener("invalid", (l) => {
-      l.preventDefault(), w?.focus();
+    }), a), a.addEventListener("change", (l) => e.onValuesChange(Array.from(l.currentTarget.selectedOptions, (n) => n.value))), a.addEventListener("invalid", (l) => {
+      l.preventDefault(), x?.focus();
     });
-    var n = L;
-    return typeof n == "function" ? oe(n, r) : L = r, s(r, c(x, {
+    var i = O;
+    return typeof i == "function" ? le(i, a) : O = a, o(a, c(V, {
       get when() {
-        return S(() => !e.multiple)() && !e.options.some((l) => l.value === "");
+        return K(() => !e.multiple)() && !e.options.some((l) => l.value === "");
       },
       get children() {
-        var l = Le();
-        return E(() => l.selected = !e.values.length || e.values[0] === ""), l;
+        var l = _e();
+        return P(() => l.selected = !e.values.length || e.values[0] === ""), l;
       }
-    }), null), s(r, c(M, {
+    }), null), o(a, c(Q, {
       get each() {
-        return e.values.filter((l) => l !== "" && !e.options.some((a) => a.value === l));
+        return e.values.filter((l) => l !== "" && !e.options.some((n) => n.value === l));
       },
       children: (l) => (() => {
-        var a = Ae();
-        return a.value = l, s(a, l), a;
+        var n = Ke();
+        return n.value = l, o(n, l), n;
       })()
-    }), null), s(r, c(M, {
+    }), null), o(a, c(Q, {
       get each() {
         return e.options;
       },
       children: (l) => (() => {
-        var a = Se();
-        return s(a, () => l.label), E((o) => {
-          var i = e.values.includes(l.value), C = l.disabled;
-          return i !== o.e && (a.selected = o.e = i), C !== o.t && (a.disabled = o.t = C), o;
+        var n = Me();
+        return o(n, () => l.label), P((v) => {
+          var r = e.values.includes(l.value), f = l.disabled;
+          return r !== v.e && (n.selected = v.e = r), f !== v.t && (n.disabled = v.t = f), v;
         }, {
           e: void 0,
           t: void 0
-        }), E(() => a.value = l.value), a;
+        }), P(() => n.value = l.value), n;
       })()
-    }), null), s(t, c(x, {
+    }), null), o(t, c(V, {
       get when() {
-        return v();
+        return D.mounted();
       },
       get children() {
-        return c(me, {
-          owner: w,
+        return c(xe, {
+          owner: x,
           get position() {
-            return le();
+            return ie();
           },
           layerRef: (l) => {
-            k = l;
+            I = l;
           },
           get dir() {
             return u.direction;
           },
-          class: "rounded-panel border border-[var(--floe-line)] bg-popover text-popover-foreground shadow-[var(--floe-elevation-float)] p-1",
           get style() {
             return {
-              width: re() + "px",
+              width: ue() + "px",
               "max-width": "calc(100vw - 24px)"
             };
           },
-          "data-floe-surface": "floating",
           get children() {
-            return [c(x, {
+            var l = Be(), n = l.firstChild, v = k;
+            return typeof v == "function" ? le(v, l) : k = l, o(l, c(V, {
               get when() {
                 return e.loading;
               },
               get children() {
-                var l = $e();
-                return s(l, () => u.t("loading")), l;
+                var r = qe();
+                return o(r, () => u.t("loading")), r;
               }
-            }), c(x, {
+            }), n), o(l, c(V, {
               get when() {
                 return e.error;
               },
               get children() {
-                var l = Ee();
-                return s(l, () => e.error, null), s(l, c(x, {
+                var r = Fe();
+                return o(r, () => e.error, null), o(r, c(V, {
                   get when() {
                     return e.onRetry;
                   },
                   get children() {
-                    var a = Oe();
-                    return a.$$click = () => e.onRetry?.(), s(a, () => u.t("retry")), a;
+                    var f = Ae();
+                    return f.$$click = () => e.onRetry?.(), o(f, () => u.t("retry")), f;
                   }
-                }), null), l;
+                }), null), r;
               }
-            }), (() => {
-              var l = De();
-              return y(l, "id", D), s(l, c(M, {
-                get each() {
-                  return b();
-                },
-                children: (a, o) => (() => {
-                  var i = Te(), C = i.firstChild;
-                  return i.$$click = () => R(a), i.$$pointermove = () => !a.disabled && $(o()), i.$$pointerdown = (d) => d.preventDefault(), s(C, c(x, {
-                    get when() {
-                      return e.values.includes(a.value);
-                    },
-                    get children() {
-                      return c(Ce, {
-                        class: "h-3.5 w-3.5"
-                      });
-                    }
-                  })), s(i, (() => {
-                    var d = S(() => !!e.renderOption);
-                    return () => d() ? e.renderOption(a) : a.label;
-                  })(), null), E((d) => {
-                    var q = D + "-" + o(), G = e.values.includes(a.value), J = a.disabled || void 0, X = e.values.includes(a.value) ? "true" : void 0, Y = ee("flex min-h-[var(--floe-row-height)] items-center gap-2 rounded-sm px-2 text-[length:var(--floe-type-control)]", V() === o() && "bg-accent text-accent-foreground", a.disabled ? "opacity-50" : "cursor-pointer");
-                    return q !== d.e && y(i, "id", d.e = q), G !== d.t && y(i, "aria-selected", d.t = G), J !== d.a && y(i, "aria-disabled", d.a = J), X !== d.o && y(i, "data-floe-selected", d.o = X), Y !== d.i && ie(i, d.i = Y), d;
-                  }, {
-                    e: void 0,
-                    t: void 0,
-                    a: void 0,
-                    o: void 0,
-                    i: void 0
-                  }), i;
-                })()
-              })), E((a) => {
-                var o = e.ariaLabel, i = e.ariaLabelledBy ?? (e.ariaLabel ? void 0 : j()), C = e.multiple || void 0;
-                return o !== a.e && y(l, "aria-label", a.e = o), i !== a.t && y(l, "aria-labelledby", a.t = i), C !== a.a && y(l, "aria-multiselectable", a.a = C), a;
-              }, {
-                e: void 0,
-                t: void 0,
-                a: void 0
-              }), l;
-            })(), c(x, {
+            }), n), m(n, "id", S), o(n, c(Q, {
+              get each() {
+                return C();
+              },
+              children: (r, f) => (() => {
+                var s = He(), $ = s.firstChild;
+                return s.$$click = () => z(r), s.$$pointermove = () => !r.disabled && E(f()), s.$$pointerdown = (d) => d.preventDefault(), o($, c(V, {
+                  get when() {
+                    return e.values.includes(r.value);
+                  },
+                  get children() {
+                    return c(Ee, {
+                      class: "h-3.5 w-3.5"
+                    });
+                  }
+                })), o(s, (() => {
+                  var d = K(() => !!e.renderOption);
+                  return () => d() ? e.renderOption(r) : r.label;
+                })(), null), P((d) => {
+                  var A = S + "-" + f(), F = e.values.includes(r.value), T = r.disabled || void 0, p = e.values.includes(r.value) ? "true" : void 0, ee = re("flex min-h-[var(--floe-row-height)] items-center gap-2 rounded-sm px-2 text-[length:var(--floe-type-control)]", L() === f() && "bg-accent text-accent-foreground", r.disabled ? "opacity-50" : "cursor-pointer");
+                  return A !== d.e && m(s, "id", d.e = A), F !== d.t && m(s, "aria-selected", d.t = F), T !== d.a && m(s, "aria-disabled", d.a = T), p !== d.o && m(s, "data-floe-selected", d.o = p), ee !== d.i && ve(s, d.i = ee), d;
+                }, {
+                  e: void 0,
+                  t: void 0,
+                  a: void 0,
+                  o: void 0,
+                  i: void 0
+                }), s;
+              })()
+            })), o(l, c(V, {
               get when() {
-                return S(() => !b().length && !e.loading)() && !e.error;
+                return K(() => !C().length && !e.loading)() && !e.error;
               },
               get children() {
-                var l = _e();
-                return s(l, () => u.t("noResults")), l;
+                var r = Te();
+                return o(r, () => u.t("noResults")), r;
               }
-            })];
+            }), null), P((r) => {
+              var f = D.state(), s = se(), $ = D.exiting(), d = D.exiting() ? "true" : void 0, A = e.ariaLabel, F = e.ariaLabelledBy ?? (e.ariaLabel ? void 0 : W()), T = e.multiple || void 0;
+              return f !== r.e && m(l, "data-floating-presence", r.e = f), s !== r.t && m(l, "data-floating-side", r.t = s), $ !== r.a && (l.inert = r.a = $), d !== r.o && m(l, "aria-hidden", r.o = d), A !== r.i && m(n, "aria-label", r.i = A), F !== r.n && m(n, "aria-labelledby", r.n = F), T !== r.s && m(n, "aria-multiselectable", r.s = T), r;
+            }, {
+              e: void 0,
+              t: void 0,
+              a: void 0,
+              o: void 0,
+              i: void 0,
+              n: void 0,
+              s: void 0
+            }), l;
           }
         });
       }
-    }), null), E((l) => {
-      var a = u.direction, o = e.name ?? f.name, i = e.form, C = e.required ?? f.required, d = _(), q = e.multiple;
-      return a !== l.e && y(t, "dir", l.e = a), o !== l.t && y(r, "name", l.t = o), i !== l.a && y(r, "form", l.a = i), C !== l.o && (r.required = l.o = C), d !== l.i && (r.disabled = l.i = d), q !== l.n && (r.multiple = l.n = q), l;
+    }), null), P((l) => {
+      var n = u.direction, v = e.name ?? g.name, r = e.form, f = e.required ?? g.required, s = _(), $ = e.multiple;
+      return n !== l.e && m(t, "dir", l.e = n), v !== l.t && m(a, "name", l.t = v), r !== l.a && m(a, "form", l.a = r), f !== l.o && (a.required = l.o = f), s !== l.i && (a.disabled = l.i = s), $ !== l.n && (a.multiple = l.n = $), l;
     }, {
       e: void 0,
       t: void 0,
@@ -356,29 +375,29 @@ function H(e) {
     }), t;
   })();
 }
-function We(e) {
-  const [u, f] = F({
+function tt(e) {
+  const [u, g] = M({
     value: () => e.value,
     defaultValue: e.defaultValue ?? "",
-    onChange: (g) => e.onChange?.(g)
+    onChange: (b) => e.onChange?.(b)
   });
-  return c(H, A(e, {
+  return c(U, R(e, {
     get values() {
       return [u()];
     },
     get resetValues() {
       return [e.defaultValue ?? ""];
     },
-    onValuesChange: (g) => f(g[0] ?? "")
+    onValuesChange: (b) => g(b[0] ?? "")
   }));
 }
-function Ge(e) {
-  const [u, f] = F({
+function lt(e) {
+  const [u, g] = M({
     value: () => e.value,
     defaultValue: e.defaultValue ?? "",
-    onChange: (g) => e.onChange?.(g)
+    onChange: (b) => e.onChange?.(b)
   });
-  return c(H, A(e, {
+  return c(U, R(e, {
     searchable: !0,
     get values() {
       return [u()];
@@ -386,16 +405,16 @@ function Ge(e) {
     get resetValues() {
       return [e.defaultValue ?? ""];
     },
-    onValuesChange: (g) => f(g[0] ?? "")
+    onValuesChange: (b) => g(b[0] ?? "")
   }));
 }
-function Je(e) {
-  const [u, f] = F({
+function at(e) {
+  const [u, g] = M({
     value: () => e.value,
     defaultValue: e.defaultValue ?? [],
-    onChange: (g) => e.onChange?.(g)
+    onChange: (b) => e.onChange?.(b)
   });
-  return c(H, A(e, {
+  return c(U, R(e, {
     multiple: !0,
     get values() {
       return u();
@@ -403,12 +422,12 @@ function Je(e) {
     get resetValues() {
       return e.defaultValue ?? [];
     },
-    onValuesChange: f
+    onValuesChange: g
   }));
 }
-ue(["click", "pointerdown", "pointermove"]);
+ge(["click", "pointerdown", "pointermove"]);
 export {
-  Ge as Combobox,
-  Je as MultiSelect,
-  We as Select
+  lt as Combobox,
+  at as MultiSelect,
+  tt as Select
 };