@floegence/floe-webapp-core 0.36.68 → 0.36.70

package/dist/components/ui/Dropdown.js

@@ -1,14 +1,15 @@
-import { setAttribute as v, insert as f, createComponent as a, Portal as N, use as R, spread as z, mergeProps as U, effect as I, className as E, template as $, memo as H, delegateEvents as V } from "solid-js/web";
-import { createSignal as O, createMemo as X, createEffect as Y, onCleanup as Z, Show as y, Index as W } from "solid-js";
-import { cn as S } from "../../utils/cn.js";
-import { deferNonBlocking as ee } from "../../utils/defer.js";
-import { ChevronDown as te, Check as ne, ChevronRight as re } from "../icons/index.js";
-import { focusMenuItem as P, MENU_ITEM_SELECTOR as oe, moveMenuFocus as K, calculateMenuPosition as ie, calculateSubmenuPosition as ue } from "./menuUtils.js";
-import { LOCAL_INTERACTION_SURFACE_ATTR as G } from "./localInteractionSurface.js";
-import { resolveSurfacePortalHost as ae, projectSurfacePortalPosition as le, resolveSurfacePortalBoundaryRect as de, isSurfacePortalMode as ce, resolveSurfacePortalMount as se } from "./dialogSurfaceScope.js";
-var F = /* @__PURE__ */ $("<div>"), fe = /* @__PURE__ */ $("<div><div role=button aria-haspopup=menu data-floe-dropdown-trigger>"), J = /* @__PURE__ */ $('<div class="my-1 h-px bg-border"role=separator>'), me = /* @__PURE__ */ $('<button type=button role=menuitem><span class="w-3.5 h-3.5 flex items-center justify-center"></span><span class="flex-1 text-left">'), ge = /* @__PURE__ */ $("<div class=relative>"), ve = /* @__PURE__ */ $('<span class="w-3.5 h-3.5 flex items-center justify-center">'), be = /* @__PURE__ */ $("<span>");
-let he = 0, we = 0;
-function ye(e, d) {
+import { setAttribute as v, insert as f, createComponent as l, Portal as U, use as R, spread as W, mergeProps as G, effect as _, className as E, template as k, memo as N, delegateEvents as ee } from "solid-js/web";
+import { createSignal as T, createMemo as te, createEffect as J, onCleanup as ne, Show as y, Index as Q } from "solid-js";
+import { cn as p } from "../../utils/cn.js";
+import { deferNonBlocking as re } from "../../utils/defer.js";
+import { ChevronDown as oe, Check as ie, ChevronRight as ue } from "../icons/index.js";
+import { focusMenuItem as L, MENU_ITEM_SELECTOR as ae, moveMenuFocus as z, calculateMenuPosition as le, calculateSubmenuPosition as se } from "./menuUtils.js";
+import { LOCAL_INTERACTION_SURFACE_ATTR as V } from "./localInteractionSurface.js";
+import { createFloatingPresence as X } from "./floatingPresence.js";
+import { resolveSurfacePortalHost as de, projectSurfacePortalPosition as ce, resolveSurfacePortalBoundaryRect as fe, isSurfacePortalMode as me, resolveSurfacePortalMount as ge } from "./dialogSurfaceScope.js";
+var j = /* @__PURE__ */ k("<div>"), ve = /* @__PURE__ */ k("<div><div role=button aria-haspopup=menu data-floe-dropdown-trigger>"), Y = /* @__PURE__ */ k('<div class="my-1 h-px bg-border"role=separator>'), be = /* @__PURE__ */ k('<button type=button role=menuitem><span class="w-3.5 h-3.5 flex items-center justify-center"></span><span class="flex-1 text-left">'), he = /* @__PURE__ */ k("<div class=relative>"), we = /* @__PURE__ */ k('<span class="w-3.5 h-3.5 flex items-center justify-center">'), ye = /* @__PURE__ */ k("<span>");
+let xe = 0, Se = 0;
+function pe(e, d) {
   switch (e) {
     case "Enter":
     case " ":
@@ -32,151 +33,161 @@ function ye(e, d) {
       return null;
   }
 }
-function xe(e) {
-  const [d, c] = O(!1), [s, A] = O({
+function Me(e) {
+  const [d, s] = T(!1), u = X({
+    open: d,
+    exitDurationMs: 100
+  }), [F, M] = T({
     x: -9999,
     y: -9999
   });
-  let b, h;
-  const m = `floe-dropdown-${he += 1}`, w = `${m}-menu`, k = X(() => d() ? ae() : {
+  let x, w;
+  const b = `floe-dropdown-${xe += 1}`, $ = `${b}-menu`, h = te(() => u.mounted() ? de() : {
     host: null,
     boundaryHost: null,
     mountHost: null,
     mode: "global"
-  }), u = {
-    mount: () => se(k()),
-    isSurfaceMode: () => ce(k()),
-    boundaryRect: () => de(k()),
-    projectPosition: (r) => le(r, k())
-  }, M = () => {
-    if (!b || !h) return;
-    const r = b.getBoundingClientRect(), n = h.getBoundingClientRect(), i = ie(r, n, e.align ?? "start", u.boundaryRect());
-    A(i);
+  }), c = {
+    mount: () => ge(h()),
+    isSurfaceMode: () => me(h()),
+    boundaryRect: () => fe(h()),
+    projectPosition: (o) => ce(o, h())
+  }, P = () => {
+    if (!x || !w) return;
+    const o = x.getBoundingClientRect(), r = w.getBoundingClientRect(), i = le(o, r, e.align ?? "start", c.boundaryRect());
+    M(i);
   };
-  Y(() => {
-    if (!d()) {
-      A({
+  J(() => {
+    if (!u.mounted()) {
+      M({
         x: -9999,
         y: -9999
       });
       return;
     }
-    const r = (i) => {
+    if (!d()) return;
+    const o = (i) => {
       const t = i.target;
-      t && typeof t.closest == "function" && t.closest(`[data-floe-dropdown="${m}"]`) || c(!1);
-    }, n = (i) => {
-      i.key === "Escape" && (c(!1), requestAnimationFrame(() => b?.focus()));
+      t && typeof t.closest == "function" && t.closest(`[data-floe-dropdown="${b}"]`) || s(!1);
+    }, r = (i) => {
+      i.key === "Escape" && (s(!1), requestAnimationFrame(() => x?.focus()));
     };
-    document.addEventListener("pointerdown", r, !0), document.addEventListener("keydown", n), requestAnimationFrame(() => {
-      M(), P(h, e.value ? "selected" : "first");
-    }), Z(() => {
-      document.removeEventListener("pointerdown", r, !0), document.removeEventListener("keydown", n);
+    document.addEventListener("pointerdown", o, !0), document.addEventListener("keydown", r), requestAnimationFrame(() => {
+      P(), L(w, e.value ? "selected" : "first");
+    }), ne(() => {
+      document.removeEventListener("pointerdown", o, !0), document.removeEventListener("keydown", r);
     });
   });
-  const _ = (r) => {
-    const n = e.onSelect;
-    r.keepOpen || c(!1), ee(() => n(r.id));
-  }, p = (r, n = "first") => {
-    e.disabled || (c(r), requestAnimationFrame(() => {
-      M(), P(h, n);
+  const C = (o) => {
+    const r = e.onSelect;
+    o.keepOpen || s(!1), re(() => r(o.id));
+  }, D = (o, r = "first") => {
+    e.disabled || (s(o), requestAnimationFrame(() => {
+      P(), L(w, r);
     }));
-  }, D = (r) => {
+  }, I = (o) => {
     if (e.disabled) return;
-    const n = ye(r.key, {
+    const r = pe(o.key, {
       open: d(),
       hasSelection: !!e.value
     });
-    if (n) {
-      if (r.preventDefault(), !n.nextOpen) {
-        c(!1);
+    if (r) {
+      if (o.preventDefault(), !r.nextOpen) {
+        s(!1);
         return;
       }
-      p(!0, n.focusMode ?? "first");
+      D(!0, r.focusMode ?? "first");
     }
-  }, T = (r) => {
-    const n = r.target, i = n?.closest('[role="menu"]'), t = n?.closest(oe);
-    switch (r.key) {
+  }, O = (o) => {
+    const r = o.target, i = r?.closest('[role="menu"]'), t = r?.closest(ae);
+    switch (o.key) {
       case "ArrowDown":
-        r.preventDefault(), K(i, t, 1);
+        o.preventDefault(), z(i, t, 1);
         return;
       case "ArrowUp":
-        r.preventDefault(), K(i, t, -1);
+        o.preventDefault(), z(i, t, -1);
         return;
       case "Home":
-        r.preventDefault(), P(i, "first");
+        o.preventDefault(), L(i, "first");
         return;
       case "End":
-        r.preventDefault(), P(i, "last");
+        o.preventDefault(), L(i, "last");
         return;
       case "Tab":
-        c(!1);
+        s(!1);
         return;
       default:
         return;
     }
   };
   return (() => {
-    var r = fe(), n = r.firstChild;
-    v(r, "data-floe-dropdown", m), n.$$keydown = D, n.$$click = () => {
+    var o = ve(), r = o.firstChild;
+    v(o, "data-floe-dropdown", b), r.$$keydown = I, r.$$click = () => {
       if (!e.disabled) {
         if (d()) {
-          c(!1);
+          s(!1);
           return;
         }
-        p(!0, e.value ? "selected" : "first");
+        D(!0, e.value ? "selected" : "first");
       }
     };
-    var i = b;
-    return typeof i == "function" ? R(i, n) : b = n, v(n, "aria-controls", w), f(n, () => e.trigger), f(r, a(y, {
+    var i = x;
+    return typeof i == "function" ? R(i, r) : x = r, v(r, "aria-controls", $), f(r, () => e.trigger), f(o, l(y, {
       get when() {
-        return d();
+        return u.mounted();
       },
       get children() {
-        return a(N, {
+        return l(U, {
           get mount() {
-            return u.mount();
+            return c.mount();
           },
           get children() {
-            var t = F(), g = h;
-            return typeof g == "function" ? R(g, t) : h = t, v(t, "data-floe-dropdown", m), z(t, U({
+            var t = j(), n = w;
+            return typeof n == "function" ? R(n, t) : w = t, v(t, "data-floe-dropdown", b), W(t, G({
               get class() {
-                return S(u.isSurfaceMode() ? "absolute z-20 min-w-36 py-0.5" : "fixed z-50 min-w-36 py-0.5", "bg-popover text-popover-foreground", "rounded border border-border shadow-md", "animate-in fade-in slide-in-from-top-2");
+                return p(c.isSurfaceMode() ? "absolute z-20 min-w-36 py-0.5" : "fixed z-50 min-w-36 py-0.5", "bg-popover text-popover-foreground", "rounded border border-border shadow-md", "floe-floating-presence floe-floating-menu");
+              },
+              get "data-floating-presence"() {
+                return u.state();
+              },
+              get "aria-hidden"() {
+                return u.exiting() ? "true" : void 0;
               }
             }, () => ({
-              [G]: u.isSurfaceMode() ? "true" : void 0
+              [V]: c.isSurfaceMode() ? "true" : void 0
             }), {
               get style() {
                 return {
-                  left: `${u.projectPosition(s()).x}px`,
-                  top: `${u.projectPosition(s()).y}px`
+                  left: `${c.projectPosition(F()).x}px`,
+                  top: `${c.projectPosition(F()).y}px`
                 };
               },
               role: "menu",
-              id: w,
-              onKeyDown: T
-            }), !1, !0), f(t, a(W, {
+              id: $,
+              onKeyDown: O
+            }), !1, !0), f(t, l(Q, {
               get each() {
                 return e.items;
               },
-              children: (l) => a(y, {
+              children: (g) => l(y, {
                 get when() {
-                  return !l().separator;
+                  return !g().separator;
                 },
                 get fallback() {
-                  return J();
+                  return Y();
                 },
                 get children() {
-                  return a(Q, {
+                  return l(Z, {
                     get item() {
-                      return l();
+                      return g();
                     },
                     get selected() {
-                      return e.value === l().id;
+                      return e.value === g().id;
                     },
-                    onSelect: _,
-                    onCloseMenu: () => c(!1),
-                    dropdownId: m,
-                    portalLayout: u
+                    onSelect: C,
+                    onCloseMenu: () => s(!1),
+                    dropdownId: b,
+                    portalLayout: c
                   });
                 }
               })
@@ -184,9 +195,9 @@ function xe(e) {
           }
         });
       }
-    }), null), I((t) => {
-      var g = S("relative inline-block", e.class), l = S("cursor-pointer focus:outline-none focus-visible:ring-1 focus-visible:ring-ring", e.triggerClass, e.disabled && "pointer-events-none opacity-50"), C = e.disabled ? -1 : 0, o = d(), x = e.triggerAriaLabel, L = e.disabled ? "true" : void 0;
-      return g !== t.e && E(r, t.e = g), l !== t.t && E(n, t.t = l), C !== t.a && v(n, "tabindex", t.a = C), o !== t.o && v(n, "aria-expanded", t.o = o), x !== t.i && v(n, "aria-label", t.i = x), L !== t.n && v(n, "aria-disabled", t.n = L), t;
+    }), null), _((t) => {
+      var n = p("relative inline-block", e.class), g = p("cursor-pointer focus:outline-none focus-visible:ring-1 focus-visible:ring-ring", e.triggerClass, e.disabled && "pointer-events-none opacity-50"), m = e.disabled ? -1 : 0, A = d(), a = e.triggerAriaLabel, S = e.disabled ? "true" : void 0;
+      return n !== t.e && E(o, t.e = n), g !== t.t && E(r, t.t = g), m !== t.a && v(r, "tabindex", t.a = m), A !== t.o && v(r, "aria-expanded", t.o = A), a !== t.i && v(r, "aria-label", t.i = a), S !== t.n && v(r, "aria-disabled", t.n = S), t;
     }, {
       e: void 0,
       t: void 0,
@@ -194,153 +205,169 @@ function xe(e) {
       o: void 0,
       i: void 0,
       n: void 0
-    }), r;
+    }), o;
   })();
 }
-function Q(e) {
-  const [d, c] = O(!1), [s, A] = O({
+function Z(e) {
+  const [d, s] = T(!1), u = () => e.item.children && e.item.children.length > 0, M = X({
+    open: () => !!(d() && u()),
+    exitDurationMs: 100
+  }), [x, w] = T({
     x: -9999,
     y: -9999
   });
-  let b, h, m, w;
-  const k = `floe-dropdown-item-${we += 1}`, u = () => e.item.children && e.item.children.length > 0, M = () => {
-    if (!b || !m) return;
-    const n = b.getBoundingClientRect(), i = m.getBoundingClientRect(), t = ue(n, i, e.portalLayout.boundaryRect());
-    A(t);
-  }, _ = () => {
-    u() && (clearTimeout(w), w = setTimeout(() => {
-      c(!0), requestAnimationFrame(M);
+  let b, $, h, c;
+  const P = `floe-dropdown-item-${Se += 1}`;
+  J(() => {
+    M.mounted() || w({
+      x: -9999,
+      y: -9999
+    });
+  });
+  const C = () => {
+    if (!b || !h) return;
+    const i = b.getBoundingClientRect(), t = h.getBoundingClientRect(), n = se(i, t, e.portalLayout.boundaryRect());
+    w(n);
+  }, D = () => {
+    u() && (clearTimeout(c), c = setTimeout(() => {
+      s(!0), requestAnimationFrame(C);
     }, 100));
-  }, p = () => {
-    u() && (clearTimeout(w), w = void 0, !e.item.keepOpen && (w = setTimeout(() => {
-      c(!1);
+  }, I = () => {
+    u() && (clearTimeout(c), c = void 0, !e.item.keepOpen && (c = setTimeout(() => {
+      s(!1);
     }, 150)));
-  }, D = (n) => {
+  }, O = (i) => {
     if (!e.item.disabled) {
       if (e.item.content && e.item.keepOpen) {
-        n.stopPropagation();
+        i.stopPropagation();
         return;
       }
-      u() ? (c((i) => !i), requestAnimationFrame(M)) : e.item.content || e.onSelect(e.item);
+      u() ? (s((t) => !t), requestAnimationFrame(C)) : e.item.content || e.onSelect(e.item);
     }
-  }, T = (n = "first") => {
-    u() && (c(!0), requestAnimationFrame(() => {
-      M(), P(m, n);
+  }, o = (i = "first") => {
+    u() && (s(!0), requestAnimationFrame(() => {
+      C(), L(h, i);
     }));
   }, r = () => {
-    c(!1), requestAnimationFrame(() => h?.focus());
+    s(!1), requestAnimationFrame(() => $?.focus());
   };
   return (() => {
-    var n = ge();
-    n.addEventListener("mouseleave", p), n.addEventListener("mouseenter", _);
-    var i = b;
-    return typeof i == "function" ? R(i, n) : b = n, f(n, a(y, {
+    var i = he();
+    i.addEventListener("mouseleave", I), i.addEventListener("mouseenter", D);
+    var t = b;
+    return typeof t == "function" ? R(t, i) : b = i, f(i, l(y, {
       get when() {
         return e.item.content;
       },
       get children() {
-        var t = F();
-        return t.$$click = D, f(t, e.item.content), I(() => E(t, S("w-full px-2 py-1.5", e.item.disabled && "opacity-50 pointer-events-none"))), t;
+        var n = j();
+        return n.$$click = O, f(n, e.item.content), _(() => E(n, p("w-full px-2 py-1.5", e.item.disabled && "opacity-50 pointer-events-none"))), n;
       }
-    }), null), f(n, a(y, {
+    }), null), f(i, l(y, {
       get when() {
         return !e.item.content;
       },
       get children() {
-        var t = me(), g = t.firstChild, l = g.nextSibling;
-        t.$$keydown = (o) => {
-          e.item.disabled || u() && ((o.key === "ArrowRight" || o.key === "Enter" || o.key === " ") && (o.preventDefault(), T("first")), o.key === "ArrowLeft" && (o.preventDefault(), r()));
-        }, t.$$click = D;
-        var C = h;
-        return typeof C == "function" ? R(C, t) : h = t, v(t, "id", k), f(g, a(y, {
+        var n = be(), g = n.firstChild, m = g.nextSibling;
+        n.$$keydown = (a) => {
+          e.item.disabled || u() && ((a.key === "ArrowRight" || a.key === "Enter" || a.key === " ") && (a.preventDefault(), o("first")), a.key === "ArrowLeft" && (a.preventDefault(), r()));
+        }, n.$$click = O;
+        var A = $;
+        return typeof A == "function" ? R(A, n) : $ = n, v(n, "id", P), f(g, l(y, {
           get when() {
-            return H(() => !!e.selected)() && !u();
+            return N(() => !!e.selected)() && !u();
           },
           get children() {
-            return a(ne, {
+            return l(ie, {
               class: "w-3 h-3"
             });
           }
-        })), f(t, a(y, {
+        })), f(n, l(y, {
           get when() {
             return e.item.icon;
           },
           keyed: !0,
-          children: (o) => (() => {
-            var x = ve();
-            return f(x, o), x;
+          children: (a) => (() => {
+            var S = we();
+            return f(S, a), S;
           })()
-        }), l), f(l, () => e.item.label), f(t, a(y, {
+        }), m), f(m, () => e.item.label), f(n, l(y, {
           get when() {
             return u();
           },
           get children() {
-            return a(re, {
+            return l(ue, {
               class: "w-3 h-3 text-muted-foreground"
             });
           }
-        }), null), I((o) => {
-          var x = S("w-full flex items-center gap-1.5 px-2 py-1 text-xs", "transition-colors duration-75", "focus:outline-none focus:bg-accent", e.item.disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-accent cursor-pointer"), L = e.item.disabled, j = u() ? "menu" : void 0, q = u() ? d() : void 0, B = e.selected && !u() ? "true" : void 0;
-          return x !== o.e && E(t, o.e = x), L !== o.t && (t.disabled = o.t = L), j !== o.a && v(t, "aria-haspopup", o.a = j), q !== o.o && v(t, "aria-expanded", o.o = q), B !== o.i && v(t, "data-floe-selected", o.i = B), o;
+        }), null), _((a) => {
+          var S = p("w-full flex items-center gap-1.5 px-2 py-1 text-xs", "transition-colors duration-75", "focus:outline-none focus:bg-accent", e.item.disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-accent cursor-pointer"), q = e.item.disabled, B = u() ? "menu" : void 0, H = u() ? d() : void 0, K = e.selected && !u() ? "true" : void 0;
+          return S !== a.e && E(n, a.e = S), q !== a.t && (n.disabled = a.t = q), B !== a.a && v(n, "aria-haspopup", a.a = B), H !== a.o && v(n, "aria-expanded", a.o = H), K !== a.i && v(n, "data-floe-selected", a.i = K), a;
         }, {
           e: void 0,
           t: void 0,
           a: void 0,
           o: void 0,
           i: void 0
-        }), t;
+        }), n;
       }
-    }), null), f(n, a(y, {
+    }), null), f(i, l(y, {
       get when() {
-        return H(() => !!d())() && u();
+        return N(() => !!M.mounted())() && u();
       },
       get children() {
-        return a(N, {
+        return l(U, {
           get mount() {
             return e.portalLayout.mount();
           },
           get children() {
-            var t = F(), g = m;
-            return typeof g == "function" ? R(g, t) : m = t, z(t, U({
+            var n = j(), g = h;
+            return typeof g == "function" ? R(g, n) : h = n, W(n, G({
               get class() {
-                return S(e.portalLayout.isSurfaceMode() ? "absolute z-20 min-w-36 py-0.5" : "fixed z-50 min-w-36 py-0.5", "bg-popover text-popover-foreground", "rounded border border-border shadow-md", "animate-in fade-in slide-in-from-left-1");
+                return p(e.portalLayout.isSurfaceMode() ? "absolute z-20 min-w-36 py-0.5" : "fixed z-50 min-w-36 py-0.5", "bg-popover text-popover-foreground", "rounded border border-border shadow-md", "floe-floating-presence floe-floating-menu floe-floating-submenu");
               },
               get "data-floe-dropdown"() {
                 return e.dropdownId;
+              },
+              get "data-floating-presence"() {
+                return M.state();
+              },
+              get "aria-hidden"() {
+                return M.exiting() ? "true" : void 0;
               }
             }, () => ({
-              [G]: e.portalLayout.isSurfaceMode() ? "true" : void 0
+              [V]: e.portalLayout.isSurfaceMode() ? "true" : void 0
             }), {
               get style() {
                 return {
-                  left: `${e.portalLayout.projectPosition(s()).x}px`,
-                  top: `${e.portalLayout.projectPosition(s()).y}px`
+                  left: `${e.portalLayout.projectPosition(x()).x}px`,
+                  top: `${e.portalLayout.projectPosition(x()).y}px`
                 };
               },
               role: "menu",
-              "aria-labelledby": k,
+              "aria-labelledby": P,
               onMouseEnter: () => {
-                clearTimeout(w);
+                clearTimeout(c);
               },
-              onMouseLeave: p,
-              onKeyDown: (l) => {
-                l.key !== "ArrowLeft" && l.key !== "Escape" || (l.preventDefault(), l.stopPropagation(), r());
+              onMouseLeave: I,
+              onKeyDown: (m) => {
+                m.key !== "ArrowLeft" && m.key !== "Escape" || (m.preventDefault(), m.stopPropagation(), r());
               }
-            }), !1, !0), f(t, a(W, {
+            }), !1, !0), f(n, l(Q, {
               get each() {
                 return e.item.children;
               },
-              children: (l) => a(y, {
+              children: (m) => l(y, {
                 get when() {
-                  return !l().separator;
+                  return !m().separator;
                 },
                 get fallback() {
-                  return J();
+                  return Y();
                 },
                 get children() {
-                  return a(Q, {
+                  return l(Z, {
                     get item() {
-                      return l();
+                      return m();
                     },
                     selected: !1,
                     get onSelect() {
@@ -358,32 +385,32 @@ function Q(e) {
                   });
                 }
               })
-            })), t;
+            })), n;
           }
         });
       }
-    }), null), n;
+    }), null), i;
   })();
 }
-function Re(e) {
-  const d = () => e.options.find((s) => s.value === e.value), c = () => e.options.map((s) => ({
-    id: s.value,
-    label: s.label
+function Ie(e) {
+  const d = () => e.options.find((u) => u.value === e.value), s = () => e.options.map((u) => ({
+    id: u.value,
+    label: u.label
   }));
-  return a(xe, {
+  return l(Me, {
     get triggerClass() {
-      return S("flex items-center justify-between gap-2 h-8 px-2.5 w-full", "rounded border border-input bg-background text-xs shadow-sm", "transition-colors duration-100", e.class);
+      return p("flex items-center justify-between gap-2 h-8 px-2.5 w-full", "rounded border border-input bg-background text-xs shadow-sm", "transition-colors duration-100", e.class);
     },
     get trigger() {
       return [(() => {
-        var s = be();
-        return f(s, () => d()?.label ?? e.placeholder ?? "Select..."), I(() => E(s, S("truncate", !d() && "text-muted-foreground"))), s;
-      })(), a(te, {
+        var u = ye();
+        return f(u, () => d()?.label ?? e.placeholder ?? "Select..."), _(() => E(u, p("truncate", !d() && "text-muted-foreground"))), u;
+      })(), l(oe, {
         class: "w-3.5 h-3.5 text-muted-foreground"
       })];
     },
     get items() {
-      return c();
+      return s();
     },
     get value() {
       return e.value;
@@ -396,9 +423,9 @@ function Re(e) {
     }
   });
 }
-V(["click", "keydown"]);
+ee(["click", "keydown"]);
 export {
-  xe as Dropdown,
-  Re as Select,
-  ye as resolveDropdownTriggerKeyAction
+  Me as Dropdown,
+  Ie as Select,
+  pe as resolveDropdownTriggerKeyAction
 };