@floegence/floe-webapp-core 0.46.6 → 0.46.7

package/dist/components/ui/Dropdown.d.ts

@@ -3,6 +3,8 @@ export interface DropdownItem {
     id: string;
     label: string;
     icon?: () => JSX.Element;
+    /** Visual emphasis for destructive actions. */
+    tone?: 'default' | 'danger';
     disabled?: boolean;
     separator?: boolean;
     /** Submenu items for cascade dropdown */

package/dist/components/ui/Dropdown.js

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

package/package.json

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