@floegence/floe-webapp-core 0.90.6 → 0.90.8

package/dist/components/ui/Checkbox.js

@@ -1,8 +1,8 @@
-import { createComponent as n, insert as a, effect as f, className as g, setAttribute as m, spread as A, mergeProps as B, template as v, use as N, memo as G } from "solid-js/web";
+import { createComponent as l, insert as a, effect as f, className as h, setAttribute as m, spread as A, mergeProps as B, template as v, use as N, memo as G } from "solid-js/web";
 import { splitProps as P, createUniqueId as U, Switch as V, Match as j, Show as b, For as J, useContext as K, createEffect as Q, createContext as R } from "solid-js";
 import { useFormControl as T } from "./formFieldContext.js";
 import { cn as d } from "../../utils/cn.js";
-var W = /* @__PURE__ */ v('<svg viewBox="0 0 12 12"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="M2 6l3 3 5-6">'), X = /* @__PURE__ */ v('<svg viewBox="0 0 12 12"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round><path d="M2 6h8">'), Y = /* @__PURE__ */ v("<div role=group>"), Z = /* @__PURE__ */ v("<div data-floe-surface=inset data-floe-surface-part=indicator data-floe-choice-kind=checkbox aria-hidden=true>"), ee = /* @__PURE__ */ v("<input>"), $ = /* @__PURE__ */ v("<span>"), re = /* @__PURE__ */ v('<div class="flex flex-col">'), te = /* @__PURE__ */ v('<label data-floe-checkbox-target><div class="relative flex items-center justify-center pt-0.5">'), ne = /* @__PURE__ */ v("<label data-floe-surface-part=choice><span class=font-medium>"), oe = /* @__PURE__ */ v('<div class="absolute top-2 right-2"><svg class="w-4 h-4 text-[var(--floe-accent-ink)]"fill=currentColor viewBox="0 0 20 20"><path fill-rule=evenodd d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"clip-rule=evenodd>'), le = /* @__PURE__ */ v('<label data-floe-surface-part=choice><div class="flex items-start gap-3"><div class="flex items-center justify-center pt-0.5"></div><div class="flex flex-col flex-1 min-w-0">'), ae = /* @__PURE__ */ v('<div class="absolute top-1.5 right-1.5"><div class="w-4 h-4 rounded-full bg-primary flex items-center justify-center">'), ie = /* @__PURE__ */ v("<label data-floe-surface-part=choice>"), se = /* @__PURE__ */ v("<div>");
+var W = /* @__PURE__ */ v('<svg viewBox="0 0 12 12"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="M2 6l3 3 5-6">'), X = /* @__PURE__ */ v('<svg viewBox="0 0 12 12"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round><path d="M2 6h8">'), Y = /* @__PURE__ */ v("<div role=group>"), Z = /* @__PURE__ */ v("<div data-floe-surface=inset data-floe-surface-part=indicator data-floe-choice-kind=checkbox aria-hidden=true>"), ee = /* @__PURE__ */ v("<input>"), $ = /* @__PURE__ */ v("<span>"), re = /* @__PURE__ */ v('<div class="flex flex-col">'), te = /* @__PURE__ */ v("<label data-floe-checkbox-target><div>"), ne = /* @__PURE__ */ v("<label data-floe-surface-part=choice><span class=font-medium>"), oe = /* @__PURE__ */ v('<div class="absolute top-2 right-2"><svg class="w-4 h-4 text-[var(--floe-accent-ink)]"fill=currentColor viewBox="0 0 20 20"><path fill-rule=evenodd d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"clip-rule=evenodd>'), le = /* @__PURE__ */ v('<label data-floe-surface-part=choice><div class="flex items-start gap-3"><div class="flex items-center justify-center pt-0.5"></div><div class="flex flex-col flex-1 min-w-0">'), ae = /* @__PURE__ */ v('<div class="absolute top-1.5 right-1.5"><div class="w-4 h-4 rounded-full bg-primary flex items-center justify-center">'), ie = /* @__PURE__ */ v("<label data-floe-surface-part=choice>"), se = /* @__PURE__ */ v("<div>");
 const E = R();
 function ce() {
   return K(E);
@@ -63,22 +63,22 @@ function fe(p) {
 function ve(p) {
   const [s, x] = P(p, ["value", "onChange", "size", "orientation", "variant", "disabled", "class", "children"]), e = () => s.variant ?? "default", M = {
     value: () => s.value ?? [],
-    onChange: (h, y) => {
-      const u = s.value ?? [], w = y ? [...u, h] : u.filter((k) => k !== h);
+    onChange: (g, y) => {
+      const u = s.value ?? [], w = y ? [...u, g] : u.filter((k) => k !== g);
       s.onChange?.(w);
     },
     size: () => s.size ?? "md",
     variant: e,
     disabled: () => s.disabled ?? !1
   }, S = () => {
-    const h = e(), y = s.orientation === "horizontal";
-    return h === "button" ? d("inline-flex rounded-group border border-[var(--floe-line)] overflow-hidden", y ? "flex-row" : "flex-col") : h === "card" || h === "tile" ? d("grid gap-2", y ? "grid-flow-col auto-cols-fr" : "grid-cols-1") : d("flex", y ? "flex-row flex-wrap gap-4" : "flex-col gap-2");
+    const g = e(), y = s.orientation === "horizontal";
+    return g === "button" ? d("inline-flex rounded-group border border-[var(--floe-line)] overflow-hidden", y ? "flex-row" : "flex-col") : g === "card" || g === "tile" ? d("grid gap-2", y ? "grid-flow-col auto-cols-fr" : "grid-cols-1") : d("flex", y ? "flex-row flex-wrap gap-4" : "flex-col gap-2");
   };
-  return n(E.Provider, {
+  return l(E.Provider, {
     value: M,
     get children() {
-      var h = Y();
-      return A(h, B({
+      var g = Y();
+      return A(g, B({
         get "data-floe-surface"() {
           return e() === "button" ? "inset" : void 0;
         },
@@ -88,40 +88,40 @@ function ve(p) {
         get class() {
           return d(S(), s.class);
         }
-      }, x), !1, !0), a(h, () => s.children), h;
+      }, x), !1, !0), a(g, () => s.children), g;
     }
   });
 }
 function he(p) {
-  const s = T(), x = ce(), [e, M] = P(p, ["value", "checked", "onChange", "label", "description", "icon", "size", "variant", "indeterminate", "ref", "class", "disabled", "id"]), S = U(), h = () => e.id ?? (x ? S : s.id) ?? S, y = () => x !== void 0, u = () => e.size ?? x?.size() ?? "md", w = () => e.variant ?? x?.variant() ?? "default", k = () => e.disabled ?? (x?.disabled() || s.disabled || !1), c = () => y() && e.value ? x.value().includes(e.value) : e.checked ?? !1, H = () => {
+  const s = T(), x = ce(), [e, M] = P(p, ["value", "checked", "onChange", "label", "description", "icon", "size", "variant", "indeterminate", "ref", "class", "disabled", "id"]), S = U(), g = () => e.id ?? (x ? S : s.id) ?? S, y = () => x !== void 0, u = () => e.size ?? x?.size() ?? "md", w = () => e.variant ?? x?.variant() ?? "default", k = () => e.disabled ?? (x?.disabled() || s.disabled || !1), c = () => y() && e.value ? x.value().includes(e.value) : e.checked ?? !1, H = () => {
     k() || (y() && e.value ? x.onChange(e.value, !c()) : e.onChange?.(!c()));
   }, q = () => (() => {
     var t = Z();
-    return a(t, n(b, {
+    return a(t, l(b, {
       get when() {
         return e.indeterminate;
       },
       get children() {
-        return n(fe, {
+        return l(fe, {
           get class() {
             return d(C[u()].icon, "transition-transform duration-[var(--floe-duration-fast)]");
           }
         });
       }
-    }), null), a(t, n(b, {
+    }), null), a(t, l(b, {
       get when() {
         return G(() => !e.indeterminate)() && c();
       },
       get children() {
-        return n(O, {
+        return l(O, {
           get class() {
             return d(C[u()].icon, "transition-transform duration-[var(--floe-duration-fast)]");
           }
         });
       }
     }), null), f((r) => {
-      var o = c() || e.indeterminate ? "true" : void 0, l = d("rounded-xs border transition-[background-color,border-color,color,transform] duration-[var(--floe-duration-fast)] ease-[var(--floe-ease-out)]", "flex items-center justify-center", C[u()].box, c() || e.indeterminate ? "border-primary bg-primary text-primary-foreground" : "border-[var(--floe-control-edge)] bg-transparent hover:border-[var(--floe-control-edge-hover)]", k() && "cursor-not-allowed");
-      return o !== r.e && m(t, "data-floe-selected", r.e = o), l !== r.t && g(t, r.t = l), r;
+      var n = c() || e.indeterminate ? "true" : void 0, o = d("rounded-xs border transition-[background-color,border-color,color,transform] duration-[var(--floe-duration-fast)] ease-[var(--floe-ease-out)]", "flex items-center justify-center", C[u()].box, c() || e.indeterminate ? "border-primary bg-primary text-primary-foreground" : "border-[var(--floe-control-edge)] bg-transparent hover:border-[var(--floe-control-edge-hover)]", k() && "cursor-not-allowed");
+      return n !== r.e && m(t, "data-floe-selected", r.e = n), o !== r.t && h(t, r.t = o), r;
     }, {
       e: void 0,
       t: void 0
@@ -131,14 +131,14 @@ function he(p) {
     return Q(() => {
       r && (r.indeterminate = e.indeterminate ?? !1);
     }), (() => {
-      var o = ee();
-      return N((l) => {
-        r = l, typeof e.ref == "function" && e.ref(l);
-      }, o), A(o, B(s, {
+      var n = ee();
+      return N((o) => {
+        r = o, typeof e.ref == "function" && e.ref(o);
+      }, n), A(n, B(s, {
         "data-floe-choice-input": "",
         type: "checkbox",
         get id() {
-          return h();
+          return g();
         },
         get value() {
           return e.value;
@@ -152,61 +152,67 @@ function he(p) {
         get disabled() {
           return k();
         },
-        onClick: (l) => {
-          (p.readOnly ?? s.readOnly) && l.preventDefault();
+        onClick: (o) => {
+          (p.readOnly ?? s.readOnly) && o.preventDefault();
         },
         onChange: H,
         get class() {
           return t.class ?? "sr-only peer";
         }
-      }, M), !1, !1), o;
+      }, M), !1, !1), n;
     })();
   };
-  return n(V, {
+  return l(V, {
     get children() {
-      return [n(j, {
+      return [l(j, {
         get when() {
           return w() === "default";
         },
         get children() {
           var t = te(), r = t.firstChild;
-          return a(r, n(I, {}), null), a(r, n(q, {}), null), a(t, n(b, {
+          return a(r, l(I, {}), null), a(r, l(q, {}), null), a(t, l(b, {
             get when() {
               return e.label || e.description;
             },
             get children() {
-              var o = re();
-              return a(o, n(b, {
+              var n = re();
+              return a(n, l(b, {
                 get when() {
                   return e.label;
                 },
                 get children() {
-                  var l = $();
-                  return a(l, () => e.label), f(() => g(l, d("text-foreground", C[u()].label))), l;
+                  var o = $();
+                  return a(o, () => e.label), f(() => h(o, d("text-foreground", C[u()].label))), o;
                 }
-              }), null), a(o, n(b, {
+              }), null), a(n, l(b, {
                 get when() {
                   return e.description;
                 },
                 get children() {
-                  var l = $();
-                  return a(l, () => e.description), f(() => g(l, d("text-[var(--floe-ink-soft)]", C[u()].description))), l;
+                  var o = $();
+                  return a(o, () => e.description), f(() => h(o, d("text-[var(--floe-ink-soft)]", C[u()].description))), o;
                 }
-              }), null), o;
+              }), null), n;
             }
-          }), null), f(() => g(t, d("inline-flex items-start gap-2 cursor-pointer select-none", k() && "opacity-50 cursor-not-allowed", e.class))), t;
+          }), null), f((n) => {
+            var o = d("inline-flex gap-2 cursor-pointer select-none", e.description ? "items-start" : "items-center", k() && "opacity-50 cursor-not-allowed", e.class), i = d("relative flex items-center justify-center", e.description && "pt-0.5");
+            return o !== n.e && h(t, n.e = o), i !== n.t && h(r, n.t = i), n;
+          }, {
+            e: void 0,
+            t: void 0
+          }), t;
         }
-      }), n(j, {
+      }), l(j, {
         get when() {
           return w() === "button";
         },
         get children() {
           var t = ne(), r = t.firstChild;
-          return a(t, n(I, {
+          return a(t, l(I, {
             class: "sr-only"
-          }), r), a(r, () => e.label), f((o) => {
-            var l = c() ? "inset" : "raised", i = c() ? "true" : void 0, _ = w(), z = d("cursor-pointer select-none transition-colors duration-[var(--floe-duration-fast)]", "border-r border-[var(--floe-line)] last:border-r-0", de[u()], c() ? "bg-[var(--primary)] text-[var(--primary-foreground)] border-[var(--primary)]" : "bg-transparent text-[var(--floe-ink-soft)] hover:bg-[var(--floe-state-hover)] hover:text-[var(--floe-ink)]", k() && "opacity-50 cursor-not-allowed", e.class);
-            return l !== o.e && m(t, "data-floe-surface", o.e = l), i !== o.t && m(t, "data-floe-selected", o.t = i), _ !== o.a && m(t, "data-floe-choice-variant", o.a = _), z !== o.o && g(t, o.o = z), o;
+          }), r), a(r, () => e.label), f((n) => {
+            var o = c() ? "inset" : "raised", i = c() ? "true" : void 0, _ = w(), z = d("cursor-pointer select-none transition-colors duration-[var(--floe-duration-fast)]", "border-r border-[var(--floe-line)] last:border-r-0", de[u()], c() ? "bg-[var(--primary)] text-[var(--primary-foreground)] border-[var(--primary)]" : "bg-transparent text-[var(--floe-ink-soft)] hover:bg-[var(--floe-state-hover)] hover:text-[var(--floe-ink)]", k() && "opacity-50 cursor-not-allowed", e.class);
+            return o !== n.e && m(t, "data-floe-surface", n.e = o), i !== n.t && m(t, "data-floe-selected", n.t = i), _ !== n.a && m(t, "data-floe-choice-variant", n.a = _), z !== n.o && h(t, n.o = z), n;
           }, {
             e: void 0,
             t: void 0,
@@ -214,31 +220,31 @@ function he(p) {
             o: void 0
           }), t;
         }
-      }), n(j, {
+      }), l(j, {
         get when() {
           return w() === "card";
         },
         get children() {
-          var t = le(), r = t.firstChild, o = r.firstChild, l = o.nextSibling;
-          return a(t, n(I, {
+          var t = le(), r = t.firstChild, n = r.firstChild, o = n.nextSibling;
+          return a(t, l(I, {
             class: "sr-only"
-          }), r), a(o, n(q, {})), a(l, n(b, {
+          }), r), a(n, l(q, {})), a(o, l(b, {
             get when() {
               return e.label;
             },
             get children() {
               var i = $();
-              return a(i, () => e.label), f(() => g(i, d("font-medium text-foreground", C[u()].label))), i;
+              return a(i, () => e.label), f(() => h(i, d("font-medium text-foreground", C[u()].label))), i;
             }
-          }), null), a(l, n(b, {
+          }), null), a(o, l(b, {
             get when() {
               return e.description;
             },
             get children() {
               var i = $();
-              return a(i, () => e.description), f(() => g(i, d("text-[var(--floe-ink-soft)] mt-0.5", C[u()].description))), i;
+              return a(i, () => e.description), f(() => h(i, d("text-[var(--floe-ink-soft)] mt-0.5", C[u()].description))), i;
             }
-          }), null), a(t, n(b, {
+          }), null), a(t, l(b, {
             get when() {
               return c();
             },
@@ -247,7 +253,7 @@ function he(p) {
             }
           }), null), f((i) => {
             var _ = c() ? "inset" : "raised", z = c() ? "true" : void 0, D = w(), F = d("relative cursor-pointer select-none rounded-group border transition-[background-color,border-color,color] duration-[var(--floe-duration-fast)] ease-[var(--floe-ease-out)]", ue[u()], c() ? "border-[var(--floe-accent-line)] bg-[var(--floe-state-selected)]" : "border-[var(--floe-line)] bg-transparent hover:border-[var(--floe-line-strong)] hover:bg-[var(--floe-state-hover)]", k() && "opacity-50 cursor-not-allowed", e.class);
-            return _ !== i.e && m(t, "data-floe-surface", i.e = _), z !== i.t && m(t, "data-floe-selected", i.t = z), D !== i.a && m(t, "data-floe-choice-variant", i.a = D), F !== i.o && g(t, i.o = F), i;
+            return _ !== i.e && m(t, "data-floe-surface", i.e = _), z !== i.t && m(t, "data-floe-selected", i.t = z), D !== i.a && m(t, "data-floe-choice-variant", i.a = D), F !== i.o && h(t, i.o = F), i;
           }, {
             e: void 0,
             t: void 0,
@@ -255,58 +261,58 @@ function he(p) {
             o: void 0
           }), t;
         }
-      }), n(j, {
+      }), l(j, {
         get when() {
           return w() === "tile";
         },
         get children() {
           var t = ie();
-          return a(t, n(I, {
+          return a(t, l(I, {
             class: "sr-only"
-          }), null), a(t, n(b, {
+          }), null), a(t, l(b, {
             get when() {
               return e.icon;
             },
             children: (r) => {
-              const o = r();
+              const n = r();
               return (() => {
-                var l = se();
-                return a(l, n(o, {
+                var o = se();
+                return a(o, l(n, {
                   get class() {
                     return L[u()].icon;
                   }
-                })), f(() => g(l, d("mb-2 transition-colors duration-[var(--floe-duration-fast)]", c() ? "text-[var(--floe-accent-ink)]" : "text-[var(--floe-ink-quiet)]"))), l;
+                })), f(() => h(o, d("mb-2 transition-colors duration-[var(--floe-duration-fast)]", c() ? "text-[var(--floe-accent-ink)]" : "text-[var(--floe-ink-quiet)]"))), o;
               })();
             }
-          }), null), a(t, n(b, {
+          }), null), a(t, l(b, {
             get when() {
               return e.label;
             },
             get children() {
               var r = $();
-              return a(r, () => e.label), f(() => g(r, d("font-medium transition-colors duration-[var(--floe-duration-fast)]", C[u()].label, c() ? "text-[var(--floe-ink)]" : "text-[var(--floe-ink-soft)]"))), r;
+              return a(r, () => e.label), f(() => h(r, d("font-medium transition-colors duration-[var(--floe-duration-fast)]", C[u()].label, c() ? "text-[var(--floe-ink)]" : "text-[var(--floe-ink-soft)]"))), r;
             }
-          }), null), a(t, n(b, {
+          }), null), a(t, l(b, {
             get when() {
               return e.description;
             },
             get children() {
               var r = $();
-              return a(r, () => e.description), f(() => g(r, d("text-[var(--floe-ink-soft)] mt-0.5", C[u()].description))), r;
+              return a(r, () => e.description), f(() => h(r, d("text-[var(--floe-ink-soft)] mt-0.5", C[u()].description))), r;
             }
-          }), null), a(t, n(b, {
+          }), null), a(t, l(b, {
             get when() {
               return c();
             },
             get children() {
-              var r = ae(), o = r.firstChild;
-              return a(o, n(O, {
+              var r = ae(), n = r.firstChild;
+              return a(n, l(O, {
                 class: "w-2.5 h-2.5 text-primary-foreground"
               })), r;
             }
           }), null), f((r) => {
-            var o = c() ? "inset" : "raised", l = c() ? "true" : void 0, i = w(), _ = d("relative flex flex-col items-center justify-center cursor-pointer select-none", "rounded-control border transition-[background-color,border-color,color] duration-[var(--floe-duration-fast)] ease-[var(--floe-ease-out)] text-center", L[u()].container, c() ? "border-[var(--floe-accent-line)] bg-[var(--floe-state-selected)]" : "border-[var(--floe-line)] bg-transparent hover:border-[var(--floe-line-strong)] hover:bg-[var(--floe-state-hover)]", k() && "opacity-50 cursor-not-allowed", e.class);
-            return o !== r.e && m(t, "data-floe-surface", r.e = o), l !== r.t && m(t, "data-floe-selected", r.t = l), i !== r.a && m(t, "data-floe-choice-variant", r.a = i), _ !== r.o && g(t, r.o = _), r;
+            var n = c() ? "inset" : "raised", o = c() ? "true" : void 0, i = w(), _ = d("relative flex flex-col items-center justify-center cursor-pointer select-none", "rounded-control border transition-[background-color,border-color,color] duration-[var(--floe-duration-fast)] ease-[var(--floe-ease-out)] text-center", L[u()].container, c() ? "border-[var(--floe-accent-line)] bg-[var(--floe-state-selected)]" : "border-[var(--floe-line)] bg-transparent hover:border-[var(--floe-line-strong)] hover:bg-[var(--floe-state-hover)]", k() && "opacity-50 cursor-not-allowed", e.class);
+            return n !== r.e && m(t, "data-floe-surface", r.e = n), o !== r.t && m(t, "data-floe-selected", r.t = o), i !== r.a && m(t, "data-floe-choice-variant", r.a = i), _ !== r.o && h(t, r.o = _), r;
           }, {
             e: void 0,
             t: void 0,
@@ -320,13 +326,13 @@ function he(p) {
 }
 function pe(p) {
   const [s, x] = P(p, ["options"]);
-  return n(ve, B(x, {
+  return l(ve, B(x, {
     get children() {
-      return n(J, {
+      return l(J, {
         get each() {
           return s.options;
         },
-        children: (e) => n(he, {
+        children: (e) => l(he, {
           get value() {
             return e.value;
           },

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
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@floegence/floe-webapp-core",
-  "version": "0.90.6",
+  "version": "0.90.8",
   "license": "MIT",
   "type": "module",
   "main": "./dist/index.js",